/* RevenueShoot v2. Libre Franklin for display, Public Sans for reading. */
:root{
  --bg:#FFFFFF; --cream:#FBF7F0; --paper:#F6F8FB;
  --ink:#0E1726; --body:#3B4758; --muted:#697586; --line:#E6EAF0; --line-2:#D6DDE7;
  --blue:#0B63CE; --blue-d:#084EA6; --sky:#E5F0FD;
  --mint:#DDF4E6; --mint-i:#127A47;
  --peach:#FFE7D8; --peach-i:#B84C14;
  --lilac:#ECE7FF; --lilac-i:#5638C0;
  --butter:#FFF2C2; --butter-i:#8A5E00;
  --rose:#FFE2E9; --rose-i:#B0244C;
  --r:22px; --r-s:14px;
  --f-d:"Libre Franklin",system-ui,sans-serif; --f-b:"Public Sans",system-ui,sans-serif;
  --sh:0 1px 2px rgba(14,23,38,.05),0 8px 24px -12px rgba(14,23,38,.14);
  --sh-h:0 2px 4px rgba(14,23,38,.06),0 22px 44px -18px rgba(11,99,206,.32);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--f-b);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-d);color:var(--ink);letter-spacing:-.03em;line-height:1.12;margin:0}
p{margin:0 0 16px}
p:last-child{margin-bottom:0}
.wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(18px,4vw,40px)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;z-index:100}
.skip:focus{left:12px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-bottom-color:var(--line)}
.nav-in{display:flex;align-items:center;gap:26px;height:70px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-d);font-weight:700;font-size:1.12rem;color:var(--ink);letter-spacing:-.03em;margin-right:auto}
.brand img{width:34px;height:34px}
.brand b,.foot-brand b{color:var(--blue);font-weight:800}
.brand span{font-size:1.2rem;font-weight:800;letter-spacing:-.035em}
.nl{text-decoration:none;font-size:.93rem;color:var(--body);font-weight:500;position:relative}
.nl:hover,.nl[aria-current]{color:var(--ink)}
.nl[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--blue)}
.burger{display:none;background:none;border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;font:600 .85rem var(--f-b);color:var(--ink);cursor:pointer}
.mmenu{display:none}
@media (max-width:1060px){
  .nl{display:none}.burger{display:inline-block}
  .nav-in .btn{padding:10px 16px;font-size:.85rem}
  .mmenu.open{display:flex;flex-direction:column;padding:8px 18px 20px;border-top:1px solid var(--line);background:#fff}
  .mmenu a{padding:13px 4px;text-decoration:none;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
}
@media (max-width:420px){.nav-in{gap:10px}.nav-in .btn span.long{display:none}}

/* ---------- buttons, chips ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;text-decoration:none;font:600 .95rem var(--f-b);padding:13px 22px;border-radius:999px;border:0;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 6px 18px -8px rgba(11,99,206,.6);white-space:nowrap}
.btn:hover{background:var(--blue-d);transform:translateY(-2px)}
.btn .arr{transition:transform .2s}
.btn:hover .arr{transform:translateX(4px)}
.btn-lg{padding:16px 28px;font-size:1.02rem}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line-2);box-shadow:none}
.btn-ghost:hover{background:#fff;border-color:var(--ink)}
.btn-white{background:#fff;color:var(--blue);box-shadow:none}
.btn-white:hover{background:var(--sky);color:var(--blue-d)}
.chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 10px;font-size:.84rem;font-weight:600;color:var(--ink);box-shadow:var(--sh)}
.live{width:9px;height:9px;border-radius:50%;background:#1FA463;position:relative}
.live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #1FA463;animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.eyebrow{display:inline-block;font:700 .76rem var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 14px}
.tag{display:inline-block;font:600 .75rem var(--f-b);padding:5px 11px;border-radius:999px;background:var(--sky);color:var(--blue)}
.tags{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(40px,6vw,84px) 0 clamp(40px,6vw,72px);overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:62vw;height:62vw;max-width:820px;max-height:820px;background:radial-gradient(closest-side,#EAF2FE,rgba(234,242,254,0));z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.h1{font-size:clamp(2.9rem,6.6vw,5.4rem);font-weight:800;letter-spacing:-.05em;line-height:.98;margin:22px 0 22px}
.h1 .a,.a{color:var(--blue)}
.h1 .a{font-style:italic;font-weight:700}
.lede{font-size:clamp(1.06rem,1.5vw,1.22rem);color:var(--body);max-width:40ch;line-height:1.6}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}
.micro{font-size:.86rem;color:var(--muted);margin-top:14px}
.art{width:100%;height:auto;display:block}
.hero-art{position:relative}
.hero-art .art{filter:drop-shadow(0 30px 40px rgba(11,99,206,.12))}
.page-hero{padding:clamp(44px,6vw,80px) 0 clamp(20px,3vw,36px)}
.page-hero .h1{font-size:clamp(2.5rem,5.6vw,4.4rem)}
.page-hero .lede{max-width:56ch}

/* ---------- marquee ---------- */
.mq{border-block:1px solid var(--line);background:#fff;padding:20px 0;overflow:hidden}
.mq-label{font-size:.8rem;font-weight:600;color:var(--muted);text-align:center;margin:0 0 12px;letter-spacing:.02em}
.mq-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:56px;width:max-content;animation:mq 38s linear infinite}
.mq-track span{font-family:var(--f-d);font-weight:700;font-size:1.3rem;color:#8A96A8;letter-spacing:-.03em;white-space:nowrap}
.mq:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- sections ---------- */
.sec{padding:clamp(64px,9vw,120px) 0}
.sec.cream{background:var(--cream)}
.sec.paper{background:var(--paper)}
.sec.tight{padding:clamp(44px,6vw,80px) 0}
.sec-head{max-width:760px;margin:0 0 clamp(32px,5vw,56px)}
.sec-head.center{margin-inline:auto;text-align:center}
.h2{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.04}
.h3{font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:700}
.sec-head .lede{margin-top:16px;max-width:60ch}
.sec-head.center .lede{margin-inline:auto}

/* ---------- grids & cards ---------- */
.g2,.g3,.g4{display:grid;gap:clamp(14px,2vw,22px)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.6vw,30px);box-shadow:var(--sh);transition:transform .25s,box-shadow .25s,border-color .25s}
a.card{text-decoration:none;color:inherit;display:block}
a.card:hover,.card.hov:hover{transform:translateY(-5px);box-shadow:var(--sh-h);border-color:#CFE0F7}
.card h3{font-size:1.2rem;font-weight:700;margin:0 0 8px}
.card p{font-size:.96rem;color:var(--body)}
.card .more{display:inline-flex;gap:6px;margin-top:16px;font-weight:600;font-size:.9rem;color:var(--blue)}
.card:hover .more .arr{transform:translateX(4px)}
.more .arr{transition:transform .2s}
.t-sky{--t:var(--sky);--ti:var(--blue)}
.t-mint{--t:var(--mint);--ti:var(--mint-i)}
.t-peach{--t:var(--peach);--ti:var(--peach-i)}
.t-lilac{--t:var(--lilac);--ti:var(--lilac-i)}
.t-butter{--t:var(--butter);--ti:var(--butter-i)}
.t-rose{--t:var(--rose);--ti:var(--rose-i)}
.fill{background:var(--t);border-color:transparent;box-shadow:none}
.fill h3,.fill .num{color:var(--ink)}
.pane{border-radius:16px;background:var(--t,var(--sky));margin:-6px -6px 20px;overflow:hidden}
.pane svg{display:block;width:100%;height:auto}
.num{font:800 .8rem var(--f-b);letter-spacing:.08em;color:var(--ti,var(--blue));display:block;margin-bottom:10px}
.badge{position:absolute;top:18px;right:18px;font:700 .7rem var(--f-b);letter-spacing:.06em;text-transform:uppercase;background:#fff;color:var(--ti,var(--blue));padding:5px 10px;border-radius:999px;border:1px solid var(--line)}

/* problem cards */
.prob{padding:16px 16px 24px}
.prob .pane{margin:0 0 18px}
.prob h3{font-size:1.18rem;padding:0 8px}
.prob p{padding:0 8px;font-size:.94rem}
.prob .more{padding:0 8px}

/* systems */
.sys-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:960px){.sys-wrap{grid-template-columns:1fr}}
.sys-list{display:grid;gap:12px}
.sys{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:transform .2s,box-shadow .2s,border-color .2s}
.sys:hover{transform:translateX(6px);box-shadow:var(--sh);border-color:#CFE0F7}
.sys i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--t);color:var(--ti);font:800 .9rem var(--f-b);font-style:normal}
.sys h3{font-size:1.04rem;margin:2px 0 4px}
.sys p{font-size:.9rem;color:var(--muted);margin:0}

/* big service cards */
.svc{display:grid;grid-template-columns:1fr;gap:0}
.svc .top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.svc .top i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--t);color:var(--ti);font:800 .85rem var(--f-b);font-style:normal;flex:none}
.svc .hook{font-family:var(--f-d);font-weight:600;font-size:1.06rem;color:var(--ink);letter-spacing:-.02em;line-height:1.35;margin-bottom:10px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line-2)}
.facts b{display:block;font:700 1rem var(--f-d);color:var(--ink);letter-spacing:-.02em}
.facts span{font-size:.8rem;color:var(--muted);line-height:1.4;display:block}

/* stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:#fff;border-radius:var(--r);padding:26px 22px;border:1px solid var(--line)}
.stat b{display:block;font:800 clamp(2.4rem,4.4vw,3.4rem) var(--f-d);letter-spacing:-.05em;color:var(--blue);line-height:1}
.stat span{display:block;margin-top:10px;font-size:.92rem;color:var(--body);line-height:1.45}

/* blue band */
.band{background:var(--blue);color:#DCE9FB;border-radius:32px;padding:clamp(34px,5vw,64px);position:relative;overflow:hidden}
.band h2,.band h3{color:#fff}
.band .lede{color:#DCE9FB}
.band::after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.07)}
.band::before{content:"";position:absolute;right:120px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.06)}

