/* Alert Hire: shared stylesheet for every page except the home page (index.html keeps its own inline copy of the
   tokens, header, footer and dialog so it can be edited on its own). Built from the same handoff tokens. */
/* Self-hosted fonts (9 Sep 2026), same files as index.html. Satoshi: Fontshare (ITF Free Font License). Inter: SIL OFL, latin variable slice. */
@font-face{font-family:"Satoshi";font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/satoshi-500.woff2) format("woff2")}
@font-face{font-family:"Satoshi";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/satoshi-700.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:100 900;font-style:normal;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --n50:#fafafa;--n100:#f5f5f5;--n200:#e5e5e5;--n300:#d4d4d4;--n400:#a3a3a3;--n500:#737373;--n600:#525252;--n700:#404040;--n800:#262626;--n900:#171717;
  --blue500:#3b82f6;--blue600:#2563eb;--blue100:#dbeafe;
  --success:#15803d;--success-bg:#dcfce7;--orange:#f97316;--error:#dc2626;--error-bg:#fee2e2;
  --card:#f4f5f8;--track:#e2e5ec;
  --font-display:"Satoshi",system-ui,-apple-system,sans-serif;
  --font-ui:"Inter",system-ui,-apple-system,sans-serif;
  --ease-expo:cubic-bezier(.16,1,.3,1);--ease-acc:cubic-bezier(.87,0,.13,1);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
/* Same global scale as the home page: authored at a 16px root, rendered at 85% on desktop and tablet, 100% on mobile. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:85%}
body{margin:0;background:#fff;color:var(--n900);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:.125rem solid var(--blue500);outline-offset:.125rem;border-radius:.375rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.container{margin:0 auto;max-width:90rem;padding:0 3rem;box-sizing:content-box}
.eyebrow{margin:0 0 .75rem;font:500 .75rem/1rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--n500)}
.h2{margin:0;font:500 2.625rem/1.12 var(--font-display);letter-spacing:-.02em;color:var(--n900);text-wrap:balance}
.h3{margin:0;font:500 1.375rem/1.3 var(--font-display);letter-spacing:-.015em;color:var(--n900);text-wrap:balance}
.lede{margin:0;font:400 1.0625rem/1.75rem var(--font-ui);color:var(--n500);text-wrap:pretty}
.lede+.lede{margin-top:.875rem}
.h2+.lede{margin-top:.875rem}
.lede a,.faq-intro a{color:var(--n800);border-bottom:1px solid var(--n300)}

.btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.25rem;border-radius:.5rem;border:1px solid var(--n900);background:var(--n900);color:#fff;font:500 .875rem/1 var(--font-ui);white-space:nowrap;flex-shrink:0;transition:background-color .15s,border-color .15s,color .15s}
.btn:hover{background:var(--n800);border-color:var(--n800);color:#fff}
.btn-secondary{background:#fff;border-color:var(--n200);color:var(--n700)}
.btn-secondary:hover{background:var(--n50);border-color:var(--n200);color:var(--n700)}
.btn[disabled]{opacity:.6;cursor:default}

/* Header */
.hdr{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.85);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);border-bottom:1px solid var(--n100)}
.hdr-inner{display:flex;align-items:center;height:5rem;gap:.375rem}
.hdr-logo{display:flex;margin-right:1.75rem;flex-shrink:0}
.hdr-logo img{height:2.125rem;width:auto}
.nav-link{display:flex;align-items:center;height:2.5rem;padding:0 .875rem;border-radius:.5rem;font:500 .96875rem/1 var(--font-ui);color:var(--n700);white-space:nowrap;flex-shrink:0;transition:color .15s}
.nav-link:hover{color:var(--n900)}
.hdr-spacer{flex:1}
.hdr-cta{height:2.5rem;padding:0 1.125rem;font-size:.96875rem;margin-left:.625rem}
.nav-toggle{display:none;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;color:var(--n900);flex-shrink:0}
.nav-toggle:hover{background:var(--n50)}
.nav-toggle svg{width:1.25rem;height:1.25rem}
.nav-toggle .ico-close{display:none}
.nav-toggle[aria-expanded="true"] .ico-menu{display:none}
.nav-toggle[aria-expanded="true"] .ico-close{display:block}
.nav-panel{display:none;border-top:1px solid var(--n100);background:#fff}
.nav-panel[data-open="true"]{display:block}
.nav-panel-inner{display:flex;flex-direction:column;padding:.375rem .5rem .75rem;max-width:30rem;margin:0 auto}
.nav-panel a{display:flex;align-items:center;min-height:3rem;padding:0 .75rem;border-radius:.5rem;font:500 1rem/1 var(--font-ui);color:var(--n800)}
.nav-panel a:hover{background:var(--n50)}
.nav-panel a[data-login]{color:var(--n500)}

/* Grid motif */
.motif{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M60 0H0V60' fill='none' stroke='rgba(0,0,0,.1)'/%3E%3C/svg%3E");background-size:3.75rem 3.75rem;background-position:-1px -1px}

/* Page hero: eyebrow or breadcrumb, display headline, lede, optional buttons */
.page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--n100)}
.page-hero .motif{mask-image:radial-gradient(75% 90% at 50% 0%,#000 30%,transparent);-webkit-mask-image:radial-gradient(75% 90% at 50% 0%,#000 30%,transparent)}
.page-hero-inner{position:relative;margin:0 auto;max-width:90rem;padding:4.5rem 3rem 4rem;box-sizing:content-box}
.page-hero-inner.center{text-align:center;display:flex;flex-direction:column;align-items:center}
.page-hero-inner.center .crumbs{justify-content:center}
.page-hero-inner.center .h1{max-width:46rem}
.page-hero-inner.center .actions{justify-content:center}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;font:500 .8125rem/1.125rem var(--font-ui);color:var(--n500)}
.crumbs li{display:flex;align-items:center;gap:.5rem}
.crumbs li+li::before{content:"/";color:var(--n300)}
.crumbs a{color:var(--n600);transition:color .15s}
.crumbs a:hover{color:var(--n900)}
.h1{margin:0;max-width:52rem;font:500 3.5rem/1.06 var(--font-display);letter-spacing:-.02em;color:var(--n900);text-wrap:balance}
.page-hero .lede{max-width:40rem;margin-top:1.125rem;font-size:1.125rem;line-height:1.75rem}
.page-hero .actions{display:flex;gap:.5rem;margin-top:1.75rem}
.page-hero .meta{margin:1rem 0 0;font:400 .875rem/1.25rem var(--font-ui);color:var(--n500)}

/* Sections */
.section{border-bottom:1px solid var(--n100)}
.section-muted{background:var(--n50)}
.section-inner{margin:0 auto;max-width:90rem;padding:5rem 3rem;box-sizing:content-box}
.section-inner.narrow{max-width:44rem}
.section-head{max-width:40rem;margin-bottom:2.5rem}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4.5rem;align-items:center}
.two-col.top{align-items:start}
.two-col.wide-visual{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}

