@font-face{font-family:"Inter";src:url(/fonts/inter-400-latin-ext.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";src:url(/fonts/inter-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";src:url(/fonts/inter-700-latin-ext.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";src:url(/fonts/inter-700-latin.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";src:url(/fonts/inter-500-latin-ext.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";src:url(/fonts/inter-500-latin.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";src:url(/fonts/inter-600-latin-ext.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";src:url(/fonts/inter-600-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Space Grotesk";src:url(/fonts/space-grotesk-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Space Grotesk";src:url(/fonts/space-grotesk-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Space Grotesk";src:url(/fonts/space-grotesk-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Space Grotesk";src:url(/fonts/space-grotesk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;}

/* ===== Workflow Chairman — rebuilt from the Framer site =====
   Breakpoints match Framer: desktop ≥1200, tablet 810–1199, phone ≤809.
   Borders are inset box-shadows (Framer borders take no layout space). */

:root{
  --ink:#171b36; --slate:#3a4060; --muted:#5a6178; --line:#d8dde8; --soft:#c9cedd;
  --surface:#f3f5f9; --green:#5be37f; --green-dk:#4acf6d; --teal:#2dd4bf; --white:#fff;
  --sg:"Space Grotesk",Arial,sans-serif; --in:"Inter",Arial,sans-serif;
  --display:72px/79.2px; --display-ls:-1.44px;
  --h2:36px/41.4px; --h2-ls:-0.36px;
  --h3:30px/36px; --h3-ls:-0.3px;
  --num:40px/44px; --num-ls:-0.4px;
  --eyebrow:24px/28.8px; --eyebrow-ls:0.96px;
  --word:30px/33px; --word-ls:-0.6px;
  --lead:20px/32px; --body:18px/28.8px; --label:18px/25.2px;
  --frame:inset 0 0 0 1px var(--ink),0 5px 0 0 var(--ink);
}
@media (max-width:1199px){:root{
  --display:52px/57.2px; --display-ls:-1.04px; --h2:32px/36.8px; --h2-ls:-0.32px;
  --h3:26px/31.2px; --h3-ls:-0.26px; --num:36px/39.6px; --num-ls:-0.36px;
  --eyebrow:22px/26.4px; --eyebrow-ls:0.88px; --word:28px/30.8px; --word-ls:-0.56px;
  --lead:18px/28.8px; --body:17px/27.2px; --label:17px/23.8px;
}}
@media (max-width:809px){:root{
  --display:40px/44px; --display-ls:-0.8px; --h2:28px/32.2px; --h2-ls:-0.28px;
  --h3:22px/26.4px; --h3-ls:-0.22px; --num:28px/30.8px; --num-ls:-0.28px;
  --eyebrow:20px/24px; --eyebrow-ls:0.8px; --word:22px/24.2px; --word-ls:-0.44px;
  --lead:17px/27.2px; --body:16px/25.6px; --label:16px/22.4px;
}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:400 var(--body) var(--in);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
h1,h2,h3,p,ul,figure,blockquote{margin:0;padding:0}
ul{list-style:none}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
strong,b{font-weight:700}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px}
.ico{width:24px;height:24px;flex:none}

/* type */
.t-display{font:500 var(--display) var(--sg);letter-spacing:var(--display-ls);text-wrap:balance}
.t-h2{font:500 var(--h2) var(--sg);letter-spacing:var(--h2-ls);text-wrap:balance}
.t-h3{font:500 var(--h3) var(--sg);letter-spacing:var(--h3-ls);text-wrap:balance}
.t-lead{font:400 var(--lead) var(--in);color:var(--muted);text-wrap:balance}
.t-body{font:400 var(--body) var(--in);color:var(--muted);text-wrap:balance}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-family:var(--in);font-weight:500;text-align:center;white-space:nowrap;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
.btn--lg{padding:20px 32px;font-size:20px;line-height:24px}
.btn--md{padding:16px 32px;font-size:18px;line-height:21.6px}
.btn--sm{padding:12px 24px;font-size:18px;line-height:21.6px}
.btn--block{width:100%;padding:16px 28px}
.btn--dark{background:var(--ink);color:#fff}
.btn--light{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn--white{background:#fff;color:var(--ink)}
.btn--green{background:var(--green);color:var(--ink)}
.btn:hover{transform:translateY(-4px);box-shadow:0 5px 0 0 var(--ink)}
.btn--dark:hover,.btn--light:hover{background:var(--green);color:var(--ink)}
.btn--green:hover{background:var(--green-dk)}

/* chips */
.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font:500 var(--label) var(--in);color:var(--ink);white-space:nowrap}
.chip--green{background:var(--green)}
.chip--outline{background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.chip-h{display:inline-block;background:var(--green);color:var(--ink);padding:0 8px;border-radius:6px;white-space:nowrap}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.card-frame{box-shadow:var(--frame)}

/* ===== nav ===== */
.nav{position:relative;z-index:20;background:#fff}
.nav__bar{display:flex;align-items:center;justify-content:space-between;padding:32px 0;gap:40px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand__logo{width:28px;height:28px;border-radius:50%}
.brand__name{font:600 var(--word) var(--sg);letter-spacing:var(--word-ls);white-space:nowrap}
.nav__links{display:flex;gap:40px;margin-left:auto;margin-right:0}
.nav__links a{font:400 20px/32px var(--in);color:var(--muted);transition:color .2s}
.nav__links a:hover,.nav__links a[aria-current]{color:var(--ink)}
.nav__toggle,.nav__drawer{display:none}
@media (max-width:1199px){
  .nav__bar{padding:32px 0 44px;gap:16px}
  .nav__bar>.btn,.nav__links{display:none}
  .nav__toggle{display:block;width:32px;height:32px;margin-left:auto}
  .nav__toggle .ico{width:32px;height:32px}
  .nav__close{display:none!important}
  .nav[data-open] .nav__open{display:none!important}
  .nav[data-open] .nav__close{display:block!important}
  .nav[data-open] .nav__drawer{display:block}
  .nav__drawer{position:absolute;left:0;right:0;top:64px;min-height:calc(100vh - 64px);background:#fff;padding:48px 24px 64px}
  .drawer__links{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}
  .drawer__links a{font:500 var(--h3) var(--sg);letter-spacing:0;color:var(--muted)}
  .drawer__links a:hover{color:var(--ink)}
  
}

/* ===== shared section heading ===== */
.heading{display:flex;align-items:center;gap:40px;width:100%}
.heading__chip{flex:0 0 320px;display:flex}
.heading__lead{max-width:640px}
.heading--center{gap:0}
.heading--center .heading__lead{flex:0 1 640px;text-align:center}
@media (max-width:1199px){
  .heading{flex-direction:column;align-items:flex-start;gap:24px}
  .heading__chip{flex:none}
  .heading--center .heading__lead{flex:none}
}

/* ===== hero ===== */
.hero{display:flex;align-items:center;gap:48px;padding-block:80px}
.hero__copy{flex:0 1 576px;display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.hero__text{display:flex;flex-direction:column;gap:24px}
.hero__art{flex:1 1 608px;display:flex;justify-content:center;min-width:0}
.stage{--s:1;width:calc(560px * var(--s));height:calc(500px * var(--s));flex:none}
.stage__inner{position:relative;width:560px;height:500px;transform:scale(var(--s));transform-origin:0 0}
.stage__inner>*{position:absolute}
.ring{border-radius:50%;box-shadow:inset 0 0 0 1px var(--ink);opacity:.3}
.ring--outer{left:20px;top:20px;width:520px;height:440px;transform:rotate(-6deg)}
.ring--inner{left:44px;top:44px;width:472px;height:392px;transform:rotate(12deg)}
.cone{left:8px;top:396px;width:120px;height:92px;background:var(--green);border:2px solid var(--ink);border-radius:46px 0 0 46px;transform:rotate(-12deg);display:flex;align-items:center;justify-content:center}
.cone img{width:56px;height:62px;margin-left:8px}
.pill{display:flex;align-items:center;justify-content:center;border-radius:50%;animation:pill-spin 1.85s ease-in-out infinite alternate}
.pill .ico{width:28px;height:28px}
.pill--checkout{left:402px;top:58px;width:60px;height:60px;background:var(--ink);color:var(--green)}
.pill--email{left:464px;top:175px;width:56px;height:56px;background:var(--green);color:var(--ink);animation-delay:-1.2s}
.pill--members{left:45px;top:260px;width:60px;height:60px;background:var(--green);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);animation-delay:-.6s}
.gear-mark{left:478px;top:420px;width:64px;height:64px}
.portrait{left:80px;top:40px;width:400px;height:400px;border-radius:50%;overflow:hidden;border:4px solid var(--ink);background:var(--green);animation:float 3.6s ease-in-out infinite alternate}
.portrait img{width:100%;height:100%;object-fit:cover}
@keyframes pill-spin{0%,8%{transform:translateY(0) rotate(0)}92%,100%{transform:translateY(-15px) rotate(360deg)}}
@keyframes float{from{transform:translateY(0) rotate(0)}to{transform:translateY(-8px) rotate(1deg)}}
@media (max-width:1199px){
  .hero{flex-direction:column;align-items:flex-start}
  .hero__copy,.hero__art{flex:none;width:100%}
  .stage{--s:.88}
}
@media (max-width:809px){
  .hero{padding-block:48px;gap:40px}
  .stage{--s:.6}
}

/* ===== proof ===== */
.proof{display:flex;flex-direction:column;gap:40px;padding-bottom:80px}
.featured{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:56px;border-radius:40px;background:var(--ink);color:#fff}
.featured__quote{max-width:880px;color:#fff}
.stars{display:flex;gap:4px}
.stars img{width:20px;height:20px}
.stars--sm img{width:18px;height:18px}
.who{display:flex;align-items:flex-start;gap:12px;padding-top:28px}
.who>span{display:flex;flex-direction:column;gap:2px}
.who b{font:500 var(--label) var(--in)}
.who__role{font:400 15px/22.5px var(--in);color:var(--muted)}
.who--lg{gap:16px;padding-top:0}
.who--lg .who__role{font:400 var(--body) var(--in);color:var(--soft)}
.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--ink);flex:none}
.avatar--green{width:48px;height:48px;box-shadow:none;border:2px solid var(--green)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.quote{display:flex;flex-direction:column;justify-content:space-between;padding:40px;border-radius:40px;background:var(--surface);transition:transform .25s}
.quote:hover,.piece:hover{transform:scale(1.02)}
.quote__block{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.quote__text{color:var(--ink)}
@media (max-width:1199px){
  .featured{padding:40px}
  .quotes{gap:24px}
  .quote{padding:28px}
  .quote .who{flex-direction:column}
}
@media (max-width:809px){
  .featured{padding:32px;gap:24px}
  .quotes{grid-template-columns:1fr;gap:32px}
  .quote{padding:32px;justify-content:flex-start;gap:24px}
  .who{padding-top:0}
  .quote .who{flex-direction:row}
}

/* ===== tool ticker ===== */
.tools{display:flex;flex-direction:column;gap:24px;padding-block:40px}
.tools__lead{font:400 18px/28.8px var(--in);color:var(--muted);text-align:center}
.ticker{overflow:hidden;padding:10px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12.5%,#000 87.5%,transparent);mask:linear-gradient(90deg,transparent,#000 12.5%,#000 87.5%,transparent)}
.ticker__track{display:flex;width:max-content;animation:ticker 32s linear infinite}
.ticker__track li{font:30px/36px var(--sg);color:var(--ink);opacity:.8;margin-right:64px;white-space:nowrap}
@keyframes ticker{to{transform:translateX(-50%)}}
@media (max-width:809px){.tools__lead{font-size:17px;line-height:27.2px}}

/* ===== why ===== */
.why{display:flex;flex-direction:column;align-items:center;gap:40px;padding-block:80px}
.reasons{width:100%}
.reason{display:flex;gap:40px;padding:32px 0;box-shadow:inset 0 1px 0 var(--line)}
.reason h3{flex:0 0 320px}
.reason p{max-width:640px}
.closing-note{width:100%;max-width:760px;padding:32px 40px;border-radius:24px;box-shadow:inset 0 0 0 1px var(--green);text-align:center}
.closing-note strong{display:block;max-width:480px;margin:auto;text-wrap:balance;font:700 var(--lead) var(--in);color:var(--ink)}
@media (max-width:1199px){.reason h3{flex-basis:320px}}
@media (max-width:809px){
  .reason{flex-direction:column;gap:12px}
  .reason h3{flex:none}
  .closing-note{padding:24px}
}

/* ===== what we build cards ===== */
.build{display:flex;flex-direction:column;gap:40px;padding-block:80px}
.pieces{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.piece{display:flex;align-items:center;gap:24px;height:300px;padding:40px;border-radius:40px;transition:transform .25s}
.piece__content{flex:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.piece__title{display:flex;flex-direction:column;align-items:flex-start}
.piece--light{background:var(--surface)}
.piece--green{background:var(--green)}
.piece--ink{background:var(--ink);color:#fff}
.piece--green .chip-h,.piece--ink .chip-h{background:#fff}
.learn{display:inline-flex;align-items:center;gap:15px;padding-top:24px;font:500 var(--label) var(--in);align-self:flex-start}
.round-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--green);flex:none;transition:transform .2s}
.piece--ink .round-btn{background:#fff;color:var(--ink)}
.learn:hover .round-btn,a.round-btn:hover{transform:translateY(-4px)}
.piece__art{flex:none;display:flex;align-items:center;justify-content:center}
@media (max-width:809px){
  .pieces{grid-template-columns:1fr}
  .piece{flex-direction:column;align-items:flex-start;height:auto}
  .piece__content{align-self:auto}
}

/* illustrations */
.illo{position:relative;color:var(--ink)}
.illo>*{position:absolute}
.illo--box{display:flex;flex-direction:column;gap:10px;width:128px;padding:18px;background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px var(--ink)}
.illo--box>*{position:static}
.illo--offer{height:128px}
.illo--checkout{height:96px}
.bar{display:block;height:8px;border-radius:4px;background:var(--line)}
.badge{display:flex;align-items:center;justify-content:center;border-radius:50%;width:44px;height:44px}
.badge .ico{width:20px;height:20px}
.badge--ink{background:var(--ink);color:var(--green)}
.badge--white{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.illo--box .badge{position:absolute}
.illo__cursor{position:absolute!important;left:108px;top:78px;width:30px;height:30px}
.illo__cursor .ico{width:30px;height:30px}
.illo--email{width:132px;height:116px}
.illo__mailback{left:0;top:28px;color:var(--line)}
.illo__mailback .ico{width:86px;height:86px}
.illo__mailfront{left:60px;top:6px;width:72px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--green);border-radius:10px;transform:rotate(12deg);color:var(--ink)}
.illo__mailfront .ico{width:38px;height:38px}
.illo--community{width:140px;height:128px}
.illo__live{left:14px;top:95px;padding:6px 12px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--ink);font:500 14px/16.8px var(--in)}
.illo--onboarding{width:128px;height:96px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ink);border-radius:12px}
.illo--onboarding>.ico{position:static;width:40px;height:40px}
.illo__check{left:110px;top:-12px;width:30px;height:30px}
.illo__check .ico{width:16px;height:16px}
.illo--reports{flex-direction:row;align-items:flex-end;justify-content:center;gap:9px;height:96px;padding:14px}
.illo--reports i{width:12px;border-radius:3px;background:var(--line)}
.illo--reports i.hi{background:var(--green);box-shadow:inset 0 0 0 1px var(--ink)}

/* ===== CTA band ===== */
.band-wrap{padding-block:80px}
.band{display:flex;align-items:center;gap:48px;padding:64px;border-radius:40px;background:var(--surface)}
.band__copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.band__copy>h3,.band__copy>p{max-width:512px}
.band--stack{flex-direction:column;align-items:flex-start;gap:24px}
.band--stack>h3,.band--stack>p{max-width:560px}
.orbit{position:relative;width:320px;height:320px;flex:none}
.orbit>*{position:absolute}
.orbit__ring{border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);opacity:.5}
.orbit__ring--a{left:64px;top:64px;width:192px;height:192px;transform:rotate(12deg)}
.orbit__ring--b{left:51px;top:51px;width:218px;height:218px;transform:rotate(-6deg)}
.orbit__core{left:96px;top:96px;width:128px;height:128px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;gap:12px}
.orbit__core i{width:12px;height:32px;border-radius:6px;background:#fff}
.orbit__gear{width:96px;height:96px}
.orbit__gear--outline{left:224px;top:0}
.orbit__gear--solid{left:0;top:224px}
@media (max-width:1199px){.band{flex-direction:column;align-items:flex-start}}
@media (max-width:809px){.band{padding:48px;gap:32px}.orbit{display:none}}

/* ===== how it works ===== */
.how{display:flex;flex-direction:column;gap:40px;padding-block:80px}
.process{display:flex;align-items:flex-start;gap:32px;padding:56px;border-radius:40px;background:var(--ink)}
.step{flex:1;display:flex;flex-direction:column;gap:16px;padding:0 16px}
.step__icon{width:32px;height:32px;color:var(--green)}
.step__title{font:700 var(--eyebrow) var(--sg);letter-spacing:var(--eyebrow-ls);text-transform:uppercase;color:var(--green)}
.step p{color:var(--soft)}
.step strong{color:#fff}
.process__rule{width:1px;align-self:stretch;background:var(--slate);flex:none}
@media (max-width:1199px){.process{padding:40px;gap:24px}.step{padding:0}}
@media (max-width:809px){
  .process{flex-direction:column;padding:32px;gap:32px}
  .process__rule{width:100%;height:1px}
}

/* ===== pricing ===== */
.pricing{display:flex;flex-direction:column;gap:40px;padding-block:80px}
.share{display:flex;align-items:center;gap:48px;padding:64px;border-radius:40px;background:var(--green)}
.share__copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.share__copy>h3,.share__copy>p{max-width:560px}
.share__copy .t-body{color:var(--ink)}
.checks{display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;align-items:flex-start;gap:12px}
.check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--green);flex:none;margin-top:4px}
.check .ico{width:12px;height:12px}
.share__box{flex:0 0 340px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 32px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--ink);text-align:center}
.share__caption{font:400 16px/19.2px var(--in);color:#000}
@media (max-width:1199px){
  .share{flex-direction:column;align-items:stretch;gap:40px;padding:48px}
  .share__box{order:-1;flex:none}
}
@media (max-width:809px){.share{padding:32px;gap:32px}.share__box{padding:32px 24px}}

/* ===== answers ===== */
.answers{display:flex;flex-direction:column;gap:40px;padding-block:80px}
.faq{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1024px;margin:auto}
.faq__item{border-radius:40px;background:var(--surface);transition:background-color .25s}
.faq__item[data-open]{background:var(--green)}
.faq__head{display:flex;align-items:center;gap:24px;width:100%;padding:32px 40px;text-align:left}
.faq__num{font:500 var(--num) var(--sg);letter-spacing:var(--num-ls);flex:none}
.faq__q{flex:1}
.faq__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--ink);flex:none}
.faq__toggle .ico{width:20px;height:20px}
.faq__minus,.faq__item[data-open] .faq__plus{display:none}
.faq__item[data-open] .faq__minus{display:block}
.faq__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.faq__body>div{overflow:hidden}
.faq__item[data-open] .faq__body{grid-template-rows:1fr}
.faq__body p{padding:0 40px 32px;margin-top:-8px;max-width:960px;color:var(--ink)}
@media (max-width:809px){
  .faq__head{padding:24px}
  .faq__body p{padding:0 24px 24px}
}

/* ===== footer ===== */
.foot-wrap{padding-top:80px}
.foot{display:flex;flex-direction:column;gap:48px;padding:56px;border-radius:40px 40px 0 0;background:var(--ink);color:#fff}
.foot__top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand--light .brand__logo{width:32px;height:32px}
.foot__links{display:flex;flex-direction:column;align-items:center;gap:14px}
.foot__links div{display:flex;gap:28px}
.foot__links a{font:400 18px/28.8px var(--in)}
.foot__links a:hover,.foot__legal a:hover{color:var(--green)}
.foot__social{display:flex;gap:12px}
.social{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--green);color:var(--ink)}
.social .ico{width:20px;height:20px}
.foot__mid{display:flex;align-items:flex-start;gap:48px}
.foot__copy{flex:0 1 480px;display:flex;flex-direction:column;gap:20px}
.foot__title{color:var(--green)}
.foot__copy .t-body{color:var(--soft)}
.form-card{flex:0 0 520px;display:flex;flex-direction:column;gap:20px;padding:40px;border-radius:40px;background:#fff;color:var(--ink);scroll-margin-top:24px}
.form{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:6px;font:500 14px/19.6px var(--in)}
.input{display:flex;align-items:center;height:48px;padding:14px 18px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.input:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}
.input input{width:100%;border:0;outline:0;background:none;font:400 16px/20px var(--in);color:var(--ink);padding:0}
.input input::placeholder{color:#999}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form__status{font:500 14px/21px var(--in)}
.form__status:empty{display:none}
.form__status[data-state=error]{color:#c0392b}
.form__fine{font:400 14px/21px var(--in);color:var(--muted)}
.foot__rule{height:1px;background:var(--slate)}
.foot__legal{font:400 16px/25.6px var(--in)}
@media (max-width:1199px){
  .foot{padding:40px}
  .foot__top{flex-direction:column;align-items:flex-start}
  .foot__mid{flex-direction:column;gap:32px}
  .foot__copy{flex:none}
  .form-card{flex:none;width:520px;max-width:100%}
}
@media (max-width:809px){
  .foot-wrap{padding:48px 16px 0}
  .foot{padding:32px}
  .foot__links{align-items:center;gap:16px}
  .foot__links div{flex-direction:column;align-items:center;gap:16px}
  .form-card{width:100%;padding:32px 24px}
}

/* ===== inner pages ===== */
.intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-block:80px 40px}
.intro__h1{max-width:900px}
.intro__lead{max-width:640px}
.wwb{padding-block:24px}
.wwb__card{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:56px;border-radius:40px}
.wwb__head{display:flex;justify-content:space-between;align-items:flex-start;width:100%}
.wwb__step{font:500 var(--num) var(--sg);letter-spacing:var(--num-ls);opacity:.35}
.piece--ink .wwb__step{opacity:.5;color:#fff}
.wwb__statement,.wwb__body{max-width:760px}
.piece--green .wwb__body{color:var(--ink)}
.piece--ink .wwb__body{color:var(--soft)}
.wwb__detail{display:flex;flex-direction:column;gap:16px;max-width:760px}
.wwb__label{font:500 var(--label) var(--in)}
.piece--ink .wwb__label{color:var(--green)}
.checks--lead li{font:400 var(--lead) var(--in);color:var(--ink)}
.checks--lead .check{margin-top:6px}
.piece--ink .checks--lead li{color:#fff}
.piece--ink .check{background:var(--green);color:var(--ink)}
.closing{padding-block:56px 80px}
@media (max-width:1199px){.intro{padding-block:64px 32px}.wwb__card{padding:40px}}
@media (max-width:809px){
  .intro{padding-block:48px 32px}
  .wwb__card{padding:32px;gap:24px}
  .wwb__detail{gap:28px}
}

/* hubs */
.hub-group{display:flex;flex-direction:column;gap:32px;padding-block:40px}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;width:100%}
.hub-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px;border-radius:40px;background:var(--surface);transition:transform .2s,box-shadow .2s}
.hub-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--ink),0 9px 0 0 var(--ink)}
.hub-card h3 a:hover{text-decoration:underline}
.hub-close{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-block:56px 96px}
.hub-close p{max-width:640px}
@media (max-width:1199px){.hub-group{padding-block:32px}.hub-close{padding-block:48px 80px}}
@media (max-width:809px){.hub-group{padding-block:24px}.hub-grid{grid-template-columns:1fr}.hub-close{padding-block:40px 72px}}

/* service / alternative detail */
.detail-hero{display:flex;align-items:center;gap:48px;padding-block:80px 40px}
.detail-hero__copy{flex:0 1 592px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.back{display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:400 18px/28.8px var(--in);transition:box-shadow .2s}
.back:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.back .ico{width:18px;height:18px}
.media{border-radius:40px;background:var(--surface);overflow:hidden;flex:0 0 624px;height:360px}
.media img{width:100%;height:100%;object-fit:cover}
.media--hero{flex:1 1 592px;height:408px}
.secs{display:flex;flex-direction:column}
.divider{border:0;height:1px;margin:0;background:var(--line)}
.sec{display:flex;align-items:center;gap:48px;padding-block:64px}
.sec__copy{flex:0 1 560px;display:flex;flex-direction:column;gap:20px}
.sec--flip .media{order:-1}
.sec--flip .sec__copy{margin-left:auto}
.sec--center{justify-content:center}
.sec--center .sec__copy{flex-basis:760px}
.sec--table{flex-direction:column;align-items:stretch;gap:32px}
.table-wrap{overflow-x:auto;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.compare{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}
.compare th{background:var(--surface);padding:14px 16px;text-align:left;font:600 16px/25.6px var(--in);color:var(--ink)}
.compare td{padding:14px 16px;font:400 var(--body) var(--in);color:var(--muted);border-top:1px solid var(--line);vertical-align:top}
.compare td+td{border-left:1px solid var(--line)}
.detail-close{display:flex;justify-content:center;padding-block:64px 96px}
@media (max-width:1199px){
  .detail-hero{flex-direction:column;align-items:stretch;gap:40px;padding-block:64px 40px}
  .detail-hero__copy{flex:none;max-width:760px}
  .media--hero{flex:none;height:460px}
  .sec{gap:32px;padding-block:56px}
  .sec__copy,.sec .media{flex:1 1 0}
  .sec .media{height:240px}
  .sec--center .sec__copy{flex:0 1 760px}
  .detail-close{padding-block:56px 80px}
}
@media (max-width:809px){
  .detail-hero{padding-block:48px 32px;gap:32px}
  .media--hero{height:256px}
  .sec{flex-direction:column;align-items:stretch;gap:24px;padding-block:40px}
  .sec__copy,.sec .media{flex:none}
  .sec .media{height:228px}
  .sec--flip .media{order:0}
  .detail-close{padding-block:48px 72px}
}

/* glance card (detail hero) */
.glance{flex:1 1 520px;display:flex;flex-direction:column;gap:24px;padding:48px;border-radius:40px;background:var(--ink);color:#fff}
.glance__label{font:700 var(--eyebrow) var(--sg);letter-spacing:var(--eyebrow-ls);text-transform:uppercase;color:var(--green)}
.glance .checks--lead li{color:#fff}
.glance .check{background:var(--green);color:var(--ink)}
.glance__note{font:400 16px/25.6px var(--in);color:var(--soft)}
.sec--split{justify-content:space-between}
.sec--split .sec__copy{flex:1 1 auto;flex-direction:row;gap:64px;max-width:none}
.sec--split h2{flex:0 0 400px}
.sec--split p{flex:1 1 0;max-width:640px}
/* contact form on service pages */
.contact{padding-block:24px 16px;scroll-margin-top:24px}
.contact__band{display:flex;align-items:flex-start;gap:48px;padding:56px;border-radius:40px;background:var(--surface)}
.contact__copy{flex:1 1 0;display:flex;flex-direction:column;gap:20px;max-width:520px}
.contact__alt a{text-decoration:underline}
.contact .form-card{box-shadow:inset 0 0 0 1px var(--line)}
.input--area{height:auto;align-items:stretch}
.input textarea{width:100%;border:0;outline:0;background:none;font:400 16px/24px var(--in);color:var(--ink);padding:0;resize:vertical;min-height:96px}
.input textarea::placeholder{color:#999}
@media (max-width:1199px){
  .glance{flex:none;padding:40px}
  .sec--split h2{flex-basis:300px}
  .contact__band{flex-direction:column;padding:40px}
  .contact .form-card{width:100%;max-width:560px}
}
@media (max-width:809px){
  .glance{padding:32px;border-radius:32px}
  .sec--split .sec__copy{flex-direction:column;gap:20px}
  .sec--split h2{flex:none}
  .contact__band{padding:24px;gap:32px;border-radius:32px}
  .contact .form-card{padding:24px;border-radius:28px}
}

/* go. opt-in page */
.go{display:flex;align-items:flex-start;gap:48px;padding-block:80px 40px}
.go__copy{flex:1 1 0;display:flex;flex-direction:column;gap:24px;max-width:560px}
.go__facts{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px;background:var(--surface)}
.go__copy a,.form__fine a{text-decoration:underline}
.go .form-card{box-shadow:inset 0 0 0 1px var(--line)}
.consent{display:flex;gap:12px;align-items:flex-start;font:400 13px/19px var(--in);color:var(--muted)}
.consent input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:var(--ink)}
@media (max-width:1199px){.go{flex-direction:column;padding-block:64px 32px}.go .form-card{width:100%;max-width:560px}}
@media (max-width:809px){.go{padding-block:40px 24px;gap:32px}.go .form-card{padding:24px;border-radius:28px}}

/* legal */
.legal{padding-block:80px}
.legal__col{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:760px;margin:auto}
.legal__intro{color:var(--ink)}
.legal__sec{display:flex;flex-direction:column;gap:12px;padding-top:20px}
.legal__sec .t-body+.t-body{margin-top:12px}
@media (max-width:809px){.legal{padding-block:48px}}

.notfound{padding-bottom:80px}
.notfound__links{display:flex;flex-wrap:wrap;gap:16px}

/* scroll reveals (only when JS runs) */
.js .reveal{opacity:0;transform:translateY(var(--rise,60px));transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .reveal-scale{opacity:0;transform:scale(.96);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in,.js .reveal-scale.in{opacity:1;transform:none}
.js .quote.reveal.in:hover,.js .piece.reveal.in:hover{transform:scale(1.02)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .js .reveal,.js .reveal-scale{opacity:1;transform:none}
}

/* Framer only balances text on the homepage styles; inner pages wrap normally. */
.intro__lead,.hub-card p,.hub-close p,.sec__copy p,.detail-hero p,.legal p,.wwb__body,.band--stack p{text-wrap:wrap}
.hub-card .round-btn{margin-top:16px}
@media (max-width:1199px){.band--stack{padding:48px}}
@media (max-width:809px){
  .sec--center .sec__copy{flex:none}
  .wwb{padding-block:16px}
  .closing{padding-block:32px 64px}
  .band--stack{padding:32px}
}