@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&display=swap");
/* UltimateSEO shared shell, "Slides" design (30 Oct 2026). Every page loads this file last, including /boost from the API.
   Old class names stay so page scripts keep working. New components use the u- prefix. Design notes: DESIGN.md */
:root{--navy:#0A1128;--night:#141C3F;--cyan:#00E5FF;--cyan-deep:#00B8D9;--ice:#E6FBFF;--red:#D7262F;--teal:#00708A;--ink-2:#4A5470;--mist:#A9B8D6;--line:#D9E2EE;--line-dark:rgba(255,255,255,.16);
  --display:"Archivo","Arial Narrow",Arial,sans-serif;--body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  --gutter:clamp(20px,4vw,48px);--max:1320px;--header:76px;--card:24px;
  --site-navy:var(--navy);--site-cyan:var(--cyan);--site-teal:var(--teal);--site-ink:var(--ink-2);--site-line:var(--line);--site-tint:var(--ice);--site-shadow:none}

/* Base */
.site-page{font-family:var(--body);color:var(--navy);background:#fff;min-height:100vh;margin:0;padding-bottom:0;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-page *,.site-page *::before,.site-page *::after{box-sizing:border-box}
.site-page ::selection{background:var(--cyan);color:var(--navy)}
.site-page :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.site-page :is(.site-header,.site-footer,.site-page-hero,.u-dark) :is(a,button,summary,input,textarea,select):focus-visible{outline-color:var(--cyan)}
.site-page [id]{scroll-margin-top:calc(var(--header) + 24px)}
.site-page img{max-width:100%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sr-only:focus{position:fixed!important;top:12px;left:12px;width:auto!important;height:auto!important;clip:auto!important;z-index:200;padding:12px 18px!important;background:var(--cyan);color:var(--navy);border-radius:999px;font-weight:700}
.u-display{font-family:var(--display);font-stretch:62%;font-weight:850;letter-spacing:-.005em}

/* Shell and header */
.site-shell{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.site-header{position:sticky;top:0;z-index:100;background:var(--navy);color:#fff;border:0;padding:0;text-align:left;line-height:1.4}
.site-header-inner{display:flex;align-items:center;gap:28px;min-height:var(--header);padding-top:0;padding-bottom:0;position:relative}
.site-brand{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.site-logo{display:block;height:42px;width:auto;max-width:none}
.site-header .site-logo[src="/logo.svg"],.site-footer .site-logo[src="/logo.svg"]{filter:brightness(0) invert(1)}
.site-nav{display:flex;align-items:center;gap:28px;margin-left:12px;white-space:nowrap}
.site-header .site-nav a,.site-menu a{color:#fff;font-size:15px;font-weight:600;text-decoration:none}
.site-header .site-nav a{padding:8px 0;border-bottom:2px solid transparent}
.site-header .site-nav a:hover{color:var(--cyan)}
.site-header .site-nav a[aria-current=page]{color:var(--cyan);border-bottom-color:var(--cyan)}
.site-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap}
.site-uk{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--mist);margin-right:6px}
.site-flag{display:inline-block;width:21px;height:14px;background:center/cover no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23012169' d='M0 0h60v40H0z'/%3E%3Cpath stroke='%23fff' stroke-width='8' d='m0 0 60 40M60 0 0 40'/%3E%3Cpath stroke='%23C8102E' stroke-width='3' d='m0 0 60 40M60 0 0 40'/%3E%3Cpath stroke='%23fff' stroke-width='14' d='M30 0v40M0 20h60'/%3E%3Cpath stroke='%23C8102E' stroke-width='8' d='M30 0v40M0 20h60'/%3E%3C/svg%3E");border-radius:2px}
.site-page .site-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:2px solid var(--navy);border-radius:999px;background:#fff;color:var(--navy);font-family:var(--body);font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:none;width:auto;margin:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.site-page .site-button:hover{background:var(--ice)}
.site-page .site-button-primary{background:var(--cyan);border-color:var(--cyan);color:var(--navy);box-shadow:none}
.site-page .site-button-primary:hover{background:#7BF1FF;border-color:#7BF1FF}
.site-page .site-button-small{min-height:44px;padding:0 20px;font-size:15px}
.site-header .site-sign-in{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.site-page .site-header .site-sign-in:hover{background:transparent;border-color:#fff}
.site-cta-short{display:none}
.site-mobile-nav{display:none;flex:none;padding:0;margin:0;border:0;box-shadow:none}
.site-mobile-nav summary{display:grid;place-items:center;width:46px;height:46px;list-style:none;border:2px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:#fff;cursor:pointer}
.site-mobile-nav summary::-webkit-details-marker{display:none}
.site-mobile-nav[open] summary{background:#fff;color:var(--navy);border-color:#fff}
.site-mobile-nav summary svg{width:22px;height:22px}
.site-menu{position:absolute;top:calc(100% + 4px);left:var(--gutter);right:var(--gutter);padding:10px;border-radius:var(--card);background:var(--night);display:grid;gap:2px;max-height:calc(100dvh - 100px);overflow-y:auto;box-shadow:0 30px 60px rgba(4,8,22,.45)}
.site-menu a{display:flex;align-items:center;min-height:52px;padding:6px 16px;border-radius:16px;font-family:var(--display);font-stretch:62%;font-weight:800;font-size:28px;line-height:1}
.site-menu a:hover,.site-menu a[aria-current=page]{background:rgba(255,255,255,.08);color:var(--cyan)}

/* Account bar on app pages */
.site-context{border-bottom:1px solid var(--line);background:var(--ice);padding:10px 0}
.site-context .site-shell{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 22px}
.site-context a,.site-context button{font-size:14px;color:var(--navy);font-weight:700;text-decoration:none}
.site-context a:hover{text-decoration:underline;text-underline-offset:3px}
.site-context button{background:#fff;border:2px solid var(--navy);padding:6px 16px;border-radius:999px;min-height:40px;cursor:pointer}
.site-context #account-name{margin-right:auto;font-size:14px;color:var(--ink-2);overflow-wrap:anywhere}

/* Footer */
.site-footer{background:var(--navy);color:var(--mist);border-top:0;box-shadow:inset 0 1px 0 var(--line-dark);padding:80px 0 32px;font-size:15px;text-align:left;line-height:1.6;margin-top:auto}
.site-footer .site-logo{height:44px}
.site-footer-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px 64px;align-items:end}
.site-footer-top p{margin:28px 0 0;max-width:15ch;font-family:var(--display);font-stretch:62%;font-weight:850;font-size:clamp(2.4rem,1.6rem + 2.6vw,4.25rem);line-height:.9;color:#fff}
.site-footer-nav,.site-footer-bottom nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.site-footer-nav{justify-content:flex-end}
.site-footer a{color:#fff;text-decoration:none;font-size:15px;font-weight:600}
.site-footer a:hover{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
.site-legal{font-size:13px;color:var(--mist);max-width:62rem;margin:56px 0 0;line-height:1.7}
.site-footer-bottom{display:flex;justify-content:space-between;gap:16px 24px;align-items:center;border-top:1px solid var(--line-dark);padding-top:24px;margin-top:24px}
.site-footer-bottom p{font-size:13px;margin:0}
.site-footer-bottom a{font-size:14px;font-weight:500;color:var(--mist)}

/* Type and bands */
.u-band{padding:clamp(64px,8vw,120px) 0;position:relative}
.u-band--navy,.u-dark{background:var(--navy);color:#fff}
.u-band--cyan{background:var(--cyan);color:var(--navy)}
.u-band--ice{background:var(--ice);color:var(--navy)}
.u-band--white{background:#fff;color:var(--navy)}
.u-h1,.u-h2,.u-h3{font-family:var(--display);font-stretch:62%;letter-spacing:-.005em;margin:0;text-wrap:balance}
.u-h1 br{display:block}
.u-h1{font-weight:900;font-size:clamp(4.1rem,1.5rem + 7.4vw,9.6rem);line-height:.9}
.u-h2{font-weight:850;font-size:clamp(3rem,1.7rem + 3.9vw,6rem);line-height:.92}
.u-h3{font-weight:800;font-size:clamp(1.9rem,1.45rem + 1.15vw,2.55rem);line-height:.95}
.u-lead{font-size:clamp(1.125rem,1rem + .45vw,1.375rem);line-height:1.45;margin:24px 0 0;max-width:38rem;text-wrap:pretty}
.u-dark .u-lead,.u-band--navy .u-lead{color:#D5DDEE}
.u-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px;margin-bottom:clamp(36px,4vw,56px)}
.u-head .u-lead{margin-top:18px}
.u-small{font-size:.875rem;line-height:1.55}
.u-link{color:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.u-link:hover{text-decoration-color:var(--cyan-deep)}
.u-dark .u-link:hover,.u-band--navy .u-link:hover{color:var(--cyan)}

/* Pills, chips, stickers */
.u-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;border:2px solid transparent;font-family:var(--body);font-size:1rem;font-weight:750;line-height:1.15;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.u-pill--cyan{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}
.u-pill--cyan:hover{background:#7BF1FF;border-color:#7BF1FF}
.u-pill--navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.u-pill--navy:hover{background:#1D2850;border-color:#1D2850}
.u-pill--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.u-pill--ghost:hover{border-color:#fff}
.u-pill--line{background:transparent;color:var(--navy);border-color:var(--navy)}
.u-pill--line:hover{background:rgba(10,17,40,.06)}
.u-pill[disabled],.u-pill:disabled{opacity:.6;cursor:wait}
.u-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.u-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 12px;border-radius:999px;font-size:.8125rem;font-weight:700;line-height:1.2}
.u-chip--navy{background:var(--navy);color:#fff}
.u-chip--cyan{background:var(--cyan);color:var(--navy)}
.u-chip--line{border:2px solid currentColor}
.u-chip--red{background:var(--red);color:#fff}
.u-sticker{display:inline-flex;align-items:center;gap:6px;padding:7px 11px 6px;border-radius:8px;transform:rotate(-2deg);font-family:var(--display);font-stretch:62%;font-weight:850;font-size:1.0625rem;line-height:1}
.u-sticker--red{background:var(--red);color:#fff}
.u-sticker--navy{background:var(--navy);color:var(--cyan)}

/* Hero */
.u-hero{padding:clamp(48px,6vw,96px) 0 clamp(64px,7vw,112px);overflow:hidden}
.u-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,5vw,80px);align-items:center}
.u-hero .u-lead{margin-top:28px;max-width:34rem}
.u-hero-note{margin:16px 0 0;font-size:.9375rem;color:#C9D3E8}
.u-scan,.site-page .h-scan{margin:36px 0 0;max-width:40rem}
.u-scan-row{display:flex;gap:10px;align-items:stretch}
.u-scan-row input{flex:1 1 auto;min-width:0;min-height:60px;padding:0 26px;border:2px solid #fff;border-radius:999px;background:#fff;color:var(--navy);font:500 1.125rem/1.2 var(--body)}
.u-scan-row input::placeholder{color:#6A7591}
.u-scan-row input:focus{outline:3px solid var(--cyan);outline-offset:3px}
.u-scan-row input:disabled{opacity:.75}
.u-scan-row .u-pill{min-height:60px;padding:0 30px;font-size:1.0625rem;flex:none}
.site-page .h-scan-status{margin-top:14px;font-size:.9375rem;line-height:1.55;border-radius:18px;padding:12px 18px}
.site-page .h-scan-status.err{background:#fff;color:var(--red);border:2px solid var(--red)}
.site-page .h-scan-status.err a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.site-page .h-scan-status.progress{background:#fff;color:var(--navy)}

/* Scan preview card, built by home.js */
.site-page .h-prev{max-width:40rem;margin:16px 0 0;padding:24px;background:#fff;border:0;border-radius:var(--card);box-shadow:none;text-align:left;color:var(--navy)}
.h-prev[hidden],.h-prev [hidden]{display:none!important}
.h-prev-head{display:flex;align-items:center;justify-content:space-between;gap:4px 16px;margin-bottom:8px}
.site-page .h-prev-title{flex:1 1 auto;margin:0;font-family:var(--display);font-stretch:62%;font-weight:850;font-size:1.75rem;line-height:.95}
.h-prev-title:focus{outline:none}
.h-prev-title:focus-visible{outline:3px solid var(--navy);outline-offset:4px;border-radius:4px}
.h-prev-change{flex:none;border:0;background:none;padding:6px 0;min-height:44px;font:700 .875rem var(--body);color:var(--navy);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.h-prev-brand{margin:0;font-size:1rem;line-height:1.5;color:var(--ink-2);overflow-wrap:anywhere}
.h-prev-brand strong{color:var(--navy);font-weight:750;font-size:1.0625rem}
.h-prev-desc{margin:6px 0 0;font-size:1rem;line-height:1.55;color:var(--navy)}
.h-prev-unread{margin:12px 0 0;padding:10px 14px;border-radius:14px;background:#FFF4E5;color:#6B3E00;font-size:.9375rem;line-height:1.5}
.h-prev-label{display:block;margin:18px 0 6px;font-size:.875rem;font-weight:700}
.h-prev-catrow{display:flex;gap:8px;flex-wrap:wrap}
.h-prev-input{flex:1 1 15rem;min-width:0;min-height:48px;padding:0 20px;border:2px solid var(--line);border-radius:999px;font:inherit;font-size:1rem;color:var(--navy);background:#fff}
.h-prev-input::placeholder{color:#6A7591}
.h-prev-input:focus{outline:3px solid var(--navy);outline-offset:2px;border-color:var(--navy)}
.h-prev-btn{flex:none;min-height:48px;padding:0 20px;border:2px solid var(--navy);border-radius:999px;background:#fff;color:var(--navy);font:700 .9375rem var(--body);cursor:pointer}
.h-prev-btn:hover{background:var(--ice)}
.h-prev-btn:disabled,.h-prev-input:disabled,.h-prev-start:disabled{opacity:.6;cursor:wait}
.h-prev-help{margin:8px 0 0;font-size:.875rem;line-height:1.55;color:var(--ink-2)}
.h-prev-stale{color:#6B3E00}
.h-prev-sub{margin:20px 0 8px;font-size:.9375rem;font-weight:750}
.h-prev-questions{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:hq}
.h-prev-questions li{counter-increment:hq;position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 14px 12px 48px;border-radius:16px;background:var(--ice);font-size:.9375rem;line-height:1.5}
.h-prev-questions li::before{content:counter(hq);position:absolute;left:12px;top:10px;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--navy);color:var(--cyan);font-family:var(--display);font-stretch:62%;font-weight:850;font-size:1rem;line-height:1}
.h-prev-tag{flex:none;padding:2px 10px;border-radius:999px;background:#fff;color:var(--navy);font-size:.75rem;font-weight:700;white-space:nowrap}
.h-prev-tag.is-names{background:var(--navy);color:#fff}
.h-prev-q{flex:1 1 14rem;min-width:0;overflow-wrap:anywhere}
.h-prev-ts{margin-top:16px;min-height:65px}
.h-prev-msg{margin-top:14px;padding:10px 14px;border-radius:14px;background:#fff;border:2px solid var(--red);color:var(--red);font-size:.9375rem;line-height:1.5}
.h-prev-msg a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.site-page .h-prev-start{width:100%;margin-top:18px;min-height:56px;border:2px solid var(--navy);border-radius:999px;background:var(--navy);color:#fff;font:750 1.0625rem var(--body);cursor:pointer}
.site-page .h-prev-start:hover{background:#1D2850}
.h-prev-loading{display:flex;align-items:center;gap:12px;padding:10px 0 6px;font-size:1rem;color:var(--ink-2)}
.h-prev-spin{flex:none;width:20px;height:20px;border-radius:50%;border:3px solid var(--ice);border-top-color:var(--navy);animation:u-spin .9s linear infinite}
.h-prev.is-busy .h-prev-body{opacity:.55}
@keyframes u-spin{to{transform:rotate(360deg)}}

/* Flip card: Before / After */
.u-flipwrap{display:grid;gap:18px;justify-items:start;width:100%;max-width:31rem;margin-left:auto}
.u-flip{width:100%;perspective:1800px;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.u-flip-inner{display:grid;transition:transform .75s cubic-bezier(.2,.7,.15,1);transform-style:preserve-3d}
.u-flip.is-after .u-flip-inner{transform:rotateY(180deg)}
.u-face{grid-area:1/1;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:var(--card);-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--navy)}
.u-face--before{background:#fff}
.u-face--after{background:var(--cyan);transform:rotateY(180deg)}
.u-face-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem;font-weight:600;color:var(--ink-2)}
.u-face--after .u-face-top{color:var(--navy)}
.u-face-title{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(2.2rem,1.6rem + 1.7vw,3.1rem);line-height:.9;margin:0}
.u-chat{display:grid;gap:10px;font-family:Arial,Helvetica,sans-serif;font-size:.9375rem;line-height:1.45}
.u-chat-q{justify-self:end;max-width:88%;padding:10px 14px;border-radius:18px 18px 4px 18px;background:var(--navy);color:#fff}
.u-chat-a{max-width:94%;padding:12px 14px;border-radius:18px 18px 18px 4px;background:#EEF1F7;color:var(--navy)}
.u-chat-a b{font-weight:700}
.u-stickers{display:flex;flex-wrap:wrap;gap:8px 10px}
.u-finds{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.9375rem;font-weight:600}
.u-finds li{display:flex;gap:10px;align-items:baseline;padding-top:8px;border-top:1px solid var(--line)}
.u-finds li::before{content:"\2715";flex:none;color:var(--red);font-weight:800}
.u-fix{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:fx}
.u-fix li{counter-increment:fx;display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 12px;align-items:start;font-size:.9375rem;font-weight:600;line-height:1.35}
.u-fix li::before{content:counter(fx);grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--navy);color:var(--cyan);font-family:var(--display);font-stretch:62%;font-weight:900;font-size:1.25rem}
.u-code{display:block;margin:0;padding:10px 12px;border-radius:12px;background:var(--navy);color:#E9FDFF;font:500 .8125rem/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.u-code i{font-style:normal;color:var(--cyan)}
.u-face-foot{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:2px solid currentColor;font-size:.8125rem;font-weight:700}
.u-flipbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.u-toggle{display:inline-flex;padding:4px;border-radius:999px;background:var(--night)}
.u-toggle button{min-height:44px;min-width:84px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#fff;font:700 .9375rem var(--body);cursor:pointer}
.u-toggle button[aria-pressed=true]{background:#fff;color:var(--navy)}
.u-hint{font-size:.8125rem;color:#C9D3E8}

/* Numbered steps */
.u-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px)}
.u-steps li{display:flex;flex-direction:column;gap:14px;padding-top:24px;border-top:3px solid var(--navy)}
.u-step-n{display:grid;place-items:center;width:1.25em;height:1.25em;border-radius:.24em;background:var(--cyan);color:var(--navy);font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(3.4rem,2.6rem + 2vw,4.6rem);line-height:1}
.u-steps p{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--ink-2);max-width:26rem}

/* Two sided split: search and AI */
.u-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.u-panel{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,40px);border-radius:var(--card)}
.u-panel--white{background:#fff;color:var(--navy)}
.u-panel--cyan{background:var(--cyan);color:var(--navy)}
.u-panel--night{background:var(--night);color:#fff}
.u-panel p{margin:0;font-size:1.0625rem;line-height:1.55}
.u-panel--white p{color:var(--ink-2)}
.u-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-weight:650}
.u-panel ul li{display:flex;gap:10px;align-items:baseline}
.u-panel ul li::before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:currentColor;transform:translateY(-1px)}
.u-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.u-logo{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--ice);font-size:.875rem;font-weight:700;color:var(--navy)}
.u-panel--cyan .u-logo{background:#fff}
.u-logo img{width:24px;height:24px;display:block}
.u-note{margin:28px 0 0;font-size:.9375rem;color:#C9D3E8;max-width:46rem}

/* Proof band */
.u-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.u-tally{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:clamp(24px,3vw,36px);border-radius:var(--card);background:var(--navy);color:#fff}
.u-tally > div{display:grid;gap:8px}
.u-tally b{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(5rem,3rem + 6vw,9rem);line-height:.8}
.u-tally .is-after b{color:var(--cyan)}
.u-tally span{font-size:.9375rem;font-weight:600;color:#D5DDEE}
.u-tally i{font-style:normal;font-family:var(--display);font-stretch:62%;font-size:3rem;font-weight:900;color:var(--cyan)}
.u-fine{margin:16px 0 0;font-size:.875rem;line-height:1.55;color:var(--ink-2);max-width:40rem}
.u-band--cyan .u-fine{color:#16203D}

/* Pricing */
.u-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto) 1fr auto;column-gap:16px;row-gap:0;align-items:stretch}
.u-plan{grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:18px;padding:clamp(24px,2.6vw,36px);border-radius:var(--card);background:#fff;color:var(--navy);border:2px solid var(--navy)}
.u-plan--featured{background:var(--navy);color:#fff;border-color:var(--navy)}
.u-plan-name{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:1.0625rem;font-weight:750}
.u-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.u-price b{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(4rem,2.8rem + 3vw,6rem);line-height:.82}
.u-plan--featured .u-price b{color:var(--cyan)}
.u-price span{font-size:.9375rem;font-weight:600;color:var(--ink-2)}
.u-plan--featured .u-price span{color:#D5DDEE}
.u-plan p{margin:0;font-size:1rem;line-height:1.5}
.u-plan ul{align-self:start;margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:.9375rem;font-weight:600}
.u-plan ul li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:baseline}
.u-plan ul li::before{content:"\2713";font-weight:900;color:var(--navy)}
.u-plan--featured ul li::before{color:var(--cyan)}
.u-plan-cta{display:grid;gap:10px;align-self:start;padding-top:8px}
.u-plan-cta .u-pill,.u-plan-cta .h-btn{width:100%}
.u-plan-note{font-size:.8125rem;line-height:1.5;color:var(--ink-2)}
.u-plan--featured .u-plan-note{color:#C9D3E8}
.u-services{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px 48px;margin-top:16px;padding:clamp(24px,3vw,40px);border-radius:var(--card);background:var(--cyan);color:var(--navy)}
.u-services p{margin:12px 0 0;font-size:1rem;line-height:1.55}
.u-service-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.u-service-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:18px 20px;border-radius:18px;background:#fff}
.u-service-list b{display:block;font-family:var(--display);font-stretch:62%;font-weight:850;font-size:1.75rem;line-height:1}
.u-service-list span{display:block;margin-top:6px;font-size:.9375rem;font-weight:600;color:var(--ink-2)}
.u-plans-foot{margin:20px 0 0;font-size:.9375rem;line-height:1.55;color:var(--ink-2);max-width:56rem}
.site-page .h-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);font:750 1rem/1.15 var(--body);text-decoration:none;cursor:pointer}
.site-page .h-btn-primary{background:var(--navy);color:#fff}
.site-page .u-plan--featured .h-btn,.site-page .u-dark .h-btn{border-color:var(--cyan);background:var(--cyan);color:var(--navy)}
.site-page .h-btn-sm{min-height:46px;padding:0 20px;font-size:.9375rem}

/* Comparison table */
.u-table-wrap{margin-top:40px;overflow-x:auto;border-radius:var(--card);border:2px solid var(--navy);background:#fff}
.u-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.9375rem;line-height:1.45}
.u-table th,.u-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.u-table thead th{background:var(--navy);color:#fff;font-weight:750}
.u-table thead th:nth-child(3){background:var(--cyan);color:var(--navy)}
.u-table tbody th{font-weight:700;position:sticky;left:0;background:#fff}
.u-table tbody tr:last-child :is(th,td){border-bottom:0}
.u-table td:nth-child(3){background:var(--ice);font-weight:600}

/* Request form */
.u-request{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:start}
.u-request ol{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:rq}
.u-request ol li{counter-increment:rq;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:baseline;font-size:1.0625rem;line-height:1.5}
.u-request ol li::before{content:counter(rq);font-family:var(--display);font-stretch:62%;font-weight:900;font-size:2.4rem;line-height:.8;color:var(--navy)}
.u-request .u-small a{color:inherit;font-weight:700}
.u-form{display:grid;gap:18px;padding:clamp(24px,3vw,40px);border-radius:var(--card);background:#fff;color:var(--navy)}
.u-form .h-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.u-form label{display:block;margin-bottom:8px;font-size:.9375rem;font-weight:700}
.u-form :is(input[type=text],input[type=email],select){width:100%;min-height:54px;padding:0 22px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font:500 1rem/1.3 var(--body);appearance:none;-webkit-appearance:none}
.u-form select{padding-right:48px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1128' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center/20px;cursor:pointer}
.u-form textarea{display:block;width:100%;min-height:128px;padding:16px 22px;border:2px solid var(--line);border-radius:24px;background:#fff;color:var(--navy);font:500 1rem/1.5 var(--body);resize:vertical}
.u-form :is(input,select,textarea):focus{outline:3px solid var(--navy);outline-offset:2px;border-color:var(--navy)}
.u-form ::placeholder{color:#6A7591}
.u-form .h-consent{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;margin:0;font-size:.9375rem;font-weight:500;line-height:1.5;cursor:pointer}
.u-form .h-consent input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--navy)}
.u-form .h-consent a{color:var(--navy);font-weight:700}
.u-form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.u-form-foot p{margin:0;font-size:.875rem;color:var(--ink-2)}
.site-page .h-form-status{display:none;font-size:.9375rem;line-height:1.5;padding:12px 18px;border-radius:18px}
.site-page .h-form-status.ok{display:block;background:var(--ice);color:var(--navy);border:2px solid var(--navy)}
.site-page .h-form-status.err{display:block;background:#fff;color:var(--red);border:2px solid var(--red)}

/* Post cards and feeds */
.u-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.u-post{display:flex;flex-direction:column;gap:12px;padding:12px 12px 22px;border-radius:var(--card);text-decoration:none;color:var(--navy);background:#fff;min-width:0;transition:transform .2s ease}
.u-post:hover{transform:translateY(-4px)}
.u-post--cyan{background:var(--cyan)}
.u-post--navy{background:var(--night);color:#fff}
.u-band--navy .u-post--navy{background:#1C2650}
.u-post-art{display:block;aspect-ratio:3/2;border-radius:16px;overflow:hidden;background:var(--navy)}
.u-post-art img{display:block;width:100%;height:100%;object-fit:cover}
.u-post-topic{margin:8px 10px 0;font-size:.8125rem;font-weight:700}
.u-post-title{margin:auto 10px 0;padding-top:20px;font-family:var(--display);font-stretch:62%;font-weight:850;font-size:clamp(2rem,1.55rem + 1.1vw,2.6rem);line-height:.92;text-wrap:balance}
.u-post-line{margin:0 10px;font-size:.9375rem;line-height:1.45;opacity:.85}
.u-post-meta{display:flex;justify-content:space-between;gap:12px;margin:6px 10px 0;padding-top:14px;border-top:2px solid currentColor;font-size:.8125rem;font-weight:700}
.u-deck-nav{display:none;gap:10px;align-items:center}
.u-deck-nav button{width:48px;height:48px;border-radius:999px;border:2px solid currentColor;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}
.u-deck-nav button:disabled{opacity:.35;cursor:default}
.u-deck-nav svg{width:20px;height:20px}
.u-deck-count{font-size:.875rem;font-weight:700;min-width:3.5em}

/* FAQ */
.u-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.u-faq-list{border-top:3px solid var(--navy)}
.u-faq details{border-bottom:2px solid var(--line)}
.u-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:18px 0;cursor:pointer;list-style:none;font-family:var(--display);font-stretch:62%;font-weight:850;font-size:clamp(1.55rem,1.25rem + .8vw,2rem);line-height:1}
.u-faq summary::-webkit-details-marker{display:none}
.u-faq summary::after{content:"";flex:none;width:36px;height:36px;border-radius:999px;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300E5FF' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .2s ease}
.u-faq details[open] summary::after{transform:rotate(45deg)}
.u-faq details > div{padding:0 0 24px;max-width:44rem}
.u-faq details p{margin:0 0 12px;font-size:1.0625rem;line-height:1.6;color:var(--ink-2)}
.u-faq details a{color:var(--navy);font-weight:700}

/* Closing call to action and definition */
.u-cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end}
.u-cta-art{margin:0;padding:12px;border-radius:var(--card);background:var(--navy)}
.u-cta-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.u-def{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 64px;align-items:start}
.u-def p{margin:0;font-size:1.0625rem;line-height:1.65;color:var(--ink-2)}
.u-def a{color:var(--navy);font-weight:700}

/* Reading pages: guides, company and legal pages */
.site-page-hero{background:var(--navy);color:#fff;padding:clamp(40px,5vw,72px) 0 clamp(56px,6vw,96px);border:0}
.site-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:clamp(32px,5vw,72px)}
.site-hero-grid > div:first-child{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.site-crumbs{order:1;display:flex;flex-wrap:wrap;gap:8px;font-size:.875rem;color:var(--mist);margin:0 0 28px}
.site-crumbs a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.site-crumbs a:hover{color:var(--cyan)}
.site-page .site-page-hero h1{order:2;font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(3.1rem,1.6rem + 4.8vw,6.75rem);line-height:.95;letter-spacing:-.005em;margin:0;max-width:15ch;color:#fff;text-wrap:balance}
.site-page-hero p{order:3;margin:20px 0 0;max-width:40rem;font-size:1.0625rem;line-height:1.55;color:#D5DDEE}
.site-page-hero .muted{order:3;font-size:clamp(1.0625rem,1rem + .35vw,1.3125rem);line-height:1.5;max-width:40rem;margin:24px 0 0;color:#D5DDEE}
.site-page-hero .eyebrow,.site-page-hero .site-kicker{order:4;display:inline-flex;align-items:center;min-height:30px;margin:24px 0 0;padding:4px 14px;border-radius:999px;background:var(--cyan);color:var(--navy);font-size:.8125rem;font-weight:700;letter-spacing:0;text-transform:none}
.u-meta{order:5;display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.u-meta .u-chip{background:var(--night);color:#fff}
.u-meta .u-chip--cyan{background:var(--cyan);color:var(--navy)}
.site-hero-art{margin:0;min-width:0;padding:12px;border-radius:var(--card);background:#fff}
.site-hero-art.is-cyan{background:var(--cyan)}
.site-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;background:var(--night)}
.site-hero-art figcaption{display:none}
.site-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,6vw,96px);padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(64px,7vw,104px)}
.site-body-content{min-width:0;max-width:46rem;color:var(--navy);font-size:1.0625rem;line-height:1.65}
.site-body-content>h2{font-family:var(--display);font-stretch:62%;font-weight:850;font-size:clamp(2.2rem,1.6rem + 1.9vw,3.4rem);line-height:.92;letter-spacing:-.005em;color:var(--navy);margin:64px 0 18px;text-wrap:balance}
.site-body-content>h2:first-child{margin-top:0}
.site-body-content p{margin:14px 0 18px}
.site-body-content h3{font-family:var(--display);font-stretch:62%;font-weight:800;font-size:1.75rem;line-height:1;color:var(--navy);margin:32px 0 12px}
.site-body-content a:not(.btn):not(.site-button):not(.u-pill){color:var(--navy);font-weight:650;text-decoration:underline;text-decoration-color:var(--cyan-deep);text-decoration-thickness:2px;text-underline-offset:4px}
.site-body-content a:not(.btn):not(.site-button):not(.u-pill):hover{text-decoration-color:var(--navy)}
.site-body-content :is(ul,ol){padding-left:1.4em}
.site-body-content li+li{margin-top:10px}
.site-body-content li::marker{color:var(--navy);font-weight:800}
.site-body-content code{font-family:var(--mono);font-size:.875em;padding:.1em .4em;border-radius:6px;background:var(--ice);overflow-wrap:anywhere}
.site-body-content pre{padding:18px 20px;border-radius:18px;background:var(--navy);color:#E9FDFF;overflow-x:auto;font-size:.875rem;line-height:1.55}
.site-body-content pre code{background:none;padding:0;color:inherit}
.site-body-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.9375rem;margin:20px 0}
.site-body-content table :is(th,td){padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.site-body-content table th{background:var(--navy);color:#fff}
.site-body-content table :is(th,td){overflow-wrap:normal;word-break:normal}
.site-body-content table tr > :first-child{width:11rem;font-weight:700}
.u-table-scroll{overflow-x:auto;margin:20px 0;border-radius:16px}
.site-body-content .u-table-scroll table{display:table;width:100%;min-width:34rem;margin:0}
.u-swipe-hint{display:none;margin:8px 0 0;font-size:.875rem;font-weight:600;color:var(--ink-2)}
.site-body-content blockquote{margin:24px 0;padding:18px 22px;border-radius:18px;background:var(--ice)}
.site-page :is(.site-body-content,.content) .card{border:2px solid var(--line);border-radius:var(--card);background:#fff;padding:28px;box-shadow:none}
.site-page .site-body-content .card h2{margin:0 0 12px;font-family:var(--display);font-stretch:62%;font-weight:850;font-size:2rem;line-height:.95;color:var(--navy)}
.site-page .btn{border-radius:999px;font-weight:700}
.site-page .btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.site-page .btn.primary:hover{background:#1D2850}
.site-page .site-body-content .btn{min-height:52px;padding:0 26px;border:2px solid var(--navy);color:var(--navy);text-decoration:none}
.site-page .site-body-content .btn.primary{color:#fff}
.site-sidebar{min-width:0;align-self:start;position:sticky;top:calc(var(--header) + 24px);display:grid;gap:20px}
.site-toc{display:grid;gap:4px;margin:0;padding:0;border:0;font-size:.9375rem}
.site-toc b{display:block;margin:0 0 8px;font-size:.875rem;font-weight:750;letter-spacing:0;color:var(--navy)}
.site-toc a{display:block;padding:9px 14px;border-radius:14px;color:var(--ink-2);text-decoration:none;line-height:1.35;font-weight:600}
.site-toc a:hover{background:var(--ice);color:var(--navy)}
.site-toc a[aria-current=true]{background:var(--navy);color:#fff}
.site-side-card{display:grid;gap:12px;padding:24px;border:0;border-radius:var(--card);background:var(--navy);color:#fff}
.site-side-card>svg{display:none}
.site-side-card h2{font-family:var(--display);font-stretch:62%;font-weight:850;font-size:2rem;line-height:.92;letter-spacing:0;margin:0;color:#fff}
.site-side-card p{font-size:.9375rem;color:#D5DDEE;margin:0;line-height:1.55}
.site-page .site-side-card .site-button{width:100%;margin-top:6px}
.site-side-link{display:block;margin-top:2px;font-size:.875rem;font-weight:700;text-align:center;color:#fff;text-decoration:underline;text-underline-offset:4px}
.site-side-link:hover{color:var(--cyan)}
.site-reading .site-page-hero:not(:has(.site-hero-art)) h1{max-width:18ch}
.u-more .u-head{margin-bottom:32px}
.u-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.u-posts-foot{margin-top:40px;color:#D5DDEE;font-size:1.0625rem}
.u-posts-foot a{color:#fff;font-weight:700;text-underline-offset:4px}
.u-posts-foot a:hover{color:var(--cyan)}
.u-table-title{margin:72px 0 0}
.u-table-title + .u-table-wrap{margin-top:20px}

/* Collection pages */
.site-collection .site-content-layout,.site-strategy .site-content-layout{grid-template-columns:minmax(0,1fr)}
.site-collection .site-body-content{max-width:none}
.site-collection .site-body-content>.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:16px}
.site-collection .card{display:flex;flex-direction:column;min-height:220px}
.site-resource-meta{display:flex;justify-content:space-between;color:var(--ink-2);font-size:.8125rem;margin-bottom:20px;font-weight:700}
.site-resource-meta>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:var(--cyan)}

/* Tools and strategy pages */
.site-tools .site-body-content,.site-strategy .site-body-content{max-width:none}
.site-tools .site-body-content :is(input,textarea,select),.site-strategy .site-body-content :is(input,textarea,select){min-height:52px;padding:0 20px;border:2px solid var(--line);border-radius:999px;font:500 1rem var(--body)}
.site-tools .site-body-content textarea,.site-strategy .site-body-content textarea{border-radius:20px;padding:14px 20px}

/* Account forms */
.site-auth main.site-auth-main{display:block;flex:1;padding:clamp(40px,6vw,88px) var(--gutter) clamp(56px,7vw,104px);background:var(--ice)}
.site-auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);max-width:1080px;margin:0 auto;gap:clamp(32px,6vw,96px);align-items:center}
.site-auth-story h2{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(2.8rem,1.8rem + 3vw,4.75rem);line-height:.88;letter-spacing:-.005em;margin:0 0 24px;color:var(--navy)}
.site-auth-story>p:not(.site-kicker){font-size:1.0625rem;color:var(--ink-2);line-height:1.6;max-width:28rem}
.site-auth-story .site-kicker{display:inline-flex;margin:0 0 18px;padding:4px 14px;border-radius:999px;background:var(--navy);color:#fff;font-size:.8125rem;font-weight:700;letter-spacing:0;text-transform:none}
.site-auth-art{display:none}
.site-auth .card.site-auth-form{max-width:none;padding:clamp(24px,3vw,40px);border:0;border-radius:var(--card);box-shadow:none;background:#fff}
.site-auth .site-auth-form h1{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:3rem;line-height:.9;letter-spacing:0;margin:0 0 14px}
.site-auth .site-auth-form .sub,.site-auth .site-auth-form .muted{font-size:.9375rem;color:var(--ink-2);margin:0 0 20px;line-height:1.6}
.site-auth .site-auth-form input{min-height:54px;padding:0 22px;border:2px solid var(--line);border-radius:999px;background:#fff;font:500 1rem var(--body)}
.site-auth .site-auth-form input:focus{border-color:var(--navy);outline:3px solid var(--navy);outline-offset:2px}
.site-auth .site-auth-form .btn{border-radius:999px;min-height:54px;font-weight:750;background:var(--navy);border:2px solid var(--navy);color:#fff}
.site-auth .site-auth-form .btn:hover{background:#1D2850;border-color:#1D2850}
.site-auth .site-auth-form .btn:disabled{opacity:.6;cursor:wait}
.site-auth .site-auth-form label{color:var(--navy);font-weight:700}
.site-auth .site-auth-form a{color:var(--navy);font-weight:700}
.site-auth .google-btn{min-height:54px;border:2px solid var(--line);border-radius:999px;font:600 1rem var(--body);color:var(--navy)}
.site-auth .google-btn:hover{border-color:var(--navy);background:#fff}
.site-auth .site-auth-form :is(.links a,.link-button){color:var(--navy)}
.site-auth .site-auth-form .msg.error{color:var(--red)}

/* Workspace and account pages keep their functional layout */
.site-app{background:#fff}
.site-app .layout{max-width:var(--max);margin:28px auto 72px;padding:0 var(--gutter);grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.site-app .sidebar{border:0;border-radius:var(--card);background:var(--ice);padding:24px 18px}
.site-app .content{padding:12px 0;min-width:0}
.site-app .page-heading h1{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(2.6rem,1.8rem + 2.4vw,4rem);line-height:.9;letter-spacing:0}
.site-app .journey{margin:26px 0;background:var(--ice);border:0;border-radius:18px;padding:14px}
.site-app .journey b{background:var(--navy);color:var(--cyan)}
.site-app .tabs{margin:28px 0;gap:6px;flex-wrap:wrap;border-bottom:0}
.site-app .tab{border:2px solid var(--line);border-radius:999px;padding:0 18px;min-height:44px;color:var(--navy)}
.site-app .tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.site-page.site-app .card{margin-bottom:22px;padding:24px;border-radius:var(--card);box-shadow:none}
.site-page :is(.site-body-content,.content) :is(input,textarea,select){border-radius:14px;border:2px solid var(--line);min-height:48px}
.site-page :is(.site-body-content,.content) .btn{border-radius:999px;min-height:46px}
.site-app .project-link{border-radius:14px}
.site-app .project-link.active{background:#fff;border-color:var(--navy);box-shadow:none}
.site-app .stats{gap:14px}
.site-app .stats>div{border:0;border-radius:18px;background:var(--ice)}

/* Reports */
.scan-gauge small.scan-gate{color:var(--red);font-weight:700}
.site-page .scan-dot-purple,.site-page .scan-bar-purple i{background:var(--navy)}
.site-report .ex-wrap,.site-report .r-main{max-width:var(--max);padding:48px var(--gutter) 80px}
.site-report :is(.ex-head h1,.r-head h1,.ex-wrap > h1){font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(2.8rem,1.8rem + 3vw,4.75rem);line-height:.9;letter-spacing:0}
.site-report :is(.ex-card,.r-card){border-radius:var(--card);box-shadow:none;border-color:var(--line)}
.site-report :is(.ex-stats,.r-stats)>div{border:0;border-radius:18px;background:var(--ice);padding:20px}
.site-report :is(.ex-section,.r-section){margin-top:48px}
.site-report :is(.ex-section,.r-section)>h2{font-family:var(--display);font-stretch:62%;font-weight:850;font-size:clamp(2rem,1.5rem + 1.5vw,3rem);line-height:.95;letter-spacing:0}
.site-legacy main{max-width:var(--max);padding-top:40px;padding-bottom:72px}
.site-legacy main :is(.rounded-xl,.rounded-2xl){border-radius:var(--card)}

/* £9 checkout page (billing.html, layout from report-billing.css) */
.report-billing{background:var(--ice)}
.report-billing .billing-wrap{max-width:var(--max);padding:clamp(48px,6vw,88px) var(--gutter) clamp(64px,7vw,104px)}
.report-billing .billing-intro{max-width:46rem;margin-bottom:clamp(32px,4vw,56px)}
.report-billing .billing-intro h1{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(3.2rem,1.8rem + 4.6vw,6.5rem);line-height:.92;letter-spacing:-.005em;margin:0 0 24px;color:var(--navy)}
.report-billing .billing-intro p{font-size:clamp(1.0625rem,1rem + .35vw,1.3125rem);line-height:1.5;color:var(--ink-2)}
.report-billing .billing-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.report-billing .billing-purchase{padding:clamp(24px,3vw,40px);border:0;border-radius:var(--card);background:var(--navy);color:#fff}
.report-billing :is(.billing-purchase,.billing-service) h2{font-family:var(--display);font-stretch:62%;font-weight:850;font-size:2.25rem;line-height:.95;margin:0 0 12px;color:inherit}
.report-billing .billing-price{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(5rem,3rem + 4vw,7rem);line-height:.82;letter-spacing:0;color:var(--cyan);margin:20px 0 24px}
.report-billing .billing-price span{font-family:var(--body);font-stretch:100%;font-size:.9375rem;font-weight:600;color:#D5DDEE;margin-top:12px}
.report-billing .billing-purchase ul{padding:0;list-style:none;display:grid;gap:10px;color:#fff;font-weight:600;line-height:1.45}
.report-billing .billing-purchase li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:0}
.report-billing .billing-purchase li::before{content:"\2713";color:var(--cyan);font-weight:900}
.report-billing .billing-purchase .billing-small{color:#C9D3E8}
.report-billing #billing-status{color:#fff;font-size:1.0625rem}
.report-billing .billing-purchase a{color:#fff;font-weight:700}
.report-billing .billing-purchase a:hover{color:var(--cyan)}
.report-billing #billing-signin a{color:#fff}
.report-billing #billing-signin label{color:#fff;font-weight:700}
.report-billing #billing-email{min-height:54px;padding:0 22px;border:2px solid #fff;border-radius:999px;font:500 1rem var(--body)}
.report-billing .billing-consent{color:#fff}
.report-billing .billing-consent input{width:28px;height:28px;border:2px solid #fff;border-radius:8px;background:transparent}
.report-billing .billing-consent input:checked{background-color:var(--cyan);border-color:var(--cyan)}
.report-billing .billing-purchase .site-button:not(.site-button-primary){background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.report-billing .billing-purchase :is(a,button,input):focus-visible{outline-color:var(--cyan)}
.report-billing .billing-service{padding:clamp(24px,3vw,40px);border-radius:var(--card);background:var(--cyan);color:var(--navy)}
.report-billing .billing-service p{color:var(--navy)}
.report-billing .billing-service .site-button{background:var(--navy);border-color:var(--navy);color:#fff}
@media(max-width:999px){.report-billing .billing-layout{grid-template-columns:minmax(0,1fr)}}

/* Boost (page drawn by the API) */
.site-boost .container{padding:0 var(--gutter)}
.site-boost .hero{padding:clamp(48px,6vw,88px) 0 48px;background:var(--ice);box-shadow:0 0 0 100vmax var(--ice);clip-path:inset(0 -100vmax)}
.site-boost .hero h1{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(3rem,1.8rem + 4vw,6rem);line-height:.88;letter-spacing:0}
.site-boost .hero-glow{display:none}
.site-boost .goals-row > span{width:100%}
.site-boost :is(.intake-card,.card,.plan-card,.preflight-card){border-radius:var(--card);border-color:var(--line);box-shadow:none}

/* Framework knowledge pages */
.site-framework .fw-wrap{max-width:var(--max);padding-left:var(--gutter);padding-right:var(--gutter)}
.site-framework .fw-narrow{max-width:var(--max)}
.site-framework .fw-hero{padding:clamp(40px,5vw,72px) 0 clamp(40px,5vw,64px);background:var(--ice)}
.site-framework .fw-hero h1{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:clamp(2.8rem,1.6rem + 3.6vw,5.5rem);line-height:.9;letter-spacing:0;max-width:20ch}
.site-framework .fw-lede{font-size:1.125rem;line-height:1.6}
.site-framework .fw-section{padding:56px 0}
.site-framework .fw-alt{background:var(--ice)}
.site-framework :is(.fw-card,.fw-pcard,.fw-linkcards a,.fw-state){border-radius:var(--card);padding:24px;border-color:var(--line);box-shadow:none}
.site-framework :is(.fw-grid,.fw-cols,.fw-linkcards){gap:16px}
.site-framework .fw-letter{background:var(--navy);color:var(--cyan);border:0}
.site-framework .fw-prose{padding:56px var(--gutter) 72px;max-width:var(--max);display:block}
.site-framework .fw-prose>section{max-width:48rem}
.site-framework .fw-prose section+section{margin-top:48px}
.site-framework :is(.fw-prose h2,.fw-section h2){margin:0 0 16px;font-family:var(--display);font-stretch:62%;font-weight:850;font-size:clamp(2rem,1.5rem + 1.5vw,3rem);line-height:.95;letter-spacing:0}
.site-framework .fw-prose p,.site-framework .fw-prose li{color:var(--ink-2);line-height:1.7}
.site-framework .fw-cta{background:var(--cyan);padding:56px 0;border-top:0}
.site-framework .fw-btn{border-radius:999px;min-height:52px;font-weight:700}
.site-framework .fw-btn-primary{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none}
.site-framework .fw-btn-primary:hover{background:#1D2850}
.site-framework .fw-table-wrap{overflow-x:auto}
.site-framework .fw-clink b{color:var(--navy)}
.site-legacy .bg-cyan-100{color:#006B83}
.site-framework .fw-cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}

/* Responsive */
@media(max-width:1199px){.site-uk{display:none}.site-nav{gap:22px;margin-left:0}.site-header-inner{gap:20px}}
@media(max-width:999px){
  .site-nav,.site-header .site-sign-in{display:none}.site-mobile-nav{display:block}.site-header-inner{gap:12px}
  .site-footer-top{grid-template-columns:minmax(0,1fr)}.site-footer-nav{justify-content:flex-start}.site-footer-bottom{flex-direction:column;align-items:flex-start}
  .u-hero-grid,.u-proof,.u-request,.u-faq,.u-cta,.u-def,.u-services{grid-template-columns:minmax(0,1fr)}
  .u-flipwrap{margin:8px 0 0;max-width:34rem}
  .u-plans{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:16px;max-width:40rem}
  .u-plan{grid-row:auto;display:flex;flex-direction:column}
  .u-split{grid-template-columns:minmax(0,1fr)}
  .u-steps{grid-template-columns:minmax(0,1fr)}
  .u-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-hero-grid{grid-template-columns:minmax(0,1fr)}
  .site-hero-art{max-width:34rem}
  .site-content-layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .site-sidebar{position:static;order:-1}
  .site-sidebar .site-side-card{display:none}
  .site-toc{padding:16px;border-radius:var(--card);background:var(--ice)}
  .site-auth-grid{grid-template-columns:minmax(0,1fr);max-width:540px}
  .site-auth-story{order:2}
  .site-app .layout{grid-template-columns:minmax(0,1fr);margin-top:20px}
}
@media(max-width:860px){
  .u-feed{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scroll-padding:0 var(--gutter);scrollbar-width:none}
  .u-feed::-webkit-scrollbar{display:none}
  .u-feed .u-post{flex:0 0 min(82vw,22rem);scroll-snap-align:start}
  .u-feed .u-post:hover{transform:none}
  .u-deck-nav{display:flex}
  .u-swipe-hint{display:block}
}
@media(max-width:600px){
  :root{--header:68px;--gutter:16px}
  .site-logo{height:34px;max-width:170px}
  .site-header-actions{gap:8px}
  .site-page .site-header .site-button-small{padding:0 16px;min-height:44px;font-size:14px}
  .site-cta-full{display:none}.site-cta-short{display:inline}
  .site-menu{left:12px;right:12px}
  .u-scan-row{flex-direction:column}
  .u-scan-row .u-pill{width:100%}
  .u-face{padding:22px}
  .u-tally{grid-template-columns:minmax(0,1fr)}
  .u-tally i{transform:rotate(90deg);justify-self:start;font-size:2.4rem}
  .u-form .h-row{grid-template-columns:minmax(0,1fr)}
  .u-posts{grid-template-columns:minmax(0,1fr)}
  .u-service-list li{grid-template-columns:minmax(0,1fr)}
  .site-crumbs{margin-bottom:20px}
  .site-page .site-body-content .card,.site-page.site-app .card{padding:20px}
  .site-collection .site-body-content>.grid{grid-template-columns:minmax(0,1fr)}
  .site-framework .fw-grid,.site-framework .fw-cols{grid-template-columns:minmax(0,1fr)}
  .site-app .stats{grid-template-columns:minmax(0,1fr)}
  .site-context .site-shell{justify-content:flex-start;gap:8px 16px}
  .site-footer{padding-top:56px}
}
@media(prefers-reduced-motion:reduce){.site-page *,.site-page *::before,.site-page *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.site-footer,.site-context,.site-sidebar,.u-flipbar{display:none!important}.site-content-layout{display:block;padding:0}.site-page-hero{background:#fff;color:var(--navy);padding:0}.site-page .site-page-hero h1{color:var(--navy)}.site-hero-art,.site-auth-story{display:none}.site-page{background:#fff}}