/* Feature cards */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{border:1px solid var(--n200);border-radius:.75rem;background:#fff;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px .125rem rgba(34,42,53,.04)}
.card-icon{width:2.5rem;height:2.5rem;border-radius:.625rem;border:1px solid var(--n200);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--n700);margin-bottom:.5rem}
.card-icon svg{width:1.125rem;height:1.125rem}
.card h3{margin:0;font:500 1.0625rem/1.5rem var(--font-ui);color:var(--n900)}
.card p{margin:0;font:400 .9375rem/1.5rem var(--font-ui);color:var(--n500);text-wrap:pretty}
.card .num{font:500 1.75rem/1 var(--font-display);letter-spacing:-.02em;color:var(--n500);margin-bottom:.75rem}
a.card{transition:border-color .15s,box-shadow .15s}
a.card:hover{border-color:var(--n300);box-shadow:0 .25rem 1rem rgba(34,42,53,.06)}
.card .more{margin-top:auto;padding-top:.75rem;font:500 .875rem/1.25rem var(--font-ui);color:var(--n900)}

/* Definition rows (write-backs, retention tables) */
.rows{border:1px solid var(--n200);border-radius:.75rem;background:#fff;overflow:hidden}
.row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:1.5rem;padding:1rem 1.25rem}
.row+.row{border-top:1px solid var(--n100)}
.row-h{font:500 .9375rem/1.375rem var(--font-ui);color:var(--n900)}
.row-p{margin:0;font:400 .9375rem/1.5rem var(--font-ui);color:var(--n500);text-wrap:pretty}
.row-p+.row-p{margin-top:.5rem}
.tag{display:inline-flex;align-items:center;height:1.375rem;padding:0 .5rem;border-radius:9999px;border:1px solid var(--n200);background:var(--n50);color:var(--n600);font:500 .75rem/1 var(--font-ui);white-space:nowrap;vertical-align:middle;margin-left:.5rem}
.tag.on{background:var(--success-bg);border-color:transparent;color:var(--success)}
.tag.off{background:var(--n100);border-color:transparent;color:var(--n500)}

