/* v2 design review 2026-11-03 */
:root{--t-dark-2:#a1a1a6;--t-light-2:#515154}
/* P0-2 nav + anchors */
.nav__bar{background:rgba(22,22,23,.72)!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
h2,section,[id]{scroll-margin-top:96px}
.p2-prog{top:auto;bottom:0;height:3px}
.p2-filter{position:sticky;top:76px;z-index:40;background:rgba(245,245,247,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 0;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.p2-filter .tags{margin:0}.p2-filter details{position:relative}.p2-filter summary{list-style:none;cursor:pointer;font:600 13px/1 var(--font);padding:9px 14px;border-radius:99px;background:#fff;box-shadow:0 1px 0 #d2d2d7}
.p2-filter details[open] .tags{position:absolute;top:44px;inset-inline-end:0;background:#fff;border-radius:18px;padding:12px;box-shadow:0 20px 40px -20px #0004;width:max-content;max-width:320px}
/* P0-3 contrast */
.card p,.stack .card p{font-size:17px;color:#a1a1a6}
.chapter--paper .card p,.prose .card p{color:#515154}
.card .byline a,.stack .byline a{color:var(--wine-text);text-decoration:none;font-weight:600;position:relative;z-index:2}.stack .byline a::after{content:" ←"}
.byline,.crumbs,.crumbs a{color:#a1a1a6}
.toc a{color:#515154}.toc h4{color:#515154}
/* P1 typography */
.p2-h1{font-size:clamp(40px,6vw,72px);line-height:1.08;font-weight:600;letter-spacing:-.01em}
.prose{font-size:18px;line-height:1.8;color:#1d1d1f;letter-spacing:0;max-width:62ch}
.prose p+p{margin-top:20px}
.prose h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;font-weight:650;margin:72px 0 16px;letter-spacing:-.01em}
.prose h3{font-size:22px;line-height:1.3;font-weight:600}
.prose strong,.prose b{font-weight:600}
@media (min-width:1069px){.p2-read{grid-template-columns:minmax(0,680px) 240px;gap:72px;width:min(100% - 2*var(--gutter),1260px)}.p2-read--solo{grid-template-columns:minmax(0,680px)}}
.toc{top:96px}
.prose figure{margin:40px 0 72px}.prose figure .mask,.prose figure img{border-radius:24px}.prose figcaption{font-size:14px;color:#6e6e73;margin-top:8px}
/* TL;DR light glass */
.answer{background:#fff;color:#1d1d1f;border:1px solid #d2d2d7;border-radius:24px;border-inline-start:3px solid var(--wine);box-shadow:none;font-size:19px;line-height:1.7}
.answer::before{display:none}.answer>strong:first-child{color:var(--wine)}.answer b{color:#1d1d1f}
/* hero -> body */
.p2-hero{padding-bottom:120px}.p2-hero+.chapter--paper{background:linear-gradient(#000 0,#f5f5f7 120px)}
.p2-hero+.chapter--paper .prose>.answer:first-child,.p2-hero+.chapter--paper .prose>.toc-chip+.answer{margin-top:-40px}
/* FAQ */
.faq summary{min-height:64px;display:flex;align-items:center;font-size:18px;font-weight:600;padding:16px 0 16px 40px}
.faq summary::after{content:"";width:10px;height:10px;border-left:2px solid var(--wine);border-bottom:2px solid var(--wine);transform:rotate(-45deg);top:24px;left:8px}
.faq details[open] summary::after{transform:rotate(135deg)}
/* unified CTA */
.cta-uni{text-align:center}.cta-uni h2{font-size:clamp(34px,4.4vw,48px);margin:0}.cta-uni p.sub{color:#a1a1a6;font-size:19px;margin:16px auto 0;max-width:44ch}
.cta-uni .btn{height:56px;padding-inline:32px;display:inline-flex;align-items:center;margin-top:32px;font-size:17px}
.cta-box{background:#1d1d1f;box-shadow:inset 0 1px 0 #ffffff1f}.cta-box .btn{background:#fff;color:#1d1d1f}
.p2-sticky{position:fixed;inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px));z-index:120;display:none}
.p2-sticky .btn{width:100%;height:52px;justify-content:center;display:flex;align-items:center;box-shadow:0 20px 40px -10px #000a}
@media (max-width:734px){.p2-sticky{display:block;transform:translateY(140%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.p2-sticky.on{transform:none}.prose{font-size:17px}.answer{padding:24px;border-radius:20px}.toc-chip summary{width:100%;justify-content:center;height:48px}}
/* footer */
.footer{font-size:15px}
/* services sales page */
.stack .card{min-height:0}.stack .num{font-size:64px;opacity:.85}.stack .card h3{font-size:32px}.stack .tag{display:none}
.pricev{width:min(100% - 2*var(--gutter),980px);margin:0 auto;text-align:center;border-radius:28px;padding:56px 32px;background:#1c1c1e75;border:1px solid var(--hair-dark);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff26}
.pricev .pr{font:600 clamp(48px,7vw,72px)/1 Inter,var(--font);color:#fff;margin:12px 0}.pricev p{color:#a1a1a6;font-size:18px;margin:0 auto;max-width:46ch}
.pricev .btn{height:56px;padding-inline:32px;display:inline-flex;align-items:center;margin-top:28px}
/* about split */
.about-split .content{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
.about-split .pt{border-radius:24px;overflow:hidden}.about-split .pt img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.motion .about-split .pt{animation:ptin 1.4s .15s cubic-bezier(.76,0,.24,1) both}@keyframes ptin{from{clip-path:inset(0 0 100% 0 round 24px)}to{clip-path:inset(0 0 0 0 round 24px)}}@media (prefers-reduced-motion:reduce){.about-split .pt{animation:none!important}}
@media (max-width:734px){.about-split .content{grid-template-columns:1fr;gap:28px}.about-split .pt{order:-1}.about-split .pt img{aspect-ratio:4/5;object-position:50% 20%}}
/* case: counters odo */
.counters{gap:0}.counters>div{background:none!important;border-radius:0;padding:12px 20px;border-inline-start:1px solid #d2d2d7;color:#515154;font-size:15px}.counters>div:first-child{border:0}
.counters b{color:var(--wine)!important;font:600 clamp(30px,3.2vw,44px)/1.05 Inter,var(--font)!important;font-variant-numeric:tabular-nums}
@media (max-width:1068px){.counters{grid-template-columns:1fr 1fr;row-gap:16px}.counters>div:nth-child(3){border:0}}
.vid{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#000}.vid .fac{all:unset;cursor:pointer;position:absolute;inset:0;background:#000 center/cover}
.vid .fac::after{content:"";position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--wine) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23fff'/%3E%3C/svg%3E") center/30px no-repeat}
.prose table{font-size:17px;font-variant-numeric:tabular-nums}.prose tr:nth-child(even) td{background:#fafafa}
/* service checklist wow */
.chk{list-style:none;padding:0!important}.chk li{position:relative;padding:14px 52px 14px 16px;background:#fff;border-radius:16px;cursor:pointer;box-shadow:0 1px 0 #d2d2d7;transition:.3s}
.chk li::before{content:"";position:absolute;right:16px;top:16px;width:22px;height:22px;border-radius:7px;border:2px solid #d2d2d7}
.chk li.on{box-shadow:inset 0 0 0 2px var(--wine)}.chk li.on::before{background:var(--wine);border-color:var(--wine)}
.chk-out{font-weight:600;color:var(--wine);min-height:1.8em}
/* blog: 3 col */
.chapter--paper .cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}
.card h3{font-size:22px}.card .cb>p:not(.byline){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .mask img{aspect-ratio:4/3}
.card .cb>.tag{background:none!important;border:0;padding:0;color:#a1a1a6;font-size:13px}.chapter--paper .card .cb>.tag{color:#515154}
.p2seq{height:200svh}
@media (prefers-reduced-motion:reduce){.p2-sticky{transition:none}}
/* v3 review fixes */
.prose h2,.prose h3{background:none!important;color:#1d1d1f}
@media (min-width:1069px){.prose{font-size:18px;max-width:680px;width:100%}.p2-read{grid-template-columns:680px 240px;gap:56px;justify-content:center}.p2-read--solo{grid-template-columns:680px}}
.about-split .content{grid-template-columns:1.25fr 1fr}.about-split .p2-h1{text-wrap:balance;max-width:11em}
.news input{background:#2a2a2c!important;border:1px solid rgba(255,255,255,.18)!important;color:#f5f5f7;height:52px}.news input::placeholder{color:#a1a1a6}.news input:focus{outline:2px solid var(--wine);outline-offset:2px}.news .btn{height:52px}
.footer a,.footer span{font-size:14px}.footer,.footer a{color:#a1a1a6}
@media (max-width:734px){
 .nav{top:0;height:56px}.duo{position:fixed!important;top:0!important;left:0!important;right:0;width:100%;height:56px!important;border-radius:0!important;background:rgba(22,22,23,.86)!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);justify-content:space-between;padding:0 12px!important;box-shadow:0 1px 0 rgba(255,255,255,.08)}
 .duo__menu{min-width:44px;min-height:44px}
 h2,section,[id]{scroll-margin-top:72px}
 .p2-filter{top:56px;height:48px;padding-block:0;flex-wrap:nowrap;background:#f5f5f7;border-bottom:1px solid #d2d2d7;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask:linear-gradient(to left,#000 85%,transparent);mask:linear-gradient(to left,#000 85%,transparent)}
 .p2-filter>.tags{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;align-items:center;height:48px}.p2-filter .tags li{flex:none;scroll-snap-align:start}.p2-filter details{display:none}
 .footer{padding-bottom:88px}.p2-sticky.hide{transform:translateY(140%)!important}
 .stack .card .cb{display:block}.stack .num{display:block;font-size:48px;margin-bottom:8px}
 .pricev .btn{width:100%;justify-content:center}}
.p2-filter{background:#f5f5f7}
/* services sales page */
.sv-col{width:min(100% - 2*var(--gutter),1000px);margin:0 auto;font-size:18px;line-height:1.8}
.sv-col h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin:0 0 16px}.sv-col p{max-width:62ch}
.sv-split{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}.sv-split figure{margin:0}.sv-split img{border-radius:24px}
@media (max-width:734px){.sv-split{grid-template-columns:1fr;gap:28px}}
.pricev{text-align:right}.pricev h2{font-size:28px;margin:0}.pricev .pr{margin:16px 0 4px}.pricev .pr-s{font-size:15px;margin:0 0 16px}
.sv-sec .faq{margin-top:72px}.sv-sec .author{max-width:680px}
.prose h2#why{background:none!important}
