*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --orange:#f16722;--orange-light:#FDEBE2;--orange-dark:#D15913;
  --navy:#103f63;--navy-mid:#1f6399;--navy-light:#D6E8F5;
  --surface:#F5F8FC;--surface-2:#EBF0F7;--border:#DDE3EC;
  --text-primary:#0d1e2e;--text-secondary:#445566;--text-muted:#8899AA;
  --white:#FFFFFF;
  --green:#059669;--green-light:#D1FAE5;
  --r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;
  --sh-sm:0 1px 3px rgba(16,63,99,.07),0 1px 2px rgba(0,0,0,.04);
  --sh-md:0 4px 16px rgba(16,63,99,.10),0 2px 8px rgba(0,0,0,.05);
  --sh-lg:0 8px 32px rgba(16,63,99,.12),0 4px 12px rgba(0,0,0,.05);
}
html{scroll-behavior:smooth;}
body{font-family:'Figtree',-apple-system,sans-serif;color:var(--text-primary);background:var(--white);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
[id]{scroll-margin-top:80px;}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,63,99,.10);padding:0 5%;}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:66px;}
.nav-logo{display:flex;align-items:center;}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none;}
.nav-links>li>a{font-size:14px;font-weight:500;color:var(--text-secondary);padding:7px 13px;border-radius:var(--r-sm);transition:color .15s,background .15s;display:flex;align-items:center;gap:4px;}
.nav-links>li>a:hover{color:var(--orange);background:rgba(241,103,34,.08);}
.nav-links .dropdown{position:relative;}
.nav-links .dropdown>a::after{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--navy);margin-left:6px;vertical-align:middle;position:relative;top:1px;}
.nav-links .dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--navy);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:6px;min-width:162px;box-shadow:0 8px 24px rgba(16,63,99,.25);z-index:50;}
.nav-links .dropdown:hover .dropdown-menu,.nav-links .dropdown:focus-within .dropdown-menu,.nav-links .dropdown.is-open .dropdown-menu{display:block;}
.dropdown-menu a{display:block;padding:8px 14px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72);border-radius:var(--r-sm);transition:color .12s,background .12s;}
.dropdown-menu a:hover{color:white;background:rgba(255,255,255,.1);}
.nav-ctas{display:flex;align-items:center;gap:8px;}
.btn-ghost{font-size:13px;font-weight:600;color:var(--navy);padding:8px 18px;border-radius:var(--r-sm);border:1.5px solid rgba(16,63,99,.22);transition:all 180ms cubic-bezier(.4,0,.2,1);letter-spacing:0.02em;display:inline-flex;align-items:center;gap:6px;}
.btn-ghost:hover{border-color:var(--navy);background:rgba(241,103,34,.06);}
.btn-nav-primary{font-size:13px;font-weight:600;color:var(--white);background:var(--orange);padding:9px 20px;border-radius:var(--r-sm);transition:all 180ms cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;display:inline-block;letter-spacing:0.04em;}
.btn-nav-primary:hover{background:var(--orange-dark);transform:translateY(-1px);}

/* ── HERO ── */
.fp-hero{padding:80px 5% 72px;background:linear-gradient(150deg,#F5F8FC 0%,#EAF0F7 50%,#FDF2EC 100%);border-bottom:1px solid var(--border);overflow:hidden;position:relative;min-height:480px;display:flex;align-items:center;}
.fp-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;width:100%;position:relative;z-index:1;}
.fp-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:100px;padding:6px 16px;font-size:13px;font-weight:700;color:var(--navy);box-shadow:var(--sh-sm);margin-bottom:20px;}
.fp-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);}
.fp-hero h1{font-size:clamp(32px,4vw,50px);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--text-primary);margin-bottom:20px;}
.fp-hero h1 em{font-style:normal;background:linear-gradient(130deg,var(--orange) 0%,#f99054 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.fp-hero-sub{font-size:17px;color:var(--text-secondary);line-height:1.75;max-width:500px;margin-bottom:36px;}
.fp-hero-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:14px;}
.btn-primary{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--white);background:var(--orange);padding:14px 30px;border-radius:var(--r-md);box-shadow:0 4px 20px rgba(241,103,34,.35);transition:all 180ms cubic-bezier(.4,0,.2,1);}
.btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px);}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--navy);border:1.5px solid rgba(16,63,99,.2);padding:13px 24px;border-radius:var(--r-md);background:var(--white);transition:border-color .15s,transform .1s;}
.btn-secondary:hover{border-color:var(--navy);transform:translateY(-1px);}