/* Prose (legal pages, blog posts, long copy) */
.prose{max-width:44rem;font:400 1.0625rem/1.75rem var(--font-ui);color:var(--n600)}
.prose>:first-child{margin-top:0}
.prose h2{margin:2.75rem 0 .875rem;font:500 1.625rem/1.25 var(--font-display);letter-spacing:-.015em;color:var(--n900);text-wrap:balance;scroll-margin-top:6rem}
.prose h3{margin:1.75rem 0 .5rem;font:500 1.125rem/1.5rem var(--font-ui);color:var(--n900);scroll-margin-top:6rem}
.prose p{margin:0 0 1.125rem;text-wrap:pretty}
.prose ul,.prose ol{margin:0 0 1.125rem;padding-left:1.375rem}
.prose li{margin:.375rem 0;padding-left:.125rem}
.prose li::marker{color:var(--n500)}
.prose a{color:var(--n900);border-bottom:1px solid var(--n300);transition:border-color .15s}
.prose a:hover{border-color:var(--n900)}
.prose strong{color:var(--n900);font-weight:500}
.prose em{font-style:italic}
.prose table{width:100%;border-collapse:collapse;margin:1.25rem 0 1.5rem;font-size:.9375rem;line-height:1.5rem}
.prose th,.prose td{text-align:left;padding:.625rem .75rem .625rem 0;border-bottom:1px solid var(--n100);vertical-align:top}
.prose th{font-weight:500;color:var(--n900);border-bottom-color:var(--n200)}
.prose blockquote{margin:1.5rem 0;padding:.125rem 0 .125rem 1.25rem;border-left:2px solid var(--n900);color:var(--n800)}
.prose blockquote p:last-child{margin-bottom:0}
.prose code{font:.875em/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--n100);padding:.125rem .375rem;border-radius:.25rem;color:var(--n800)}
.prose hr{border:0;border-top:1px solid var(--n100);margin:2.5rem 0}
.prose .callout{margin:1.5rem 0;padding:1rem 1.25rem;border:1px solid var(--n200);border-radius:.75rem;background:var(--n50);font-size:.9375rem;line-height:1.5rem;color:var(--n700)}
.prose .callout p:last-child{margin-bottom:0}
.prose figure{margin:1.75rem 0}
.prose figcaption{margin-top:.625rem;font:400 .8125rem/1.25rem var(--font-ui);color:var(--n500)}
.prose .small{font-size:.9375rem;line-height:1.5rem;color:var(--n500)}
.prose ul.check{list-style:none;padding-left:0}
.prose ul.check li{position:relative;padding-left:1.625rem}
.prose ul.check li::before{content:"";position:absolute;left:0;top:.5rem;width:.875rem;height:.875rem;border-radius:9999px;background:var(--success-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/.5rem no-repeat}

/* Legal layout: sticky contents on the left, prose on the right */
.legal-grid{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:4rem;align-items:start}
.toc{position:sticky;top:6.5rem}
.toc h2{margin:0 0 .75rem;font:500 .75rem/1rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--n500)}
.toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}
.toc a{display:block;padding:.375rem .625rem;border-radius:.375rem;font:400 .875rem/1.25rem var(--font-ui);color:var(--n500);transition:color .15s,background-color .15s}
.toc a:hover{color:var(--n900);background:var(--n50)}
.toc a.is-active{color:var(--n900);background:var(--n100)}
.legal-note{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--n100);font:400 .875rem/1.375rem var(--font-ui);color:var(--n500)}