/* compare */
.cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);font-size:.95rem}
.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.cmp tr:last-child td{border-bottom:0}
.cmp thead th{font:700 .95rem var(--f-d);color:var(--ink);background:var(--paper)}
.cmp thead th.me{background:var(--blue);color:#fff}
.cmp td.me{background:#F2F7FE;font-weight:600;color:var(--ink)}
.cmp td:first-child{color:var(--ink);font-weight:600;width:34%}
.y,.n,.m{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:800;font-size:.85rem;margin-right:8px;vertical-align:middle}
.y{background:var(--mint);color:var(--mint-i)}.n{background:var(--rose);color:var(--rose-i)}.m{background:var(--butter);color:var(--butter-i)}
.cmp-scroll{overflow-x:auto;border-radius:var(--r)}
.cmp-scroll .cmp{min-width:640px}

/* timeline */
.tl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,34px);box-shadow:var(--sh)}
.tl-weeks{display:grid;grid-template-columns:150px repeat(13,1fr);font-size:.72rem;color:var(--muted);margin-bottom:10px}
.tl-weeks span{text-align:center}
.tl-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:0;padding:9px 0;border-top:1px dashed var(--line)}
.tl-row b{font:700 .9rem var(--f-d);color:var(--ink);letter-spacing:-.01em;padding-right:10px}
.tl-track{position:relative;height:30px}
.tl-bar{position:absolute;top:0;height:30px;border-radius:999px;background:var(--t);color:var(--ti);font-size:.76rem;font-weight:700;display:flex;align-items:center;padding:0 12px;white-space:nowrap;overflow:hidden;transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.js .tl .tl-bar{transform:scaleX(0)}
.js .tl.in .tl-bar{transform:scaleX(1)}
.tl-note{margin-top:16px;font-size:.88rem;color:var(--muted)}
@media (max-width:700px){.tl-weeks{grid-template-columns:90px repeat(13,1fr)}.tl-row{grid-template-columns:90px 1fr}.tl-row b{font-size:.78rem}.tl-bar{font-size:0;padding:0}}

/* steps */
.steps{display:grid;gap:0;position:relative;counter-reset:s}
.step{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:0 0 34px;position:relative}
.step::before{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:var(--line)}
.step:last-child::before{display:none}
.step .dot{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--t);color:var(--ti);font:800 1rem var(--f-d);position:relative;z-index:1}
.step h3{font-size:1.24rem;margin:12px 0 6px}
.step p{color:var(--body);max-width:60ch}
.step.key .dot{background:var(--blue);color:#fff;box-shadow:0 0 0 6px var(--sky)}

/* faq */
.faq{display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 22px;transition:box-shadow .2s,border-color .2s}
.faq details[open]{box-shadow:var(--sh);border-color:#CFE0F7}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font:700 1.04rem var(--f-d);color:var(--ink);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--sky);color:var(--blue);display:grid;place-items:center;font:600 1.3rem var(--f-b);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:20px;margin:0;color:var(--body);max-width:72ch}

/* lists */
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.ticks li::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint);color:var(--mint-i);font-weight:800;font-size:.8rem;margin-top:2px}
.ticks.no li::before{content:"✕";background:var(--rose);color:var(--rose-i)}

/* case & blog cards */
.cc{padding:0;overflow:hidden;display:flex;flex-direction:column}
.cc .head{background:var(--t);padding:26px 26px 22px;position:relative;min-height:150px}
.cc .head .client{font:800 1.7rem var(--f-d);letter-spacing:-.04em;color:var(--ink)}
.cc .head .mk{position:absolute;right:20px;top:20px}
.cc .body{padding:22px 26px 26px;display:flex;flex-direction:column;flex:1}
.cc .body h3{font-size:1.14rem;line-height:1.3}
.cc .body .more{margin-top:auto;padding-top:14px}
.bc{padding:0;overflow:hidden;display:flex;flex-direction:column}
.bc .cover svg{display:block;width:100%;height:auto}
.bc .body{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1}
.bc .meta{font-size:.8rem;color:var(--muted);margin-bottom:8px}
.bc h3{font-size:1.14rem;line-height:1.3}
.bc .body .more{margin-top:auto;padding-top:14px}

/* article */
.article{max-width:760px;margin:0 auto}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--blue)}
.art-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:.88rem;color:var(--muted);margin-top:18px}
.art-meta img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.answer{background:var(--sky);border-radius:18px;padding:22px 24px;margin:30px 0;border-left:5px solid var(--blue)}
.answer b{display:block;font:800 .76rem var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.answer p{color:var(--ink);font-size:1.03rem;margin:0}
.prose h2{font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:800;margin:44px 0 14px;letter-spacing:-.035em}
.prose h3{font-size:1.2rem;margin:28px 0 10px}
.prose p,.prose li{font-size:1.06rem;line-height:1.75}
.prose ul,.prose ol{padding-left:22px;margin:0 0 18px}
.prose li{margin-bottom:8px}
.prose a{color:var(--blue)}
.prose strong{color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:10px 0 24px;font-size:.95rem}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left}
.prose th{font-family:var(--f-d);color:var(--ink);background:var(--paper)}
.callout{background:var(--cream);border-radius:18px;padding:20px 24px;margin:26px 0}
.cover-lg{border-radius:26px;overflow:hidden;margin:34px 0 8px;box-shadow:var(--sh)}
.cover-lg svg{display:block;width:100%;height:auto;max-height:300px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}
@media (max-width:640px){.kpis{grid-template-columns:1fr}}
.kpi{background:var(--t,var(--sky));border-radius:18px;padding:20px}
.kpi b{display:block;font:800 1.9rem var(--f-d);color:var(--ink);letter-spacing:-.04em;line-height:1.05}
.kpi span{font-size:.88rem;color:var(--body)}
.side-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-top:26px}
@media (max-width:700px){.side-facts{grid-template-columns:repeat(2,1fr)}}
.side-facts dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted)}
.side-facts dd{margin:4px 0 0;font-weight:600;color:var(--ink);font-size:.95rem}

/* about */
.about-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:860px){.about-hero{grid-template-columns:1fr}}
.photo{border-radius:28px;overflow:hidden;position:relative;background:var(--sky);padding:14px}
.photo img{border-radius:18px;width:100%;height:auto;aspect-ratio:845/900;object-fit:cover}
.photo .stick{position:absolute;left:-10px;bottom:26px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:var(--sh);font-size:.84rem;font-weight:600;color:var(--ink)}
.career{display:grid;gap:14px}
.job{display:grid;grid-template-columns:150px 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px}
.job .when{font:700 .8rem var(--f-b);color:var(--blue);padding-top:4px}
.job h3{font-size:1.2rem;display:inline}
.job .role{display:block;font-size:.92rem;color:var(--muted);margin:4px 0 0}
.job .backer{display:inline-block;margin-top:8px;font-size:.74rem;background:var(--paper);border-radius:999px;padding:3px 10px;color:var(--muted)}
.job ul{margin:12px 0 0;padding-left:18px}
.job li{font-size:.94rem;margin-bottom:6px}
.job.now{border-color:var(--blue);box-shadow:0 0 0 4px var(--sky)}
@media (max-width:640px){.job{grid-template-columns:1fr;gap:6px}}