/* ── HERO STACK DIAGRAM CARD ── */
.stack-diagram-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;}
.sdc-header{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 18px;display:flex;align-items:center;gap:8px;}
.sdc-dots{display:flex;gap:5px;}
.sdc-dot{width:10px;height:10px;border-radius:50%;}
.sdc-title{font-size:12px;font-weight:600;color:var(--text-secondary);}
.sdc-body{padding:6px;}
.sdc-row{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--r-lg);margin:4px 0;position:relative;}
.sdc-row.advocacy{background:#FDF2EC;border:1px solid rgba(241,103,34,.2);}
.sdc-row.socxly-here{background:#EEF5FF;border:2px solid var(--navy-mid);position:relative;}
.sdc-row.signals{background:#ECFDF5;border:1px solid rgba(5,150,105,.2);}
.sdc-row-icon{width:38px;height:38px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.advocacy .sdc-row-icon{background:rgba(241,103,34,.15);}
.socxly-here .sdc-row-icon{background:rgba(31,99,153,.15);}
.signals .sdc-row-icon{background:rgba(5,150,105,.15);}
.sdc-row-content{flex:1;min-width:0;}
.sdc-row-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;}
.advocacy .sdc-row-label{color:var(--orange);}
.socxly-here .sdc-row-label{color:var(--navy-mid);}
.signals .sdc-row-label{color:var(--green);}
.sdc-row-name{font-size:14px;font-weight:800;color:var(--text-primary);margin-bottom:4px;}
.sdc-row-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;}
.sdc-here-badge{position:absolute;top:-1px;right:14px;background:var(--navy-mid);color:white;font-size:10px;font-weight:700;padding:3px 10px;border-radius:0 0 var(--r-sm) var(--r-sm);letter-spacing:.04em;text-transform:uppercase;}
.sdc-connector{display:flex;align-items:center;justify-content:center;padding:2px 0;position:relative;}
.sdc-connector-line{width:2px;height:14px;background:linear-gradient(to bottom,var(--border),var(--navy-light));margin:0 auto;}
.sdc-connector-arrow{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--navy-light);}

/* Pulse animation on the Socxly row, the single motion moment */
@keyframes sdc-pulse{
  0%{box-shadow:0 0 0 0 rgba(31,99,153,.35);}
  60%{box-shadow:0 0 0 8px rgba(31,99,153,.0);}
  100%{box-shadow:0 0 0 0 rgba(31,99,153,.0);}
}
.sdc-row.socxly-here{animation:sdc-pulse 2.8s ease-out infinite;}
@media(prefers-reduced-motion:reduce){.sdc-row.socxly-here{animation:none;}}

/* Signal dots on the Signals row */
.sdc-signal-dots{display:flex;gap:4px;margin-top:8px;}
.sdc-signal-dot{width:7px;height:7px;border-radius:50%;background:var(--green);opacity:.25;}
@keyframes signal-light{0%,100%{opacity:.25;}50%{opacity:1;}}
@media(prefers-reduced-motion:no-preference){
  .sdc-signal-dot:nth-child(1){animation:signal-light 1.6s ease-in-out .0s infinite;}
  .sdc-signal-dot:nth-child(2){animation:signal-light 1.6s ease-in-out .3s infinite;}
  .sdc-signal-dot:nth-child(3){animation:signal-light 1.6s ease-in-out .6s infinite;}
  .sdc-signal-dot:nth-child(4){animation:signal-light 1.6s ease-in-out .9s infinite;}
}

/* ── SECTION COMMON ── */
.section-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.section-headline{font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.2;letter-spacing:-0.025em;color:var(--text-primary);margin-bottom:16px;}
.section-sub{font-size:16px;color:var(--text-secondary);line-height:1.75;max-width:600px;}
.section-header{margin-bottom:52px;}
.section-header.centered{text-align:center;}
.section-header.centered .section-sub{margin:0 auto;}

/* ── WHAT IS SOCXO ── */
.what-socxo{padding:88px 5%;background:var(--white);border-bottom:1px solid var(--border);}
.what-socxo-inner{max-width:1160px;margin:0 auto;}
.what-socxo-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.socxo-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.socxo-stat-item{padding:20px 16px;text-align:center;border-right:1px solid var(--border);}
.socxo-stat-item:last-child{border-right:none;}
.socxo-stat-num{font-size:28px;font-weight:800;color:var(--orange);letter-spacing:-0.03em;line-height:1;margin-bottom:5px;}
.socxo-stat-label{font-size:11.5px;color:var(--text-secondary);line-height:1.4;}
.socxo-tagline-card{background:linear-gradient(145deg,#061828 0%,var(--navy) 100%);border-radius:var(--r-xl);padding:44px 40px;color:white;position:relative;overflow:hidden;}
.socxo-tagline-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(241,103,34,.22) 0%,transparent 60%);pointer-events:none;}
.socxo-tagline-eyebrow{font-size:12px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:0.15em;margin-bottom:20px;position:relative;}
.socxo-tagline-headline{font-size:clamp(24px,2.8vw,34px);font-weight:800;line-height:1.15;letter-spacing:-0.02em;margin-bottom:18px;position:relative;color:white;}
.socxo-tagline-body{font-size:15px;color:rgba(255,255,255,.68);line-height:1.75;margin-bottom:28px;position:relative;}
.socxo-tagline-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--orange);border:1.5px solid rgba(241,103,34,.55);padding:11px 22px;border-radius:var(--r-md);transition:background .18s,border-color .18s;position:relative;}
.socxo-tagline-cta:hover{background:rgba(241,103,34,.12);border-color:var(--orange);}