/* Blog */
.post-list{display:flex;flex-direction:column;border-top:1px solid var(--n100)}
.post-row{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:2rem;padding:1.875rem 0;border-bottom:1px solid var(--n100)}
.post-date{font:500 .8125rem/1.375rem var(--font-ui);color:var(--n500);padding-top:.125rem}
.post-row h2{margin:0 0 .5rem;font:500 1.5rem/1.3 var(--font-display);letter-spacing:-.015em;color:var(--n900);text-wrap:balance}
.post-row h2 a{transition:color .15s}
.post-row h2 a:hover{color:var(--n600)}
.post-row p{margin:0;font:400 .9375rem/1.5rem var(--font-ui);color:var(--n500);text-wrap:pretty;max-width:40rem}
.post-row .more{display:inline-block;margin-top:.75rem;font:500 .875rem/1.25rem var(--font-ui);color:var(--n900);border-bottom:1px solid var(--n300)}
/* Answer block: the self-contained definition under an H1, written to be liftable verbatim */
.answer{max-width:40rem;margin:1.25rem auto 0;padding:.125rem 0 .125rem 1.25rem;border-left:2px solid var(--n900);font:400 1rem/1.625rem var(--font-ui);color:var(--n700);text-wrap:pretty;text-align:left}
.page-hero-inner:not(.center) .answer{margin-left:0}
/* Wide tables scroll in their own box; mobile sets body{overflow-x:hidden}, so without this they clip */
.prose .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.25rem 0 1.5rem}
.prose .table-wrap table{margin:0;min-width:34rem}
/* Sources list */
.prose ol.sources{margin:0;padding-left:1.25rem;font-size:.9375rem;line-height:1.5rem;color:var(--n500)}
.prose ol.sources li{margin:.5rem 0}
.prose ol.sources cite{font-style:normal;color:var(--n700)}
/* Author card: the byline block at the foot of a post */
.author-card{margin:2.5rem 0 0;padding:1.25rem 1.5rem;border:1px solid var(--n200);border-radius:.75rem;background:var(--n50)}
.author-card .author-name{margin:0 0 .375rem;font:500 1rem/1.5rem var(--font-ui);color:var(--n900)}
.prose .author-card p{margin:0;font-size:.9375rem;line-height:1.5rem;color:var(--n600)}
.article-foot{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--n100);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font:400 .9375rem/1.5rem var(--font-ui);color:var(--n500)}
.article-foot a.link{color:var(--n900);border-bottom:1px solid var(--n300)}

