/* Proctorly theme. Port of the approved prototype (proctorly-site/assets/css/styles.css) plus WordPress components.
No JavaScript: mega menu (:hover/:focus-within), drawer (<details>), tabs (radio inputs), FAQ (<details>). Keep < 60 KB for AMP. */
:root{
--indigo:#5246F1;--indigo-deep:#4238C1;--indigo-tint:#EEECFE;--indigo-light:#CBC8FB;--link:#5246F1;
--ink:#0E1726;--slate:#4A5568;--muted:#6B7280;--line:#E3E8F0;--mist:#F5F7FB;
--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F5F7FB;--fg:#0E1726;--fg-2:#4A5568;--fg-3:#6B7280;
--band-dark:#0E1726;--band-dark-fg:#E9ECF4;--band-dark-2:#AEB6C8;--band-dark-line:#25304A;
--ok:#1F8A5B;--ok-bg:#E7F4EE;--warn:#B45309;--warn-bg:#FDF1E4;--err:#B4412F;--err-bg:#FBECE9;
--note-bg:#FFF6D6;--note-fg:#6B4E00;--note-line:#E8CF7A;
--shadow:0 1px 2px rgba(14,23,38,.06),0 8px 24px rgba(14,23,38,.06);
--f-display:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--f-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--r-s:6px;--r-m:10px;--r-l:16px;--max:1180px;--hdr:84px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--link:#9C95FF;--indigo-tint:#1E1B4B;--indigo-light:#3B3590;
--bg:#0A0F1C;--surface:#111827;--surface-2:#0F1626;--fg:#E9ECF4;--fg-2:#AEB6C8;--fg-3:#8D96AA;--line:#222C42;--mist:#0F1626;
--band-dark:#05080F;--band-dark-line:#1B2438;--ok:#4CC28E;--ok-bg:#0F2A20;--warn:#F0A55A;--warn-bg:#2E1E0C;--err:#F08A7A;--err-bg:#2E1512;
--note-bg:#2A2410;--note-fg:#F2D78A;--note-line:#5C4C1C;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);color-scheme:dark}}
:root[data-theme="dark"]{
--link:#9C95FF;--indigo-tint:#1E1B4B;--indigo-light:#3B3590;
--bg:#0A0F1C;--surface:#111827;--surface-2:#0F1626;--fg:#E9ECF4;--fg-2:#AEB6C8;--fg-3:#8D96AA;--line:#222C42;--mist:#0F1626;
--band-dark:#05080F;--band-dark-line:#1B2438;--ok:#4CC28E;--ok-bg:#0F2A20;--warn:#F0A55A;--warn-bg:#2E1E0C;--err:#F08A7A;--err-bg:#2E1512;
--note-bg:#2A2410;--note-fg:#F2D78A;--note-line:#5C4C1C;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);color-scheme:dark}

/* base */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{max-width:100%}
img{height:auto}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--indigo);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--f-display);color:var(--fg);margin:0;text-wrap:balance;letter-spacing:-.015em}
h1{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.06;font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;font-weight:750}
h3,.h3{font-size:1.14rem;line-height:1.3;font-weight:700;font-family:var(--f-display)}
p{margin:0}
figure{margin:0}
.ic-svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--indigo);color:#fff;padding:12px 16px;border-radius:var(--r-m);font-weight:600}
.skip:focus{top:12px}
.site-main{display:block;outline:0}
.wrap{max-width:var(--max);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:88px}
.band.tight{padding-block:56px}
.band.mist{background:var(--surface-2)}
.band.dark{background:var(--band-dark);color:var(--band-dark-fg)}
.band.dark h2,.band.dark h3{color:#fff}
.band.dark p{color:var(--band-dark-2)}
.band.dark a:not(.btn){color:#B9B4FF}
.eyebrow{font:600 .78rem/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--link);display:inline-flex;align-items:center;gap:8px}
.eyebrow .ic-svg{width:16px;height:16px}
.band.dark .eyebrow{color:#A9A3FF}
.lede{font-size:1.16rem;line-height:1.6;color:var(--fg-2);max-width:62ch}
.sec-head{display:grid;gap:14px;margin-bottom:44px;max-width:760px}
.sec-head p{color:var(--fg-2);max-width:64ch}
.muted{color:var(--fg-3)}
.small{font-size:.9rem}
.fine{font-size:.8rem;color:var(--fg-3)}
.stack{display:grid;gap:20px}
.stack-s{display:grid;gap:10px}
.mt{margin-top:40px}
.center{text-align:center;justify-items:center}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font:600 .96rem/1.1 var(--f-body);padding:13px 20px;border-radius:var(--r-m);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--indigo);color:#fff}
.btn-primary:hover{background:var(--indigo-deep);color:#fff}
.btn-ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--indigo);color:var(--link)}
.band.dark .btn-ghost{color:#fff;border-color:#3A4562}
.btn-sm{padding:10px 14px;font-size:.88rem}
.btn-block{width:100%}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn .ic-svg{width:18px;height:18px}
.more{font-weight:600;font-size:.92rem;color:var(--link);display:inline-flex;gap:6px;align-items:center}
.more .ic-svg{width:16px;height:16px}

/* header + mega menu (CSS only) */
.hdr{position:sticky;top:0;z-index:50;background:var(--surface);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:0}}
.hdr>.wrap{display:flex;align-items:center;gap:16px;height:var(--hdr)}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);flex-shrink:0}
.brand:hover{text-decoration:none}
.brand-img img{max-height:70px;width:auto;display:block}
.logo-img{height:70px;width:193px;max-width:none;display:block;flex-shrink:0}
.logo-dark{display:none}
.ftr .logo-img{height:84px;width:232px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-light{display:none}:root:not([data-theme="light"]) .logo-dark{display:block}}
:root[data-theme="dark"] .logo-light{display:none}:root[data-theme="dark"] .logo-dark{display:block}
@media (max-width:1200px){:root{--hdr:76px}.logo-img{height:62px;width:171px}}
@media (max-width:560px){:root{--hdr:72px}.logo-img{height:56px;width:154px}}
.sym{width:32px;height:32px;border-radius:9px;background:var(--indigo);display:grid;place-items:center;position:relative;flex-shrink:0}
.sym::before{content:"";width:12px;height:12px;border-radius:50%;border:2.5px solid #fff}
.sym::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#fff}
.wm{display:flex;flex-direction:column;line-height:1}
.wm b{font:800 1.18rem/1 var(--f-display);letter-spacing:-.02em}
.wm span{font:500 .66rem/1 var(--f-body);color:var(--fg-3);margin-top:4px;letter-spacing:.02em}
.nav{display:flex;align-items:center;gap:2px;margin-left:8px;flex:1;min-width:0}
.ni{position:relative}
.nt{font:500 .92rem/1 var(--f-body);color:var(--fg-2);background:none;border:0;padding:0 11px;min-height:44px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}
.nt .ic-svg{width:14px;height:14px;transition:transform .15s}
.ni:hover>.nt,.ni:focus-within>.nt{color:var(--fg);background:var(--surface-2);text-decoration:none}
.ni.cur>.nt,.nt[aria-current]{color:var(--fg);font-weight:600}
.ni:hover>.nt .ic-svg,.ni:focus-within>.nt .ic-svg{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 10px);left:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);padding:16px;display:none;min-width:290px;z-index:55}
.mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.ni:hover>.mega,.ni:focus-within>.mega{display:block}
.mega.wide{grid-template-columns:repeat(3,minmax(200px,1fr));gap:20px;width:min(860px,calc(100vw - 48px));left:-120px}
.ni:hover>.mega.wide,.ni:focus-within>.mega.wide{display:grid}
.mcol+.mcol{border-left:1px solid var(--line);padding-left:20px}
.mh{font:600 .72rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin:4px 0 10px 10px}
.mega a{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:10px;color:var(--fg)}
.mega a:hover,.mega a:focus-visible{background:var(--surface-2);text-decoration:none}
.mega a[aria-current] b{color:var(--link)}
.mega a b{display:block;font:600 .93rem/1.3 var(--f-body)}
.mega a small{display:block;font-size:.8rem;color:var(--fg-3);line-height:1.4;margin-top:2px}
.mega .ic{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--indigo-tint);color:var(--link);display:grid;place-items:center}
.mega .ic .ic-svg{width:17px;height:17px}
.hdr-r{display:flex;align-items:center;gap:8px;margin-left:auto}
.mnav{display:none}
.mnav>summary{list-style:none}
.mnav>summary::-webkit-details-marker{display:none}
.burger{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;color:var(--fg);cursor:pointer;background:var(--surface)}
.burger .i-close,.mnav[open] .burger .i-open{display:none}
.mnav[open] .burger .i-close{display:block}
.drawer{position:fixed;top:var(--hdr);left:0;right:0;height:calc(100vh - var(--hdr));height:calc(100dvh - var(--hdr));overflow:auto;background:var(--surface);z-index:49;padding:8px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px));border-top:1px solid var(--line)}
.drawer details{border-bottom:1px solid var(--line)}
.drawer summary{font:600 1.05rem/1.2 var(--f-display);padding:16px 4px;min-height:52px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.drawer summary::-webkit-details-marker{display:none}
.drawer details[open] summary .ic-svg{transform:rotate(180deg)}
.drawer .dr-list{padding:0 0 12px}
.drawer .dr-list a,.dr-top{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--fg-2)}
.dr-top{font:600 1.05rem/1.2 var(--f-display);color:var(--fg);border-bottom:1px solid var(--line);padding:14px 4px}
.drawer a[aria-current]{color:var(--link);font-weight:600}
.dr-h{display:block;font:600 .72rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);padding:14px 12px 4px}
.drawer .btns{margin-top:24px}
.drawer .btns .btn{flex:1 1 100%}
@media (max-width:1200px){.nav,.hdr-r .hide-m{display:none}.mnav{display:block}}
.hdr-lp .hdr-r{margin-left:auto}

