:root{
    --bg:#F7F5F0;
    --bg-alt:#EEF1F7;
    --ink:#16223F;
    --navy:#0E2F6B;
    --navy-deep:#081B45;
    --navy-900:#060F2B;
    --orange:#E8703A;
    --orange-deep:#C85A28;
    --orange-soft:#F2A26C;
    --gold:#C89A4B;
    --gold-soft:#E7D2A6;
    --white:#FFFFFF;
    --muted:#5B6577;
    --line:rgba(14,47,107,0.10);
    --shadow: 0 24px 70px -24px rgba(14,47,107,0.20);
    --shadow-sm: 0 8px 24px -8px rgba(14,47,107,0.12);
    --radius: 28px;
    --radius-sm: 18px;
    --ease: cubic-bezier(.16,.8,.24,1);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
  body.loading{overflow:hidden;height:100vh;}

  /* ---------- PAGE LOADER ---------- */
  .page-loader{
    position:fixed;inset:0;z-index:9999;
    display:flex;align-items:center;justify-content:center;
    background:
      radial-gradient(ellipse 700px 500px at 50% 30%, rgba(232,112,58,0.08), transparent 65%),
      var(--bg);
    transition:opacity .6s var(--ease), visibility .6s var(--ease);
  }
  .page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none;}
  .loader-inner{text-align:center;}
  .loader-logo{
    width:150px;height:auto;margin:0 auto;
    animation:loaderPulse 1.7s ease-in-out infinite;
  }
  @keyframes loaderPulse{
    0%,100%{transform:scale(1);opacity:1;}
    50%{transform:scale(1.055);opacity:0.78;}
  }
  .loader-bar{
    position:relative;width:120px;height:3px;margin:28px auto 0;
    border-radius:3px;overflow:hidden;background:rgba(14,47,107,0.12);
  }
  .loader-bar span{
    position:absolute;top:0;left:-40%;width:40%;height:100%;border-radius:3px;
    background:linear-gradient(90deg, var(--orange), var(--gold));
    animation:loaderSlide 1.15s ease-in-out infinite;
  }
  @keyframes loaderSlide{
    0%{left:-40%;}
    100%{left:110%;}
  }
  @media (prefers-reduced-motion: reduce){
    .loader-logo, .loader-bar span{animation:none;}
  }
  h1,h2,h3,.serif{font-family:'DM Serif Display', serif;font-weight:400;line-height:1.08;letter-spacing:-0.01em;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  .container{max-width:1240px;margin:0 auto;padding:0 32px;}
  section{position:relative;}
  .eyebrow{text-transform:uppercase;letter-spacing:0.22em;font-size:12px;font-weight:600;color:var(--orange-deep);}
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease), transform .9s var(--ease);}
  .reveal.is-visible{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none;}*{animation:none !important;}}

  /* ================= SECTION TONES ================= */
  .section-dark{
    background:radial-gradient(ellipse 900px 500px at 18% -10%, rgba(232,112,58,0.20), transparent 60%),
               radial-gradient(ellipse 700px 500px at 90% 30%, rgba(200,154,75,0.14), transparent 60%),
               linear-gradient(165deg, var(--navy-900) 0%, var(--navy-deep) 45%, var(--navy) 100%);
    color:var(--bg);
  }
  .section-dark .eyebrow{color:var(--orange-soft);text-shadow:0 1px 10px rgba(6,15,43,0.5);}
  .section-dark h1, .section-dark h2{color:var(--bg);}
  .section-dark p.sub, .section-dark .muted-light{color:rgba(247,245,240,0.68);}
  .section-light{background:var(--bg);}
  .section-alt{background:var(--bg-alt);}

  /* ---------- NAV (always light) ---------- */
  header{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    padding:16px 0;
    background:rgba(247,245,240,0.86);
    backdrop-filter:blur(18px) saturate(160%);
    -webkit-backdrop-filter:blur(18px) saturate(160%);
    border-bottom:1px solid transparent;
    transition:box-shadow .4s var(--ease), border-color .4s var(--ease), padding .4s var(--ease);
  }
  header.scrolled{box-shadow:0 6px 24px -12px rgba(14,47,107,0.14);border-color:var(--line);padding:10px 0;}
  nav{display:flex;align-items:center;justify-content:space-between;}
  .logo{display:flex;align-items:center;gap:2px;}
  .logo img{height:46px;width:auto;transition:height .4s var(--ease);}
  header.scrolled .logo img{height:38px;}
  .nav-links{display:flex;gap:44px;font-size:14.5px;font-weight:500;letter-spacing:0.01em;}
  .nav-links a{position:relative;color:var(--ink);opacity:0.82;transition:opacity .3s;}
  .nav-links a:hover{opacity:1;}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--orange);transition:width .35s var(--ease);}
  .nav-links a:hover::after{width:100%;}
  .nav-cta{
    background:var(--orange);color:#fff;
    padding:12px 26px;border-radius:100px;font-size:13.5px;font-weight:700;letter-spacing:0.02em;
    box-shadow:0 10px 26px -10px rgba(232,112,58,0.55);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s;
  }
  .nav-cta:hover{transform:translateY(-2px);background:var(--orange-deep);}
  .burger{display:none;width:26px;height:20px;position:relative;cursor:pointer;background:none;border:none;}
  .burger span{position:absolute;left:0;right:0;height:1.6px;background:var(--navy);transition:.3s;}
  .burger span:nth-child(1){top:0;} .burger span:nth-child(2){top:9px;} .burger span:nth-child(3){top:18px;}
  .burger.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}
  .burger.open span:nth-child(2){opacity:0;}
  .burger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

  /* ---------- HERO ---------- */
  .hero{padding:190px 0 0;position:relative;overflow:hidden;text-align:center;}
  .hero-bg{position:absolute;inset:0;z-index:0;}
  .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 32%;}
  .hero-bg::after{
    content:"";position:absolute;inset:0;
    background:
      radial-gradient(ellipse 900px 600px at 84% 6%, rgba(232,112,58,0.16), transparent 60%),
      linear-gradient(180deg, rgba(6,15,43,0.62) 0%, rgba(6,15,43,0.34) 26%, rgba(6,15,43,0.16) 48%, rgba(6,15,43,0.14) 66%, rgba(6,15,43,0.30) 100%);
  }
  .hero .container{position:relative;z-index:2;}
  .hero h1{font-size:clamp(42px, 6.4vw, 86px);max-width:920px;margin:24px auto 0;color:var(--bg);text-shadow:0 2px 24px rgba(6,15,43,0.35);}
  .hero h1 em{font-style:italic;color:var(--orange-soft);}
  .hero p.sub{max-width:560px;margin:26px auto 0;font-size:16.5px;line-height:1.65;color:rgba(247,245,240,0.85);text-shadow:0 1px 12px rgba(6,15,43,0.4);}
  .hero-actions{margin-top:38px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding-bottom:70px;}
  .hero-actions:empty{margin-top:8px;padding-bottom:46px;}
  .btn{padding:15px 32px;border-radius:100px;font-size:14.5px;font-weight:600;letter-spacing:0.02em;transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s, color .35s, border-color .35s;display:inline-block;}
  .btn-primary{background:var(--orange);color:#fff;box-shadow:0 14px 30px -12px rgba(232,112,58,0.5);}
  .btn-primary:hover{transform:translateY(-3px);background:var(--orange-deep);}
  .btn-ghost{background:transparent;color:var(--bg);border:1.4px solid rgba(247,245,240,0.35);}
  .btn-ghost:hover{border-color:var(--orange-soft);background:rgba(232,112,58,0.14);transform:translateY(-3px);}
  .section-light .btn-ghost, .section-alt .btn-ghost{color:var(--navy);border-color:var(--line);}
  .section-light .btn-ghost:hover, .section-alt .btn-ghost:hover{background:rgba(232,112,58,0.06);}

  /* ---------- JOURNEY STRIP (home, quick view) ---------- */
  .journey{margin-top:90px;position:relative;}
  .journey-svg-wrap{position:relative;max-width:1180px;margin:0 auto;padding:0 20px;}
  .journey-svg-wrap svg{width:100%;height:auto;display:block;}
  #flow-path{fill:none;stroke:url(#flowGradient);stroke-width:2;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 2.6s var(--ease) .3s forwards;}
  @keyframes draw{to{stroke-dashoffset:0;}}
  .node-dot{fill:var(--navy-900);stroke:var(--orange-soft);stroke-width:2;opacity:0;animation:pop .6s var(--ease) forwards;}
  @keyframes pop{to{opacity:1;}}
  .milestones{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:-30px;position:relative;z-index:2;}
  .milestone{
    background:rgba(6,15,43,0.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(247,245,240,0.16);border-radius:var(--radius-sm);padding:26px 14px 20px;text-align:center;
    transition:transform .5s var(--ease), background .5s var(--ease), border-color .5s var(--ease);
  }
  .milestone:nth-child(even){transform:translateY(26px);}
  .milestone:hover{transform:translateY(-6px);background:rgba(6,15,43,0.56);border-color:rgba(232,112,58,0.5);}
  .milestone:nth-child(even):hover{transform:translateY(20px);}
  .milestone .num{font-family:'DM Serif Display', serif;color:var(--orange-soft);font-size:13px;display:block;margin-bottom:12px;letter-spacing:0.08em;}
  .milestone .icon{width:44px;height:44px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;}
  .milestone .icon svg{width:100%;height:100%;}
  .milestone p{font-size:14px;font-weight:600;color:var(--bg);}
  .milestone span.tag{display:block;margin-top:5px;font-size:11.5px;color:rgba(247,245,240,0.68);font-weight:400;}

  /* ---------- SECTION HEADERS ---------- */
  .section-head{text-align:center;max-width:660px;margin:0 auto 60px;}
  .section-head h2{font-size:clamp(30px,4vw,48px);margin-top:16px;color:var(--navy);}
  .section-dark .section-head h2{color:var(--bg);text-shadow:0 2px 16px rgba(6,15,43,0.4);}
  .section-head p{color:var(--muted);font-size:15.5px;margin-top:16px;line-height:1.6;}
  .section-pad{padding:150px 0;}

  /* ---------- TWO SIDES ---------- */
  .sides-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .side-card{background:var(--white);border-radius:var(--radius);padding:44px 40px;box-shadow:var(--shadow-sm);border:1px solid rgba(14,47,107,0.05);transition:transform .5s var(--ease), box-shadow .5s var(--ease);}
  .side-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
  .side-card .side-tag{font-size:12.5px;text-transform:uppercase;letter-spacing:0.14em;color:var(--orange-deep);font-weight:700;}
  .side-card h3{font-size:26px;color:var(--navy);margin-top:14px;}
  .side-card .side-line{font-size:15px;color:var(--muted);margin-top:10px;margin-bottom:26px;}
  .side-list li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:var(--ink);padding:12px 0;border-top:1px solid var(--line);}
  .side-list li:first-child{border-top:none;}
  .side-list li .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);margin-top:7px;flex-shrink:0;}

  /* ---------- TEASER STRIP ---------- */
  .teaser-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;}
  .teaser-items{display:flex;gap:38px;flex-wrap:wrap;}
  .teaser-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink);}
  .teaser-item svg{width:18px;height:18px;stroke:var(--orange-deep);flex-shrink:0;}
  .teaser-link{font-size:13.5px;font-weight:700;color:var(--navy);white-space:nowrap;display:flex;align-items:center;gap:6px;}
  .teaser-link svg{width:14px;height:14px;transition:transform .3s;}
  .teaser-link:hover svg{transform:translateX(4px);}

  /* ---------- IMPACT ---------- */
  .impact{padding:70px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .impact-item{text-align:center;}
  .impact-item .n{font-family:'DM Serif Display', serif;font-size:clamp(32px,3.4vw,46px);color:var(--orange-soft);}
  .impact-item .l{margin-top:8px;color:rgba(247,245,240,0.7);font-size:12.5px;text-transform:uppercase;letter-spacing:0.12em;}

  /* ---------- CTA BANNER ---------- */
  .cta-banner{text-align:center;padding:120px 0;}
  .cta-banner h2{font-size:clamp(30px,4.6vw,54px);color:var(--navy);}
  .cta-banner .btn{margin-top:34px;}

  /* ---------- PAGE HERO (secondary pages) ---------- */
  .platform-hero{padding:180px 0 60px;text-align:center;}
  .platform-hero h1{font-size:clamp(34px,5vw,58px);max-width:800px;margin:16px auto 0;}
  .platform-hero p.sub{max-width:600px;margin:22px auto 0;font-size:16px;line-height:1.65;}

  /* ---------- ABOUT: EDITORIAL INTRO ---------- */
  .editorial{max-width:760px;margin:0 auto;text-align:center;}
  .editorial p{font-size:18px;line-height:1.75;color:var(--muted);}
  .editorial p + p{margin-top:22px;font-size:16px;}
  .what-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px;}
  .what-item{background:var(--white);border-radius:20px;padding:28px 24px;box-shadow:var(--shadow-sm);border:1px solid rgba(14,47,107,0.05);text-align:left;transition:transform .5s var(--ease), box-shadow .5s var(--ease);}
  .what-item:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
  .what-item .icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(150deg, rgba(14,47,107,0.08), rgba(232,112,58,0.14));display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
  .what-item .icon svg{width:18px;height:18px;stroke:var(--navy);}
  .what-item h4{font-size:15px;font-weight:700;color:var(--ink);font-family:'Inter',sans-serif;}
  .what-item p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.55;}

  /* ---------- ABOUT: DETAILED STAGE STORY ---------- */
  .stage-story{display:flex;flex-direction:column;gap:26px;margin-top:100px;}
  .stage-row{
    display:grid;grid-template-columns:200px 1fr;gap:44px;align-items:center;
    background:var(--white);border-radius:var(--radius);padding:38px 44px;
    box-shadow:var(--shadow-sm);border:1px solid rgba(14,47,107,0.05);
    transition:transform .5s var(--ease), box-shadow .5s var(--ease);
  }
  .stage-row:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
  .stage-row:nth-child(even){grid-template-columns:1fr 200px;}
  .stage-row:nth-child(even) .stage-visual{order:2;}
  .stage-row:nth-child(even) .stage-copy{order:1;}
  .stage-visual{
    width:180px;height:180px;border-radius:50%;
    background:linear-gradient(150deg, rgba(232,112,58,0.10), rgba(200,154,75,0.14));
    display:flex;align-items:center;justify-content:center;
  }
  .stage-visual svg{width:56%;height:56%;}
  .stage-copy .snum{font-family:'DM Serif Display',serif;color:var(--orange-deep);font-size:15px;letter-spacing:0.06em;}
  .stage-copy h3{font-size:26px;color:var(--navy);margin-top:8px;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:-0.01em;}
  .stage-copy .tagline{color:var(--gold);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.08em;margin-top:6px;}
  .stage-copy p.desc{font-size:15px;color:var(--muted);margin-top:14px;line-height:1.7;max-width:560px;}
  .stage-copy .deliverables{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;}
  .stage-copy .deliverables span{font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;}
  .stage-copy .deliverables span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);}

  .values-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding-top:48px;margin-top:110px;}
  .value-item{display:flex;align-items:baseline;gap:10px;}
  .value-item .vn{font-family:'DM Serif Display',serif;color:var(--orange-deep);font-size:15px;}
  .value-item span.vl{font-size:15px;font-weight:500;}

  /* ---------- SOLUTIONS ---------- */
  .solutions-grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .solution-card{
    background:var(--white);border-radius:var(--radius);padding:36px 32px;
    box-shadow:var(--shadow-sm);border:1px solid rgba(14,47,107,0.05);
    display:flex;flex-direction:column;
    transition:transform .5s var(--ease), box-shadow .5s var(--ease);
  }
  .solution-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
  .solution-card .sicon{
    width:56px;height:56px;border-radius:16px;
    background:linear-gradient(150deg, rgba(14,47,107,0.08), rgba(232,112,58,0.14));
    display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:22px;
  }
  .solution-card .sicon svg{width:24px;height:24px;stroke:var(--navy);}
  .solution-card .snum{font-family:'DM Serif Display',serif;color:var(--orange-deep);font-size:13px;letter-spacing:0.06em;display:block;margin-bottom:8px;}
  .solution-card h3{font-size:20px;color:var(--ink);font-family:'Inter',sans-serif;font-weight:700;}
  .solution-card p{font-size:14.5px;color:var(--muted);margin-top:12px;line-height:1.65;flex-grow:1;}
  .solution-card .solution-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);}
  .solution-card .solution-tags span{font-size:11.5px;font-weight:600;color:var(--navy);background:var(--bg-alt);padding:6px 13px;border-radius:100px;white-space:nowrap;}

  /* ---------- OUR PROCESS ---------- */
  .process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;}
  .process-strip::before{content:"";position:absolute;top:27px;left:8%;right:8%;height:1px;background:var(--line);}
  .process-step{text-align:center;position:relative;}
  .process-dot{
    width:56px;height:56px;border-radius:50%;background:var(--white);border:1.6px solid var(--line);
    display:flex;align-items:center;justify-content:center;margin:0 auto 22px;position:relative;z-index:1;
    box-shadow:var(--shadow-sm);
  }
  .process-dot svg{width:24px;height:24px;stroke:var(--orange-deep);}
  .process-step h4{font-size:16px;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;}
  .process-step p{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.55;max-width:220px;margin-left:auto;margin-right:auto;}
  .process-step .pnum{position:absolute;top:-6px;right:calc(50% - 42px);font-family:'DM Serif Display',serif;color:var(--orange-soft);font-size:13px;background:var(--white);border-radius:50%;width:20px;}

  /* ---------- TEAM (premium founder profile design) ---------- */
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  .team-card{
    position:relative;overflow:hidden;text-align:center;
    background:var(--white);border-radius:var(--radius);
    padding:46px 34px 38px;
    border:1px solid rgba(14,47,107,0.06);
    box-shadow:var(--shadow-sm);
    transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);
  }
  .team-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(232,112,58,0.22);}
  .team-card .team-monogram{
    position:absolute;top:-18px;right:6px;z-index:0;
    font-family:'DM Serif Display',serif;font-style:italic;
    font-size:132px;line-height:1;color:var(--navy);opacity:0.045;
    pointer-events:none;user-select:none;
  }
  .team-card .team-photo-frame{
    position:relative;z-index:1;
    width:150px;height:150px;border-radius:50%;margin:0 auto 24px;
    padding:0px;background:linear-gradient(135deg, var(--orange), var(--gold));
  }
  .team-card .team-photo-inner{
    width:100%;height:100%;border-radius:50%;overflow:hidden;
    background:var(--navy-deep);border:3px solid var(--white);
    box-shadow:0 6px 18px -6px rgba(14,47,107,0.35);
  }
  .team-card .team-photo-inner img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease);}
  .team-card:hover .team-photo-inner img{transform:scale(1.07);}
  .team-card .role{
    position:relative;z-index:1;display:block;
    font-size:10.5px;text-transform:uppercase;letter-spacing:0.16em;
    color:var(--orange-deep);font-weight:700;margin-bottom:8px;
  }
  .team-card h3{position:relative;z-index:1;font-size:24px;color:var(--navy);font-family:'DM Serif Display',serif;}
  .team-card .team-divider{
    position:relative;z-index:1;
    width:32px;height:2px;margin:16px auto 16px;border-radius:2px;
    background:linear-gradient(90deg, var(--gold), var(--orange));
  }
  .team-card p.desc{
    position:relative;z-index:1;
    font-size:13.5px;color:var(--muted);line-height:1.7;
    max-width:230px;margin:0 auto;
  }
  .team-note{
    max-width:640px;margin:70px auto 0;text-align:center;font-size:13.5px;color:var(--muted);
    border-top:1px solid var(--line);padding-top:28px;
  }
  .expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .expertise-card{
    background:var(--white);border-radius:var(--radius-sm);padding:30px 26px;
    box-shadow:var(--shadow-sm);border:1px solid rgba(14,47,107,0.05);
    transition:transform .5s var(--ease), box-shadow .5s var(--ease);
  }
  .expertise-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
  .expertise-card .icon{
    width:48px;height:48px;border-radius:14px;
    background:linear-gradient(150deg, rgba(14,47,107,0.08), rgba(200,154,75,0.16));
    display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  }
  .expertise-card .icon svg{width:21px;height:21px;stroke:var(--navy);}
  .expertise-card h4{font-size:16.5px;font-weight:700;color:var(--ink);font-family:'Inter',sans-serif;}
  .expertise-card p{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.6;}

  /* ---------- CONNECT ---------- */
  .connect-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:stretch;}
  .connect-card{
    background:linear-gradient(165deg, var(--navy-deep), var(--navy-900));
    color:#fff;border-radius:var(--radius);padding:44px;position:relative;overflow:hidden;
    display:flex;flex-direction:column;gap:34px;
  }
  .connect-card::before{content:"";position:absolute;width:380px;height:380px;background:radial-gradient(closest-side, rgba(232,112,58,0.25), transparent 70%);bottom:-160px;left:-100px;}
  .connect-rows{position:relative;z-index:1;}
  .connect-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.14);font-size:15px;}
  .connect-row:first-child{padding-top:0;}
  .connect-row .cicon{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .connect-row .cicon svg{width:17px;height:17px;stroke:var(--orange-soft);}
  .connect-row .ctext .k{display:block;color:rgba(255,255,255,0.5);font-size:11.5px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:3px;}
  .qr-panel{position:relative;z-index:1;display:flex;align-items:center;gap:20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:20px;padding:20px;}
  .qr-box{background:#fff;border-radius:14px;width:100px;height:100px;padding:7px;flex-shrink:0;}
  .qr-box img{width:100%;height:100%;}
  .qr-panel .qr-copy p.qtitle{font-weight:700;font-size:14.5px;}
  .qr-panel .qr-copy p.qsub{font-size:12.5px;color:rgba(255,255,255,0.6);margin-top:5px;line-height:1.5;}

  .form-card{background:var(--white);border-radius:var(--radius);padding:44px;box-shadow:var(--shadow-sm);}
  .form-card h3{font-family:'Inter',sans-serif;font-weight:700;font-size:19px;margin-bottom:6px;color:var(--ink);}
  .form-card .form-note{font-size:13.5px;color:var(--muted);margin-bottom:26px;}
  .field{margin-bottom:18px;}
  .field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:8px;letter-spacing:0.02em;}
  .field input, .field textarea{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:14px 16px;font-family:'Inter',sans-serif;font-size:14.5px;color:var(--ink);transition:border-color .3s;}
  .field input:focus, .field textarea:focus{outline:none;border-color:var(--orange);}
  .field textarea{resize:vertical;min-height:90px;}
  .form-card .btn{width:100%;text-align:center;border:none;cursor:pointer;}

  .final-cta{text-align:center;padding:120px 0 140px;}
  .final-cta h2{font-size:clamp(30px,5vw,54px);color:var(--navy);}

  footer{border-top:1px solid var(--line);padding:0;background:var(--navy-900);color:rgba(247,245,240,0.72);}
  .footer-top{padding:70px 0 50px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:40px;}
  .footer-brand .flogo{height:34px;margin-bottom:18px;filter:brightness(0) invert(1);}
  .footer-brand p{font-size:13.5px;line-height:1.7;color:rgba(247,245,240,0.55);max-width:280px;}
  .footer-social{display:flex;gap:10px;margin-top:20px;}
  .footer-social a{width:34px;height:34px;border-radius:50%;background:rgba(247,245,240,0.08);border:1px solid rgba(247,245,240,0.14);display:flex;align-items:center;justify-content:center;transition:.3s;}
  .footer-social a:hover{background:var(--orange);border-color:var(--orange);}
  .footer-social a svg{width:15px;height:15px;stroke:rgba(247,245,240,0.85);}
  .footer-col h5{font-size:12.5px;text-transform:uppercase;letter-spacing:0.12em;color:var(--orange-soft);font-weight:700;margin-bottom:20px;}
  .footer-col ul li{margin-bottom:12px;}
  .footer-col ul li a{font-size:14px;color:rgba(247,245,240,0.68);transition:color .3s;}
  .footer-col ul li a:hover{color:var(--bg);}
  .footer-contact li{font-size:13.5px;color:rgba(247,245,240,0.62);margin-bottom:14px;line-height:1.6;display:flex;gap:10px;}
  .footer-contact li svg{width:16px;height:16px;stroke:var(--orange-soft);flex-shrink:0;margin-top:2px;}
  .footer-bottom{border-top:1px solid rgba(247,245,240,0.10);padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
  .footer-bottom p{font-size:12.5px;color:rgba(247,245,240,0.5);}
  .footer-bottom .flinks{display:flex;gap:22px;flex-wrap:wrap;}
  .footer-bottom .flinks a{font-size:12.5px;color:rgba(247,245,240,0.5);transition:color .3s;}
  .footer-bottom .flinks a:hover{color:var(--orange-soft);}

  .page{display:none;}
  .page.active{display:block;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:960px){
    .what-grid{grid-template-columns:repeat(2,1fr);}
    .expertise-grid{grid-template-columns:repeat(2,1fr);}
    .footer-top{grid-template-columns:1fr 1fr;gap:36px;}
    .impact{grid-template-columns:repeat(2,1fr);}
    .connect-grid{grid-template-columns:1fr;}
    .sides-grid{grid-template-columns:1fr;}
    .journey-svg-wrap{display:none;}
    .milestones{grid-template-columns:repeat(3,1fr);margin-top:0;}
    .milestone:nth-child(even){transform:none;}
    .milestone:nth-child(even):hover{transform:translateY(-6px);}
    .stage-row, .stage-row:nth-child(even){grid-template-columns:1fr;text-align:center;}
    .stage-row:nth-child(even) .stage-visual, .stage-row:nth-child(even) .stage-copy{order:0;}
    .stage-visual{margin:0 auto;}
    .stage-copy .deliverables{justify-content:center;}
    .solutions-grid-cards{grid-template-columns:repeat(2,1fr);}
    .process-strip{grid-template-columns:repeat(2,1fr);row-gap:44px;}
    .process-strip::before{display:none;}
    .team-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto;}
  }
  @media (max-width:720px){
    .nav-links{
      position:fixed;top:0;right:0;height:100vh;width:78%;max-width:320px;
      background:var(--white);flex-direction:column;justify-content:center;align-items:flex-start;
      padding:0 40px;gap:30px;transform:translateX(100%);transition:transform .5s var(--ease);
      box-shadow:-10px 0 40px rgba(0,0,0,0.12);
    }
    .nav-links.open{transform:translateX(0);}
    .nav-cta{display:none;}
    .burger{display:block;}
    .hero{padding-top:130px;}
    .impact{grid-template-columns:repeat(2,1fr);padding:56px 0;}
    .milestones{grid-template-columns:repeat(2,1fr);}
    .values-strip{flex-direction:column;gap:16px;}
    .teaser-strip{flex-direction:column;align-items:flex-start;}
    .container{padding:0 22px;}
    .section-pad{padding:90px 0;}
    .qr-panel{flex-direction:column;text-align:center;}
    .solutions-grid-cards{grid-template-columns:1fr;}
    .process-strip{grid-template-columns:1fr;}
    .expertise-grid{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr;}
    .footer-bottom{flex-direction:column;align-items:flex-start;}
  }