/* Ranked shortlist mock (product/ranking) */
.rank{border:1px solid var(--n200);border-radius:.75rem;background:#fff;overflow:hidden;box-shadow:0 .25rem 1rem rgba(34,42,53,.06)}
.rank-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--n100)}
.rank-title{font:500 .90625rem/1.3125rem var(--font-ui);color:var(--n900)}
.rank-meta{font:400 .78125rem/1.125rem var(--font-ui);color:var(--n500)}
.rank-row{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.75rem 1.25rem}
.rank-row+.rank-row{border-top:1px solid var(--n100)}
.rank-row.is-line{border-top:1px dashed var(--n300);background:var(--n50)}
.rank-n{font:500 .8125rem/1 var(--font-ui);color:var(--n500)}
.rank-name{font:500 .875rem/1.25rem var(--font-ui);color:var(--n900)}
.rank-sub{font:400 .75rem/1.0625rem var(--font-ui);color:var(--n500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-score{display:flex;align-items:center;gap:.625rem}
.rank-bar{width:5rem;height:.375rem;border-radius:9999px;background:var(--track);overflow:hidden}
.rank-bar i{display:block;height:100%;background:var(--n900);border-radius:inherit}
.rank-score b{font:500 .875rem/1 var(--font-ui);color:var(--n900);min-width:1.5rem;text-align:right}
.rank-flag{display:inline-flex;align-items:center;height:1.25rem;padding:0 .4375rem;border-radius:9999px;font:500 .6875rem/1 var(--font-ui);white-space:nowrap}
.rank-flag.ok{background:var(--success-bg);color:var(--success)}
.rank-flag.esc{background:#ffedd5;color:#c2410c}
.rank-flag.wait{background:var(--n100);color:var(--n500)}
.rank-note{padding:.75rem 1.25rem;border-top:1px solid var(--n100);font:400 .78125rem/1.125rem var(--font-ui);color:var(--n500)}

/* Candidate chat image (product/screening-conversations) */
.chat-box{height:34.375rem;width:100%;max-width:40rem;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto}
.chat-box img{height:127%;max-height:45rem;width:auto;max-width:100%;object-fit:contain;transform:translateY(-2.3%)}

/* CV grading walkthrough iframe (product/cv-grading), sized by site.js exactly as on the home page */
.grade-frame{position:relative;width:100%;overflow:hidden}
.grade-scale{width:100%}
.grade-frame iframe{display:block;width:100%;border:0;background:transparent;margin-top:-22px}
.grade-actions{display:flex;justify-content:center;margin-top:.875rem;min-height:2rem}
.grade-replay{display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .75rem;border:1px solid var(--n200);border-radius:.5rem;background:#fff;font:500 .8125rem/1 var(--font-ui);color:var(--n700);opacity:0;visibility:hidden;transition:opacity .3s,color .15s,border-color .15s}
.grade-replay.is-ready{opacity:1;visibility:visible}
.grade-replay:hover{color:var(--n900);border-color:var(--n300)}
.grade-replay svg{width:.875rem;height:.875rem}

/* Integrations panel (product/integrations) */
.panel{border:1px solid var(--n200);border-radius:.75rem;background:#fff;overflow:hidden;box-shadow:0 .25rem 1rem rgba(34,42,53,.06)}
.panel-head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--n100)}
.panel-mark{width:2.25rem;height:2.25rem;border-radius:.5625rem;border:1px solid var(--n100);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.panel-mark img{width:1.375rem;height:1.375rem}
.panel-title{font:500 .90625rem/1.3125rem var(--font-ui);color:var(--n900)}
.panel-meta{font:400 .78125rem/1.125rem var(--font-ui);color:var(--n500)}
.status{display:inline-flex;align-items:center;gap:.3125rem;height:1.375rem;padding:0 .5rem 0 .4375rem;border-radius:9999px;background:var(--success-bg);color:var(--success);font:500 .75rem/1 var(--font-ui);white-space:nowrap;flex-shrink:0}
.status svg{width:.75rem;height:.75rem}
.panel-body{padding:.375rem 1.25rem .25rem}
.panel-label{padding:.625rem 0 .25rem;font:500 .6875rem/.9375rem var(--font-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--n500)}
.wb-row{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.75rem 0}
.wb-row+.wb-row{border-top:1px solid var(--n100)}
.wb-h{font:500 .84375rem/1.1875rem var(--font-ui);color:var(--n900)}
.wb-p{margin-top:1px;font:400 .75rem/1.0625rem var(--font-ui);color:var(--n500)}
.switch{width:2rem;height:1rem;border-radius:9999px;background:var(--n200);display:flex;align-items:center;justify-content:flex-start;padding:0 .125rem;flex-shrink:0}
.switch i{width:.75rem;height:.75rem;border-radius:9999px;background:#fff;display:block}
.switch.on{background:var(--blue500);justify-content:flex-end}
.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.logo-cell{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;justify-content:center;min-height:5.5rem;padding:1rem 1.25rem;border:1px solid var(--n200);border-radius:.75rem;background:#fff}
.logo-cell img{width:auto;height:var(--h,1.375rem)}
.logo-cell .logo-dark{display:inline-flex;align-items:center;background:var(--n900);border-radius:.5rem;padding:.4375rem .75rem}
.logo-cell span{font:400 .75rem/1rem var(--font-ui);color:var(--n500)}

/* FAQ (subset reused on product pages) */
.faq-list{border:1px solid var(--n200);border-radius:.75rem;background:#fff;overflow:hidden}
.faq-item+.faq-item{border-top:1px solid var(--n100)}
.faq-q{display:flex;align-items:center;gap:1rem;width:100%;padding:1.125rem 1.375rem;text-align:left;font:500 .9375rem/1.4375rem var(--font-ui);color:var(--n900);transition:background-color .15s;border-radius:0}
.faq-q:hover{background:var(--n50)}
.faq-q span{flex:1;text-wrap:pretty}
.faq-q svg{flex-shrink:0;width:.9375rem;height:.9375rem;color:var(--n500);transition:transform .2s}
.faq-item.is-open .faq-q svg{transform:rotate(180deg)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s var(--ease-acc)}
.faq-item.is-open .faq-a{grid-template-rows:1fr}
.faq-a>div{overflow:hidden}
.faq-a p{margin:0;padding:0 3.75rem 1.25rem 1.375rem;font:400 .875rem/1.5rem var(--font-ui);color:var(--n500);text-wrap:pretty}
.faq-grid{display:grid;grid-template-columns:21.25rem minmax(0,1fr);gap:4rem;align-items:start}
.faq-intro .h2{margin-bottom:.75rem}
.faq-intro p{margin:0;font:400 1.03125rem/1.6875rem var(--font-ui);color:var(--n500);text-wrap:pretty}

/* Closing CTA */
.cta{position:relative;overflow:hidden;border-bottom:1px solid var(--n100)}
.cta .motif{mask-image:radial-gradient(70% 100% at 50% 100%,#000 20%,transparent);-webkit-mask-image:radial-gradient(70% 100% at 50% 100%,#000 20%,transparent)}
.cta-inner{position:relative;margin:0 auto;max-width:90rem;padding:6rem 3rem;text-align:center;box-sizing:content-box}
.cta .h2{margin:0 auto .875rem;max-width:45rem;font-size:3rem;line-height:1.08}
.cta p{margin:0 auto 1.625rem;max-width:33.75rem;font:400 1rem/1.625rem var(--font-ui);color:var(--n500);text-wrap:pretty}
.cta .btn{padding:0 1.5rem}
.cta-actions{display:flex;justify-content:center;gap:.5rem}

/* Inline form (contact page) */
.form-card{border:1px solid var(--n200);border-radius:1rem;background:#fff;padding:1.75rem;box-shadow:0 .25rem 1rem rgba(34,42,53,.06)}
.form-card h2{margin:0 0 .25rem;font:500 1.125rem/1.5rem var(--font-ui);color:var(--n900)}
.form-card>p{margin:0 0 1.25rem;font:400 .875rem/1.375rem var(--font-ui);color:var(--n500)}
.contact-list{display:flex;flex-direction:column;gap:1.5rem}
.contact-item h3{margin:0 0 .25rem;font:500 1rem/1.5rem var(--font-ui);color:var(--n900)}
.contact-item p{margin:0;font:400 .9375rem/1.5rem var(--font-ui);color:var(--n500);text-wrap:pretty}
.contact-item a{color:var(--n900);border-bottom:1px solid var(--n300)}
.form-success{display:none;padding:1.25rem 0 .25rem;text-align:center}
.form-card[data-state="success"] .form-success{display:block}
.form-card[data-state="success"] form,.form-card[data-state="success"]>p{display:none}

/* Footer */
.footer-grid{margin:0 auto;max-width:90rem;padding:3.5rem 3rem 4rem;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;box-sizing:content-box}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.footer-brand img{height:1.5rem;width:auto}
.footer-brand p{margin:0;max-width:16.25rem;font:400 .8125rem/1.25rem var(--font-ui);color:var(--n500)}.footer-social{display:flex;gap:.125rem;margin-left:-.5625rem}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;color:var(--n500);transition:color .15s,background-color .15s}.footer-social a:hover{color:var(--n900);background:var(--n100)}.footer-social svg{width:1.125rem;height:1.125rem;display:block;fill:currentColor}
.footer-cols{display:contents}
.footer-col{display:flex;flex-direction:column;gap:.625rem}
.footer-col h3{margin:0 0 .125rem;font:500 .875rem/1.25rem var(--font-ui);color:var(--n900)}
.footer-col a{font:400 .84375rem/1.25rem var(--font-ui);color:var(--n500);transition:color .15s;width:fit-content}
.footer-col a:hover{color:var(--n800)}
.footer-col a[aria-current="page"]{color:var(--n900)}
.footer-bar{border-top:1px solid var(--n100)}
.footer-bar-inner{margin:0 auto;max-width:90rem;padding:1.25rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:content-box}
.footer-bar span{font:400 .78125rem/1.125rem var(--font-ui);color:var(--n500)}

/* Book a demo dialog */
.modal{border:1px solid var(--n200);border-radius:1rem;padding:0;width:min(30rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);background:#fff;color:var(--n900);box-shadow:0 1.25rem 1.5625rem -.3125rem rgba(0,0,0,.1),0 .5rem .625rem -.375rem rgba(0,0,0,.1);overflow:auto}
.modal::backdrop{background:rgba(245,245,245,.5);backdrop-filter:blur(.75rem);-webkit-backdrop-filter:blur(.75rem)}
.modal[open]{animation:scale-in .2s var(--ease-expo)}
@keyframes scale-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.modal-head{display:flex;align-items:flex-start;gap:.75rem;padding:1.375rem 1.5rem 1.125rem;border-bottom:1px solid var(--n100)}
.modal-head h2{margin:0 0 .25rem;font:500 1.125rem/1.5rem var(--font-ui);color:var(--n900)}
.modal-head p{margin:0;font:400 .84375rem/1.25rem var(--font-ui);color:var(--n500)}
.modal-close{margin-left:auto;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--n500);flex-shrink:0}
.modal-close:hover{background:var(--n100);color:var(--n900)}
.modal-body{padding:1.25rem 1.5rem 1.5rem}
.field{margin-bottom:.875rem}
.field label{display:block;margin-bottom:.375rem;font:500 .8125rem/1.125rem var(--font-ui);color:var(--n700)}
.field label small{font-weight:400;color:var(--n500)}
.field input,.field select,.field textarea{width:100%;height:2.5rem;padding:0 .75rem;border:1px solid var(--n200);border-radius:.375rem;background:#fff;font:400 .875rem/1.25rem var(--font-ui);color:var(--n900);appearance:none;-webkit-appearance:none;transition:border-color .15s,box-shadow .15s}
.field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.125rem}
.field textarea{height:auto;min-height:5.25rem;padding:.625rem .75rem;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--n500);box-shadow:0 0 0 .25rem rgba(23,23,23,.05)}
.field input::placeholder,.field textarea::placeholder{color:var(--n400)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.form-actions{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}
.form-actions .btn{padding:0 1.125rem}
.form-note{margin:.75rem 0 0;font:400 .8125rem/1.1875rem var(--font-ui);color:var(--n500)}
.form-note a{color:var(--n800);text-decoration:underline;text-underline-offset:2px}
.form-error{margin:.75rem 0 0;padding:.625rem .75rem;border-radius:.5rem;background:var(--error-bg);color:var(--error);font:400 .8125rem/1.1875rem var(--font-ui);display:none}
.form-error[data-show="true"]{display:block}
.form-error a{font-weight:500;text-decoration:underline}
.modal-success{display:none;padding:1.75rem 1.5rem 1.625rem;text-align:center}
.modal[data-state="success"] .modal-success{display:block}
.modal[data-state="success"] .modal-form,.modal[data-state="success"] .modal-head p{display:none}
.success-ico{width:2.75rem;height:2.75rem;border-radius:9999px;background:var(--success-bg);color:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto .875rem}
.modal-success h3,.form-success h3{margin:0 0 .375rem;font:500 1.0625rem/1.5rem var(--font-ui);color:var(--n900)}
.modal-success p,.form-success p{margin:0 0 1.125rem;font:400 .875rem/1.375rem var(--font-ui);color:var(--n500)}

/* Responsive. Same breakpoints as the home page. */
@media (max-width:1200px){
  .h1{font-size:3rem}
  .cta .h2{font-size:2.75rem}
}
@media (max-width:1000px){
  .container,.section-inner,.cta-inner,.page-hero-inner,.footer-grid,.footer-bar-inner{padding-left:2rem;padding-right:2rem}
  .hdr-logo{margin-right:1rem}
  .h1{font-size:2.75rem}
  .h2{font-size:2.25rem}
  .cta .h2{font-size:2.5rem}
  .two-col{gap:2.5rem}
  .cards,.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-grid{grid-template-columns:minmax(0,1fr);gap:2rem}
  .toc{position:static}
  .toc ol{flex-direction:row;flex-wrap:wrap;gap:.25rem}
  .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .faq-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}
  .footer-brand{grid-column:1 / -1}
  .post-row{grid-template-columns:minmax(0,1fr);gap:.375rem}
}
@media (max-width:760px){
  html{font-size:100%}
  body{overflow-x:hidden}
  .container,.section-inner,.cta-inner,.page-hero-inner,.footer-grid,.footer-bar-inner{max-width:27.5rem;padding-left:1.25rem;padding-right:1.25rem}
  .hdr{background:rgba(255,255,255,.92)}
  .hdr-inner{height:3.75rem;gap:.5rem}
  .hdr-logo{margin-right:0}
  .hdr-logo img{height:1.625rem;width:auto}
  .hdr-login{display:none}
  .hdr-cta{height:2.25rem;padding:0 .875rem;font-size:.875rem;margin-left:0}
  .nav-toggle{display:flex}
  .page-hero .motif{background-size:3rem 3rem}
  .page-hero-inner{padding-top:3rem;padding-bottom:2.75rem}
  .h1{font-size:2.25rem;line-height:1.08}
  .page-hero .lede{font-size:1.03125rem;line-height:1.625rem}
  .page-hero .actions{flex-direction:column;width:100%}
  .page-hero .actions .btn{height:3rem;font-size:.9375rem}
  .section-inner,.cta-inner{padding-top:3.5rem;padding-bottom:3.5rem}
  .section-head{margin-bottom:1.75rem}
  .eyebrow{font-size:.6875rem;line-height:.9375rem;margin-bottom:.625rem}
  .h2{font-size:2rem;line-height:1.12}
  .lede{font-size:.96875rem;line-height:1.5625rem}
  .two-col,.two-col.wide-visual{display:flex;flex-direction:column}
  .two-col .col-copy,.two-col .col-visual{min-width:0;width:100%}
  .two-col .col-copy{order:1}
  .two-col .col-visual{order:2;margin-top:1.75rem}
  .cards,.cards.two,.cards.four{grid-template-columns:minmax(0,1fr)}
  .row{grid-template-columns:minmax(0,1fr);gap:.25rem}
  .prose{font-size:1rem;line-height:1.625rem}
  .prose h2{font-size:1.5rem;margin-top:2.25rem}
  .chat-box{height:26.25rem;max-width:none}
  .chat-box img{height:127%;width:auto;max-width:none;max-height:none;transform:translateX(9%) translateY(-2.3%)}
  .grade-scale{width:1200px;height:719px;flex-shrink:0;transform-origin:top left}
  .grade-frame iframe{width:1200px;height:719px;pointer-events:none}
  .logo-grid{grid-template-columns:minmax(0,1fr)}
  .rank-sub{white-space:normal}
  .rank-bar{display:none}
  .faq-grid{display:block}
  .faq-intro p{font-size:.9375rem;line-height:1.5rem;margin-bottom:1.5rem}
  .faq-q{padding:1rem 1.125rem;min-height:3.5rem;gap:.875rem;line-height:1.375rem}
  .faq-a p{padding:0 1.125rem 1.125rem;line-height:1.4375rem}
  .cta .motif{background-size:3rem 3rem}
  .cta .h2{font-size:2rem;line-height:1.12;margin-bottom:.75rem}
  .cta p{font-size:.9375rem;line-height:1.5rem;margin-bottom:1.375rem}
  .cta-actions{flex-direction:column}
  .cta .btn{width:100%;height:3rem;font-size:.9375rem}
  .form-card{padding:1.25rem}
  .footer-grid{display:block;padding-top:2.5rem;padding-bottom:0}
  .footer-brand img{height:1.375rem}
  .footer-brand p{margin:.625rem 0 0;max-width:none}.footer-social{margin-bottom:1.75rem}
  .footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1rem}
  .footer-col{gap:.5rem}
  .footer-col a{font-size:.875rem;line-height:1.375rem}
  .footer-bar{border-top:0}
  .footer-bar-inner{flex-direction:column;align-items:flex-start;gap:.25rem;border-top:1px solid var(--n100);margin:2rem auto 0;padding:1.125rem 0 1.75rem;width:calc(100% - 2.5rem);max-width:27.5rem}
  .field-row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .modal[open]{animation:none}
  .faq-a{transition:none}
}