/* status, notes */
.st{display:inline-flex;align-items:center;gap:6px;font:600 .72rem/1 var(--f-body);letter-spacing:.04em;padding:5px 8px;border-radius:999px;white-space:nowrap;vertical-align:middle}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-live{background:var(--ok-bg);color:var(--ok)}
.st-soon{background:var(--warn-bg);color:var(--warn)}
.st-no{background:var(--surface-2);color:var(--fg-3);border:1px solid var(--line)}
.unc{display:inline-block;background:var(--warn-bg);color:var(--warn);border:1px solid currentColor;border-radius:999px;padding:0 8px;font:600 .72rem/1.6 var(--f-body);vertical-align:2px;white-space:nowrap}
.sample{font:600 .66rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--line);padding:4px 6px;border-radius:4px;vertical-align:middle}
.sample-ribbon{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--note-bg);color:var(--note-fg);border-bottom:1px solid var(--note-line);padding:10px 16px;font:600 .88rem/1.4 var(--f-body);text-align:center}
.sample-ribbon .ic-svg{width:18px;height:18px}
.sample-note,.legal-draft{background:var(--note-bg);color:var(--note-fg);border:1px solid var(--note-line);border-radius:var(--r-m);padding:12px 16px;font-size:.92rem;margin:0 0 18px}
.legal-draft{background:var(--warn-bg);color:var(--warn);border-color:currentColor;font-weight:500}
.prose .sample-note,.prose .legal-draft{color:var(--note-fg)}
.prose .legal-draft{color:var(--warn)}
.trust-strip{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin:14px 0;padding:0;list-style:none;font-size:.88rem;color:var(--fg-2)}
.trust-strip>*{display:inline-flex;gap:8px;align-items:center;margin:0}
.trust-strip .ic-svg,.trust-strip svg{width:18px;height:18px;color:var(--ok)}

/* home hero + case record */
.hero{padding-block:72px 88px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 80% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 70% 80% at 80% 30%,#000 10%,transparent 70%);opacity:.55;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-copy{display:grid;gap:24px;min-width:0}
.hero h1 em{font-style:normal;color:var(--link)}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr;gap:40px}}
.case{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.case-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.case-top b{font:600 .9rem/1.2 var(--f-body)}
.case-top small{display:block;color:var(--fg-3);font-size:.76rem;margin-top:2px}
.lanes{padding:16px 18px 6px;display:grid;gap:10px}
.lane{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;font:500 .72rem/1 var(--f-body);color:var(--fg-3)}
.track{height:18px;border-radius:5px;background:var(--surface-2);position:relative;overflow:hidden;border:1px solid var(--line)}
.track i{position:absolute;top:2px;bottom:2px;border-radius:3px;background:var(--indigo-light)}
.track i.flag{background:var(--warn)}
.track i.ok{background:var(--ok)}
.playhead{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--indigo);left:0;animation:play 9s linear infinite}
@keyframes play{from{left:0}to{left:100%}}
.tl{list-style:none;margin:0;padding:8px 18px 18px}
.tl li{display:grid;grid-template-columns:64px 22px 1fr;gap:10px;align-items:start;padding:9px 0}
.tl time{font:500 .76rem/1.6 var(--f-mono);color:var(--fg-3)}
.tl .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--indigo-tint);color:var(--link)}
.tl .dot .ic-svg{width:13px;height:13px}
.tl .dot.w{background:var(--warn-bg);color:var(--warn)}
.tl .dot.g{background:var(--ok-bg);color:var(--ok)}
.tl p{font-size:.86rem;line-height:1.45;color:var(--fg)}
.tl p small{display:block;color:var(--fg-3);font-size:.78rem}
.case-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);font-size:.78rem;color:var(--fg-3)}
.case-foot b{color:var(--fg);font-weight:600}
@media (max-width:380px){.tl li{grid-template-columns:54px 22px 1fr;gap:8px}.lane{grid-template-columns:56px 1fr}}