/* ── FULL STACK SECTION ── */
.stack-section{padding:88px 5%;background:var(--surface);border-bottom:1px solid var(--border);}
.stack-inner{max-width:1160px;margin:0 auto;}
.stack-cards{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;margin-top:56px;align-items:stretch;}
.stack-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:36px 28px;transition:box-shadow .22s,transform .18s;position:relative;overflow:hidden;}
.stack-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;transition:background .18s;}
.stack-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px);}
.stack-card:hover::before{background:var(--navy-light);}
.stack-card.featured{border:2px solid var(--orange);background:linear-gradient(160deg,#FFFDF9 0%,#FFF6EC 100%);}
.stack-card.featured::before{background:var(--orange);height:5px;}
.sc-icon-row{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.sc-you-badge{display:inline-flex;align-items:center;gap:5px;background:var(--orange-light);color:var(--orange);font-size:10px;font-weight:700;padding:4px 12px;border-radius:100px;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(241,103,34,.3);white-space:nowrap;}
.sc-you-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0;}
.sc-icon-wrap{width:52px;height:52px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sc-icon-wrap.advocacy{background:var(--orange-light);}
.sc-icon-wrap.socxly{background:var(--navy-light);}
.sc-icon-wrap.signals{background:var(--green-light);}
.sc-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:7px;}
.stack-card.featured .sc-label{color:var(--orange);}
.sc-title{font-size:19px;font-weight:800;color:var(--text-primary);margin-bottom:10px;line-height:1.25;}
.sc-body{font-size:14px;color:var(--text-secondary);line-height:1.72;}
.stack-arrow{display:flex;align-items:center;justify-content:center;padding:0 10px;}
.stack-arrow-circle{width:32px;height:32px;border-radius:50%;background:var(--white);border:1px solid var(--border);box-shadow:var(--sh-sm);display:flex;align-items:center;justify-content:center;}

/* ── CONNECT STEPS ── */
.connect-section{padding:88px 5%;background:var(--white);border-bottom:1px solid var(--border);}
.connect-inner{max-width:1160px;margin:0 auto;}
.connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-top:52px;}
.connect-steps-col{display:flex;flex-direction:column;}
.connect-step{display:grid;grid-template-columns:60px 1fr;gap:24px;padding:36px 0;border-bottom:1px solid var(--border);align-items:start;opacity:.3;transform:translateX(-10px);transition:opacity .5s ease,transform .5s ease;}
.connect-step:last-child{border-bottom:none;}
.connect-step.cs-active{opacity:1;transform:translateX(0);}
.cs-num{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex-shrink:0;transition:transform .35s ease,box-shadow .35s ease;}
.connect-step.cs-active .cs-num{transform:scale(1.1);box-shadow:0 4px 18px rgba(0,0,0,.18);}
.cs-num.orange{background:var(--orange);color:white;}
.cs-num.navy{background:var(--navy);color:white;}
.cs-num.mid{background:var(--navy-mid);color:white;}
.cs-num.green{background:var(--green);color:white;}
.cs-body h3{font-size:19px;font-weight:800;color:var(--text-primary);margin-bottom:8px;}
.cs-body p{font-size:15px;color:var(--text-secondary);line-height:1.7;max-width:480px;}
.cs-tag{display:inline-flex;align-items:center;gap:6px;background:var(--orange-light);border:1px solid rgba(241,103,34,.3);border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:0.08em;margin-top:12px;}
.cs-tag.navy{background:var(--navy-light);border-color:rgba(16,63,99,.25);color:var(--navy);}
.cs-tag.mid{background:#DDE9F5;border-color:rgba(31,99,153,.25);color:var(--navy-mid);}
.cs-tag.green{background:var(--green-light);border-color:rgba(5,150,105,.3);color:var(--green);}
.connect-visual-col{position:sticky;top:96px;}
.step-visual{display:none;background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;}
.step-visual.sv-active{display:block;animation:svIn .45s ease;}
@keyframes svIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.sv-topbar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--surface);}
.sv-dots{display:flex;gap:5px;}
.sv-dot{width:9px;height:9px;border-radius:50%;}
.sv-label{font-size:12px;font-weight:600;color:var(--text-secondary);}
.sv-body{padding:20px;}
.sv-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:var(--r-md);margin-bottom:8px;}
.sv-icon{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sv-name{font-size:13px;font-weight:700;color:var(--text-primary);}
.sv-sub{font-size:11px;color:var(--text-muted);margin-top:1px;}
.sv-pill{margin-left:auto;font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;white-space:nowrap;}
.sv-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.sv-stat{padding:13px 10px;text-align:center;border-right:1px solid var(--border);}
.sv-stat:last-child{border-right:none;}
.sv-stat-n{font-size:20px;font-weight:800;letter-spacing:-0.03em;line-height:1;margin-bottom:3px;}
.sv-stat-l{font-size:10.5px;color:var(--text-secondary);}
.sv-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;}
.sv-bar-lbl{font-size:11px;color:var(--text-secondary);width:60px;flex-shrink:0;}
.sv-bar-track{flex:1;height:7px;background:var(--surface-2);border-radius:100px;overflow:hidden;}
.sv-bar-fill{height:100%;border-radius:100px;}
.sv-bar-val{font-size:11px;font-weight:700;color:var(--text-primary);width:30px;text-align:right;flex-shrink:0;}
@media(max-width:960px){
  .connect-layout{grid-template-columns:1fr;gap:0;}
  .connect-visual-col{display:none;}
  .connect-step{opacity:1!important;transform:none!important;}
  .connect-step.cs-active .cs-num{transform:none;box-shadow:none;}
}
@media(prefers-reduced-motion:reduce){
  .connect-step{opacity:1!important;transform:none!important;transition:none;}
  .step-visual{animation:none;}
}

