:root{
      --navy:#111111;--navy2:#242424;--blue:#d71920;--cyan:#ff6269;
      --ink:#191919;--muted:#686868;--line:#e9e9e9;--soft:#f7f7f7;
      --white:#fff;--green:#16834a;--radius:22px;--shadow:0 22px 65px rgba(25,25,25,.10);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    button,input,textarea,select{font:inherit}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .section{padding:100px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--blue);border-radius:4px}
    h1,h2,h3,h4{font-family:Manrope,sans-serif;letter-spacing:-.045em}
    h2{font-size:clamp(32px,4vw,49px);line-height:1.12;margin:17px 0}
    .section-intro{max-width:650px;color:var(--muted);font-size:16px;line-height:1.8}
    .center{text-align:center}.center .eyebrow{justify-content:center}.center .section-intro{margin:0 auto}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 21px;border-radius:12px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s;cursor:pointer}
    .btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(215,25,32,.24)}
    .btn-primary:hover{background:#b5121b;transform:translateY(-3px);box-shadow:0 15px 30px rgba(215,25,32,.3)}
    .btn-light{background:#fff;color:var(--navy);border-color:#e4eaf3}
    .btn-light:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .arrow{font-size:18px;line-height:0}
    /* Navigation */
    .topbar{background:var(--navy);color:#cbd6e9;font-size:12px;padding:9px 0}
    .topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}
    .topbar a{color:#fff;font-weight:700}
    .topbar-right{display:flex;gap:22px}
    header{height:82px;display:flex;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(231,237,245,.8)}
    .nav{display:flex;align-items:center;justify-content:space-between}
    .brand{display:flex;align-items:center;min-width:160px}
    .brand img{width:154px;height:48px;object-fit:contain;object-position:left center}
    .nav-links{display:flex;align-items:center;gap:32px;color:#42516a;font-size:13px;font-weight:700}
    .nav-links a{transition:.2s}.nav-links a:hover{color:var(--blue)}
    .nav-actions{display:flex;gap:10px;align-items:center}
    .menu-toggle{display:none;border:0;background:var(--soft);width:42px;height:42px;border-radius:10px;font-size:22px;color:var(--navy)}
    /* Hero */
    .hero{position:relative;padding:86px 0 78px;background:radial-gradient(circle at 80% 22%,rgba(215,25,32,.10),transparent 28%),radial-gradient(circle at 12% 90%,rgba(215,25,32,.06),transparent 30%),linear-gradient(135deg,#fffafa 0%,#fff 55%,#fff5f5 100%);overflow:hidden}
    .hero:before{content:"";position:absolute;width:550px;height:550px;border:1px solid rgba(215,25,32,.08);border-radius:50%;right:-150px;top:-190px;box-shadow:0 0 0 55px rgba(215,25,32,.025),0 0 0 110px rgba(215,25,32,.02)}
    .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;position:relative;z-index:1}
    .hero h1{font-size:clamp(43px,5.3vw,68px);line-height:1.04;color:var(--navy);margin:22px 0}
    .hero h1 span{background:linear-gradient(95deg,var(--blue),#19a9d4);-webkit-background-clip:text;background-clip:text;color:transparent}
    .hero-copy{font-size:17px;line-height:1.8;color:#64748b;max-width:540px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 34px}
    .hero-proof{display:flex;align-items:center;gap:14px;color:#718096;font-size:12px}
    .avatars{display:flex}.avatars span{width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#a7d9ff,#3975c9);margin-left:-8px}.avatars span:first-child{margin:0;background:linear-gradient(135deg,#f5c6a5,#bf7658)}.avatars span:nth-child(2){background:linear-gradient(135deg,#c6d6ed,#607da8)}.avatars span:nth-child(3){background:linear-gradient(135deg,#f3d2a2,#ad7740)}
    .hero-visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}
    .hero-photo{width:100%;height:430px;object-fit:cover;border-radius:28px;box-shadow:0 35px 80px rgba(22,48,91,.2)}
    .visual-shade{position:absolute;inset:0;border-radius:28px;background:linear-gradient(180deg,transparent 45%,rgba(8,24,51,.6))}
    .visual-label{position:absolute;left:28px;bottom:28px;color:#fff;z-index:2}
    .visual-label small{color:#f2d0d1;display:block;margin-bottom:7px}
    .visual-label strong{font:800 22px Manrope}
    .float-card{position:absolute;background:#fff;border:1px solid rgba(231,237,245,.8);box-shadow:var(--shadow);border-radius:16px;padding:16px 18px;z-index:3}
    .float-card.top{top:30px;right:-25px}.float-card.bottom{bottom:35px;left:-32px}
    .float-label{font-size:11px;color:#8794a8}.float-value{font:800 21px Manrope;color:var(--navy);margin-top:5px}
    .float-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff0f0;color:var(--blue);margin-right:8px}
    /* Trust strip */
    .trust{padding:27px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
    .trust-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
    .trust-label{font-size:11px;color:#8a97aa;font-weight:800;letter-spacing:.12em;text-transform:uppercase;max-width:170px}
    .trust-logos{display:flex;align-items:center;justify-content:space-between;gap:38px;flex:1;color:#8995a8;font:800 19px Manrope;filter:grayscale(1)}
    .trust-logos span{white-space:nowrap}
    /* Value props */
    .value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
    .value-card{padding:26px 23px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.3s}
    .value-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#d7e5ff}
    .icon-box{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff0f0;color:var(--blue);font-size:22px;margin-bottom:22px}
    .value-card h3{font-size:18px;margin-bottom:10px;letter-spacing:-.025em}
    .value-card p{font-size:13px;line-height:1.75;color:var(--muted)}
    /* About */
    .about{background:var(--soft);position:relative;overflow:hidden}
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}
    .about-image-wrap{position:relative}
    .about-image{width:100%;height:440px;object-fit:cover;border-radius:24px}
    .about-badge{position:absolute;right:-22px;bottom:25px;background:var(--blue);color:#fff;border-radius:18px;padding:20px 24px;box-shadow:0 16px 35px rgba(215,25,32,.25)}
    .about-badge strong{font:800 30px Manrope;display:block}.about-badge span{font-size:11px;color:#ffe2e3}
    .about-copy p{color:var(--muted);line-height:1.85;margin:14px 0;font-size:15px}
    .check-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:27px 0}
    .check{font-size:13px;font-weight:700;color:#34445f;display:flex;gap:9px;align-items:center}
    .check i{font-style:normal;color:var(--green);font-size:17px}
    /* Categories */
    .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
    .category{height:230px;position:relative;border-radius:18px;overflow:hidden;background:#dce5f1;isolation:isolate}
    .category img{width:100%;height:100%;object-fit:cover;transition:.6s}
    .category:hover img{transform:scale(1.09)}
    .category:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(8,22,45,.83));z-index:0}
    .category-info{position:absolute;z-index:1;bottom:20px;left:20px;color:#fff}
    .category-info h3{font-size:19px;letter-spacing:-.02em}.category-info span{font-size:11px;color:#d7e2f4}
    .category-arrow{position:absolute;right:17px;bottom:19px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff}
    /* Process */
    .process{background:var(--navy);color:#fff;position:relative;overflow:hidden}
    .process:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:-180px;top:-200px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.02)}
    .process .eyebrow{color:#ff777d}.process .eyebrow:before{background:#ff777d}
    .process .section-intro{color:#a9bad3}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px;position:relative;z-index:1}
    .step{padding:25px 22px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}
    .step-no{font:800 12px Manrope;color:#ff777d;letter-spacing:.12em}
    .step h3{font-size:18px;margin:24px 0 10px}.step p{font-size:13px;color:#a9bad3;line-height:1.75}
    /* Split panels */
    .audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}
    .audience{border-radius:22px;overflow:hidden;position:relative;min-height:360px;color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
    .audience img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.6s}
    .audience:hover img{transform:scale(1.06)}
    .audience:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,22,45,.05),rgba(7,22,45,.9));z-index:-1}
    .audience .eyebrow{color:#ffb0b4}.audience h3{font-size:30px;margin:12px 0}.audience p{max-width:430px;color:#d6e1f1;line-height:1.7;font-size:14px;margin-bottom:20px}
    .audience .btn{align-self:flex-start;background:#fff;color:var(--navy)}
    /* Metrics */
    .metrics{background:linear-gradient(110deg,#fff0f0,#fffafa);padding:54px 0}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .metric{text-align:center;border-right:1px solid #f0dada}.metric:last-child{border:0}
    .metric strong{display:block;font:800 37px Manrope;color:var(--navy);letter-spacing:-.05em}
    .metric span{font-size:12px;color:var(--muted);font-weight:600}
    /* CTA */
    .cta{padding:80px 0}
    .cta-panel{background:linear-gradient(115deg,#b5121b,#e3262e 60%,#ff525b);border-radius:26px;padding:55px 60px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}
    .cta-panel:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:18%;top:-240px;box-shadow:0 0 0 45px rgba(255,255,255,.05),0 0 0 90px rgba(255,255,255,.04)}
    .cta-panel h2{font-size:clamp(28px,3.5vw,42px);max-width:590px;margin:0 0 12px}
    .cta-panel p{color:#d9e8ff;font-size:14px}
    .cta-panel .btn{background:#fff;color:var(--blue);position:relative;z-index:1;white-space:nowrap}
    /* FAQ / contact */
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
    .faq-item{border-bottom:1px solid var(--line);padding:20px 0}
    .faq-q{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:700;font-size:15px;color:var(--navy)}
    .faq-q span{font-size:20px;color:var(--blue);transition:.2s}
    .faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.8;transition:max-height .35s,padding .35s}
    .faq-item.active .faq-a{max-height:160px;padding-top:13px}.faq-item.active .faq-q span{transform:rotate(45deg)}
    .contact{background:var(--soft)}
    .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}
    .contact-info p{color:var(--muted);line-height:1.8;margin:12px 0 28px}
    .contact-detail{display:flex;gap:13px;align-items:center;margin:20px 0;color:#41516b;font-size:13px}
    .contact-detail b{display:block;color:var(--navy);margin-bottom:3px}
    .contact-form{background:#fff;padding:32px;border-radius:22px;box-shadow:var(--shadow)}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
    .field.full{grid-column:1/-1}
    .field label{font-size:11px;font-weight:800;color:#52627a}
    .field input,.field select,.field textarea{border:1px solid #e1e8f1;border-radius:10px;padding:13px 14px;outline:0;background:#fbfcfe;color:var(--ink);font-size:13px;transition:.2s}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(215,25,32,.09)}
    .field textarea{min-height:105px;resize:vertical}
    /* Footer */
    footer{background:#0c1730;color:#aab8ce;padding:65px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;padding-bottom:45px}
    .footer-brand img{width:172px;height:auto;object-fit:contain;object-position:left;filter:none;background:#fff;padding:9px 12px;border-radius:8px}
    .footer-brand p{max-width:290px;color:#92a2bc;font-size:13px;line-height:1.8;margin:18px 0}
    .socials{display:flex;gap:9px}.socials a{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;font-size:12px}
    .footer-col h4{font-size:13px;color:#fff;letter-spacing:0;margin:5px 0 19px}
    .footer-col a{display:block;font-size:12px;color:#92a2bc;margin:13px 0;transition:.2s}.footer-col a:hover{color:#fff}
    .copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8192ad}
    /* motion */
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:none}
    @media(max-width:1000px){
      .nav-links{gap:18px}.hero-grid{gap:30px}.value-grid,.category-grid{grid-template-columns:repeat(2,1fr)}
      .steps{grid-template-columns:repeat(2,1fr)}.trust-logos{gap:20px;font-size:16px}
      .about-grid{gap:45px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}
    }
    @media(max-width:760px){
      .container{width:min(100% - 34px,560px)}.section{padding:72px 0}
      .topbar-inner{justify-content:center}.topbar-right{display:none}
      header{height:70px}.brand img{width:132px}
      .menu-toggle{display:block}.nav-actions .btn{display:none}
      .nav-links{display:none;position:absolute;left:17px;right:17px;top:68px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}
      .nav-links.open{display:flex}.nav-links a{padding:13px 5px;border-bottom:1px solid var(--line)}
      .nav-links a:last-child{border:0}
      .hero{padding:62px 0 55px}.hero-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}
      .hero h1{font-size:47px}.hero-visual{min-height:350px;margin:10px 10px 0}
      .hero-photo{height:340px}.float-card.top{right:-10px;top:12px}.float-card.bottom{left:-10px;bottom:15px}
      .trust-inner{display:block;text-align:center}.trust-label{max-width:none;margin-bottom:20px}.trust-logos{flex-wrap:wrap;justify-content:center;gap:20px}
      .value-grid{grid-template-columns:1fr 1fr;gap:12px}.value-card{padding:20px 16px}
      .about-image{height:330px}.about-badge{right:-8px}.category-grid{grid-template-columns:1fr 1fr;gap:12px}.category{height:190px}
      .steps{grid-template-columns:1fr 1fr}.audience-grid{grid-template-columns:1fr}.audience{min-height:320px;padding:26px}
      .metric-grid{grid-template-columns:1fr 1fr;row-gap:28px}.metric:nth-child(2){border:0}
      .cta-panel{padding:35px 26px;display:block}.cta-panel .btn{margin-top:23px}
      .faq-grid{gap:25px}.contact-grid{gap:35px}.contact-form{padding:23px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}
      .copyright{flex-direction:column}
    }
    @media(max-width:430px){
      .hero h1{font-size:40px}.hero-copy{font-size:15px}.hero-actions .btn{width:100%}
      .value-grid,.category-grid,.steps{grid-template-columns:1fr}
      .category{height:220px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
      .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
      .metric strong{font-size:31px}
    }

    /* InfraCred brand refinement: confident red, black and white */
    .topbar{background:#111}
    .eyebrow{color:#c9141d}
    .hero h1 span{background:linear-gradient(95deg,#b5121b,#ed3a42);-webkit-background-clip:text;background-clip:text;color:transparent}
    .btn-primary{background:#d71920;box-shadow:0 10px 25px rgba(215,25,32,.20)}
    .btn-primary:hover{background:#b5121b;box-shadow:0 15px 30px rgba(215,25,32,.24)}
    .float-icon{background:#fff0f0;color:#d71920}
    .icon-box{background:#fff0f0;color:#d71920}
    .about-badge{background:#d71920;box-shadow:0 16px 35px rgba(215,25,32,.22)}
    .process{background:#151515}
    .process .eyebrow{color:#ff858a}.process .eyebrow:before{background:#d71920}
    .step-no{color:#ff858a}
    .audience .eyebrow{color:#ffb0b4}
    .metrics{background:linear-gradient(110deg,#fff1f1,#fafafa)}
    .cta-panel{background:linear-gradient(115deg,#a90f17,#d71920 62%,#ed4148)}
    .faq-q span{color:#d71920}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:#d71920;box-shadow:0 0 0 3px rgba(215,25,32,.09)}
    .nav-links a:hover{color:#d71920}
    .category-arrow{background:rgba(215,25,32,.72)}
    .brand img{width:178px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
    @media(max-width:760px){.brand img{width:150px;max-height:48px}}
  
/* Multi-page navigation and form refinements */
.footer-grid a,.copyright a{color:inherit}.copyright a:hover{color:#fff}.contact-form button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid rgba(215,25,32,.35);outline-offset:3px}