/* principles, proof bar, logos */
.principles{background:var(--surface-2);border-top:1px solid var(--line)}
.principles .wrap{padding-block:18px;display:grid;gap:8px}
.prin-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.prin-row span{display:flex;gap:8px;align-items:center;font:600 .92rem/1.3 var(--f-body)}
.prin-row .ic-svg{width:18px;height:18px;color:var(--link)}
@media (max-width:820px){.prin-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.prin-row{grid-template-columns:1fr}}
.proofbar{border-block:1px solid var(--line);background:var(--surface)}
.proofbar .wrap{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:40px;align-items:center;padding-block:28px}
.bignum{display:grid;gap:8px}
.bignum>span:not(.eyebrow){font-size:.9rem;color:var(--fg-2)}
.bignum-v b,.stat b{display:block;font:800 2.2rem/1 var(--f-display);color:var(--link);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bignum-v span{font-size:.86rem;color:var(--fg-2)}
.logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 40px;list-style:none;margin:0;padding:0}
.logo-slot{height:64px;display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.logo-slot img,.logo-slot amp-img{max-height:48px;width:auto;max-width:min(240px,70vw);object-fit:contain;display:block}
.logo-ph,.logo-slot.ph{height:54px;border-radius:10px;display:grid;place-items:center;text-align:center;padding:4px}
.logo-ph{border:1.5px dashed var(--line);font:500 .72rem/1.2 var(--f-body);color:var(--fg-3)}
@media (max-width:820px){.proofbar .wrap{grid-template-columns:1fr;gap:20px}.logos{gap:12px}.logo-slot{height:56px}.logo-slot img,.logo-slot amp-img{max-height:40px}}

/* stats counters */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.stat{background:var(--surface);padding:24px;display:grid;gap:8px;align-content:start}
.stat span{font-size:.92rem;color:var(--fg-2)}
.stat small{font-size:.78rem;color:var(--fg-3)}

/* grids & cards */
.g2,.g3,.g4,.g5{display:grid;gap:20px}
.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))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media (max-width:1024px){.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0;color:inherit}
.card p{color:var(--fg-2);font-size:.96rem}
.card .ic{width:40px;height:40px;border-radius:10px;background:var(--indigo-tint);color:var(--link);display:grid;place-items:center;flex-shrink:0}
.card .row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.card.link{transition:border-color .15s,transform .15s}
.card.link:hover{border-color:var(--indigo);text-decoration:none;transform:translateY(-2px)}
.card .more{margin-top:auto}
.card-tint{background:var(--indigo-tint);border-color:transparent}
.card.has-media{padding:0;overflow:hidden}
.card.has-media>:not(.card-media){margin-inline:22px}
.card.has-media>:last-child{margin-bottom:22px}
.card-media{display:block;aspect-ratio:16/10;background:var(--surface-2);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;display:block}
.card-ph{display:grid;place-items:center;height:100%;color:var(--link);background:linear-gradient(135deg,var(--indigo-tint),var(--surface-2))}
.card-ph .ic-svg{width:40px;height:40px}
.kicker{font:600 .74rem/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.band.dark .card{background:#141C2E;border-color:var(--band-dark-line)}
.card.person{align-items:flex-start}
.photo-ph{width:100%;aspect-ratio:1/1;border:1.5px dashed var(--line);border-radius:var(--r-m);display:grid;place-items:center;color:var(--fg-3);background:var(--surface-2)}
.photo-ph svg{width:36px;height:36px}
.g3.team{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.empty{display:grid;justify-items:center;text-align:center;gap:16px;padding:48px 24px;border:1.5px dashed var(--line);border-radius:var(--r-l);background:var(--surface)}
.empty p{max-width:56ch;color:var(--fg-2)}
.empty-ic{width:52px;height:52px;border-radius:50%;background:var(--indigo-tint);color:var(--link);display:grid;place-items:center}

/* problems, steps */
.prob{border-top:2px solid var(--fg);padding-top:20px;display:grid;gap:10px;align-content:start}
.prob h3{font-size:1.22rem}
.prob p{color:var(--fg-2)}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}
.step{padding:0 18px 0 0;display:grid;gap:10px;align-content:start;position:relative}
.step .n{width:40px;height:40px;border-radius:50%;border:2px solid var(--indigo);color:var(--link);display:grid;place-items:center;font:700 .95rem/1 var(--f-display);background:var(--bg);position:relative;z-index:1}
.step::before{content:"";position:absolute;top:20px;left:40px;right:0;height:2px;background:var(--indigo-light)}
.step:last-child::before{display:none}
.step h3{font-size:1.08rem;margin-top:6px}
.step p{color:var(--fg-2);font-size:.93rem}
.band.dark .step .n{background:var(--band-dark);border-color:#8F88FF;color:#fff}
.band.dark .step::before{background:#3A3590}
.band.dark .step p{color:var(--band-dark-2)}
@media (max-width:900px){.steps{grid-template-columns:1fr;gap:22px}.step{grid-template-columns:40px 1fr;column-gap:16px;padding:0}.step .n{grid-row:span 2}.step h3{margin:0;align-self:end}.step::before{top:40px;left:19px;width:2px;height:calc(100% - 18px);right:auto}}

/* assurance levels: CSS-only tabs */
.assure{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:stretch;position:relative}
.tab-r{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.levels{display:grid;gap:8px;align-content:start}
.lvl{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;min-height:44px;cursor:pointer;font:600 1rem/1.2 var(--f-display);color:var(--fg)}
.lvl:hover{border-color:var(--indigo-light)}
.lvl small{display:block;font:500 .78rem/1.3 var(--f-body);color:var(--fg-3);margin-top:4px}
.lvl .meter{display:flex;gap:3px}
.lvl .meter i{width:6px;height:18px;border-radius:2px;background:var(--line)}
.lvl .meter i.on{background:var(--indigo)}
.lvl-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:28px;display:none;gap:18px;align-content:start;min-width:0}
.lvl-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.lvl-top h3{font-size:1.5rem}
.lvl-panel dl{display:grid;grid-template-columns:140px 1fr;gap:12px 20px;margin:0}
.lvl-panel dt{font:600 .78rem/1.5 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.lvl-panel dd{margin:0}
.tab-r:nth-of-type(1):checked~.levels>.lvl:nth-child(1),.tab-r:nth-of-type(2):checked~.levels>.lvl:nth-child(2),.tab-r:nth-of-type(3):checked~.levels>.lvl:nth-child(3),.tab-r:nth-of-type(4):checked~.levels>.lvl:nth-child(4),.tab-r:nth-of-type(5):checked~.levels>.lvl:nth-child(5){border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-tint)}
.tab-r:nth-of-type(1):focus-visible~.levels>.lvl:nth-child(1),.tab-r:nth-of-type(2):focus-visible~.levels>.lvl:nth-child(2),.tab-r:nth-of-type(3):focus-visible~.levels>.lvl:nth-child(3),.tab-r:nth-of-type(4):focus-visible~.levels>.lvl:nth-child(4),.tab-r:nth-of-type(5):focus-visible~.levels>.lvl:nth-child(5){outline:3px solid var(--indigo);outline-offset:2px}
.tab-r:nth-of-type(1):checked~.tab-panels>.lvl-panel:nth-child(1),.tab-r:nth-of-type(2):checked~.tab-panels>.lvl-panel:nth-child(2),.tab-r:nth-of-type(3):checked~.tab-panels>.lvl-panel:nth-child(3),.tab-r:nth-of-type(4):checked~.tab-panels>.lvl-panel:nth-child(4),.tab-r:nth-of-type(5):checked~.tab-panels>.lvl-panel:nth-child(5){display:grid}
@media (max-width:860px){.assure{grid-template-columns:1fr}}
@media (max-width:560px){.lvl-panel{padding:20px}.lvl-panel dl{grid-template-columns:1fr;gap:4px}.lvl-panel dd{margin-bottom:10px}}

/* evidence pack, split, audience, honesty */
.pack{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;max-width:520px}
.pack ol{list-style:none;margin:0;padding:8px 18px;counter-reset:pk}
.pack li{display:grid;grid-template-columns:28px 22px 1fr;gap:10px;align-items:center;padding:12px 0;font-size:.92rem;counter-increment:pk}
.pack li+li{border-top:1px dashed var(--line)}
.pack li::before{content:counter(pk,decimal-leading-zero);font:500 .74rem/1 var(--f-mono);color:var(--fg-3)}
.pack li .ic-svg{width:18px;height:18px;color:var(--link)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split>*{min-width:0}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}}
.aud{display:flex;flex-wrap:wrap;gap:10px}
.aud span,.aud a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 16px;min-height:44px;font:600 .92rem/1.2 var(--f-body);color:var(--fg)}
.aud a:hover{border-color:var(--indigo);text-decoration:none}
.aud .first{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.aud .ic-svg{width:16px;height:16px}
.aud-photo img,.photo{display:block;width:100%;height:auto;border-radius:var(--r-l);aspect-ratio:16/10;object-fit:cover}
.see{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.see div{border:1px solid var(--band-dark-line);border-radius:12px;padding:16px;display:grid;gap:6px;align-content:start}
.see b{font:600 .74rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
.see .y b{color:#6FD3A3}
.see .n b{color:#F3B37A}
.see p{font-size:.9rem}
@media (max-width:420px){.see{grid-template-columns:1fr}}

/* page hero */
.phero{padding-block:56px 64px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--bg))}
.phero .wrap{display:grid;gap:40px;align-items:center}
.phero.has-art .wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.phero-copy{display:grid;gap:18px;min-width:0;align-content:start}
.phero h1{font-size:clamp(2rem,4vw,3rem);max-width:22ch}
.phero .lede{max-width:64ch}
.phero-art{min-width:0}
.art{display:block;color:var(--link)}
.art svg{display:block;width:100%;height:auto}
.art-fallback{aspect-ratio:640/420;border-radius:var(--r-l);display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,var(--indigo-tint),transparent 60%),var(--surface-2);border:1px solid var(--line)}
.art-ic{width:96px;height:96px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--link)}
.art-ic .ic-svg{width:44px;height:44px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.84rem;color:var(--fg-3)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--fg-3)}
.crumbs a{color:var(--fg-3)}
.lede-box{max-width:68ch}
.lede-box p{font-size:1.12rem;line-height:1.6;color:var(--fg-2);margin:0 0 12px}
.lede-box ul,.lede-box ol{color:var(--fg-2);padding-left:1.2em;margin:0}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--fg-3);font-size:.88rem;align-items:center}
.post-meta span{display:inline-flex;gap:6px;align-items:center}
.post-meta .ic-svg{width:16px;height:16px}
@media (max-width:900px){.phero.has-art .wrap{grid-template-columns:1fr;gap:28px}.phero-art{max-width:520px}}
@media (max-width:560px){.phero{padding-block:40px 44px}.phero-art{display:none}}

/* article + TOC */
.article-band{padding-top:40px}
.art-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start}
.art-grid.no-toc{grid-template-columns:minmax(0,1fr)}
.toc{position:sticky;top:calc(var(--hdr) + 22px);display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line);padding-left:4px;max-height:calc(100vh - 120px);overflow:auto}
.toc b{font:700 .72rem/1.4 var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);padding:0 10px 8px}
.toc a{color:var(--fg-2);font-size:.88rem;line-height:1.35;padding:6px 10px;border-radius:6px;margin-left:-6px;border-left:2px solid transparent}
.toc a:hover,.toc a:focus-visible{color:var(--fg);background:var(--surface-2);text-decoration:none}
@media (max-width:900px){.art-grid{grid-template-columns:minmax(0,1fr);gap:0}.toc{display:none}}
.prose{max-width:74ch;min-width:0;overflow-wrap:anywhere}
.full-width .prose{max-width:none}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.25;margin:36px 0 14px;scroll-margin-top:calc(var(--hdr) + 20px)}
.prose h2+*{margin-top:0}
.prose h3{font-size:1.12rem;line-height:1.35;margin:22px 0 8px}
.prose h4{font-size:1rem;margin:18px 0 6px}
.prose p{margin:0 0 14px;color:var(--fg-2)}
.prose li{color:var(--fg-2);margin:4px 0}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 14px}
.prose strong{color:var(--fg)}
.prose a{text-decoration:underline;text-decoration-color:var(--indigo-light);text-underline-offset:3px}
.prose a.btn{text-decoration:none}
.prose blockquote{margin:0 0 14px;border-left:3px solid var(--indigo);padding:4px 16px;color:var(--fg-2);background:var(--surface-2);border-radius:0 8px 8px 0}
.prose code{font:500 .88em var(--f-mono);background:var(--surface-2);padding:1px 5px;border-radius:4px}
.prose img{border-radius:var(--r-m)}
.prose figure{margin:0 0 18px}
.prose figcaption{font-size:.84rem;color:var(--fg-3);margin-top:6px}
.prose hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.prose .btns.inbody{margin:6px 0 16px}
.prose .tbl-wrap{margin:8px 0 18px}
.legal-prose .prose{font-size:.98rem}
.legal-prose .prose h2{font-size:1.3rem}
.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:24px 0 0}
.tags a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.84rem;text-decoration:none;color:var(--fg-2)}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:.94rem}
.tbl-wrap table{min-width:640px}
th{text-align:left;font:600 .74rem/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--fg-2)}
.tbl-wrap td:first-child{color:var(--fg);font-weight:600}
tr:last-child td,tr:last-child th{border-bottom:0}

/* comparison table */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);-webkit-overflow-scrolling:touch}
.cmp{min-width:680px;font-size:.92rem}
.cmp th,.cmp td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{position:sticky;top:0;background:var(--surface-2);z-index:1}
.cmp thead th.is-us{color:var(--link)}
.cmp tbody th{position:sticky;left:0;z-index:1;background:var(--surface);color:var(--fg);font:600 .92rem/1.4 var(--f-body);text-transform:none;letter-spacing:0;min-width:180px;box-shadow:1px 0 0 var(--line)}
.cmp thead th:first-child{left:0;z-index:2;box-shadow:1px 0 0 var(--line)}
.cmp td{color:var(--fg-2)}
.cmp tr:last-child>*{border-bottom:0}
.cm{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;font-weight:700}
.cm-y{background:var(--ok-bg);color:var(--ok)}
.cm-n{background:var(--err-bg);color:var(--err)}
.cm-p{width:auto;border-radius:999px;padding:0 10px;font:600 .76rem/26px var(--f-body);background:var(--warn-bg);color:var(--warn)}
.cmp-legend{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:12px}
.verify-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:.88rem;color:var(--fg-2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-m);padding:12px 14px}
.verdict{border:1px solid var(--indigo-light);background:var(--indigo-tint);border-radius:var(--r-l);padding:28px;display:grid;gap:12px}