/* ── BENEFITS GRID ── */
.benefits-section{padding:88px 5%;background:var(--surface);border-bottom:1px solid var(--border);}
.benefits-inner{max-width:1160px;margin:0 auto;}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;}
.benefit-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 26px;position:relative;}
.benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);border-radius:var(--r-lg) var(--r-lg) 0 0;}
.benefit-icon{width:46px;height:46px;border-radius:var(--r-md);background:var(--orange-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.benefit-card h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px;}
.benefit-card p{font-size:14px;color:var(--text-secondary);line-height:1.7;}

/* ── CTA BAND ── */
.cta-band{padding:80px 5%;background:var(--navy);text-align:center;}
.cta-band-inner{max-width:720px;margin:0 auto;}
.cta-band h2{font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.15;letter-spacing:-0.025em;color:white;margin-bottom:16px;}
.cta-band p{font-size:16px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:36px;}
.cta-band-btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.btn-cta-white{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--navy);background:var(--white);padding:14px 30px;border-radius:var(--r-md);transition:all .18s;}
.btn-cta-white:hover{background:#f0f0f0;transform:translateY(-2px);}
.btn-outline-white{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:rgba(255,255,255,.88);border:1.5px solid rgba(255,255,255,.3);padding:13px 24px;border-radius:var(--r-md);transition:border-color .18s,background .18s;}
.btn-outline-white:hover{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.07);}