/* form */
.form-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.5vw,38px);box-shadow:var(--sh)}
form{display:flex;flex-direction:column;gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-weight:600;font-size:.92rem;color:var(--ink)}
.field input,.field select,.field textarea{font:inherit;font-size:1rem;padding:13px 15px;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--sky)}
.field textarea{resize:vertical;min-height:140px;line-height:1.55}
.consent{font-size:.86rem;color:var(--muted)}
.consent a{color:var(--blue)}
.done{border-radius:16px;background:var(--mint);padding:22px;color:var(--ink)}
.done.err{background:var(--peach)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* closer */
.closer{text-align:center}
.closer .band{text-align:center}
.closer .band .lede{margin:14px auto 26px;max-width:52ch}

/* footer */
footer{background:var(--ink);color:#A9B4C4;padding:64px 0 34px;margin-top:0}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}}
footer h4{color:#fff;font:700 .8rem var(--f-b);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
footer a{color:#D6DDE8;text-decoration:none;display:block;margin-bottom:9px;font-size:.93rem}
footer a:hover{color:#fff}
.foot-brand{display:flex;align-items:center;gap:10px;font:800 1.5rem var(--f-d);color:#fff;letter-spacing:-.04em;margin-bottom:12px}
.foot-brand b{color:#6FA8F0}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #243148;margin-top:40px;padding-top:22px;font-size:.84rem}
.foot-base a{display:inline;margin:0 0 0 16px}

/* legal */
.legal{max-width:760px}
.legal h2{font-size:1.5rem;margin:36px 0 12px}
.legal h4{font-size:1.02rem;margin:22px 0 8px}
.legal a{color:var(--blue)}

/* ---------- motion ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}
.spin{animation:spin 7s linear infinite;transform-box:fill-box;transform-origin:center}
.spin.rev{animation-direction:reverse;animation-duration:5s}
@keyframes spin{to{transform:rotate(360deg)}}
.bob{animation:bob 4s ease-in-out infinite;transform-box:fill-box}
.bob.d2{animation-delay:-1.3s}.bob.d3{animation-delay:-2.6s}
@keyframes bob{50%{transform:translateY(-8px)}}
.blink{animation:blink 1.6s steps(2) infinite}
@keyframes blink{50%{opacity:.25}}
.grow{transform-box:fill-box;transform-origin:left center;animation:grow 3.2s cubic-bezier(.2,.8,.2,1) infinite}
.grow.d2{animation-delay:.5s}.grow.d3{animation-delay:1s}
@keyframes grow{0%{transform:scaleX(.1)}55%,85%{transform:scaleX(1)}100%{transform:scaleX(.1)}}
.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.2s ease-out infinite}
.pulse.d2{animation-delay:.7s}.pulse.d3{animation-delay:1.4s}
@keyframes pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.4);opacity:0}}
.dash{stroke-dasharray:6 7;animation:dash 1.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-13}}
.bars rect{transform-box:fill-box;transform-origin:bottom;animation:barup 2.8s ease-in-out infinite}
.bars rect:nth-child(2){animation-delay:.3s}.bars rect:nth-child(3){animation-delay:.6s}.bars rect:nth-child(4){animation-delay:.9s}.bars rect:nth-child(5){animation-delay:1.2s}
@keyframes barup{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.pop{transform-box:fill-box;transform-origin:center;animation:pop 2.8s ease-in-out infinite}
@keyframes pop{0%,40%{transform:scale(0)}55%,90%{transform:scale(1)}100%{transform:scale(0)}}
.draw{stroke-dasharray:900;stroke-dashoffset:900}
.in .draw,.draw.go{animation:draw 2.4s cubic-bezier(.3,.7,.2,1) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.float{animation:float 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.float.d2{animation-delay:-2s}.float.d3{animation-delay:-4s}
@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(6px,-10px) rotate(8deg)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
  .js .tl .tl-bar{transform:none}
  .draw{stroke-dashoffset:0}
}

/* fixes */
a.card.prob{display:flex;flex-direction:column}
.prob .more,.cc .more,.bc .more{margin-top:auto;padding-top:14px}
footer a,footer p{overflow-wrap:anywhere}
@media (max-width:560px){.foot{grid-template-columns:1fr}.foot-base a{margin:0 16px 0 0}}
.card .eyebrow{color:var(--blue)}
.card.svc{padding-top:46px}
.svc .badge{top:12px;right:14px}
.pane{display:flex;justify-content:center}
.pane svg{max-height:200px;width:100%}
.prob .pane svg{max-height:none}

/* multi-select markets */
.mk-group{border:0;padding:0;margin:0;min-width:0}
.mk-group legend{font-weight:600;font-size:.92rem;color:var(--ink);padding:0;margin-bottom:10px}
.mk-group legend span{font-weight:400;color:var(--muted);font-size:.84rem;margin-left:6px}
.mk-opts{display:flex;flex-wrap:wrap;gap:8px}
.mk{position:relative;cursor:pointer}
.mk input{position:absolute;opacity:0;width:1px;height:1px}
.mk span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--line-2);border-radius:999px;font-size:.93rem;font-weight:600;color:var(--body);background:#fff;transition:all .15s}
.mk span::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line-2);background:#fff;transition:all .15s}
.mk:hover span{border-color:var(--blue)}
.mk input:checked+span{border-color:var(--blue);background:var(--sky);color:var(--blue)}
.mk input:checked+span::before{background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--blue)}
.mk input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.mk-err{color:var(--rose-i);font-size:.86rem;margin:8px 0 0}

/* agency vs build */
.opt{display:flex;flex-direction:column}
.opt .who{font:800 1.5rem var(--f-d);letter-spacing:-.04em;color:var(--ink);margin:10px 0 4px}
.opt dl{margin:16px 0 0;display:grid;gap:12px}
.opt dt{font:700 .72rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.opt dd{margin:2px 0 0;font-size:.95rem;color:var(--ink)}
.opt.me{border:2px solid var(--blue);box-shadow:0 0 0 6px var(--sky)}
.glance td,.glance th{font-size:.93rem}
.quiz{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.5vw,38px);box-shadow:var(--sh)}
.q{padding:16px 0;border-top:1px dashed var(--line)}
.q:first-of-type{border-top:0}
.q p{font:700 1.05rem var(--f-d);color:var(--ink);margin:0 0 10px;letter-spacing:-.02em}
.q .opts{display:flex;gap:8px;flex-wrap:wrap}
.q button{font:600 .92rem var(--f-b);padding:10px 18px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;color:var(--body);cursor:pointer}
.q button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.verdict{margin-top:18px;border-radius:18px;padding:20px 22px;background:var(--paper);color:var(--ink)}
.verdict b{display:block;font:800 1.2rem var(--f-d);margin-bottom:6px;letter-spacing:-.02em}
@media (max-width:480px){
  .nav-in{gap:8px}
  .brand{gap:8px}
  .brand img{width:30px;height:30px}
  .brand span{font-size:1.02rem}
  .burger{padding:7px 11px;font-size:.8rem}
  .nav-in .btn{padding:9px 12px;font-size:.8rem;box-shadow:none}
}
@media (max-width:360px){.nav-in .btn{display:none}}

/* ---------- spacing and fit pass ---------- */
.wrap{max-width:1240px}
.hero{padding:clamp(20px,3.2vw,44px) 0 clamp(24px,3.2vw,40px);min-height:calc(100svh - 70px - 108px);display:flex;align-items:center}
.hero>.wrap{width:100%}
.hero .h1{font-size:clamp(2.6rem,5.4vw,4.7rem);margin:18px 0 18px}
.hero .lede{font-size:clamp(1.02rem,1.3vw,1.15rem)}
.hero .cta-row{margin-top:24px}
.hero-art .art{max-height:min(62vh,540px);width:auto;max-width:100%;margin:0 auto}
.mq{padding:16px 0}
.mq-label{margin-bottom:8px}
.sec{padding:clamp(52px,6.5vw,92px) 0}
.sec.tight{padding:clamp(36px,4.5vw,64px) 0}
.sec-head{margin-bottom:clamp(24px,3.2vw,40px)}
.h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.sec-head .lede{margin-top:12px}
.page-hero{padding:clamp(32px,4.5vw,60px) 0 clamp(12px,2vw,24px)}
.page-hero .h1{font-size:clamp(2.3rem,5vw,3.9rem);margin:14px 0 16px}
.sys-wrap{gap:clamp(24px,4vw,48px)}
.sys-wrap .art{max-width:440px;margin:0 auto}
.sys{padding:13px 16px}
.band{padding:clamp(30px,4.5vw,52px)}
.closer .band .lede{margin:12px auto 22px}
.stat{padding:22px 20px}
.stat b{font-size:clamp(2.1rem,3.6vw,2.9rem)}
footer{padding:52px 0 28px}
@media (max-width:900px){
  .hero{min-height:0;padding-top:24px}
  .hero-art .art{max-height:none;width:100%}
  .hero-grid{gap:18px}
}
@media (max-width:640px){
  .wrap{padding-inline:18px}
  .sec{padding:44px 0}
  .h2{font-size:1.85rem}
  .card{padding:20px}
  .cta-row .btn{width:100%;justify-content:center}
  .hero .h1{font-size:2.7rem}
}
@media (max-width:640px){
  .prob .pane svg{max-height:120px;width:auto}
  .prob{padding:12px 12px 20px}
  .stats{grid-template-columns:1fr;gap:10px}
  .stat{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;padding:16px 18px}
  .stat b{font-size:2.1rem}
  .stat span{margin-top:0}
  .sys-wrap .art{max-width:300px}
  .mq-track span{font-size:1.1rem}
}
@media (max-width:960px){.sys-wrap>div:first-child{order:2}}
@media (max-width:640px){.stat{grid-template-columns:minmax(64px,auto) 1fr;gap:16px}}

.sys-tag{display:block;font:700 .7rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--ti,var(--blue));margin-bottom:4px}
.svc .top .sys-tag{margin:0}
.svc-title{font-size:1.32rem;margin:0 0 10px;letter-spacing:-.03em}
.facts.one{grid-template-columns:1fr}
.svc{grid-template-rows:auto auto auto 1fr auto;align-content:stretch}
.svc .hook{font-weight:500;color:var(--body)}
.svc .facts{align-self:end}

.ticks.sm{gap:8px;margin-top:4px}
.ticks.sm li{font-size:.93rem;line-height:1.45;color:var(--ink)}
.ticks.sm li::before{width:20px;height:20px;font-size:.7rem}
.svc{grid-template-rows:auto auto auto 1fr}
.phases .ph-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;counter-reset:ph}
.phases .ph{position:relative;background:var(--t);border-radius:18px;padding:18px 16px}
.phases .ph i{display:block;font:800 .78rem var(--f-b);font-style:normal;color:var(--ti);letter-spacing:.08em;margin-bottom:8px}
.phases .ph b{display:block;font:700 1.02rem var(--f-d);color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}
.phases .ph span{display:block;font-size:.85rem;color:var(--body);line-height:1.4}
.phases .ph:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;width:8px;height:8px;border-top:2px solid var(--line-2);border-right:2px solid var(--line-2);transform:translateY(-50%) rotate(45deg)}
@media (max-width:1000px){.phases .ph-row{grid-template-columns:repeat(3,minmax(0,1fr))}.phases .ph::after{display:none}}
@media (max-width:560px){.phases .ph-row{grid-template-columns:1fr 1fr}}
.ticks.sm{align-content:start}

/* ---------- v3: outcome-led home, picker, slider, calculator, check-up ---------- */
.sig{font:700 .95rem var(--f-d);color:var(--ink);letter-spacing:-.01em;margin:-4px 0 0}
.sig::before{content:"";display:inline-block;width:22px;height:2px;background:var(--blue);vertical-align:middle;margin-right:10px;border-radius:2px}
.hero .chip{white-space:normal;line-height:1.35}

/* proof strip */
.proof{background:var(--ink);color:#C9D3E1;padding:clamp(28px,4vw,44px) 0}
.proof-in{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(20px,4vw,48px);align-items:center}
.proof .eyebrow{color:#7FB2F2}
.proof h2{color:#fff;font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.3;letter-spacing:-.02em}
.more-link{display:inline-flex;gap:6px;margin-top:14px;font-weight:600;font-size:.92rem;color:#9CC4F6;text-decoration:none}
.more-link:hover{color:#fff}.more-link:hover .arr{transform:translateX(4px)}.more-link .arr{transition:transform .2s}
.proof-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px 16px}
.pn b{display:block;font:800 clamp(1.9rem,3vw,2.5rem) var(--f-d);letter-spacing:-.05em;color:#fff;line-height:1}
.pn span{display:block;margin-top:8px;font-size:.84rem;line-height:1.4;color:#B5C1D2}
@media (max-width:980px){.proof-in{grid-template-columns:1fr}}
@media (max-width:640px){.proof-nums{grid-template-columns:1fr 1fr}.pn{padding:14px}}

/* problem picker */
.picker{display:grid;grid-template-columns:minmax(240px,.8fr) 2fr;gap:clamp(14px,2vw,22px);align-items:start}
.pk-tabs{display:grid;gap:10px}
.pk-tab{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;text-align:left;width:100%;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line);background:#fff;font:700 1rem var(--f-d);letter-spacing:-.02em;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}
.pk-tab svg{width:44px;height:44px;padding:10px;border-radius:13px;background:var(--t);stroke:var(--ti);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pk-tab:hover{border-color:#CFE0F7;transform:translateX(4px)}
.pk-tab[aria-selected="true"]{border-color:var(--ti);background:var(--t);box-shadow:var(--sh)}
.pk-tab[aria-selected="true"] svg{background:#fff}
.pk-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(18px,3vw,32px);background:#fff;border:1px solid var(--line);border-top:6px solid var(--ti);border-radius:var(--r);padding:clamp(22px,3vw,34px);box-shadow:var(--sh);animation:pkin .35s ease}
@keyframes pkin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pk-what{font:600 clamp(1.08rem,1.6vw,1.24rem) var(--f-d);color:var(--ink);letter-spacing:-.02em;line-height:1.4;margin-bottom:18px}
.pk-main h3{font:700 .76rem var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.pk-main .btn{margin-top:20px}
.pk-side{display:grid;gap:12px;align-content:start}
.pk-watch{background:var(--t);border-radius:16px;padding:16px 18px}
.pk-watch span{display:block;font:700 .72rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--ti);margin-bottom:4px}
.pk-watch b{font:700 1.05rem var(--f-d);color:var(--ink);letter-spacing:-.02em;line-height:1.3}
.pk-stat{border:1px dashed var(--line-2);border-radius:16px;padding:16px 18px}
.pk-stat b{display:block;font:800 2.4rem var(--f-d);letter-spacing:-.05em;color:var(--ti);line-height:1}
.pk-stat p{font-size:.92rem;margin:8px 0 6px;color:var(--body)}
.pk-stat a{font-size:.78rem;color:var(--muted)}
@media (max-width:900px){.picker{grid-template-columns:1fr}.pk-tabs{grid-template-columns:1fr 1fr}.pk-tab{grid-template-columns:1fr;gap:8px;font-size:.92rem}.pk-tab:hover{transform:none}.pk-panel{grid-template-columns:1fr}}
@media (max-width:420px){.pk-tab{padding:12px}.pk-tab svg{width:38px;height:38px;padding:8px}}

/* before and after */
.ba{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,34px);box-shadow:var(--sh)}
.ba-ctl{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:24px}
.ba-end{font:700 .9rem var(--f-d);color:var(--muted);transition:color .2s}
.ba-end.on{color:var(--ink)}
.ba input[type=range],.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue) var(--p,0%),var(--line) var(--p,0%));outline-offset:6px;cursor:pointer;margin:0}
.ba input[type=range]::-webkit-slider-thumb,.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:var(--sh)}
.ba input[type=range]::-moz-range-thumb,.calc input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:var(--sh)}
.ba-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ba-m{background:var(--paper);border-radius:16px;padding:16px}
.ba-m span{display:block;font-size:.84rem;line-height:1.35;color:var(--body);min-height:2.7em}
.ba-m b{display:block;font:800 2.2rem var(--f-d);letter-spacing:-.05em;color:var(--ink);margin:8px 0 10px;line-height:1}
.ba-m i{display:block;height:6px;border-radius:999px;background:var(--line);overflow:hidden}
.ba-m em{display:block;height:100%;width:var(--w,10%);background:var(--blue);border-radius:999px;transition:width .15s}
.ba-m.down em{background:var(--peach-i)}
.ba-note{font-size:.84rem;color:var(--muted);margin:16px 0 0}
@media (max-width:900px){.ba-grid{grid-template-columns:repeat(2,1fr)}.ba-m:last-child{grid-column:1/-1}}
@media (max-width:420px){.ba-ctl{grid-template-columns:1fr 1fr}.ba-ctl input{grid-column:1/-1;grid-row:2}.ba-end:last-of-type{text-align:right}}

/* three-step method */
.m3{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
.m3-line{position:absolute;left:0;right:0;top:44px;width:100%;height:20px;z-index:0}
.m3-step{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.m3-ic{width:64px;height:64px;border-radius:18px;background:var(--t);display:grid;place-items:center;margin-bottom:16px}
.m3-ic svg{width:40px;height:40px;fill:none;stroke:var(--ti);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m3-step i{display:block;font:800 .78rem var(--f-b);font-style:normal;letter-spacing:.08em;color:var(--ti);margin-bottom:4px}
.m3-step h3{font-size:1.4rem;margin:0 0 8px}
.m3-step p{font-size:.96rem;margin:0}
@media (max-width:860px){.m3{grid-template-columns:1fr}.m3-line{display:none}}

/* payback calculator */
.calc{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line)}
.calc-in{background:#fff;padding:clamp(22px,3vw,34px);gap:20px}
.calc-in label{display:flex;justify-content:space-between;gap:12px}
.calc-in output{font:800 1rem var(--f-d);color:var(--blue)}
.calc-in small{font-size:.8rem;color:var(--muted)}
.calc-in input[type=range]{margin-top:8px}
.calc-out{background:var(--blue);color:#DCE9FB;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column}
.co-label{font:700 .76rem var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:#BFD7F7;margin:0}
.co-big{font:800 clamp(3.6rem,7vw,5.2rem) var(--f-d);letter-spacing:-.06em;color:#fff;line-height:1;margin:6px 0 14px}
.co-blocks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;min-height:22px}
.co-blocks span{width:22px;height:22px;border-radius:6px;background:#fff;animation:pop1 .3s ease both}
.co-blocks span.part{background:rgba(255,255,255,.45)}
.co-blocks em{font-style:normal;font-size:.85rem;color:#DCE9FB;align-self:center}
@keyframes pop1{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.co-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}
.co-facts dt{font-size:.8rem;color:#BFD7F7}
.co-facts dd{margin:2px 0 0;font:800 1.3rem var(--f-d);color:#fff;letter-spacing:-.03em}
.calc-out .btn{margin-top:auto;align-self:flex-start}
@media (max-width:860px){.calc{grid-template-columns:1fr}}

/* ask your AI */
.askai{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:26px;font-size:.92rem;color:var(--muted)}
.askai a{display:inline-flex;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;color:var(--ink);font-weight:600;text-decoration:none;transition:border-color .2s}
.askai a:hover{border-color:var(--blue);color:var(--blue)}

/* check-up wizard */
.cu-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(20px,4vw,48px);align-items:start}
@media (max-width:960px){.cu-grid{grid-template-columns:1fr}}
.cu-steps{display:flex;gap:8px;margin-bottom:22px;list-style:none;padding:0}
.cu-steps li{flex:1;font:700 .74rem var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:10px;border-top:4px solid var(--line)}
.cu-steps li.on{color:var(--blue);border-top-color:var(--blue)}
.cu-steps li.cu-done{color:var(--ink);border-top-color:var(--ink)}
.q .opts button{min-width:76px}
.q.miss p{color:var(--rose-i)}
.cu-live{display:flex;align-items:center;gap:12px;margin:6px 0 18px;font-size:.9rem;color:var(--muted)}
.cu-live b{font:800 1.1rem var(--f-d);color:var(--ink)}
.cu-bar{flex:1;height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.cu-bar em{display:block;height:100%;width:0;background:var(--blue);transition:width .3s}
.score{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;background:var(--paper);border-radius:20px;padding:22px;margin-top:18px}
.ring{position:relative;width:150px;height:150px}
.ring svg{width:150px;height:150px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:14}
.ring .bg{stroke:var(--line)}
.ring .fg{stroke:var(--blue);stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 2.6rem var(--f-d);color:var(--ink);letter-spacing:-.05em}
.ring b small{font-size:.9rem;color:var(--muted);letter-spacing:0;margin-top:46px;position:absolute}
.band-name{font:800 1.35rem var(--f-d);color:var(--ink);letter-spacing:-.03em;margin:0 0 6px}
.gaps{display:grid;gap:10px;margin-top:14px}
.gap{background:#fff;border:1px solid var(--line);border-left:5px solid var(--peach-i);border-radius:14px;padding:12px 14px}
.gap b{display:block;font:700 .98rem var(--f-d);color:var(--ink)}
.gap span{font-size:.9rem;color:var(--body)}
@media (max-width:560px){.score{grid-template-columns:1fr;justify-items:center;text-align:center}.gap{text-align:left}}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.mk.r span::before{border-radius:50%}
.mk.r input:checked+span::before{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}
.cu-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:8px}
.cu-err{color:var(--rose-i);font-size:.9rem;margin:0}
.opt-l{font-weight:400;color:var(--muted);font-size:.84rem;margin-left:6px}
.next{display:grid;gap:10px;margin-top:16px}
.next a:not(.btn){color:var(--blue);font-weight:600}
.aside-card{background:var(--cream);border-radius:22px;padding:clamp(20px,3vw,28px)}
.aside-card h2{font-size:1.2rem;margin:0 0 12px}
.mk-group.miss legend{color:var(--rose-i)}
.mk-group.miss .mk span{border-color:#E9A9B9}
#groups{display:flex;flex-direction:column;gap:20px}
#thanks:focus{outline:none}
.field input[type=range]{padding:0;border:0;height:8px;border-radius:999px;box-shadow:none}
.field input[type=range]:focus{box-shadow:none}
.field input[type=range]:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.ring b{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.ring b small{position:static;margin:6px 0 0;font:600 .8rem var(--f-b);color:var(--muted)}
#cu,#result,.q,.mk-group{scroll-margin-top:96px}
.proof-in{grid-template-columns:.9fr 1.8fr}
.pn b{white-space:nowrap;font-size:clamp(1.6rem,2.3vw,2.2rem)}
@media (max-width:980px){.proof-in{grid-template-columns:1fr}}

/* ---------- v4: career journey, client names ---------- */
.journey-sec{background:linear-gradient(180deg,#fff, var(--paper))}
.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,20px);counter-reset:j;position:relative}
.jc{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 24px;box-shadow:var(--sh);border-top:5px solid var(--ti);counter-increment:j;display:flex;flex-direction:column}
.jc::after{content:counter(j,decimal-leading-zero);position:absolute;top:16px;right:18px;font:800 .78rem var(--f-b);letter-spacing:.08em;color:var(--ti);opacity:.8}
.jy{display:inline-block;align-self:flex-start;font:700 .74rem var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--ti);background:var(--t);border-radius:999px;padding:4px 10px;margin-bottom:12px}
.jc h3{font-size:1.45rem;letter-spacing:-.035em;margin:0 0 4px}
.jb{display:block;font-size:.8rem;color:var(--muted);line-height:1.4;margin-bottom:8px}
.jr{display:block;font:700 .92rem var(--f-d);color:var(--ink);letter-spacing:-.01em;margin-bottom:10px}
.jc p{font-size:.94rem;line-height:1.55;margin:0;color:var(--body)}
.jc p b{color:var(--ink)}
.jc-key{box-shadow:0 0 0 4px var(--sky),var(--sh)}
.jc-now{background:linear-gradient(160deg,#fff 60%,var(--rose))}
.jnote{margin-top:22px}
.more-link.dark{color:var(--blue)}
.more-link.dark:hover{color:var(--blue-d)}
@media (max-width:980px){.journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .journey{grid-template-columns:1fr;gap:12px;padding-left:22px}
  .journey::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:var(--line-2);border-radius:2px}
  .jc::before{content:"";position:absolute;left:-22px;top:26px;width:14px;height:14px;border-radius:50%;background:var(--ti);box-shadow:0 0 0 4px #fff}
}
.names-sec{border-block:1px solid var(--line)}
.names-head{margin-bottom:18px}
.names{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.names li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;transition:border-color .2s,transform .2s}
.names li:hover{border-color:#CFE0F7;transform:translateY(-3px)}
.names b{display:block;font:800 1.15rem var(--f-d);letter-spacing:-.03em;color:var(--ink)}
.names span{display:block;font-size:.78rem;color:var(--muted);margin-top:4px;line-height:1.35}
@media (max-width:980px){.names{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.names{grid-template-columns:repeat(2,minmax(0,1fr))}}
.faq details p a{color:var(--blue)}
.phases .ph-row.ph3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.phases .ph-row.ph3{grid-template-columns:1fr}.phases .ph-row.ph3 .ph::after{display:none}}
.step .sys-tag{margin-top:10px}
.q-area{margin:22px 0 2px;padding:14px 16px;border-radius:14px;background:var(--paper)}
.q-area:first-child{margin-top:4px}
.q-area b{display:block;font:800 .78rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}
.q-area p{font-size:.86rem;margin:0;color:var(--body);line-height:1.5}
.q-area a{color:var(--muted);font-size:.8rem}
.q-area+.q{border-top:0}
.cu-hint{font-size:.88rem;color:var(--muted);margin:0 0 4px}

/* ---------- v5: career climb, client map ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.climb-sec{background:linear-gradient(180deg,#fff,var(--paper))}
.climb{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.4vw,16px);align-items:end;min-height:520px;position:relative}
.climb::after{content:"";position:absolute;left:0;right:0;bottom:30px;height:2px;background:var(--line-2)}
.cl{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.cl-who{padding:0 2px 12px}
.cl-who b{display:block;font:800 1.18rem var(--f-d);letter-spacing:-.03em;color:var(--ink);line-height:1.15}
.cl-who small{display:block;font-size:.72rem;color:var(--muted);line-height:1.3;margin-top:3px}
.cl-who em{display:block;font-style:normal;font-size:.78rem;font-weight:600;color:var(--body);margin-top:6px;line-height:1.3}
.cl-bar{height:var(--h);min-height:118px;background:var(--t);color:var(--ti);border-radius:16px 16px 4px 4px;padding:16px 14px;display:flex;flex-direction:column;justify-content:flex-start;transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.js .climb.rv:not(.in) .cl-bar{transform:scaleY(.15)}
.cl-bar strong{font:800 clamp(1.7rem,2.6vw,2.4rem) var(--f-d);letter-spacing:-.05em;line-height:1}
.cl-bar span{font-size:.78rem;font-weight:600;line-height:1.3;margin-top:6px;opacity:.92}
.cl-bar .cl-2{font-size:clamp(1.2rem,1.7vw,1.5rem);margin-top:18px}
.cl time{display:block;margin-top:14px;font:800 .78rem var(--f-b);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;position:relative;padding-left:14px}
.cl time::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--ti,var(--blue))}
.cl-key{--ti:#fff}
.cl-key .cl-bar{background:linear-gradient(170deg,#1673E0,var(--blue-d));color:#fff;box-shadow:0 22px 44px -18px rgba(11,99,206,.55)}
.cl-key time::before{background:var(--blue)}
.cl-now .cl-bar{background:#fff;border:2px dashed #9CC4F6;color:var(--blue)}
.cl-now time{color:var(--blue)}
.cl-now time::before{background:var(--blue)}
@media (max-width:980px){
  .climb{grid-template-columns:1fr;min-height:0;gap:10px}
  .climb::after{display:none}
  .cl{display:grid;grid-template-columns:118px 1fr;grid-template-areas:"who bar" "t bar";column-gap:14px;align-items:start;height:auto}
  .cl-who{grid-area:who;padding:2px 0 0}
  .cl time{grid-area:t;margin-top:6px}
  .cl-bar{grid-area:bar;height:auto;min-height:0;width:var(--h);min-width:62%;border-radius:4px 16px 16px 4px;padding:12px 14px;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px;transform-origin:left}
  .js .climb.rv:not(.in) .cl-bar{transform:scaleX(.2)}
  .cl-bar span{margin-top:0;flex:1 1 120px}
  .cl-bar .cl-2{margin-top:6px}
  .cl-key .cl-bar{width:100%}
}
.cmap-sec{border-bottom:1px solid var(--line)}
.cmap-head{margin-bottom:22px}
.cmap-head .micro{margin-top:8px}
.cmap{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(18px,3vw,40px);align-items:center}
.cmap-map{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(14px,2vw,24px);box-shadow:var(--sh)}
.cmap-map img{display:block;width:100%;height:auto}
.cmap-map .pin{position:absolute;transform:translate(-50%,calc(-100% - 6px));background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 4px;font:700 .74rem var(--f-b);color:var(--ink);white-space:nowrap;box-shadow:0 6px 16px -8px rgba(14,23,38,.35);display:flex;align-items:center;gap:6px}
.cmap-map .pin b{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;color:#fff;font-size:.78rem}
.cmap-map .pin.m-me{transform:translate(-92%,calc(-100% - 6px))}
.cmap-map .pin.m-in{transform:translate(-10%,calc(-100% - 6px))}
.cmap-map .pin.m-sea{transform:translate(-30%,10px)}
.m-us{--m:#0B63CE}.m-in{--m:#127A47}.m-me{--m:#B84C14}.m-sea{--m:#5638C0}
.pin b,.mk-d em{background:var(--m)}
.clients{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.clients li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;transition:border-color .2s,transform .2s}
.clients li:hover{border-color:#CFE0F7;transform:translateY(-2px)}
.clients .mono{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font:800 1rem var(--f-d)}
.clients b{font:800 .98rem var(--f-d);letter-spacing:-.02em;color:var(--ink);line-height:1.2}
.mk-d{display:flex;gap:4px;font-style:normal}
.mk-d em{display:block;width:9px;height:9px;border-radius:50%}
@media (max-width:980px){.cmap{grid-template-columns:1fr}}
@media (max-width:560px){
  .clients{grid-template-columns:1fr 1fr;gap:8px}
  .clients li{grid-template-columns:1fr auto;padding:10px}
  .clients .mono{display:none}
  .clients b{font-size:.9rem}
  .cmap-map .pin{font-size:.62rem;padding:2px 7px 2px 2px;gap:4px}
  .cmap-map .pin b{min-width:17px;height:17px;font-size:.66rem}
}
.mk-legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end;margin:16px 0 0;font-size:.8rem;font-weight:600;color:var(--muted)}
.mk-legend span{display:inline-flex;align-items:center;gap:6px}
.mk-legend em{width:9px;height:9px;border-radius:50%;background:var(--m)}
@media (max-width:980px){.mk-legend{justify-content:flex-start}}
@media (max-width:560px){
  .cmap-map .pin .pl{display:none}
  .cmap-map .pin,.cmap-map .pin.m-me,.cmap-map .pin.m-in,.cmap-map .pin.m-sea{padding:2px;transform:translate(-50%,-50%)}
  .cl{grid-template-columns:112px 1fr}
  .cl-who b{font-size:1rem}
}

/* ---------- v6: home rebuild, footer ---------- */
.hero6 .hero-grid{align-items:center}
.hv{position:relative;padding:28px 10px 40px 26px}
.hv-card,.ui{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 4px rgba(14,23,38,.04),0 30px 60px -28px rgba(14,23,38,.28);overflow:hidden}
.ui-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:#FAFBFD}
.ui-bar i{width:9px;height:9px;border-radius:50%;background:#E3E8EF}
.ui-bar i:nth-child(1){background:#FF8F8F}.ui-bar i:nth-child(2){background:#FFCF5C}.ui-bar i:nth-child(3){background:#5BD38C}
.ui-bar span{margin-left:8px;font:700 .8rem var(--f-b);color:var(--ink)}
.ui-ex{margin-left:auto;font:700 .66rem var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.hv-body{padding:20px 22px 18px}
.hv-kpi strong{display:block;font:800 2.6rem var(--f-d);letter-spacing:-.05em;color:var(--ink);line-height:1}
.hv-kpi span{display:block;font-size:.86rem;color:var(--body);margin-top:6px}
.hv-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;height:170px;align-items:end;margin-top:20px}
.hv-bars div{position:relative;height:100%;border-radius:10px 10px 4px 4px;background:var(--blue);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.hv-bars i{position:absolute;left:0;right:0;top:0;height:var(--f);background:#D9E2EE;transition:height 1.1s cubic-bezier(.2,.8,.2,1)}
.js .hv.rv:not(.in) .hv-bars i{height:100%}
.hv-bars b{position:relative;font:700 .7rem var(--f-b);color:#fff;padding-bottom:6px}
.hv-bars div:nth-child(1) b{color:var(--muted)}
.hv-legend{display:flex;gap:16px;margin-top:14px;font-size:.78rem;font-weight:600;color:var(--body)}
.hv-legend span{display:inline-flex;align-items:center;gap:6px}
.hv-legend em{width:10px;height:10px;border-radius:3px;background:#D9E2EE}
.hv-legend .lt em{background:var(--blue)}
.hv-chip{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:700 .8rem var(--f-b);color:var(--ink);box-shadow:0 14px 30px -14px rgba(14,23,38,.35);white-space:nowrap;animation:fl 6s ease-in-out infinite}
.hv-chip.c1{top:4px;right:-6px}
.hv-chip.c2{bottom:8px;left:-8px;animation-delay:-2s}
.hv-chip.c3{top:128px;right:-22px;animation-delay:-4s}
.dot-g,.dot-b{width:9px;height:9px;border-radius:50%;background:#1DB66B;box-shadow:0 0 0 4px #DDF4E6}
.dot-b{background:var(--blue);box-shadow:0 0 0 4px var(--sky)}
.tick{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--mint);color:var(--mint-i);font-style:normal;font-size:.75rem}
@keyframes fl{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.hv-chip{animation:none}}
@media (max-width:980px){.hv{max-width:520px;margin:10px auto 0}}
@media (max-width:560px){.hv{padding:20px 0 34px}.hv-chip{font-size:.7rem;padding:7px 10px}.hv-chip.c1{right:0}.hv-chip.c2{left:0}.hv-chip.c3{display:none}.hv-bars{height:130px;gap:8px}}

.res-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:minmax(150px,auto);gap:14px}
.rs{border-radius:20px;padding:22px 22px 20px;background:var(--t,var(--paper));color:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;position:relative;overflow:hidden}
.rs strong{font:800 clamp(2rem,3.6vw,2.9rem) var(--f-d);letter-spacing:-.05em;line-height:1;color:var(--ti,var(--ink))}
.rs-l{display:block;font-size:.92rem;font-weight:600;color:var(--body);margin-top:8px}
.rs-src{position:absolute;top:18px;left:22px;font:700 .7rem var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--ti,var(--muted));opacity:.85}
.rs-big{grid-row:span 2;background:linear-gradient(160deg,#1673E0,var(--blue-d));color:#fff;box-shadow:0 24px 50px -24px rgba(11,99,206,.6)}
.rs-big strong{color:#fff;font-size:clamp(2.6rem,5vw,4rem)}
.rs-big .rs-l{color:#D8E8FC;font-size:1.02rem}
.rs-big .rs-src{color:#BCD7F8}
.rs-more{font-style:normal;font-weight:700;font-size:.9rem;color:#fff;margin-top:22px}
.rs-big:hover .rs-more span{display:inline-block;transform:translateX(4px)}
.rs-big::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
@media (max-width:860px){.res-grid{grid-template-columns:1fr 1fr}.rs-big{grid-column:span 2;grid-row:auto;min-height:220px}}
.res6 .cmap{margin-top:22px;align-items:start}
.cmap-t{font-size:.95rem;color:var(--body);margin:0 0 14px}
.cmap-t b{color:var(--ink)}
.res6 .clients li{grid-template-columns:1fr auto;padding:11px 14px}
.res6 .mk-legend{justify-content:flex-start}

.how6 .hw{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:center;margin-bottom:clamp(40px,6vw,72px)}
.how6 .hw-r .hw-txt{order:2}
.hw-n{display:inline-block;font:800 .76rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;background:var(--t);color:var(--ti);border-radius:999px;padding:6px 12px}
.hw-txt h3{font:800 clamp(1.6rem,3vw,2.3rem) var(--f-d);letter-spacing:-.04em;line-height:1.1;margin:14px 0 10px;color:var(--ink)}
.hw-txt p{color:var(--body);font-size:1.02rem;margin:0}
.hw-out{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.hw-out li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:600;color:var(--ink)}
.ui-body{padding:18px 20px 20px}
.ui-h{font:700 .7rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}
.ui-h:first-child{margin-top:0}
.ui-row{display:flex;flex-wrap:wrap;gap:6px}
.pill{background:var(--sky);color:var(--blue);border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}
.ui-lines i{display:block;height:8px;border-radius:6px;background:#E9EEF5;margin-bottom:7px}
.ui-stages{display:flex;gap:4px}
.ui-stages span{flex:1;text-align:center;font-size:.7rem;font-weight:700;color:var(--body);background:var(--paper);padding:8px 2px;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,10% 50%)}
.ui-stages span:first-child{clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}
.ui-stages .won{background:var(--mint);color:var(--mint-i)}
.kp5{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.kp5 div{background:var(--paper);border-radius:12px;padding:10px}
.kp5 small{display:block;font-size:.66rem;font-weight:700;color:var(--muted);line-height:1.2}
.kp5 b{display:block;font:800 1.15rem var(--f-d);letter-spacing:-.03em;color:var(--ink);margin:6px 0 2px;white-space:nowrap}
.kp5 em{font-style:normal;font-size:.68rem;font-weight:700;color:var(--muted)}
.kp5 .up{color:var(--mint-i)}.kp5 .dn{color:var(--mint-i)}
.spark{display:flex;align-items:flex-end;gap:8px;height:90px}
.spark i{flex:1;height:var(--v);background:linear-gradient(180deg,#5B9BEA,var(--blue));border-radius:6px 6px 2px 2px;transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.js .hw:not(.in) .spark i{transform:scaleY(.1)}
.rp{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--t);color:var(--ti);font:800 .78rem var(--f-b)}
.rp b{font-size:.9rem;color:var(--ink)}
.rp small{margin-left:8px;font-size:.74rem;color:var(--muted)}
.rp i{display:block;height:7px;border-radius:6px;background:#E9EEF5;margin-top:7px;overflow:hidden}
.rp i em{display:block;height:100%;background:var(--blue);border-radius:6px;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.js .hw:not(.in) .rp i em{width:0!important}
.rp>span:last-child{font:700 .8rem var(--f-b);color:var(--body)}
.rp .ok{color:var(--mint-i);background:var(--mint);border-radius:999px;padding:3px 9px}
.handover{display:flex;align-items:center;gap:10px;margin-top:14px;background:var(--mint);color:var(--mint-i);border-radius:12px;padding:12px 14px;font-weight:700;font-size:.86rem}
.handover span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff}
@media (max-width:860px){.how6 .hw{grid-template-columns:1fr}.how6 .hw-r .hw-txt{order:0}}
@media (max-width:560px){.kp5{grid-template-columns:repeat(3,1fr)}.kp5 div:nth-child(n+4){display:none}.ui-stages span{font-size:.6rem}}

.ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}
.ld{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px;box-shadow:var(--sh);border-top:6px solid var(--ti);display:flex;flex-direction:column}
.ld:nth-child(1){min-height:300px}.ld:nth-child(2){min-height:330px}.ld:nth-child(3){min-height:370px}.ld:nth-child(4){min-height:340px}
.ld-n{font:800 .72rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--ti)}
.ld h3{font:800 1.35rem var(--f-d);letter-spacing:-.03em;margin:10px 0 8px;color:var(--ink)}
.ld-q{font-style:italic;color:var(--ink);font-weight:600;font-size:.95rem;margin:0 0 10px}
.ld p{font-size:.9rem;color:var(--body);margin:0 0 14px}
.ld-see{margin-top:auto;background:var(--t);color:var(--ti);border-radius:12px;padding:10px 12px;font-size:.82rem;font-weight:700}
.ld-core{--ti:#fff;background:linear-gradient(165deg,#1673E0,var(--blue-d));border-color:transparent;border-top-color:#FFCF5C;color:#fff;box-shadow:0 24px 50px -24px rgba(11,99,206,.6)}
.ld-core h3,.ld-core .ld-q{color:#fff}.ld-core p{color:#D8E8FC}
.ld-core .ld-see{background:rgba(255,255,255,.14);color:#fff}
.ld-core .ld-n{color:#FFE29A}
.ld-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}
.ld-foot p{margin:0;color:var(--body);font-size:.95rem}
.ld-foot p a{color:var(--blue);font-weight:600}
@media (max-width:980px){.ladder{grid-template-columns:1fr 1fr}.ld{min-height:0!important}}
@media (max-width:560px){.ladder{grid-template-columns:1fr}}

.tr-grid{display:grid;grid-template-columns:.8fr 1.6fr;gap:clamp(24px,5vw,64px);align-items:start}
.tr-who{position:sticky;top:96px}
.tr-who img{width:120px;height:120px;border-radius:28px;object-fit:cover;box-shadow:var(--sh);margin-bottom:18px}
.tr-who h2{margin:6px 0 8px}
.tr-who p{color:var(--body)}
.tr-links{display:flex;gap:18px;flex-wrap:wrap}
.tl6{list-style:none;margin:0;padding:0;position:relative}
.tl6::before{content:"";position:absolute;left:118px;top:10px;bottom:10px;width:2px;background:var(--line-2)}
.tl6>li{display:grid;grid-template-columns:118px 1fr;gap:0;position:relative;padding:0 0 14px}
.tl-y{font:800 .74rem var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:20px 22px 0 0;text-align:right}
.tl6>li::before{content:"";position:absolute;left:112px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--ti);box-shadow:0 0 0 4px #fff}
.tl-c{margin-left:24px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}
.tl-c b{font:800 1.15rem var(--f-d);letter-spacing:-.03em;color:var(--ink)}
.tl-c small{grid-column:1;font-size:.76rem;color:var(--muted);line-height:1.35;margin-top:3px}
.tl-c em{grid-column:1;font-style:normal;font-size:.84rem;font-weight:700;color:var(--ti);margin-top:6px}
.tl-c p{grid-column:2;grid-row:1/span 3;margin:0;font-size:.9rem;color:var(--body);align-self:center;border-left:3px solid var(--t);padding-left:14px}
.tl-key .tl-c{border-color:#BBD5F6;box-shadow:0 0 0 4px var(--sky)}
@media (max-width:980px){.tr-grid{grid-template-columns:1fr}.tr-who{position:static;display:grid;grid-template-columns:96px 1fr;column-gap:18px}.tr-who img{width:96px;height:96px;grid-row:span 4;border-radius:22px}}
@media (max-width:640px){.tl6::before{left:6px}.tl6>li{grid-template-columns:1fr;padding-left:26px}.tl6>li::before{left:0;top:4px}.tl-y{text-align:left;padding:0 0 6px}.tl-c{margin-left:0;grid-template-columns:1fr}.tl-c p{grid-column:1;grid-row:auto;border-left:0;padding:8px 0 0;border-top:1px solid var(--line);margin-top:10px}.tr-who{grid-template-columns:72px 1fr}.tr-who img{width:72px;height:72px}}

/* footer v6 */
.f6{background:var(--ink);color:#A9B4C4;padding:0 0 30px}
.f-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(48px,7vw,80px) 0 clamp(36px,5vw,56px);border-bottom:1px solid #243148}
.f-cta .eyebrow{color:#6FA8F0}
.f-cta h2{font:800 clamp(2rem,4.4vw,3.2rem) var(--f-d);letter-spacing:-.045em;line-height:1.05;color:#fff;margin:8px 0 14px}
.f-cta h2 span{color:#6FA8F0}
.f-cta-l>p{color:#B8C3D3;max-width:46ch;margin:0}
.f-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.f6 .btn{display:inline-flex;margin:0}
.btn-light{background:#fff;color:var(--blue)!important}
.btn-light:hover{background:#EAF2FD}
.btn-wa{background:#1DB66B;color:#fff!important;gap:8px}
.btn-wa:hover{background:#17A05E}
.f-contact{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.f-contact a{display:flex;align-items:center;gap:14px;margin:0;background:#172235;border:1px solid #243148;border-radius:16px;padding:14px 16px;color:#fff;font-weight:600;transition:border-color .2s,transform .2s}
.f-contact a:hover{border-color:#3E5B86;transform:translateX(3px);color:#fff}
.f-contact small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7F8DA3;margin-bottom:2px}
.fi{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#0E2A4F;color:#6FA8F0}
.f-soc{display:flex;gap:10px}
.f-soc a{width:46px;height:46px;justify-content:center;padding:0;border-radius:14px;color:#D6DDE8}
.f-soc a:hover{transform:translateY(-2px);color:#fff}
.f6 .foot{grid-template-columns:1.5fr 1fr 1fr 1.2fr;padding-top:40px}
.foot-b p{max-width:34ch;font-size:.92rem}
@media (max-width:860px){.f-cta{grid-template-columns:1fr}.f6 .foot{grid-template-columns:1fr 1fr}.foot-b{grid-column:1/-1}}
@media (max-width:560px){.f6 .foot{grid-template-columns:1fr 1fr}.f-contact a{padding:12px}}
.pvcard .body h3{margin-bottom:12px}
.pv-n{display:flex;gap:12px;margin:0 0 14px}
.pv-n div{flex:1;background:var(--lilac);border-radius:14px;padding:12px 14px}
.pv-n b{display:block;font:800 1.7rem var(--f-d);letter-spacing:-.04em;color:var(--lilac-i);line-height:1}
.pv-n span{font-size:.8rem;font-weight:600;color:var(--body)}
.rs-src{position:static;margin-bottom:auto;padding-bottom:18px}
@media (max-width:560px){.rs{padding:16px}.rs strong{font-size:1.9rem}}

/* ---------- v7: services ---------- */
.svc-hero{padding-bottom:clamp(30px,4vw,48px)}
.find-l{margin:26px 0 10px;font:700 .78rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.find{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fs{display:flex;gap:12px;align-items:flex-start;background:var(--t);color:var(--ink);text-decoration:none;border-radius:18px;padding:16px;border:1px solid transparent;transition:transform .2s,box-shadow .2s}
.fs:hover{transform:translateY(-3px);box-shadow:var(--sh-h)}
.fs b{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--ti);font:800 .9rem var(--f-d)}
.fs span{font-weight:600;font-size:.93rem;line-height:1.35}
.fs-core{background:linear-gradient(160deg,#1673E0,var(--blue-d));color:#fff;--ti:var(--blue)}
@media (max-width:860px){.find{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.find{grid-template-columns:1fr}}
.svc-steps .hw{scroll-margin-top:90px}
.hw-txt .see{margin:16px 0 18px;background:var(--paper);border-radius:12px;padding:12px 14px;font-size:.92rem}
.hw-txt .see b{color:var(--ink)}
.sc-body{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
.sc-ring{position:relative;width:150px;height:150px}
.sc-ring svg{width:100%;height:100%}
.sc-arc{transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.js .ui-score.rv:not(.in) .sc-arc{stroke-dashoffset:314}
.sc-ring b{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:800 2.4rem var(--f-d);letter-spacing:-.05em;color:var(--ink);line-height:1}
.sc-ring small{display:block;font:600 .72rem var(--f-b);letter-spacing:0;color:var(--muted);margin-top:4px}
.gp{margin-bottom:12px}
.gp span{font-size:.86rem;font-weight:600;color:var(--ink)}
.gp i{display:block;height:8px;border-radius:6px;background:#FDE6E6;margin-top:6px;overflow:hidden}
.gp em{display:block;height:100%;background:#E5484D;border-radius:6px}
@media (max-width:520px){.sc-body{grid-template-columns:1fr;justify-items:center}.sc-gaps{width:100%}}
.bl{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.88rem}
.bl b{font:800 1rem var(--f-d);color:var(--ink)}
.fx{margin:0;padding-left:20px;font-size:.88rem;font-weight:600;color:var(--ink)}
.fx li{margin-bottom:6px}
.fx li::marker{color:var(--blue);font-weight:800}
.bs{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;background:var(--t);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.bs-i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--ti);font-weight:800}
.bs b{display:block;color:var(--ink);font-size:.95rem}
.bs small{font-size:.8rem;color:var(--body)}
.bs i{display:block;height:7px;border-radius:6px;background:rgba(255,255,255,.8);margin-top:8px;overflow:hidden}
.bs i em{display:block;height:100%;background:var(--ti)}
.bs-on{box-shadow:0 0 0 2px var(--ti) inset}
.be{display:flex;align-items:center;gap:12px;margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:.86rem;font-weight:600;color:var(--body)}
.be b{font:800 1.6rem var(--f-d);color:var(--blue)}
.be-d{display:flex;gap:5px;margin-left:auto}
.be-d em{width:16px;height:16px;border-radius:5px;background:#E9EEF5}
.be-d em.on{background:var(--mint-i)}
.be-d em:nth-child(3){background:var(--blue);box-shadow:0 0 0 3px var(--sky)}
.mr{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:10px 0;border-bottom:1px solid var(--line);font-size:.88rem;align-items:center}
.mr span:nth-child(2){color:var(--muted)}
.mr b{font:800 1rem var(--f-d);color:var(--ink)}
.mr b.up{color:var(--mint-i)}
.mr-h{font:700 .7rem var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:0}
.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.stack-grid .lede{margin-top:14px}.stack-grid .lede a{color:var(--blue)}
.st5{list-style:none;counter-reset:st;margin:20px 0 0;padding:0}
.st5 li{counter-increment:st;position:relative;padding:10px 0 10px 46px;border-bottom:1px solid var(--line);color:var(--body);font-size:.95rem}
.st5 li::before{content:counter(st);position:absolute;left:0;top:8px;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font:800 .82rem var(--f-d);color:var(--blue)}
.st5 b{color:var(--ink)}
.calc-st{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,3vw,28px);box-shadow:var(--sh)}
.calc-st h3{font:800 1.3rem var(--f-d);letter-spacing:-.03em;margin:0}
.st-r{display:grid;grid-template-columns:22px 1fr 130px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer}
.st-r input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}
.st-r span{font-weight:600;font-size:.92rem;color:var(--body)}
.st-r.on span{color:var(--ink)}
.calc-st input[type=number]{width:100%;border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;font:600 .9rem var(--f-b);color:var(--ink);background:#fff}
.calc-st input[type=number]:focus{outline:2px solid var(--blue);outline-offset:1px}
.st-m{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center;margin-top:14px;font-weight:700;font-size:.92rem;color:var(--ink)}
.st-out{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.st-out div{background:var(--sky);border-radius:14px;padding:14px}
.st-out small{display:block;font-size:.76rem;font-weight:700;color:var(--blue)}
.st-out b{display:block;font:800 1.7rem var(--f-d);letter-spacing:-.04em;color:var(--ink);margin-top:4px}
.st-note{margin:12px 0 0;font-size:.88rem;color:var(--body)}
@media (max-width:860px){.stack-grid{grid-template-columns:1fr}}
@media (max-width:420px){.st-r{grid-template-columns:22px 1fr 108px}.st-m{grid-template-columns:1fr 108px}}
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ad{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--sh);scroll-margin-top:90px}
.ad-i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--t);color:var(--ti)}
.ad h3{font:800 1.3rem var(--f-d);letter-spacing:-.03em;margin:16px 0 8px}
.ad p{font-size:.93rem;color:var(--body);margin:0 0 14px}
.ad-tags{display:flex;flex-wrap:wrap;gap:6px}
.ad-tags span{background:var(--t);color:var(--ti);border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700}
@media (max-width:860px){.addons{grid-template-columns:1fr}}
.sys6{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sy{background:#fff;border-radius:18px;padding:20px;border:1px solid #EFE6D6;scroll-margin-top:90px}
.sy-n{font:800 .76rem var(--f-b);color:var(--peach-i);letter-spacing:.1em}
.sy h3{font:800 1.05rem var(--f-d);letter-spacing:-.02em;margin:8px 0 6px;line-height:1.25}
.sy p{font-size:.88rem;color:var(--body);margin:0}
@media (max-width:860px){.sys6{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.sys6{grid-template-columns:1fr}}
.terms3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(18px,3vw,36px);padding-bottom:26px;border-bottom:1px solid var(--line)}
.terms3 h2,.terms3 h3{font:800 1.2rem var(--f-d);letter-spacing:-.02em;margin:0 0 6px}
.terms3 p{margin:0;color:var(--body);font-size:.94rem}
.payb{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:24px}
.payb p{margin:0;color:var(--body)}
.payb b{color:var(--ink)}
@media (max-width:860px){.terms3{grid-template-columns:1fr}}

/* ---------- v7: how it works ---------- */
.flow{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.fl{position:relative;background:var(--t,#fff);border-radius:18px;padding:18px 18px 16px}
.fl:not(:last-child)::after{content:"";position:absolute;right:-13px;top:50%;width:12px;height:12px;border-top:2.5px solid var(--line-2);border-right:2.5px solid var(--line-2);transform:translateY(-50%) rotate(45deg);z-index:1}
.fl-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--ti);font:800 .9rem var(--f-d)}
.fl b{display:block;font:800 1.35rem var(--f-d);letter-spacing:-.03em;color:var(--ink);margin-top:12px}
.fl small{font-size:.86rem;color:var(--body)}
.fl-end{background:linear-gradient(160deg,#1673E0,var(--blue-d))}
.fl-end b,.fl-end small{color:#fff}
.fl-end .fl-n{color:var(--blue)}
@media (max-width:860px){.flow{grid-template-columns:1fr 1fr}.fl:nth-child(2)::after{display:none}}
.five{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.fv{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh)}
.fv-i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--t);color:var(--ti)}
.fv b{display:block;font:800 1.08rem var(--f-d);letter-spacing:-.02em;color:var(--ink);margin-top:14px}
.fv small{font-size:.84rem;color:var(--body)}
@media (max-width:980px){.five{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.five{grid-template-columns:1fr 1fr}}
.stg{display:grid;grid-template-columns:.8fr 2fr;gap:clamp(18px,3vw,40px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,34px);margin-bottom:18px;box-shadow:var(--sh);border-left:8px solid var(--ti);scroll-margin-top:90px}
.stg-n{display:inline-block;font:800 .74rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;background:var(--t);color:var(--ti);border-radius:999px;padding:5px 11px}
.stg-l h2{font:800 clamp(2rem,4vw,2.8rem) var(--f-d);letter-spacing:-.05em;margin:12px 0 8px;color:var(--ink)}
.stg-l p{color:var(--body);margin:0}
.stg-c{display:grid;grid-template-columns:1.3fr 1fr;gap:18px 28px}
.stg-col h3{font:700 .74rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.stp{margin:0;padding:0;list-style:none}
.stp li{position:relative;padding:0 0 12px 34px;font-size:.93rem;color:var(--body)}
.stp li::before{content:attr(data-n);position:absolute;left:0;top:0}
.stp{counter-reset:s var(--start,0)}
.stp li{counter-increment:s}
.stp li::before{content:counter(s,decimal-leading-zero);font:800 .78rem var(--f-b);color:var(--ti);background:var(--t);border-radius:8px;padding:3px 5px}
.stp b{color:var(--ink)}
.gets{list-style:none;margin:0;padding:0}
.gets li{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.92rem;font-weight:600;color:var(--ink)}
.gets li::before{content:"\2713";display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--t);color:var(--ti);font-size:.72rem}
.done-w{grid-column:1/-1;background:var(--t);border-radius:14px;padding:14px 16px;font-weight:600;color:var(--ink);font-size:.94rem}
.done-w span{display:inline-block;margin-right:10px;font:800 .72rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--ti)}
@media (max-width:860px){.stg{grid-template-columns:1fr}.stg-c{grid-template-columns:1fr}}
.own-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.ck{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:.93rem;color:var(--ink)}
.ck span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint);color:var(--mint-i);font-size:.78rem}
@media (max-width:860px){.own-grid{grid-template-columns:1fr}}
.own-grid .lede{margin-top:14px}
.own-m{margin:10px 0 4px}
.own-m span{display:block;font:700 .7rem var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.own-m i{display:block;height:10px;border-radius:999px;background:#EEF1F5;overflow:hidden}
.own-m em{display:block;height:100%;border-radius:999px;background:var(--ti);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.js .opt.rv:not(.in) .own-m em{width:0!important}

/* ---------- v8: about, case studies, home grid ---------- */
.res-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
.res-grid .rs strong{font-size:clamp(1.8rem,2.8vw,2.5rem)}
.res-grid .rs-big strong{font-size:clamp(2.4rem,4.4vw,3.6rem)}
@media (max-width:980px){.res-grid{grid-template-columns:1fr 1fr 1fr}.rs-big{grid-column:span 3;grid-row:auto;min-height:220px}}
@media (max-width:640px){.res-grid{grid-template-columns:1fr 1fr}.rs-big{grid-column:span 2}}
.ab-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:clamp(24px,5vw,64px);align-items:center}
.ab-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}
.ab-chips span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:600;color:var(--ink)}
@media (max-width:860px){.ab-grid{grid-template-columns:1fr}.ab-grid .photo{max-width:340px}}
.ab-nums{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.an{background:var(--t);border-radius:18px;padding:18px}
.an b{display:block;font:800 clamp(1.6rem,2.6vw,2.2rem) var(--f-d);letter-spacing:-.05em;color:var(--ti);line-height:1}
.an span{display:block;font-size:.84rem;font-weight:600;color:var(--body);margin-top:8px}
@media (max-width:980px){.ab-nums{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.ab-nums{grid-template-columns:1fr 1fr}}
.ab-why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.ab-why p{color:var(--body)}
.ab-why .lede{color:var(--ink)}
@media (max-width:860px){.ab-why{grid-template-columns:1fr}}
.tl-more{grid-column:1/-1;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.tl-more summary{cursor:pointer;font:700 .82rem var(--f-b);color:var(--blue);list-style:none;display:inline-flex;align-items:center;gap:6px}
.tl-more summary::-webkit-details-marker{display:none}
.tl-more summary::after{content:"+";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--sky);font-size:.8rem}
.tl-more[open] summary::after{content:"\2212"}
.tl-more ul{margin:10px 0 2px;padding-left:18px;font-size:.88rem;color:var(--body)}
.tl-more li{margin-bottom:5px}
.ab-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.ab-panel .lede{margin-top:14px}
.panel-tags{display:flex;flex-wrap:wrap;gap:10px;background:var(--sky);border-radius:var(--r);padding:clamp(20px,3vw,32px)}
.panel-tags span{background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:.9rem;color:var(--ink)}
@media (max-width:860px){.ab-panel{grid-template-columns:1fr}}
.hw4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.h4c{background:#fff;border-radius:20px;padding:22px;border-top:6px solid var(--ti);box-shadow:var(--sh)}
.h4i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--t);color:var(--ti);font:800 1.1rem var(--f-d)}
.h4c h3{font:800 1.12rem var(--f-d);letter-spacing:-.02em;margin:14px 0 6px}
.h4c p{font-size:.9rem;color:var(--body);margin:0}
@media (max-width:980px){.hw4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.hw4{grid-template-columns:1fr}}
.edu{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.edu>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.edu p{margin:10px 0 0;font-size:.93rem;color:var(--body)}
.edu b{color:var(--ink)}
@media (max-width:640px){.edu{grid-template-columns:1fr}}
.csr{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:16px}
.csc{display:flex;flex-direction:column;background:var(--t,#fff);border-radius:22px;padding:clamp(20px,3vw,30px);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
a.csc:hover{transform:translateY(-3px);box-shadow:var(--sh-h)}
.csc-big{grid-row:span 2;background:linear-gradient(160deg,#1673E0,var(--blue-d));color:#fff}
.csc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.csc-tag{background:rgba(255,255,255,.85);color:var(--ti,var(--blue));border-radius:999px;padding:4px 10px;font:700 .74rem var(--f-b)}
.csc-co{font:800 1.1rem var(--f-d);letter-spacing:-.02em}
.csc h2{font:800 clamp(1.4rem,2.4vw,2rem) var(--f-d);letter-spacing:-.035em;line-height:1.15;margin:18px 0 16px}
.csc-n{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.csc-n div{background:rgba(255,255,255,.7);border-radius:14px;padding:12px 14px}
.csc-big .csc-n div{background:rgba(255,255,255,.12)}
.csc-n strong{display:block;font:800 clamp(1.5rem,2.4vw,2rem) var(--f-d);letter-spacing:-.04em;line-height:1;color:var(--ti,#fff)}
.csc-big .csc-n strong{color:#fff}
.csc-n span{font-size:.8rem;font-weight:600;opacity:.85}
.csc-more{margin-top:auto;font-weight:700;font-size:.92rem}
.csc-names{margin:auto 0 0;font-size:.86rem;color:var(--body)}
@media (max-width:860px){.csr{grid-template-columns:1fr}.csc-big{grid-row:auto}}
.csc-big h2,.csc-big .csc-co,.csc-big .csc-more{color:#fff}
.csc-big .csc-tag{color:var(--blue)}
.csc-extra{margin:4px 0 18px;padding:0;list-style:none;color:#D8E8FC;font-size:.92rem}
.csc-extra li{padding:8px 0;border-top:1px solid rgba(255,255,255,.15)}
/* hero chips sit outside the card so they never cover its content */
.hv{padding:44px 10px 66px 18px}
.hv-chip.c1{top:0;right:0}
.hv-chip.c2{top:auto;bottom:6px;left:0}
.hv-chip.c3{top:auto;bottom:6px;right:0}
@media (max-width:1180px){.cmap-map .pin .pl{display:none}.cmap-map .pin,.cmap-map .pin.m-me,.cmap-map .pin.m-in,.cmap-map .pin.m-sea{padding:3px;transform:translate(-50%,-50%)}}
@media (max-width:700px){.hv-chip.c3{display:none}}
@media (max-width:1100px){.hv-chip.c3{display:none}}
@media (max-width:420px){.cmap-map .pin.m-me{transform:translate(-85%,-50%)}.cmap-map .pin.m-in{transform:translate(-15%,-50%)}.cmap-map .pin b{min-width:16px;height:16px;font-size:.62rem}}
@media (max-width:480px){.cmap-map .pin{display:none}}
.an small{display:block;font:700 .68rem var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--ti);opacity:.85;margin-bottom:10px}
.ab-nums{grid-template-columns:repeat(4,1fr)}
@media (max-width:860px){.ab-nums{grid-template-columns:1fr 1fr}}
.ab-more{margin-top:14px}
.tl-y{line-height:1.5}