/* FAQ accordion */
.faq{display:grid;max-width:860px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;min-height:44px;font:650 1.06rem/1.4 var(--f-display);position:relative}
.faq summary::-webkit-details-marker,details.qa summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font:400 1.6rem/1 var(--f-body);color:var(--link)}
.faq details[open] summary::after{content:"\2212"}
.faq details>p,.faq details>div{padding:0 0 20px;color:var(--fg-2);max-width:70ch}
details.qa{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);margin:0 0 10px}
details.qa summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;font:600 1rem/1.4 var(--f-display);color:var(--fg);position:relative}
details.qa summary::after{content:"+";position:absolute;right:16px;top:12px;font:400 1.3rem/1 var(--f-body);color:var(--link)}
details.qa[open] summary::after{content:"\2212"}
details.qa>div{padding:0 16px 6px}

/* forms (theme + plugin forms module) */
.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:28px;display:grid;gap:16px;box-shadow:var(--shadow);min-width:0}
.prc-form-head{display:grid;gap:6px}
.prc-form-head h2,.prc-form-head h3{font-size:1.2rem}
.prc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:grid;gap:6px;min-width:0}
.field label,fieldset.prc-fieldset>legend,.prc-fs>legend{font:600 .86rem/1.3 var(--f-body);color:var(--fg)}
.field input,.field select,.field textarea,.search-form input{font:inherit;font-size:1rem;min-height:46px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);width:100%}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus,.search-form input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-tint)}
.field .err{color:var(--err);font-size:.82rem}
.field.bad input,.field.bad select,.field.bad textarea,[aria-invalid="true"]{border-color:var(--err)}
.req{color:var(--err)}
fieldset.prc-fieldset,.prc-fs{border:0;padding:0;margin:0;min-width:0;display:grid;gap:8px}
fieldset.prc-fieldset>legend,.prc-fs>legend{padding:0;margin:0 0 8px}
.prc-check,.field-check label{display:flex;gap:10px;align-items:flex-start;font:400 .86rem/1.45 var(--f-body);color:var(--fg-2);cursor:pointer}
.prc-check input,.field-check input,.chips input{accent-color:var(--indigo);width:20px;height:20px;min-height:0;flex-shrink:0;margin:1px 0 0}
.prc-form-error,.prc-alert{background:var(--err-bg);border:1px solid var(--err);border-radius:var(--r-m);padding:12px 14px;color:var(--err)}
.prc-form-error .err{display:block;font-size:.9rem;font-weight:600}
.prc-alert{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:.92rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 14px;min-height:44px;font:500 .88rem/1.2 var(--f-body);cursor:pointer;color:var(--fg-2)}
.chips label:has(input:checked){border-color:var(--indigo);color:var(--fg);background:var(--indigo-tint)}
.form>.btn[type=submit]{justify-self:start}
.form-compact{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:0;border:0;box-shadow:none;background:none}
.form-compact .field{flex:1 1 220px}
.form-compact .prc-consent,.form-compact .fine,.form-compact .prc-form-error{flex:1 1 100%}
.form-compact>.btn{flex:0 0 auto}
.form-fallback{gap:14px}
.ok-box{display:grid;gap:12px;text-align:left}
.ok-box .ic{width:52px;height:52px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center}
.ok-box .ic .ic-svg{width:26px;height:26px}
p.ok-box{background:var(--ok-bg);color:var(--ok);border-radius:var(--r-m);padding:12px 14px;font-weight:600}
.prc-download,.prc-thankyou{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;margin:0 0 18px}
.prc-download .btn,.prc-thankyou .btn{justify-self:start}
.search-form{display:flex;gap:8px;max-width:560px;width:100%}
.search-form .btn{flex-shrink:0;width:46px;padding:0}
@media (max-width:640px){.prc-row{grid-template-columns:1fr}.form{padding:20px}}