/* ── FOOTER ── */
footer{background:var(--navy);color:rgba(255,255,255,.65);padding:60px 5% 32px;}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-brand p{font-size:13.5px;line-height:1.65;max-width:240px;margin-top:14px;}
.footer-col h4{font-size:11px;font-weight:700;color:white;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.footer-col ul li a{font-size:13px;color:rgba(255,255,255,.55);transition:color .15s;}
.footer-col ul li a:hover{color:white;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:13px;}
.footer-socials{display:flex;gap:10px;margin-top:18px;}
.footer-social{width:34px;height:34px;border-radius:var(--r-sm);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.55);transition:background .15s,color .15s;}
.footer-social:hover{background:rgba(255,255,255,.15);color:white;}

/* === MOBILE NAV === */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px 4px;border-radius:var(--r-sm);z-index:200;flex-shrink:0;}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s,opacity .25s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:960px){
  .nav-hamburger{display:flex;}
  nav{backdrop-filter:none;}
  .nav-ctas{display:none;}
  .nav-links{display:none;position:fixed;top:66px;left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;padding:16px 5% 32px;background:var(--white);z-index:199;overflow-y:auto;border-top:1px solid var(--border);box-shadow:0 4px 32px rgba(0,0,0,.12);}
  .nav-links.open{display:flex;}
  .nav-links>li{border-bottom:1px solid var(--border);}
  .nav-links>li:last-child{border-bottom:none;}
  .nav-links>li>a{font-size:15px;font-weight:600;padding:14px 0;justify-content:flex-start;border-radius:0;width:100%;}
  .nav-links .dropdown-menu{display:block;position:static;background:transparent;border:none;box-shadow:none;padding:0 0 10px 16px;min-width:unset;}
  .nav-links .dropdown-menu a{color:var(--text-secondary);padding:8px 0;font-size:14px;}
  .nav-links .dropdown-menu a:hover{background:transparent;color:var(--orange);}
  .nav-links .dropdown>a::after{display:none;}
  .fp-hero-inner,.what-socxo-grid{grid-template-columns:1fr;gap:36px;}
  .stack-cards{grid-template-columns:1fr;}
  .stack-arrow{display:none;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .socxo-stats-row{grid-template-columns:1fr 1fr;}
  .socxo-stat-item:nth-child(2){border-right:none;}
  .socxo-stat-item:nth-child(3){border-top:1px solid var(--border);}
  .socxo-stat-item:nth-child(4){border-top:1px solid var(--border);}
}
@media(max-width:640px){
  .fp-hero,.bws-hero{min-height:auto;padding:48px 5% 40px;}
  .fp-hero-inner{grid-template-columns:1fr;gap:28px;}
  .fp-hero-ctas{flex-direction:column;}
  .btn-primary,.btn-secondary,.btn-outline-white{width:100%;justify-content:center;}
  .connect-step{grid-template-columns:44px 1fr;gap:18px;}
  .benefits-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;gap:8px;}
  .socxo-stats-row{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  nav{padding:0 4%;}
  .fp-hero{padding:36px 4% 32px;}
  .section-headline{font-size:clamp(22px,5.5vw,32px);}
}