/* Hyper AI — internal pages theme (v26 design system).
   Loaded by /comparison, /vs/*, /docs/*, /about, /privacy, /terms, /404 and /waitlist AFTER the
   page's inline <style>, so equal-specificity rules here win. Rules marked !important beat inline
   style="" attributes. Tokens and patterns mirror the homepage and /assets/v26/blog.css. */

:root{
  --bg:#FAFAF7;--ink:#141412;--mu:#6A6A64;--ln:#E4E3DD;--ac:#F05A1A;--dk:#161614;--dkl:#2C2C29;
  --sans:"Geist",system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;
  /* legacy page tokens, remapped */
  --orange:#F05A1A;--orange-hover:#D84A0E;--orange-bg:rgba(240,90,26,.07);--orange-border:rgba(240,90,26,.3);
  --black:#141412;--border:#E4E3DD;--border-strong:#C9C7BF;--muted:#6A6A64;--text:#2E2E2A;--surface:#FAFAF7;
  --content-width:100%;
  --col:776px;
  --gut:max(20px,calc((100% - var(--col))/2));
  --py:96px;--px:48px;
  --hatch:repeating-linear-gradient(135deg,transparent 0 9px,rgba(20,20,18,.07) 9px 10px);
  --sky:linear-gradient(180deg,#A9B9E6 0%,#C9C2EA 24%,#EDC2D6 48%,#F7D3C6 70%,#EFD9BC 88%,#D9CFA8 100%);
  --land:radial-gradient(9% 16% at 4% 70%,#8A9866,transparent 72%),radial-gradient(12% 20% at 8% 84%,#5F6E46,transparent 72%),radial-gradient(10% 18% at 15% 92%,#4A5838,transparent 72%),radial-gradient(7% 12% at 2% 56%,#A2AE7A,transparent 72%),radial-gradient(9% 16% at 95% 76%,#93A06C,transparent 72%),radial-gradient(11% 20% at 90% 90%,#5A6942,transparent 72%),radial-gradient(7% 12% at 98% 62%,#71805A,transparent 72%),radial-gradient(60% 10% at 50% 102%,rgba(150,150,96,.75),transparent 72%),radial-gradient(16% 7% at 20% 12%,rgba(255,240,244,.95),transparent 70%),radial-gradient(24% 9% at 38% 8%,rgba(255,186,200,.9),transparent 70%),radial-gradient(20% 10% at 64% 15%,rgba(255,206,214,.95),transparent 70%),radial-gradient(28% 7% at 82% 7%,rgba(255,255,255,.85),transparent 70%),radial-gradient(26% 9% at 54% 30%,rgba(248,160,178,.6),transparent 70%),radial-gradient(34% 8% at 16% 36%,rgba(255,222,214,.8),transparent 70%),radial-gradient(28% 7% at 86% 40%,rgba(255,196,186,.7),transparent 70%),radial-gradient(40% 10% at 50% 56%,rgba(255,236,226,.6),transparent 70%);
  /* the orb, same layers as /assets/v26/orb.css */
  --orb:radial-gradient(40% 40% at 34% 26%,rgba(255,255,255,.9),rgba(255,255,255,0)),radial-gradient(55% 55% at 22% 24%,rgba(111,174,62,.75),rgba(111,174,62,0) 76%),radial-gradient(60% 60% at 82% 84%,rgba(31,127,208,.9),rgba(31,127,208,0) 76%),radial-gradient(90% 90% at 50% 108%,rgba(170,240,255,.8),rgba(170,240,255,0) 55%),radial-gradient(130% 130% at 30% 25%,#b5e9fb 0%,#6cc0ef 40%,#2f8fd8 100%);
}
html,body{background:var(--bg)}
body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}
code{font-family:var(--mono)!important;font-size:.86em;background:#F3F2EC;border:1px solid var(--ln);border-radius:0;padding:1px 6px;color:var(--ink)}

/* ── frame: the homepage .w (vertical rules at the page edges) ── */
.comp-hero,.comp-section,.learn-more,.comp-cta,.docs-hero,.docs-body,.docs-wrap,.legal-hero,.legal-body,.nf-wrap,.pg-about .wrap,.pg-waitlist .page{
  max-width:1560px!important;width:calc(100% - 2*clamp(16px,5vw,96px))!important;margin-left:auto!important;margin-right:auto!important;
  border-left:1px solid var(--ln);border-right:1px solid var(--ln);box-sizing:border-box}
/* hatch band (the homepage .gap) at the top of a framed block */
.comp-section::before,.learn-more::before,.docs-body::before,.legal-body::before{content:"";display:block;height:72px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);background:var(--hatch)}

/* ── labels: mono caps + accent square (the design's .lab) ── */
.section-label,.legal-label,.docs-label,.docs-section-num,.legal-section-num,.toc-label,.sidebar-label,.pg-about .eyebrow,.nf-code,.pg-waitlist .left-label,.learn-more>h2,.learn-more>div>a>div:first-child{
  display:flex!important;align-items:center;gap:8px;font:400 11px/1.2 var(--mono)!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--mu)!important}
.section-label::before,.legal-label::before,.docs-label::before,.docs-section-num::before,.legal-section-num::before,.toc-label::before,.sidebar-label::before,.pg-about .eyebrow::before,.nf-code::before,.pg-waitlist .left-label::before,.learn-more>h2::before,.learn-more>div>a>div:first-child::before{
  content:"";flex:none;width:6px;height:6px;background:var(--ac)}

/* ── buttons: the design's .b / .b-d / .b-l ── */
.btn,.nf-btn-dark,.nf-btn-light,.pg-waitlist .submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 18px!important;border-radius:0!important;
  font:500 11.5px/1 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-decoration:none!important;border:1px solid var(--ink)!important;
  background:var(--ink)!important;color:#fff!important;box-shadow:none!important;transform:none!important;opacity:1;transition:background .2s,color .2s,border-color .2s}
.btn:hover,.nf-btn-dark:hover,.pg-waitlist .submit-btn:hover{background:var(--ac)!important;border-color:var(--ac)!important;color:#fff!important;opacity:1}
.btn-outline,.nf-btn-light,.pg-about .btn.alt,.comp-cta .btn:not(.btn-orange):not(.btn-dark){background:transparent!important;color:var(--ink)!important;border-color:var(--ink)!important}
.btn-outline:hover,.nf-btn-light:hover,.pg-about .btn.alt:hover,.comp-cta .btn:not(.btn-orange):not(.btn-dark):hover{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}

/* ── FAQ (comparison, vs, docs) ── */
.faq-list{border:0!important;border-radius:0!important;border-top:1px solid var(--ln)!important;overflow:visible!important}
.faq-item{border-bottom:1px solid var(--ln)!important;border-top:0!important}
.faq-q{padding:22px 0!important;font:500 16px/1.4 var(--sans)!important;color:var(--ink)!important;background:transparent!important;gap:24px}
.faq-q:hover{color:var(--ac)!important}
.faq-chevron,.faq-icon{border-radius:0!important;border-color:var(--ln)!important;background:transparent}
.faq-item.open .faq-chevron,.faq-item.open .faq-icon{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff}
.faq-a{padding:0 0 24px!important;font-size:15.5px!important;line-height:1.7!important;color:var(--text)!important;max-width:860px}

/* ── painted CTA: copy left, painted panel + orb right (the homepage CTA) ── */
.comp-cta,.pg-about .cta{position:relative}
.comp-cta::after,.pg-about .cta::after{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;border-left:1px solid var(--ln);
  background:linear-gradient(rgba(255,255,255,.36),rgba(255,255,255,.36)) center/min(64%,300px) min(72%,300px) no-repeat,var(--land),var(--sky)}
.comp-cta::before,.pg-about .cta::before{content:"";position:absolute;z-index:1;left:75%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;
  background:var(--orb);box-shadow:0 24px 48px -20px rgba(52,124,175,.55),inset 0 0 30px rgba(255,255,255,.3);filter:saturate(1.18)}

/* ════════ Comparison + /vs/* ════════ */
.comp-hero{position:relative;overflow:hidden;padding:168px var(--px) 88px;border-bottom:0}
.comp-hero-fade{display:none}
/* a strip of painted landscape on the frame edge, like the homepage hero (right side only: copy is left-aligned here) */
.comp-hero-grid,.comp-hero-glow{position:absolute;inset:auto;transform:none;width:58px;height:250px;background:var(--land),var(--sky)!important;pointer-events:none}
.comp-hero-grid{display:none}
.comp-hero-glow{right:-1px;left:auto;top:150px;height:260px}
.comp-hero-inner{max-width:900px}
.comp-hero h1{font-size:clamp(40px,5.6vw,76px);font-weight:400;letter-spacing:-.035em;line-height:1.04;margin:24px 0 24px;text-wrap:balance}
.comp-hero h1 em{color:var(--ac)}
.comp-hero p{font-size:18px;line-height:1.6;color:var(--mu);max-width:620px}
.comp-hero-actions,.comp-hero-inner>.reveal.d3{gap:8px!important;margin-top:32px!important}
.comp-hero-badge,.comp-vs-pill{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px 0 10px;border:1px solid var(--ln);border-radius:0;background:#fff;font:500 13px/1 var(--sans);color:var(--ink)}
.badge-vs,.vs-divider{font:400 10.5px/1 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.badge-dot,.vs-competitor-dot,.tool-dot{border-radius:0!important}
.comp-section{padding:0 var(--px) var(--py)!important;background:transparent!important;border-top:0!important}
.comp-section::before{margin:0 calc(-1*var(--px)) var(--py)}
.comp-section h2{font-size:clamp(32px,3.6vw,48px)!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.12!important;margin:18px 0 14px!important;text-wrap:balance}
.comp-section .section-label+h2,.comp-section .reveal>.section-label+h2{margin-top:18px!important}
.comp-section h2+p{font-size:17.5px!important;line-height:1.55;color:var(--mu)!important;max-width:620px}
/* table → the homepage comparison table (.cmp) */
.comp-table-wrap{border:0!important;border-top:1px solid var(--ln)!important;border-radius:0!important;margin:48px calc(-1*var(--px)) 0!important}
.comp-table-wrap:last-child{margin-bottom:calc(-1*var(--py))!important}
.comp-table{min-width:720px}
.comp-table thead th{padding:26px 24px 18px!important;font:500 15px/1.3 var(--sans);color:var(--ink);border-bottom:1px solid var(--ln);border-right:1px solid var(--ln);vertical-align:bottom}
.comp-table thead th.col-feature{font:400 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.comp-table tbody tr,.comp-table tfoot tr{border:0!important}
.comp-table td{padding:18px 24px!important;font-size:14.5px;line-height:1.45;color:var(--text);border-bottom:1px solid var(--ln);border-right:1px solid var(--ln)}
.comp-table th:last-child,.comp-table td:last-child{border-right:0!important}
.comp-table tbody tr:last-child td,.comp-table tfoot td{border-bottom:0}
.comp-table td.col-feature{font-size:15px;font-weight:400;color:var(--ink)}
.comp-table .feat-sub{font-size:12.5px;color:var(--mu);margin-top:3px}
.comp-table .col-hyper,.comp-table tbody tr:hover td.col-hyper,.comp-table tfoot td.col-hyper{background:var(--ink)!important;color:#fff!important;border-left:1px solid var(--dkl)!important;border-right:1px solid var(--dkl)!important;border-bottom-color:var(--dkl)!important}
.comp-table tbody tr:hover td{background:transparent}
.comp-table thead th.col-hyper img{filter:brightness(0) invert(1);opacity:1!important}
.comp-table thead th.col-hyper span{color:var(--ac)!important}
.comp-table .col-hyper .btn{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
.comp-table .col-hyper .btn:hover{background:var(--ac)!important;border-color:var(--ac)!important;color:#fff!important}
.comp-tool-badge{border-radius:0;height:30px;padding:0 12px 0 10px}
/* cells: ✓ → square, ✗ → dash, partial → mono chip */
.ic-sq{display:inline-block;font-size:0!important;line-height:0;vertical-align:middle}
.ic-yes.ic-sq::before{content:"";display:inline-block;width:10px;height:10px;background:var(--ink)}
.col-hyper .ic-yes.ic-sq::before{background:var(--ac)}
.ic-no.ic-sq::before{content:"–";font:400 15px/1 var(--sans);color:#B4B2AA}
.ic-yes:not(.ic-sq){font:500 14px/1.3 var(--sans);color:var(--ink)!important}
.col-hyper .ic-yes:not(.ic-sq){color:var(--ac)!important}
.ic-no:not(.ic-sq){font-size:13.5px;color:var(--mu)}
.ic-part{display:inline-block;font:400 11px/1.2 var(--mono)!important;letter-spacing:.04em;color:var(--mu)!important;border:1px solid var(--ln);padding:4px 7px}
.col-hyper .ic-part{border-color:#3A3A36;color:#C9C7BF!important}
/* cards → edge-to-edge cells, like the homepage platform grid */
.comp-grid-2,.comp-grid-3{gap:0!important;margin:48px calc(-1*var(--px)) 0!important;border-top:1px solid var(--ln)}
.comp-grid-2:last-child,.comp-grid-3:last-child{margin-bottom:calc(-1*var(--py))!important}
.comp-card,.comp-card.orange-card{border:0!important;border-right:1px solid var(--ln)!important;border-radius:0!important;background:transparent!important;padding:32px 28px 40px!important;transition:background .35s}
.comp-card:last-child{border-right:0!important}
.comp-card:hover{background:#F3F2EC!important}
.comp-card .card-icon{width:40px!important;height:40px!important;border:1px solid var(--ln);border-radius:0!important;background:#fff!important;color:var(--ink)!important;margin-bottom:22px!important;transition:background .35s,color .35s,border-color .35s}
.comp-card:hover .card-icon{background:var(--ink)!important;border-color:var(--ink);color:#fff!important}
.comp-card .card-icon svg{width:18px;height:18px}
.comp-card .card-icon svg[stroke]{stroke:currentColor}
.comp-card h3{font-size:19px!important;font-weight:400!important;letter-spacing:-.01em!important;line-height:1.3;margin:0 0 10px!important}
.comp-card p,.comp-card ul li{font-size:15px!important;line-height:1.6!important;color:var(--mu)!important}
.comp-card ul li::before{border-radius:0!important;background:#C9C7BF!important}
.comp-card.orange-card ul li::before{background:var(--ac)!important}
.comp-card .section-label{margin-bottom:16px!important}
.comp-grid-2+.reveal{margin-top:0!important;border:0!important;border-top:1px solid var(--ln)!important;border-radius:0!important;background:transparent!important;margin-left:calc(-1*var(--px))!important;margin-right:calc(-1*var(--px))!important;padding:20px var(--px)!important;font-size:15px!important}
.comp-grid-2+.reveal:last-child{margin-bottom:calc(-1*var(--py))!important}
.comp-section .faq-list{margin-top:40px}
/* learn more → hatch band + cells */
.learn-more{padding:0!important}
.learn-more>h2{margin:40px var(--px) 24px!important}
.learn-more>div{gap:0!important;border-top:1px solid var(--ln)}
.learn-more>div>a{border:0!important;border-right:1px solid var(--ln)!important;border-radius:0!important;padding:24px 24px 32px!important;transition:background .3s!important}
.learn-more>div>a:last-child{border-right:0!important}
.learn-more>div>a:hover{background:#F3F2EC}
.learn-more>div>a>div:first-child{font-size:10.5px!important;margin-bottom:14px!important}
.learn-more>div>a>div:last-child{font:400 17px/1.35 var(--sans)!important;letter-spacing:-.01em;color:var(--ink)!important}
.learn-more>div>a:hover>div:last-child{color:var(--ac)!important}
.comp-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:520px;padding:0!important;background:transparent!important;text-align:left!important;border-top:1px solid var(--ln)}
.comp-cta>.reveal{grid-column:1;grid-row:1;align-self:center;padding:80px var(--px)}
.comp-cta .section-label{margin-bottom:22px!important}
.comp-cta h2{font-size:clamp(34px,4vw,54px)!important;font-weight:400!important;letter-spacing:-.03em!important;line-height:1.04!important;color:var(--ink)!important;margin:0 0 20px!important;text-wrap:balance}
.comp-cta h2 em{color:var(--ac)}
.comp-cta p{font-size:17px!important;line-height:1.55!important;color:var(--mu)!important;margin:0 0 30px!important;max-width:480px}
.comp-cta-actions{justify-content:flex-start!important;gap:8px!important}

/* ════════ Docs ════════ */
/* index */
.docs-wrap{padding:168px var(--px) 96px!important}
.docs-wrap h1{font-size:clamp(44px,6vw,80px);font-weight:400;letter-spacing:-.035em;line-height:1.04;margin:22px 0 22px}
.docs-sub{font-size:17.5px;line-height:1.55;color:var(--mu);max-width:600px;margin-bottom:56px}
.docs-wrap h2{margin:0 calc(-1*var(--px));padding:48px var(--px) 24px;border-top:1px solid var(--ln);font-size:clamp(26px,2.6vw,32px);font-weight:400;letter-spacing:-.025em}
.doc-grid{gap:0;margin:0 calc(-1*var(--px));border-top:1px solid var(--ln);grid-template-columns:repeat(2,minmax(0,1fr))}
.doc-card{border:0;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);border-radius:0;background:transparent;padding:28px 28px 32px;transform:none!important;transition:background .3s}
.doc-card:nth-child(2n){border-right:0}
.doc-card:hover{background:#F3F2EC;border-color:var(--ln)}
.doc-card b{font-size:19px;font-weight:400;letter-spacing:-.01em;margin-bottom:8px;color:var(--ink)}
.doc-card:hover b{color:var(--ac)}
.doc-card span{font-size:14.5px;line-height:1.55;color:var(--mu)}
.doc-grid+h2{border-top:0}
.doc-grid+h2::before{content:"";display:block;height:72px;margin:-48px calc(-1*var(--px)) 48px;border-bottom:1px solid var(--ln);background:var(--hatch)}
.agent-note{position:relative;border:1px solid var(--ln);border-left:1px solid var(--ln);border-radius:0;background:#fff;padding:22px 26px;font-size:15px;line-height:1.7;color:var(--text);max-width:var(--col)}
.agent-note::before,.docs-callout::before,.legal-callout::before{content:"";position:absolute;left:-1px;top:-1px;width:8px;height:8px;background:var(--ac)}
/* integration pages */
.docs-hero{padding:168px var(--px) 72px!important;background:transparent!important;border-bottom:0!important}
.docs-breadcrumb{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}
.docs-integration-badge{height:30px;border-radius:0;background:#fff;border-color:var(--ln);font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.docs-integration-badge .badge-dot{border-radius:0;box-shadow:none}
.docs-h1{font-size:clamp(40px,5.4vw,72px);font-weight:400;letter-spacing:-.035em;line-height:1.04;margin:22px 0 22px}
.docs-intro{font-size:17.5px;line-height:1.6;color:var(--mu);max-width:660px}
.docs-meta-tag{border-radius:0;background:transparent;border-color:var(--ln);color:var(--mu)}
.docs-meta-tag.orange{background:var(--ink);border-color:var(--ink);color:#fff}
.integration-logo-wrap{width:132px;height:132px;border-radius:0;border:1px solid var(--ln);background:var(--land),var(--sky);box-shadow:none}
.integration-logo-wrap>*{background:rgba(255,255,255,.55);padding:14px;box-sizing:content-box;box-shadow:0 20px 40px -20px rgba(60,30,50,.4)}
.docs-body{padding:0!important}
.docs-layout,.legal-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:0!important;max-width:none!important;background:linear-gradient(var(--ln),var(--ln)) 260px 0/1px 100% no-repeat}
.docs-sidebar,.legal-toc{top:96px!important;padding:40px 24px}
.sidebar-label,.toc-label{padding-left:0!important;margin-bottom:12px!important}
.sidebar-link,.toc-link{border-radius:0!important;border-left:2px solid transparent;padding:6px 10px!important;font-size:13.5px!important;color:var(--mu)!important;background:transparent!important}
.sidebar-link:hover,.toc-link:hover{color:var(--ink)!important}
.sidebar-link.active,.toc-link.active{color:var(--ink)!important;border-left-color:var(--ac)!important;font-weight:400!important}
.docs-content{padding:48px var(--px) 96px}
.docs-section{max-width:860px;margin-bottom:0;scroll-margin-top:96px}
.docs-section-num{margin-bottom:16px!important}
.docs-section h2,.legal-section h2{font-size:clamp(26px,2.6vw,32px)!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.18!important;margin:0 0 18px!important}
.docs-section p,.legal-section p,.legal-section ul li{font-size:16px!important;line-height:1.75!important;color:var(--text)!important}
.docs-section a,.legal-section a{color:var(--ac);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.docs-divider,.legal-divider{height:1px;background:var(--ln)!important;margin:56px calc(-1*var(--px))!important;max-width:none}
.docs-callout,.legal-callout{position:relative;border-radius:0!important;background:#fff!important;border:1px solid var(--ln)!important}
.docs-callout p,.legal-callout p{font-size:15px!important;color:var(--text)!important}
.legal-callout strong{color:var(--ink)!important}
.perm-row{border-radius:0;border-color:var(--ln)}
.perm-icon{border-radius:0;background:#fff;border-color:var(--ln);color:var(--ink)}
.perm-name{font-family:var(--mono)}
.perm-access{border-radius:0;background:transparent;border-color:var(--ln);color:var(--mu)}
.perm-desc{font-size:14px;color:var(--mu)}
.step-row{border-color:var(--ln)}
.step-num-badge{border-radius:0;background:var(--ink)}
.step-title{font-size:16px;font-weight:500}
.step-desc{font-size:15px;color:var(--text)}
.field-mapping-box{border-radius:0;border-color:var(--ln)}
.field-mapping-header{background:transparent;border-color:var(--ln);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}
.field-mapping-row{border-color:var(--ln)}
.field-tag{border-radius:0;background:#fff;border-color:var(--ln);justify-self:start;max-width:100%}

/* ════════ Legal (privacy, terms) ════════ */
.legal-hero{padding:168px var(--px) 72px!important;border-bottom:0!important}
.legal-hero-inner{max-width:900px}
.legal-h1{font-size:clamp(44px,6vw,80px);font-weight:400;letter-spacing:-.035em;line-height:1.04;margin:22px 0 22px}
.legal-meta{font:400 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.legal-meta-dot{border-radius:0;background:#C9C7BF}
.legal-body{padding:0!important}
.legal-content{max-width:none!important;padding:48px var(--px) 96px}
.legal-section{max-width:var(--col);margin-bottom:0}
.legal-section-num{margin-bottom:16px!important}
.legal-section ul li::before{border-radius:0!important;width:6px!important;height:6px!important;opacity:1!important;background:var(--ac)!important}

/* ════════ 404 ════════ */
.nf-wrap{position:relative;overflow:hidden;padding:168px var(--px) 96px!important;min-height:calc(100vh - 1px)}
.nf-wrap::before,.nf-wrap::after{content:"";position:absolute;width:58px;background:var(--land),var(--sky);pointer-events:none}
.nf-wrap::before{left:-1px;top:128px;height:250px}
.nf-wrap::after{right:-1px;top:222px;height:200px}
.nf-code{justify-content:center;margin-bottom:24px!important}
.nf-h1{font-size:clamp(44px,7vw,96px);font-weight:400;letter-spacing:-.035em;line-height:1.02}
.nf-h1 .em{font-family:var(--sans);font-style:normal;font-weight:400;color:var(--ac)}
.nf-sub{font-size:17.5px;color:var(--mu)}
.nf-ctas{gap:8px}
.nf-links{border-color:var(--ln)}
.nf-links span{font:400 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.nf-links a{font-size:14px;color:var(--ink)}
.nf-agent a{font-family:var(--mono)}

/* ════════ About ════════ */
.pg-about{padding-top:0!important;font-family:var(--sans)!important;font-size:16px}
.pg-about .wrap a{color:var(--ac)}
/* the page's global a{} / a:hover{} rules must not leak into the shared chrome */
#hyhd a:hover,#hyfoot a:hover{text-decoration:none}
.pg-about .wrap{padding:0!important;font-size:17px;line-height:1.75}
.pg-about .wrap>*:not(.hero,h2,.agents,.facts,.cta){margin-left:var(--gut);margin-right:var(--gut)}
.pg-about .wrap>p{color:var(--text);margin-bottom:22px}
.pg-about .hero{padding:168px var(--gut) 40px}
.pg-about .eyebrow{margin-bottom:22px!important}
.pg-about h1,.pg-about h2,.pg-about h3{font-family:var(--sans)!important}
.pg-about h1{font-size:clamp(44px,6vw,80px);font-weight:400;letter-spacing:-.035em;line-height:1.04;margin:0 0 24px;text-wrap:balance}
.pg-about h1 em{font-family:var(--sans)!important;font-style:normal;color:var(--ac);letter-spacing:-.035em}
.pg-about .lede{font-size:19px;line-height:1.55;color:var(--mu);margin:0}
.pg-about .wrap>h2{margin:72px 0 24px;padding:48px var(--gut) 0;border-top:1px solid var(--ln);font-size:clamp(26px,2.6vw,32px);font-weight:400;letter-spacing:-.025em;line-height:1.18}
.pg-about .agents{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:40px 0 0;border-top:1px solid var(--ln)}
.pg-about .agents+h2,.pg-about .facts+h2{margin-top:0}
.pg-about .agent{border:0;border-right:1px solid var(--ln);border-radius:0;background:transparent;padding:28px 28px 36px;transition:background .35s}
.pg-about .agent:last-child{border-right:0}
.pg-about .agent:hover{background:#F3F2EC}
.pg-about .agent h3{font-size:19px;font-weight:400;letter-spacing:-.01em;margin:0 0 10px}
.pg-about .agent h3 a{color:var(--ink);text-decoration:none}
.pg-about .agent:hover h3 a{color:var(--ac)}
.pg-about .agent p{font-size:15px;line-height:1.6;color:var(--mu)}
.pg-about .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:40px 0 0;border-top:1px solid var(--ln)}
.pg-about .facts li{border:0;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);border-radius:0;background:transparent;padding:22px 28px 26px}
.pg-about .facts li:nth-child(3n){border-right:0}
.pg-about .facts li:nth-last-child(-n+3){border-bottom:0}
.pg-about .facts .k{font-family:var(--mono)!important;font-size:10.5px;letter-spacing:.08em;color:var(--mu);margin-bottom:10px}
.pg-about .facts .v{font-size:17px;font-weight:400;line-height:1.4}
.pg-about .cta{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:8px;align-content:center;min-height:460px;margin:72px 0 0;padding:80px calc(50% + var(--px)) 80px var(--px);border:0;border-top:1px solid var(--ln);border-radius:0;background:transparent;color:var(--ink);text-align:left}
.pg-about .cta h2,.pg-about .cta p{grid-column:1/-1}
.pg-about .cta h2{font-size:clamp(34px,4vw,54px)!important;font-weight:400;letter-spacing:-.03em;line-height:1.04;color:var(--ink);margin:0 0 18px}
.pg-about .cta h2::before{content:"";display:block;width:8px;height:8px;margin-bottom:22px;background:var(--ac)}
.pg-about .cta p{font-size:17px;color:var(--mu);margin:0 0 30px}
.pg-about .cta .btn{width:auto;margin:0!important}

/* ════════ Waitlist ════════ */
.pg-waitlist{font-family:var(--sans)}
.pg-waitlist .page{margin-top:0!important;padding:0!important;min-height:100dvh}
.pg-waitlist .left{padding:168px var(--px) 80px;border-right:1px solid var(--ln)}
.pg-waitlist .left-label{margin-bottom:22px!important}
.pg-waitlist .left-h1{font-size:clamp(36px,4.2vw,60px);font-weight:400;letter-spacing:-.035em;line-height:1.04}
.pg-waitlist .left-sub{font-size:17px;line-height:1.6;color:var(--mu);max-width:440px}
.pg-waitlist .stat-num{font-size:30px;font-weight:400;letter-spacing:-.03em}
.pg-waitlist .stat-divider{display:none}
.pg-waitlist .stat-desc{margin-top:8px;font:400 10.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.pg-waitlist .right{padding:168px var(--px) 80px;background:var(--land),var(--sky)}
.pg-waitlist .formWrap{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 70px -34px rgba(60,30,50,.4),inset 0 1px 0 rgba(255,255,255,.75);padding:32px}
.pg-waitlist .form-title{font-size:20px;font-weight:400;letter-spacing:-.02em}
.pg-waitlist .field label{font:400 10.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.pg-waitlist .field input,.pg-waitlist .field select{border-radius:0;background-color:#fff;border-color:var(--ln)}
.pg-waitlist .field input:focus,.pg-waitlist .field select:focus{border-color:var(--ink);box-shadow:none}
.pg-waitlist .submit-btn{width:100%;height:46px}

/* ── cookie banner: design type ── */
#cc-banner{font-family:var(--sans)!important;border-radius:0!important}
#cc-banner button{border-radius:0!important}
#cc-accept{background:var(--ac)!important}

/* ════════ Responsive ════════ */
@media (max-width:1100px){
.pg-about .agents{grid-template-columns:1fr}
.pg-about .agent{border-right:0;border-bottom:1px solid var(--ln)}
.pg-about .agent:last-child{border-bottom:0}
}
@media (max-width:960px){
:root{--py:56px;--px:20px}
.comp-section::before,.learn-more::before,.docs-body::before,.legal-body::before{height:40px}
.comp-hero,.docs-hero,.legal-hero,.docs-wrap{padding-top:120px!important}
.comp-hero{padding-bottom:56px}
.comp-hero-grid,.comp-hero-glow,.nf-wrap::before,.nf-wrap::after{display:none}
.comp-grid-2,.comp-grid-3,.learn-more>div,.doc-grid{grid-template-columns:1fr!important}
.comp-card,.comp-card.orange-card,.learn-more>div>a,.doc-card{border-right:0!important;border-bottom:1px solid var(--ln)!important}
.comp-card:last-child,.learn-more>div>a:last-child,.doc-card:last-child{border-bottom:0!important}
.learn-more>h2{margin:28px var(--px) 18px!important}
.comp-cta,.pg-about .cta{grid-template-columns:1fr;min-height:0}
.comp-cta>.reveal{padding:56px var(--px) 36px}
.comp-cta::after,.pg-about .cta::after{position:static;grid-column:1/-1;height:260px;width:auto;border-left:0;border-top:1px solid var(--ln)}
.comp-cta::before,.pg-about .cta::before{left:50%;top:auto;bottom:74px;margin-top:0}
.pg-about .cta{padding:56px var(--px) 0;grid-template-columns:auto auto minmax(0,1fr)}
.pg-about .cta::after{margin:40px calc(-1*var(--px)) 0}
.docs-layout,.legal-layout{grid-template-columns:1fr!important;background:none}
.docs-content,.legal-content{padding:32px var(--px) 64px}
.integration-logo-wrap{width:88px;height:88px}
.pg-about .hero{padding-top:120px}
.pg-about .facts{grid-template-columns:1fr 1fr}
.pg-about .facts li:nth-child(3n){border-right:1px solid var(--ln)}
.pg-about .facts li:nth-child(2n){border-right:0}
.pg-about .facts li:nth-last-child(-n+3){border-bottom:1px solid var(--ln)}
.pg-about .facts li:nth-last-child(-n+2){border-bottom:0}
.pg-waitlist .left,.pg-waitlist .right{padding:56px var(--px)}
.pg-waitlist .left{padding-top:120px;border-right:0;border-bottom:1px solid var(--ln)}
.pg-waitlist .formWrap{padding:22px}
.nf-wrap{padding-top:120px!important}
}
@media (max-width:560px){
.pg-about .facts{grid-template-columns:1fr}
.pg-about .facts li{border-right:0!important;border-bottom:1px solid var(--ln)!important}
.pg-about .facts li:last-child{border-bottom:0!important}
.pg-about .cta{grid-template-columns:1fr;row-gap:8px}
}