/* lead band + booking card + platform badges */
.lead-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}
.lead-main .sec-head{margin-bottom:24px}
.book-card{background:var(--band-dark);color:var(--band-dark-fg);border-radius:var(--r-l);padding:28px;display:grid;gap:16px;position:sticky;top:calc(var(--hdr) + 20px)}
.book-card h2,.book-card h3{color:#fff;font-size:1.3rem}
.book-card p{color:var(--band-dark-2);font-size:.94rem}
.book-ic{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center}
.mt-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mt-list a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:1px solid var(--band-dark-line);border-radius:10px;color:#fff}
.mt-list a:hover{border-color:#8F88FF;text-decoration:none}
.mt-list span{flex:1;font-weight:600;font-size:.94rem}
.mt-list small{color:var(--band-dark-2);font-size:.82rem}
.mt-list .ic-svg{width:16px;height:16px;color:var(--band-dark-2)}
.pf-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pf{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:999px;font:600 .76rem/1.2 var(--f-body);background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line)}
.pf-m{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--link)}
.pf-m img,.pf-m .ic-svg{width:14px;height:14px}
.book-card .pf{background:rgba(255,255,255,.06);border-color:var(--band-dark-line);color:var(--band-dark-fg)}
.book-card .pf-m{background:#fff}
@media (max-width:900px){.lead-grid{grid-template-columns:1fr}.book-card{position:static}}

/* CTA band */
.cta-band{background:var(--indigo);color:#fff;border-radius:22px;padding:56px;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:32px;align-items:center;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;border:40px solid rgba(255,255,255,.08);pointer-events:none}
.cta-band h2{color:#fff}
.cta-band p{color:#E4E2FF;margin-top:12px;max-width:56ch}
.cta-band p a{color:#fff;text-decoration:underline}
.cta-band .btn-primary{background:#fff;color:#2A2190}
.cta-band .btn-primary:hover{background:#EEECFE}
.cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.cta-band .btns{position:relative;z-index:1}
@media (max-width:820px){.cta-band{grid-template-columns:1fr;padding:36px 24px}}
@media (max-width:380px){.cta-band .btn{width:100%}}

/* newsletter band */
.nl-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;border:1px solid var(--line);border-radius:var(--r-l);padding:32px;background:var(--surface)}
.nl-copy{display:flex;gap:16px;align-items:flex-start}
.nl-copy h2{font-size:1.4rem;margin-bottom:6px}
.nl-copy p{color:var(--fg-2)}
.nl-ic{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--indigo-tint);color:var(--link);display:grid;place-items:center}
@media (max-width:900px){.nl-band{grid-template-columns:1fr;padding:24px}}

/* testimonials */
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:26px;display:grid;gap:16px;align-content:space-between;position:relative}
.tcard .tq{width:28px;height:28px;color:var(--indigo-light)}
.tcard .sample{position:absolute;top:16px;right:16px}
.tcard blockquote{margin:0;font-size:1.02rem;line-height:1.55;color:var(--fg)}
.tcard blockquote p{margin:0 0 8px}
.tcard figcaption{display:flex;gap:12px;align-items:center}
.tcard figcaption b{display:block;font-size:.94rem}
.tcard figcaption small{display:block;color:var(--fg-3);font-size:.82rem}
.tav{width:40px;height:40px;border-radius:50%;background:var(--indigo-tint);color:var(--link);display:grid;place-items:center;font:700 1rem/1 var(--f-display);flex-shrink:0;text-transform:uppercase}

/* blog: chips, featured, author, share, pagination */
.cat-chips{display:flex;flex-wrap:wrap;gap:8px}
.cat-chips a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg-2);font:600 .86rem/1.2 var(--f-body)}
.cat-chips a:hover{border-color:var(--indigo);text-decoration:none}
.cat-chips a[aria-current]{background:var(--indigo);border-color:var(--indigo);color:#fff}
.feat-post{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.feat-media{display:block;border-radius:var(--r-l);overflow:hidden}
.feat-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.feat-copy{display:grid;gap:14px}
.feat-copy h2 a{color:var(--fg)}
.feat-copy p{color:var(--fg-2)}
@media (max-width:900px){.feat-post{grid-template-columns:1fr;gap:20px}}
.post-foot{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.share{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.share-l{font:600 .78rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.share ul{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.prose .share-b,.share-b{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--fg-2);text-decoration:none}
.share-b:hover{border-color:var(--indigo);color:var(--link)}
.share-b .ic-svg{width:18px;height:18px}
.author-box{display:flex;gap:20px;align-items:flex-start;margin-top:36px;padding:24px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface-2)}
.author-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--surface,#fff);box-shadow:0 0 0 1px var(--line)}
.author-box .tav.author-photo{font-size:2rem}
.author-body{min-width:0}
.prose .author-kicker,.author-kicker{font:600 .72rem/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#5b6475);margin:0 0 6px}
.prose .author-name,.author-name{font-size:1.2rem;line-height:1.3;margin:0 0 2px}
.author-name a{color:inherit;text-decoration:none}
.author-name a:hover{text-decoration:underline}
.prose .author-role,.author-role{font-size:.92rem;font-weight:600;color:var(--link);margin:0 0 10px}
.prose .author-bio,.author-bio{font-size:.95rem;margin:0 0 12px}
.prose .author-tags,.author-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0}
.prose .author-tags li,.author-tags li{margin:0;padding:4px 10px;border-radius:999px;background:var(--indigo-tint);color:var(--link);font-size:.8rem;font-weight:500}
.prose .author-tags li::before{content:none}
.prose .author-cred,.author-cred{display:flex;gap:6px;align-items:center;font-size:.88rem;margin:0 0 12px}
.author-cred .ic-svg{width:16px;height:16px}
.prose .author-links,.author-links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0;font-size:.92rem;font-weight:600}
.author-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.author-li .ic-svg{width:16px;height:16px;color:#0A66C2}
.author-links .ic-svg{width:16px;height:16px}
@media (max-width:560px){.author-box{flex-direction:column;gap:14px;padding:20px}.author-photo{width:80px;height:80px}}
.offices{display:grid;gap:14px}
.office{font-style:normal;display:grid;gap:2px;line-height:1.5}
.office-label{font:600 .7rem/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.ftr .offices{margin:6px 0 4px}
.ftr .office b{color:#fff;font-weight:600}
.offices-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.offices-cards .office{padding:22px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface,#fff)}
.offices-cards .office b{font-size:1.05rem}
@media (max-width:640px){.offices-cards{grid-template-columns:1fr}}
.offices-email{display:flex;align-items:center;gap:8px;margin:20px 0 0;font-weight:500}
.offices-email .ic-svg{width:18px;height:18px}
.author-hero{display:flex;gap:28px;align-items:center}
.author-hero .author-photo{width:160px;height:160px}
@media (max-width:640px){.author-hero{flex-direction:column;align-items:flex-start;gap:18px}.author-hero .author-photo{width:120px;height:120px}}
.pagination{margin-top:44px}
.pagination ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pagination .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--fg-2);font-weight:600}
.pagination a.page-numbers:hover{border-color:var(--indigo);text-decoration:none}
.pagination .current{background:var(--indigo);border-color:var(--indigo);color:#fff}
.pagination .dots{border:0}

/* case studies, whitepapers, solutions */
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.kv div{background:var(--surface);padding:22px;display:grid;gap:6px;align-content:start}
.kv b{font:800 1.9rem/1 var(--f-display);color:var(--link);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.kv span{font-size:.88rem;color:var(--fg-2)}
.kv .fine{font-size:.76rem}
.cs-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0}
.cs-facts div{display:grid;gap:2px}
.cs-facts dt{font:600 .72rem/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.cs-facts dd{margin:0;font-weight:600}
.cs-stats-band{padding-bottom:0}
.cs-quote{margin:32px 0;padding:28px;border-radius:var(--r-l);background:var(--indigo-tint)}
.cs-quote blockquote{margin:0;border:0;background:none;padding:0}
.cs-quote blockquote p{font:600 1.2rem/1.5 var(--f-display);color:var(--fg)}
.cs-quote figcaption{margin-top:10px;color:var(--fg-2);font-size:.9rem}
.cs-products{margin-top:28px}
.cs-products h2{font-size:1.2rem}
.wp-hero .wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}
.wp-side{display:grid;gap:20px}
.wp-cover{position:relative;aspect-ratio:3/4;max-width:300px;width:100%;border-radius:8px 16px 16px 8px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;color:#fff;overflow:hidden;background:linear-gradient(150deg,var(--indigo) 0%,#2A2190 70%,#0E1726 100%);box-shadow:0 20px 40px rgba(14,23,38,.25),inset 6px 0 0 rgba(255,255,255,.12);justify-self:center}
.wp-cover-img{position:absolute;inset:0;opacity:.22}
.wp-cover-img img{width:100%;height:100%;object-fit:cover;border-radius:0;aspect-ratio:auto}
.wp-cover>span:not(.wp-cover-img){position:relative}
.wp-cover-k{font:600 .72rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.wp-cover-t{font:800 1.45rem/1.15 var(--f-display);letter-spacing:-.02em}
.wp-cover-b{display:flex;gap:8px;align-items:center;font:600 .82rem/1 var(--f-body)}
.wp-cover .sym{width:22px;height:22px;border-radius:6px;background:#fff}
.wp-cover .sym::before{width:8px;height:8px;border-color:var(--indigo);border-width:2px}
.wp-cover .sym::after{display:none}
.wp-inside h2{font-size:1.1rem;margin-bottom:8px}
.wp-inside ol{margin:0;padding-left:1.3em;color:var(--fg-2);display:grid;gap:6px}
@media (max-width:900px){.wp-hero .wrap{grid-template-columns:1fr}}
.feat-wp .form{color:var(--fg)}
.feat-wp .form p{color:var(--fg-3)}
.dl-band .form{max-width:560px}

/* hubs */
.hub-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.hub-head h2{display:flex;gap:12px;align-items:center;font-size:1.6rem}
.hub-head .ic{width:40px;height:40px;border-radius:10px;background:var(--indigo-tint);color:var(--link);display:grid;place-items:center}
.res-filter{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:20px}
.res-filter .field{flex:1 1 220px}
.res-actions{display:flex;gap:10px;flex-wrap:wrap}
.res-filter-band{border-bottom:1px solid var(--line);padding-block:32px}
.jump{padding-block:24px;border-bottom:1px solid var(--line)}

/* contact, booking, thank-you, landing */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}
.contact-side .book-card{position:static}
.office p{display:flex;gap:8px;align-items:flex-start}
.office .ic-svg{width:18px;height:18px;margin-top:3px}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.booking-prose{margin-top:32px}
.ty{padding-block:64px;background:linear-gradient(180deg,var(--surface-2),var(--bg))}
.ty-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
.ty-box h1{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.ty-content{max-width:none}
@media (max-width:900px){.ty-grid{grid-template-columns:1fr}.ty-art{max-width:420px}}
@media (max-width:560px){.ty-art{display:none}}
.lp .hdr>.wrap{justify-content:space-between}
.lp-hero{padding-block:56px 72px;background:linear-gradient(180deg,var(--surface-2),var(--bg))}
.lp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start}
.lp-copy{display:grid;gap:20px;align-content:start}
.lp-points{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lp-points li{display:flex;gap:10px;align-items:flex-start;font-weight:600}
.lp-points .ic-svg{color:var(--ok);margin-top:2px}
.lp-book{max-width:720px}
@media (max-width:900px){.lp-grid{grid-template-columns:1fr;gap:28px}}

/* sitemap, 404 */
.sitemap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.sitemap h2{font-size:1.2rem;margin:28px 0 12px}
.sitemap-list,.sitemap-list ul{list-style:none;margin:0;padding:0}
.sitemap-list ul{padding-left:18px;border-left:1px solid var(--line);margin:4px 0 8px 6px}
.sitemap-list a{display:inline-block;padding:5px 0;color:var(--fg-2)}
.sitemap-list a:hover{color:var(--link)}
@media (max-width:768px){.sitemap{grid-template-columns:1fr}}
.err404 h1{font-size:clamp(2rem,4vw,3rem)}
.err-art{max-width:480px}

/* footer */
.ftr{background:var(--band-dark);color:var(--band-dark-2);padding-block:64px 32px}
.ftr .cols{display:grid;grid-template-columns:1.4fr repeat(5,minmax(0,1fr));gap:28px}
.ftr .fh{font:600 .74rem/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.ftr a{color:var(--band-dark-2)}
.ftr a:hover{color:#fff}
.fcol a{display:block;padding:6px 0;font-size:.9rem}
.ftr .brand,.ftr .brand:hover{color:#fff}
.ftr .wm span{color:var(--band-dark-2)}
.ftr-brand p{max-width:32ch}
.ftr-contact a{display:flex;gap:8px;align-items:center;padding:4px 0}
.ftr-contact .ic-svg{width:16px;height:16px}
.ftr-follow{margin-top:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px 32px;flex-wrap:wrap}
.ftr-social{min-width:0;max-width:100%}
.ftr-social .fh{margin-bottom:12px}
.social{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--band-dark-line);border-radius:50%;color:var(--band-dark-fg);transition:background-color .15s,border-color .15s,color .15s}
.social a:hover,.social a:focus-visible{background:#fff;border-color:#fff;color:var(--band-dark)}
.social .ic-svg{width:18px;height:18px}
.dmca-badge{display:inline-flex;align-items:stretch;height:28px;border-radius:3px;overflow:hidden;font:700 .78rem/1 var(--f-body);letter-spacing:.04em;text-decoration:none;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.ftr a.dmca-badge,.ftr a.dmca-badge:hover{color:#fff}
.dmca-l{background:#2F8ED9;display:flex;align-items:center;padding:0 4px 0 9px}
.dmca-lock{flex:none;display:grid;place-items:center;width:26px;background:linear-gradient(90deg,#2F8ED9 50%,#2B2F36 50%)}
.dmca-lock .ic-svg{box-sizing:border-box;width:20px;height:20px;padding:3px;border-radius:50%;background:#fff;color:#2F8ED9;stroke-width:2.5}
.dmca-r{background:#2B2F36;display:flex;align-items:center;padding:0 9px 0 4px}
@media (max-width:560px){.ftr-follow{flex-direction:column;align-items:flex-start}.ftr-social{width:100%}.social{gap:8px}}
.ftr-nl{margin-top:44px;padding:24px;border:1px solid var(--band-dark-line);border-radius:var(--r-l);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;align-items:center}
.ftr-nl .form-compact .field label{color:var(--band-dark-fg)}
.ftr-nl .form-compact input{background:#141C2E;border-color:var(--band-dark-line);color:#fff}
.ftr-nl .fine,.ftr-nl .prc-check{color:var(--band-dark-2)}
.ftr .legal{border-top:1px solid var(--band-dark-line);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.84rem}
.ftr .legal nav{display:flex;gap:6px 18px;flex-wrap:wrap}
.ftr .legal nav a{display:inline-flex;align-items:center;min-height:44px}
.ftr-lp{padding-block:16px}
.ftr-lp .legal{margin-top:0;border-top:0;padding-top:0}
@media (max-width:1024px){.ftr .cols{grid-template-columns:repeat(3,minmax(0,1fr))}.ftr-brand{grid-column:1/-1}}
@media (max-width:768px){.ftr-nl{grid-template-columns:1fr}}
@media (max-width:560px){.ftr .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* device test (non-AMP page) */
.dt{display:grid;gap:20px}
.dt-privacy{display:flex;gap:10px;align-items:flex-start;background:var(--ok-bg);color:var(--ok);border-radius:var(--r-m);padding:12px 16px;font-weight:600;font-size:.92rem}
.dt-grid{display:grid;gap:20px}
.dt-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.dt-grid.two{grid-template-columns:1fr}}
.dt-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;display:grid;gap:16px;align-content:start;min-width:0}
.dt-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.dt-head h2{font-size:1.25rem;display:flex;gap:10px;align-items:center}
.dt-state{font:600 .76rem/1 var(--f-body);padding:6px 10px;border-radius:999px;background:var(--surface-2);color:var(--fg-3)}
.dt-state.is-ok{background:var(--ok-bg);color:var(--ok)}
.dt-state.is-bad{background:var(--err-bg);color:var(--err)}
.dt-video{position:relative;aspect-ratio:16/9;background:#05080F;border-radius:var(--r-m);overflow:hidden;display:grid;place-items:center}
.dt-video video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}
.dt-ph{display:grid;justify-items:center;gap:8px;color:#AEB6C8;font-size:.9rem;padding:16px;text-align:center}
.dt-ph .ic-svg{width:36px;height:36px}
.dt-read,.dt-sys{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;margin:0}
.dt-read div,.dt-sys div{background:var(--surface);padding:12px 14px;display:grid;gap:4px}
.dt-read dt,.dt-sys dt{font:600 .72rem/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.dt-read dd,.dt-sys dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.dt-sys dd.ok{color:var(--ok)}
.dt-sys dd.bad{color:var(--err)}
.dt-level{display:flex;gap:14px;align-items:center}
.dt-meter{flex:1;height:16px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.dt-meter i{display:block;height:100%;width:0;background:var(--fg-3);transition:width .08s linear}
.dt-meter i.on{background:var(--ok)}
.dt-meter i.hot{background:var(--warn)}
.dt-lvl-t{font-size:.86rem;color:var(--fg-2);min-width:88px}
.dt audio{width:100%}
.dt-msg:empty{display:none}
.dt-msg{border-radius:var(--r-m);padding:12px 14px;font-size:.92rem;background:var(--surface-2);color:var(--fg-2)}
.dt-msg.is-ok{background:var(--ok-bg);color:var(--ok)}
.dt-msg.is-warn{background:var(--warn-bg);color:var(--warn)}
.dt-msg.is-bad{background:var(--err-bg);color:var(--err)}

/* ==========================================================================
Booking widget (plugin modules/booking, server-rendered; theme declares
add_theme_support('proctorly-booking-styles') so the plugin skips its CSS).
Class contract:
.prc-booking  wrapper (grid: types full width, calendar left, times right)
.prc-title  .prc-steps > li(.is-done|.is-current) > .prc-step-n
.prc-step .prc-step-1|2|3 > .prc-step-title
.prc-types > li > a.prc-type.card.link(.is-selected) > .prc-type-title .prc-type-meta .prc-type-desc
.prc-cal-wrap > .prc-cal-head(.prc-nav.prc-prev|.prc-next(.is-disabled), .prc-month) + table.prc-cal
td.prc-cell(.is-empty) > a.prc-day.is-available | span.prc-day.is-disabled  (+ .is-selected .is-today)
form.prc-tz (select + button)   .prc-slots > label.prc-slot > input[radio] + span
.prc-platforms > label.prc-platform > input[radio] + .prc-ic + .prc-platform-text(.prc-platform-name .prc-platform-hint)
.prc-badges > .prc-badge   form.prc-form  fieldset.prc-fs(.prc-fs-slots|-platforms|-details)
dl.prc-summary  .prc-alert  .prc-hint  .prc-actions  .prc-addcal  .prc-confirmation  .prc-manage .prc-manage-actions
.prc-hp (hidden honeypot)  .is-loading (JS fetching slots)  .field-check (consent row)
========================================================================== */
.prc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.prc-booking{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px 36px;align-items:start}
.prc-booking>.prc-title,.prc-booking>.prc-steps,.prc-booking>.prc-alert,.prc-booking>.ok-box,.prc-booking>.prc-step-1{grid-column:1/-1}
.prc-title{font-size:1.5rem}
.prc-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.88rem;color:var(--fg-3)}
.prc-steps li{display:flex;gap:8px;align-items:center}
.prc-step-n{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font:700 .8rem/1 var(--f-display)}
.prc-steps .is-current{color:var(--fg);font-weight:600}
.prc-steps .is-current .prc-step-n{background:var(--indigo);border-color:var(--indigo);color:#fff}
.prc-steps .is-done .prc-step-n{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
.prc-step{display:grid;gap:16px;align-content:start;min-width:0}
.prc-step-title{font-size:1.1rem}
.prc-types{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.prc-type.card{padding:18px;gap:6px;height:100%}
.prc-type.is-selected{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-tint)}
.prc-type-title{font:700 1rem/1.3 var(--f-display);color:var(--fg)}
.prc-type-meta{display:inline-flex;gap:6px;align-items:center;font-size:.84rem;color:var(--fg-3)}
.prc-type-meta svg{width:15px;height:15px}
.prc-type-desc{font-size:.88rem;color:var(--fg-2)}
.prc-cal-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:16px;display:grid;gap:12px}
.prc-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.prc-month{font:700 1.05rem/1.2 var(--f-display);margin:0}
.prc-nav{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;color:var(--fg)}
.prc-nav:hover{border-color:var(--indigo);text-decoration:none}
.prc-nav.is-disabled{opacity:.35}
.prc-nav svg{width:18px;height:18px}
.prc-cal{width:100%;min-width:0;border-collapse:separate;border-spacing:4px;table-layout:fixed;font-size:.92rem}
.prc-cal th{background:none;border:0;padding:4px 0;text-align:center;font-size:.7rem;letter-spacing:.06em}
.prc-cal td{padding:0;border:0;text-align:center}
.prc-day{display:grid;place-items:center;min-height:40px;aspect-ratio:1/1;max-height:52px;width:100%;border-radius:10px;font:600 .92rem/1 var(--f-body);color:var(--fg-3);border:1px solid transparent}
.prc-day.is-available{background:var(--indigo-tint);color:var(--link);border-color:var(--indigo-light)}
.prc-day.is-available:hover{background:var(--indigo);color:#fff;text-decoration:none}
.prc-day.is-disabled{opacity:.45;cursor:default}
.prc-day.is-today{border-color:var(--fg-3)}
.prc-day.is-selected{background:var(--indigo);border-color:var(--indigo);color:#fff;opacity:1}
.prc-tz{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:16px;box-shadow:none}
.prc-tz .field{flex:1 1 220px}
.prc-tz .field label{display:flex;gap:6px;align-items:center}
.prc-tz label svg{width:16px;height:16px}
.prc-tz .btn{border-color:var(--line);color:var(--fg);background:var(--surface)}
.prc-form{gap:20px}
.prc-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0;padding:14px;background:var(--surface-2);border-radius:var(--r-m)}
.prc-summary div{display:grid;gap:2px}
.prc-summary dt{font:600 .7rem/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.prc-summary dd{margin:0;font-weight:600;font-size:.92rem}
.prc-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.prc-slots .prc-hint{grid-column:1/-1}
.prc-slot{position:relative;cursor:pointer}
.prc-slot input,.prc-platform input{position:absolute;opacity:0;width:1px;height:1px}
.prc-slot span{display:grid;place-items:center;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:10px;font:600 .9rem/1 var(--f-body);color:var(--fg);background:var(--surface);font-variant-numeric:tabular-nums}
.prc-slot:hover span{border-color:var(--indigo)}
.prc-slot input:checked+span{background:var(--indigo);border-color:var(--indigo);color:#fff}
.prc-slot input:focus-visible+span,.prc-platform input:focus-visible~.prc-platform-text{outline:3px solid var(--indigo);outline-offset:2px}
.prc-platforms{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.prc-platform{display:flex;gap:12px;align-items:center;min-height:56px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface);position:relative}
.prc-platform:hover{border-color:var(--indigo-light)}
.prc-platform:has(input:checked){border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-tint)}
.prc-platform input:checked~.prc-platform-text .prc-platform-name{color:var(--link)}
.prc-platform .prc-ic,.prc-platform img,.prc-platform>svg{width:28px;height:28px;flex-shrink:0}
.prc-platform-text{display:grid;gap:2px;border-radius:4px}
.prc-platform-name{font-weight:600;font-size:.94rem}
.prc-platform-hint{font-size:.78rem}
.prc-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.prc-badge{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-weight:600;color:var(--fg-2)}
.prc-hint{color:var(--fg-3)}
.prc-actions{margin:0}
.prc-actions .btn{width:100%}
.prc-addcal{display:flex;flex-wrap:wrap;gap:8px}
.prc-confirmation,.prc-manage{display:grid;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:24px}
.prc-manage-actions{display:flex;flex-wrap:wrap;gap:10px}
.prc-ic{width:20px;height:20px;flex-shrink:0}
.is-loading{opacity:.55;pointer-events:none;transition:opacity .15s}
@media (max-width:900px){.prc-booking{grid-template-columns:1fr}}
@media (max-width:380px){.prc-cal{border-spacing:2px}.prc-cal-wrap{padding:10px}.prc-day{min-height:40px;font-size:.84rem}}

/* misc */
@media (max-width:768px){.band{padding-block:64px}.band.tight{padding-block:44px}.sec-head{margin-bottom:32px}}
@media (max-width:560px){.band{padding-block:52px}.hero{padding-block:44px 56px}.card{padding:20px}.lede{font-size:1.06rem}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* "Watch how it works" video popup (CSS-only, opened by #watch-video) */
.vmodal{display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;padding:16px}
.vmodal:target{display:flex}
.vmodal-bg{position:absolute;inset:0;background:rgba(10,15,28,.78)}
.vmodal-box{position:relative;width:min(960px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:var(--r-l);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.vmodal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.vmodal-head h2{font-size:1.05rem;margin:0}
.vmodal-x{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--fg)}
.vmodal-x:hover{background:var(--surface-2)}
.vmodal-embed{position:relative;aspect-ratio:16/9;background:#000}
.vmodal-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vmodal-yt{margin:0;padding:8px 18px 0;font-size:.85rem}
.vplayer{margin:0 0 28px;border-radius:var(--r-l);overflow:hidden;background:#000;box-shadow:0 18px 40px rgba(14,23,38,.18)}
.vplayer .vmodal-yt{background:var(--surface);padding:10px 16px}
.prose .vplayer p{margin:0}
.vmodal-x svg{width:20px;height:20px}
.vmodal video,.vmodal amp-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.vmodal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px}
.vmodal-foot p{margin:0;color:var(--fg-2);font-size:.92rem;max-width:56ch}
@media (max-width:560px){.vmodal{padding:0}.vmodal-box{border-radius:0;max-height:100vh}}

/* Book a meeting band (TatvaOne format): copy beside one booking card (Shadow DOM widget) */
.demo-band{background:var(--indigo);border-radius:24px;padding:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;color:#E4E2FD;align-items:start}
.demo-band h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem)}
.demo-copy{display:grid;gap:16px;align-content:start}
.demo-copy>p{color:#E4E2FD;margin:0}
.demo-band :focus-visible{outline-color:#fff}
.demo-points{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:14px}
.demo-points li{display:flex;gap:12px;align-items:flex-start;color:#E4E2FD;font-size:.97rem;line-height:1.5}
.demo-points b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:.88rem}
.bk-host{display:block;color:var(--fg);scroll-margin-top:calc(var(--hdr) + 24px);min-height:420px}
.bk-noscript{background:#fff;color:var(--fg);border-radius:16px;padding:20px}
.bk-noscript a{color:var(--link)}
.pack-art .art{margin:0}.pack-art svg{width:100%;height:auto;display:block}
@media (max-width:960px){.demo-band{grid-template-columns:1fr;padding:36px 24px;gap:28px}}
@media (max-width:720px){.demo-band{padding:32px 20px;border-radius:0;margin:0 -16px}.demo-points{display:none}.demo-copy{gap:10px}}

/* ---------------------------------------------------------------------------
   Launch review fixes (v1.1)
   ------------------------------------------------------------------------ */

/* tables: no mid-word breaks, readable column widths, scroll on small screens */
.prose table,.prose th,.prose td{overflow-wrap:normal;word-break:normal;hyphens:none}
.tbl-wrap{-webkit-overflow-scrolling:touch;max-width:100%}
.tbl-wrap:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
.tbl-wrap table{min-width:600px;table-layout:auto;margin:0}
.tbl-wrap th{white-space:nowrap;vertical-align:bottom}
.tbl-wrap td{line-height:1.5}
.tbl-wrap td:first-child,.tbl-wrap th:first-child{min-width:140px}
.tbl-wrap tbody tr:nth-child(even) td{background:var(--surface-2)}
@media (max-width:640px){.tbl-wrap th,.tbl-wrap td{padding:12px 14px}.tbl-wrap table{font-size:.9rem}}

/* FAQ sections inside content: accordions */
.faq-in{margin:8px 0 18px}
.faq-in details.qa>div{color:var(--fg-2)}
.faq-in details.qa>div p{margin:0 0 12px}

/* lead band with a single form (no side card) */
.lead-grid.lead-one{grid-template-columns:minmax(0,760px)}

/* who it is for: swipeable cards */
.aud-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.aud-head .sec-head{margin-bottom:0}
.slider-nav{display:flex;gap:10px;flex-shrink:0}
.slider-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}
.slider-btn:hover:not(:disabled){border-color:var(--indigo);color:var(--link)}
.slider-btn:disabled{opacity:.4;cursor:default}
.slider-btn .ic-svg{width:20px;height:20px}
.aud-track{list-style:none;margin:0;padding:4px 2px 18px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.aud-track::-webkit-scrollbar{display:none}
.aud-card{scroll-snap-align:start;min-width:0}
.aud-card>a{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;color:var(--fg);transition:transform .2s,box-shadow .2s,border-color .2s}
.aud-card>a:hover{text-decoration:none;transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--indigo-light)}
.aud-card>a:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}
.aud-media{position:relative}
.aud-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.aud-ic{position:absolute;left:16px;bottom:-22px;width:48px;height:48px;border-radius:14px;background:var(--indigo);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(82,70,241,.35)}
.aud-ic .ic-svg{width:22px;height:22px}
.aud-body{padding:34px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.aud-body h3{font-size:1.1rem}
.aud-body p{color:var(--fg-2);font-size:.94rem;margin:0}
.aud-tags{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.aud-tags li{font:600 .74rem/1 var(--f-body);color:var(--link);background:var(--indigo-tint);border-radius:999px;padding:6px 10px}
.aud-body .more{margin-top:auto;padding-top:6px}
.slider-dots{display:none;justify-content:center;gap:8px;margin-top:4px}
.slider-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}
.slider-dots button[aria-current="true"]{background:var(--indigo);width:22px;border-radius:4px}
.aud-note{margin-top:14px}
@media (max-width:1100px){.aud-track{grid-auto-columns:calc((100% - 2*20px)/2.4)}}
@media (max-width:720px){.aud-head{flex-direction:column;align-items:flex-start}.slider-nav{display:none!important}.aud-track{grid-auto-columns:82%;gap:14px}.slider-dots{display:flex}}

/* customer story (testimonial) */
.t-one{max-width:920px}
.t-one .tcard{padding:36px 40px;gap:22px;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%)}
.t-one .tcard blockquote{font:500 1.12rem/1.6 var(--f-body)}
.t-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.t-logo{height:40px;width:auto;max-width:200px;object-fit:contain;display:block;background:#fff;border-radius:8px;padding:4px 8px}
.t-kick{font:600 .78rem/1.2 var(--f-body);color:var(--link);background:var(--indigo-tint);border-radius:999px;padding:7px 12px}
.tcard figcaption{flex-wrap:wrap}
.t-more{margin-left:auto}
@media (max-width:640px){.t-one .tcard{padding:24px 20px}.t-more{margin-left:0;flex-basis:100%}}
/* content lists: one indent, marker style and rhythm everywhere (body text, page intros, FAQ answers) */
.prose ul,.prose ol,.lede-box ul,.lede-box ol,.faq details ul,.faq details ol,.wp-inside ol{padding-left:1.6em;margin:0 0 16px}
.prose li,.lede-box li,.faq details li,.wp-inside li{padding-left:.35em;margin:0 0 8px;line-height:1.6}
.prose li:last-child,.lede-box li:last-child,.faq details li:last-child{margin-bottom:0}
.prose li::marker,.lede-box li::marker,.faq details li::marker{color:var(--link)}
.prose ol > li::marker,.lede-box ol > li::marker,.faq details ol > li::marker{font-weight:600}
.prose li > ul,.prose li > ol{margin:8px 0 0}
@media (max-width:640px){.prose ul,.prose ol,.lede-box ul,.lede-box ol,.faq details ul,.faq details ol{padding-left:1.35em}}
/* customer stories: centered heading, the story card centered on the page, its content left-aligned */
.testimonials .sec-head{text-align:center;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}
.testimonials .sec-head .eyebrow{justify-content:center}
.t-one{margin-left:auto;margin-right:auto}
.t-one .tcard{text-align:left;justify-items:stretch}
.t-one .t-top{justify-content:flex-start}
.t-one .tcard blockquote{max-width:72ch}
.t-one .tcard blockquote p{margin:0 0 14px}
.t-one .tcard blockquote p:last-child{margin-bottom:0}
.t-one .tcard figcaption{justify-content:flex-start;padding-top:18px;border-top:1px solid var(--line)}

/* trust pages: closing band for legal, privacy and IT reviewers */
.trust-band{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;background:var(--band-dark);color:var(--band-dark-2);border-radius:22px;padding:48px}
.trust-band h2{color:#fff;margin:10px 0 12px}
.trust-band p{color:var(--band-dark-2)}
.trust-band .eyebrow{color:var(--indigo-light)}
.trust-band .btns{margin-top:20px}
.trust-band .fine{margin-top:14px}
.trust-band .fine a{color:#fff;text-decoration:underline}
.trust-docs{display:grid;gap:12px}
.trust-doc{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--band-dark-line);border-radius:var(--r-l);background:rgba(255,255,255,.03);color:var(--band-dark-fg)}
.trust-doc:hover{border-color:var(--indigo-light);text-decoration:none;color:#fff}
.trust-doc .ic{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:rgba(82,70,241,.25);color:#fff;display:grid;place-items:center}
.trust-doc b{display:block;color:#fff;font-size:.98rem}
.trust-doc small{display:block;color:var(--band-dark-2);font-size:.86rem;margin-top:2px}
@media (max-width:900px){.trust-band{grid-template-columns:1fr;padding:32px 22px;gap:28px}}

/* footer newsletter: a clear, aligned panel at the top of the footer */
.ftr-nl{margin:0 0 48px;padding:28px 32px;border:0;border-radius:20px;background:linear-gradient(120deg,#5246F1 0%,#3B32C4 100%);color:#E4E2FD;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:center;box-shadow:0 18px 40px rgba(82,70,241,.25)}
.ftr-nl-copy{display:flex;gap:16px;align-items:flex-start}
.ftr-nl-ic{flex-shrink:0;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center}
.ftr-nl-h{font:700 1.35rem/1.25 var(--f-display);color:#fff;margin:0 0 6px}
.ftr-nl-copy p{color:#E4E2FD;margin:0;font-size:.95rem}
.ftr-nl .form-compact{gap:12px;align-items:flex-start}
.ftr-nl .form-compact .field{flex:1 1 200px}
.ftr-nl .form-compact .field label{color:#fff}
.ftr-nl .form-compact input{background:#fff;border-color:transparent;color:var(--ink);min-height:50px}
.ftr-nl .form-compact input::placeholder{color:#6B7280}
.ftr-nl .form-compact input:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.4)}
.ftr-nl .form-compact>.btn{align-self:flex-end;min-height:50px;background:var(--ink);color:#fff;border-color:var(--ink)}
.ftr-nl .form-compact>.btn:hover{background:#000}
.ftr-nl .fine,.ftr-nl .prc-check{color:#E4E2FD}
.ftr-nl .fine a,.ftr-nl .prc-check a{color:#fff;text-decoration:underline}
.ftr-nl .field .err,.ftr-nl .nl-status.is-error{color:#FFE2DC;font-weight:600}
.ftr-nl .field.bad input{border-color:#FFB4A6;box-shadow:0 0 0 2px #FFB4A6}
.ftr-nl .prc-form-error{background:rgba(255,255,255,.12);border-color:#FFB4A6;color:#fff}
@media (max-width:900px){.ftr-nl{grid-template-columns:1fr;padding:24px 20px;gap:20px}}
@media (max-width:480px){.ftr-nl .form-compact>.btn{width:100%;justify-content:center}}

/* newsletter states (site.js) */
.nl-status{flex:1 1 100%;margin:0;font-size:.9rem;font-weight:600;color:var(--err)}
.nl-done{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--r-l);background:var(--ok-bg);color:var(--ok)}
.nl-done:focus{outline:none}
.nl-done b{display:block;font:700 1.05rem/1.3 var(--f-display)}
.nl-done p{margin:4px 0 0;font-size:.92rem}
.nl-done-ic{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-weight:700}
.ftr-nl .nl-done{background:rgba(255,255,255,.14);color:#fff}
.ftr-nl .nl-done-ic{background:#fff;color:#3B32C4}

/* careers */
/* careers */
.cr-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}
.cr-fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:26px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;box-shadow:0 1px 2px rgba(14,23,38,.04)}
.cr-fact-n{font:700 2.4rem/1 var(--f-display);color:var(--link);letter-spacing:-.01em;margin-bottom:8px}
.cr-fact-t{font:600 1.02rem/1.3 var(--f-display);color:var(--fg)}
.cr-fact-d{font-size:.92rem;line-height:1.5;color:var(--fg-2)}
.cr-principles,.cr-teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cr-skills{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:.84rem;color:var(--fg-3)}
.cr-teams .card{display:flex;flex-direction:column;gap:10px}
.cr-num{font:700 .9rem/1 var(--f-display);color:var(--link);background:var(--indigo-tint);border-radius:999px;width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto}
.cr-why{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px}
.cr-why li{display:flex;gap:16px;align-items:flex-start}
.cr-why h3{font-size:1.08rem;margin:6px 0 6px}
.cr-why p{color:var(--fg-2);margin:0}
.cr-roles{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-l);padding:26px 28px}
.cr-roles-ic{width:48px;height:48px;border-radius:14px;background:var(--indigo-tint);color:var(--link);display:grid;place-items:center}
.cr-roles h3{margin:0 0 6px}
.cr-roles p{margin:0;color:var(--fg-2)}
.cr-roles .btns{margin:0}
.cr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cr-steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:22px;display:grid;gap:10px;align-content:start}
.cr-steps h3{font-size:1.05rem;margin:4px 0 0}
.cr-steps p{margin:0;color:var(--fg-2);font-size:.94rem}
.cr-apply{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.cr-hello-box{text-align:center;max-width:720px;margin:0 auto;padding:40px 24px;border-radius:var(--r-l);background:var(--indigo-tint)}
.cr-hello-box h2{margin:0 0 10px}
.cr-hello-box p{color:var(--fg-2);margin:0 0 18px}
.cr-hello-box .btns{justify-content:center}
@media (max-width:1000px){.cr-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cr-principles,.cr-teams{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-apply{grid-template-columns:1fr}}
@media (max-width:700px){.cr-why{grid-template-columns:1fr}.cr-roles{grid-template-columns:1fr;text-align:left}}
@media (max-width:600px){.cr-principles,.cr-teams,.cr-steps{grid-template-columns:1fr}.cr-facts{gap:12px}.cr-fact{padding:20px 18px}.cr-fact-n{font-size:2rem;margin-bottom:6px}}

/* customer stories page */
.cs-logos{margin-top:8px}
.book-solo{max-width:640px;margin:0 auto}
/* partner logos: equal cards in one row, crests given more height to match wordmarks */
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;width:100%}
.logos .logo-slot{width:auto;height:76px;padding:10px 16px}
.logos .logo-slot img{max-height:46px;max-width:100%}
.logos .logo-slot.logo-square img{max-height:58px}
@media (max-width:820px){.logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logos .logo-slot{height:68px}.logos .logo-slot img{max-height:40px}.logos .logo-slot.logo-square img{max-height:52px}}
/* customer reviews (customer stories page) */
.prose .review-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:26px 28px;margin:18px 0 26px;box-shadow:0 1px 2px rgba(14,23,38,.04)}
.prose .review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.prose .review-person{display:flex;gap:14px;align-items:flex-start}
.prose .review-av{width:44px;height:44px;border-radius:50%;background:var(--indigo-tint);color:var(--link);display:grid;place-items:center;font:700 1.05rem/1 var(--f-display);flex:0 0 auto}
.prose .review-person b{display:block;color:var(--fg);font-size:1.02rem}
.prose .review-person span{display:block;color:var(--fg-3);font-size:.86rem;line-height:1.45}
.prose .review-rating{display:flex;align-items:center;gap:8px}
.prose .review-stars{color:#F5A524;font-size:1.1rem;letter-spacing:2px}
.prose .review-rating b{color:var(--fg);font-size:1rem}
.prose .review-title{margin:0 0 4px;font-size:1.08rem}
.prose .review-date{margin:0 0 12px;color:var(--fg-3);font-size:.86rem}
.prose .review-more{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.prose .review-more summary{cursor:pointer;color:var(--link);font-weight:600}
.prose .review-more p{margin:10px 0 0}
@media (max-width:600px){.prose .review-card{padding:20px 18px}}
/* contact page */
.contact-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-steps li p{color:var(--fg);font-size:1rem}
@media (max-width:1000px){.contact-steps{grid-template-columns:1fr}}
/* log in */
.login-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:880px}
.login-card{display:flex;flex-direction:column;gap:10px;padding:28px}
.login-card h2{margin:4px 0 0}
.login-card p{margin:0;color:var(--fg-2)}
.login-card .login-host{color:var(--fg-3);font-size:.88rem}
.login-card .btns{margin-top:auto;padding-top:10px}
.login-help{max-width:880px;margin-top:24px}
@media (max-width:700px){.login-choice{grid-template-columns:1fr}}
.author-wrap>*{max-width:860px}
.author-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;list-style:none;margin:0;padding:0}
.author-list a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:500}
@media (max-width:640px){.author-list{grid-template-columns:1fr}}
.author-page-hero .wrap{display:block}
.author-page-hero .author-hero{margin-top:20px}
.author-page-hero h1{margin:4px 0 6px}
.prose .author-photo,.author-photo,.author-photo img{border-radius:50%}
.takeaways{margin:0 0 28px;padding:20px 24px;border:1px solid var(--line);border-left:4px solid var(--link);border-radius:var(--r-m);background:var(--surface-2)}
.prose .takeaways h2{font-size:1.1rem;margin:0 0 10px}
.prose .takeaways ul{margin:0}
