:root,[data-theme="light"]{--color-accent:var(--prism-text-violet);--color-border:var(--prism-border);--color-border-strong:var(--prism-border-strong);--color-ink:var(--prism-text);--color-ink-soft:var(--prism-muted);--color-surface-2:var(--prism-bg-2);--cta-a:#8B6CFF;--cta-b:#6A45F5;--cta-c:#4B21D6;--cta-edge:rgba(255,255,255,0.14);--cta-glow:rgba(109,74,255,0.85);--cta-hi:rgba(255,255,255,0.22);--cta-sheen:rgba(255,255,255,0.32);--danger-bg:color-mix(in srgb,var(--prism-negative) 12%,var(--prism-card));--dur-fast:160ms;--ease:cubic-bezier(0.16,1,0.3,1);--font-body:"Geist","Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Geist","Geist Fallback",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--header-h:84px;--landing-card-night:#1C1030;--landing-chip-night:#2B1B4C;--landing-emphasis:#7547D8;--landing-ink:#0B0716;--landing-iris:#5A2FE0;--landing-lavender:#D4C3FF;--landing-lilac:#A88BFF;--landing-line:#34255C;--landing-line-strong:#8F80C4;--landing-night:#13081F;--landing-plum:#1E1239;--landing-rise-1:#EFE9FF;--landing-rise-2:#A88BFF;--landing-shadow:rgba(38,18,83,0.22);--landing-soft:#E3DCFA;--landing-star:rgba(255,255,255,0.28);--landing-star-dim:rgba(255,255,255,0.55);--landing-violet:#7445E9;--landing-white:#FFFFFF;--nav-bg:rgba(17,10,38,0.88);--nav-hover:rgba(255,255,255,0.09);--nav-line:rgba(255,255,255,0.12);--nav-panel:#140B2C;--nav-shadow:rgba(6,2,20,0.7);--nav-text:rgba(255,255,255,0.78);--prism-apricot:#FF9448;--prism-bg:#F8F9FC;--prism-bg-2:#F0F1F7;--prism-border:#DDDDE8;--prism-border-strong:#787788;--prism-button-bg:#5C37D7;--prism-button-fg:#FFFFFF;--prism-card:#FFFFFF;--prism-chip:#EEEEF6;--prism-device:#0C0B11;--prism-device-edge:rgba(255,255,255,0.06);--prism-faint:#606074;--prism-focus:#5C37D7;--prism-glass-bg:var(--prism-card);--prism-glass-border:var(--prism-border);--prism-illo-bean:#4A3326;--prism-illo-glass:rgba(240,230,210,0.58);--prism-illo-ink:#2B2433;--prism-illo-kraft:#C9A173;--prism-illo-kraft-shade:#A67F52;--prism-illo-label:#F7F1E6;--prism-illo-liquid:#C98A3C;--prism-muted:#5B5B70;--prism-negative:#D93A55;--prism-negative-text:#B42840;--prism-pink:#F2559E;--prism-positive:#0E9F6E;--prism-positive-text:#087148;--prism-shadow:0 14px 48px rgba(36,35,46,0.08);--prism-spectrum:none;--prism-text:#24232E;--prism-text-violet:#5C37D7;--prism-violet:#7C5CFF;--prism-warning:#C27803;--prism-warning-text:#855008;--radius-lg:12px;--radius-md:7px;--radius-sm:4px;--radius-xl:14px;--spacing-1:4px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--success-bg:color-mix(in srgb,var(--prism-positive) 12%,var(--prism-card));--success-dot:var(--prism-positive);--success-fg:var(--prism-positive-text);--text-base:15px;--text-h2:22px;--text-h3:22px;--text-lg:16px;--text-sm:15px;--text-sm--line-height:1.5;--text-xs:15px;--warning-bg:color-mix(in srgb,var(--prism-warning) 12%,var(--prism-card));--warning-fg:var(--prism-warning-text);--z-dropdown:30;--z-overlay:40;--z-toast:60}[data-theme="dark"]{--color-accent:var(--prism-text-violet);--color-border:var(--prism-border);--color-border-strong:var(--prism-border-strong);--color-ink:var(--prism-text);--color-ink-soft:var(--prism-muted);--color-surface-2:var(--prism-bg-2);--danger-bg:color-mix(in srgb,var(--prism-negative) 12%,var(--prism-card));--landing-rise-1:#1E1239;--landing-rise-2:#3A1F9C;--prism-apricot:#FF9448;--prism-bg:#111218;--prism-bg-2:#171820;--prism-border:#393A48;--prism-border-strong:#77788C;--prism-button-bg:#C4B5FF;--prism-button-fg:#211B3B;--prism-card:#1C1D26;--prism-chip:#292A36;--prism-faint:#B5B5C8;--prism-focus:#C4B5FF;--prism-glass-bg:var(--prism-card);--prism-glass-border:var(--prism-border);--prism-muted:#C2C2D1;--prism-negative:#FF6B86;--prism-negative-text:#f0b5a8;--prism-pink:#F2559E;--prism-positive:#3DDC97;--prism-positive-text:#3DDC97;--prism-shadow:0 14px 48px rgba(36,35,46,0.08);--prism-spectrum:none;--prism-text:#F5F5FA;--prism-text-violet:#C4B5FF;--prism-violet:#7C5CFF;--prism-warning:#F5B544;--prism-warning-text:#F5B544;--success-bg:color-mix(in srgb,var(--prism-positive) 12%,var(--prism-card));--success-dot:var(--prism-positive);--success-fg:var(--prism-positive-text);--warning-bg:color-mix(in srgb,var(--prism-warning) 12%,var(--prism-card));--warning-fg:var(--prism-warning-text)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--color-accent:var(--prism-text-violet);--color-border:var(--prism-border);--color-border-strong:var(--prism-border-strong);--color-ink:var(--prism-text);--color-ink-soft:var(--prism-muted);--color-surface-2:var(--prism-bg-2);--danger-bg:color-mix(in srgb,var(--prism-negative) 12%,var(--prism-card));--landing-rise-1:#1E1239;--landing-rise-2:#3A1F9C;--prism-apricot:#FF9448;--prism-bg:#111218;--prism-bg-2:#171820;--prism-border:#393A48;--prism-border-strong:#77788C;--prism-button-bg:#C4B5FF;--prism-button-fg:#211B3B;--prism-card:#1C1D26;--prism-chip:#292A36;--prism-faint:#B5B5C8;--prism-focus:#C4B5FF;--prism-glass-bg:var(--prism-card);--prism-glass-border:var(--prism-border);--prism-muted:#C2C2D1;--prism-negative:#FF6B86;--prism-negative-text:#f0b5a8;--prism-pink:#F2559E;--prism-positive:#3DDC97;--prism-positive-text:#3DDC97;--prism-shadow:0 14px 48px rgba(36,35,46,0.08);--prism-spectrum:none;--prism-text:#F5F5FA;--prism-text-violet:#C4B5FF;--prism-violet:#7C5CFF;--prism-warning:#F5B544;--prism-warning-text:#F5B544;--success-bg:color-mix(in srgb,var(--prism-positive) 12%,var(--prism-card));--success-dot:var(--prism-positive);--success-fg:var(--prism-positive-text);--warning-bg:color-mix(in srgb,var(--prism-warning) 12%,var(--prism-card));--warning-fg:var(--prism-warning-text)}}
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/sora-latin-wght.fa26406e.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}
@font-face{font-family:"Sora Fallback";src:local("Arial");size-adjust:113.9%;ascent-override:85.16%;descent-override:25.46%;line-gap-override:0%}
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/geist-latin-wght.19f9c925.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}
@font-face{font-family:"Geist Fallback";src:local("Arial");size-adjust:103.1%;ascent-override:97.48%;descent-override:28.61%;line-gap-override:0%}
:root,
[data-theme="light"] {
color-scheme: light;
}
[data-theme="dark"] {
color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
color-scheme: dark;
}
}
:root {
--fs-display: clamp(2.75rem, 1.4rem + 5.6vw, 5.25rem);
--fs-h1: clamp(2.25rem, 1.3rem + 3.6vw, 4rem);
--fs-h2: clamp(1.75rem, 1.2rem + 2vw, 2.75rem);
--wrap: 75rem;
--gutter: clamp(20px, 4vw, 32px);
--section-y: clamp(4rem, 9vw, 6.875rem);
--measure: 65ch;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
scrollbar-color: var(--prism-border-strong) transparent;
}
[id] {
scroll-margin-block-start: calc(var(--header-h) + 16px);
}
body {
margin: 0;
min-block-size: 100vh;
background: var(--prism-bg);
color: var(--prism-text);
font-family: var(--font-body);
font-size: var(--text-lg);
line-height: 1.6;
font-kerning: normal;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[data-theme] {
background-color: var(--prism-bg);
color: var(--prism-text);
}
img,
svg,
picture,
video {
display: block;
max-inline-size: 100%;
}
img,
video {
block-size: auto;
}
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
button,
input,
select,
textarea {
font: inherit;
color: inherit;
}
a {
color: inherit;
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
}
hr {
border: 0;
border-block-start: 1px solid var(--prism-border);
margin: 0;
}
table {
border-collapse: collapse;
inline-size: 100%;
}
h1,
h2,
h3,
h4,
.display,
.h1,
.h2,
.h3,
.h4 {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.1;
text-wrap: balance;
}
h1,
.h1 {
font-size: var(--fs-h1);
letter-spacing: -0.02em;
line-height: 1.02;
}
.display {
font-size: var(--fs-display);
letter-spacing: -0.02em;
line-height: 1;
}
h2,
.h2 {
font-size: var(--fs-h2);
letter-spacing: -0.02em;
line-height: 1.08;
}
h3,
.h3 {
font-size: var(--text-h2);
line-height: 1.2;
}
h4,
.h4 {
font-size: var(--text-h3);
line-height: 1.3;
}
h1 em,
h2 em,
h3 em {
font-style: normal;
color: var(--prism-muted);
}
p,
li {
text-wrap: pretty;
}
.lede {
max-inline-size: 40rem;
color: var(--prism-muted);
font-size: clamp(1rem, 0.94rem + 0.36vw, 1.0625rem);
line-height: 1.6;
}
.measure {
max-inline-size: var(--measure);
}
.text-soft {
color: var(--prism-muted);
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--text-sm--line-height);
}
.num,
table {
font-variant-numeric: tabular-nums;
}
code,
kbd,
samp,
pre {
font-family: var(--font-mono);
font-size: 0.9em;
}
.wrap {
max-inline-size: var(--wrap);
margin-inline: auto;
padding-inline: var(--gutter);
}
.section {
padding-block: var(--section-y);
}
.section--tight {
padding-block: calc(var(--section-y) * 0.6);
}
.section--hero {
padding-block: clamp(3.5rem, 7vw, 6rem) clamp(4rem, 8vw, 7rem);
}
.stack > * + * {
margin-block-start: var(--spacing-4);
}
.stack--lg > * + * {
margin-block-start: var(--spacing-8);
}
.cluster {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-3) var(--spacing-4);
}
.grid {
display: grid;
gap: var(--spacing-6);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
}
.split {
display: grid;
gap: clamp(2rem, 5vw, 4.5rem);
align-items: center;
}
@media (min-width: 56rem) {
.split {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.split--wide-start {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}
}
:focus-visible {
outline: 2px solid var(--prism-focus);
outline-offset: 3px;
}
:focus:not(:focus-visible) {
outline: none;
}
.skip-link {
position: absolute;
inset-inline-start: var(--spacing-4);
inset-block-start: var(--spacing-3);
z-index: var(--z-toast);
padding: var(--spacing-3) var(--spacing-5);
border-radius: 8px;
background: var(--prism-button-bg);
color: var(--prism-button-fg);
font-weight: 600;
text-decoration: none;
transform: translateY(-300%);
}
.skip-link:focus-visible {
transform: none;
}
.visually-hidden {
position: absolute;
inline-size: 1px;
block-size: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
::selection {
background: color-mix(in srgb, var(--prism-text) 16%, transparent);
color: inherit;
}
input,
textarea {
caret-color: var(--prism-text);
}
input,
select,
textarea,
progress {
accent-color: var(--prism-text);
}
::placeholder {
color: var(--prism-muted);
opacity: 1;
}
main:focus {
outline: none;
}
.site-header{position:sticky;inset-block-start:0;z-index:var(--z-overlay);padding:12px 16px;pointer-events:none}
body:has(.lp,.sky--img,.ea) .site-header{margin-block-end:calc(-1 * var(--header-h))}
.site-header__row{pointer-events:auto;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-inline-size:1180px;min-block-size:60px;margin-inline:auto;padding:8px 8px 8px 18px;border-radius:20px;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--nav-line),0 14px 40px -14px var(--nav-shadow)}
.brand{display:inline-flex;align-items:center;gap:var(--spacing-2);min-block-size:44px;color:var(--prism-text);text-decoration:none}
.brand__mark{flex:none;inline-size:28px;block-size:28px}
.brand__arc{stroke:var(--prism-text-violet)}
.brand__stop--violet,.brand__mark stop:nth-of-type(1){stop-color:var(--prism-violet)}
.brand__stop--pink,.brand__mark stop:nth-of-type(2){stop-color:var(--prism-pink)}
.brand__stop--apricot,.brand__mark stop:nth-of-type(3){stop-color:var(--prism-apricot)}
.brand__dot,.brand__mark circle{fill:currentColor}
.brand__word{font-family:var(--font-display);font-size:24px;font-weight:650;letter-spacing:-.05em;line-height:1}
.menu-toggle{display:none;align-items:center;gap:var(--spacing-2);min-block-size:44px;padding-inline:var(--spacing-4);border:1px solid var(--nav-line);border-radius:13px;background:var(--nav-hover);color:var(--landing-white);font-size:14px;font-weight:500;cursor:pointer}
.site-nav{display:flex;flex:1 1 100%;flex-wrap:wrap;align-items:center;gap:8px}
.site-nav__list{display:flex;flex-wrap:wrap;gap:2px}
.site-nav__list a,.nav-menu summary{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;padding-inline:14px;border-radius:12px;color:var(--nav-text);font-size:14.5px;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color 140ms var(--ease),color 140ms var(--ease)}
.site-nav__list a:hover,.site-nav__list a[aria-current="page"],.nav-menu summary:hover,.nav-menu details[open] summary,.nav-menu .is-current summary,.menu-toggle:hover{color:var(--landing-white);background:var(--nav-hover)}
.nav-menu details{position:relative}
.nav-menu summary{list-style:none}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary::after{content:"";inline-size:7px;block-size:7px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.nav-menu details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.nav-menu__panel{display:grid;gap:2px;padding:6px;margin-block:4px 8px;border-radius:16px;background:var(--nav-hover)}
.site-nav__list .nav-menu__panel a{display:grid;gap:3px;align-content:center;min-block-size:56px;padding:10px 14px;white-space:normal}
.nav-menu__panel strong{font-size:14.5px;font-weight:600;color:var(--landing-white)}
.nav-menu__panel span{font-size:13px;font-weight:400;color:var(--landing-soft)}
@property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}
.site-header .site-nav__cta,.site-header .site-nav__cta:hover{gap:10px;min-block-size:44px;padding:0 4px 0 14px;border:2px solid transparent;border-radius:13px;font-size:14px;color:var(--landing-white);background:linear-gradient(105deg,transparent 40%,var(--cta-sheen) 50%,transparent 60%) -150% 0/220% 100% no-repeat padding-box,linear-gradient(180deg,var(--cta-hi),transparent 55%) padding-box,linear-gradient(135deg,var(--cta-a),var(--cta-b) 55%,var(--cta-c)) padding-box,conic-gradient(from var(--beam),var(--cta-c) 0 58%,var(--landing-white) 76%,var(--landing-lavender) 86%,var(--cta-c) 94%) border-box;box-shadow:inset 0 1px 0 var(--cta-hi),0 10px 28px -10px var(--cta-glow)}
.site-header .site-nav__cta:hover{box-shadow:inset 0 1px 0 var(--cta-hi),0 0 0 3px var(--cta-edge),0 14px 34px -8px var(--cta-glow)}
.site-nav__cta::after{content:"";flex:none;inline-size:32px;block-size:32px;border-radius:9px;background:var(--landing-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%235A2FE0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
@media (min-width: 62rem){
.site-header__row{flex-wrap:nowrap}
.site-nav{flex:1 1 auto;flex-wrap:nowrap}
.site-nav__list{flex-wrap:nowrap;margin-inline:auto}
.nav-menu__panel{position:absolute;inset-block-start:calc(100% + 14px);inset-inline-start:-8px;z-index:var(--z-dropdown);inline-size:540px;grid-template-columns:1fr 1fr;margin:0;padding:10px;border-radius:20px;background:var(--nav-panel);box-shadow:inset 0 0 0 1px var(--nav-line),0 30px 80px -20px var(--nav-shadow)}
}
@media (max-width: 61.999rem){
.site-header{padding:10px 12px}
.site-header__row{padding:8px 8px 8px 14px;border-radius:18px}
.site-nav__list{flex-direction:column}
.site-nav__list a,.nav-menu summary{inline-size:100%;min-block-size:50px;font-size:16px}
.nav-menu summary{justify-content:space-between}
.site-header .site-nav__cta{inline-size:100%;justify-content:space-between;min-block-size:54px;margin-block-start:6px;padding-inline:18px 8px}
.js .menu-toggle{display:inline-flex;margin-inline-start:auto}
.js .site-nav{display:none;position:absolute;inset-inline:0;inset-block-start:calc(100% + 8px);flex-direction:column;align-items:stretch;padding:10px;border-radius:20px;background:var(--nav-panel);box-shadow:inset 0 0 0 1px var(--nav-line),0 30px 80px -20px var(--nav-shadow);max-block-size:calc(100dvh - 96px);overflow:auto}
.js .site-nav[data-open="true"]{display:flex}
}
@media (max-width: 61.999rem) and (scripting: none){.site-header,body:has(.lp,.sky--img,.ea) .site-header{position:relative;margin-block-end:0}.site-nav__list{flex-direction:row}.site-nav__list a,.nav-menu summary{inline-size:auto;min-block-size:44px;font-size:15px}}
@media (max-width: 61.999rem) and (scripting: enabled){
.menu-toggle{display:inline-flex;margin-inline-start:auto}
.site-nav{display:none;position:absolute;inset-inline:0;inset-block-start:calc(100% + 8px);flex-direction:column;align-items:stretch;padding:10px;border-radius:20px;background:var(--nav-panel);box-shadow:inset 0 0 0 1px var(--nav-line),0 30px 80px -20px var(--nav-shadow);max-block-size:calc(100dvh - 96px);overflow:auto}
.site-nav[data-open="true"]{display:flex}
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--spacing-2);
min-block-size: 44px;
padding: 0 var(--spacing-5);
border: 1px solid transparent;
border-radius: 8px;
font-family: var(--font-body);
font-size: 14.5px;
font-weight: 600;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease),
color var(--dur-fast) var(--ease);
}
.btn-primary,
.btn-primary:hover {
background: linear-gradient(180deg, var(--cta-hi), transparent 55%), linear-gradient(135deg, var(--cta-a), var(--cta-b) 55%, var(--cta-c)) var(--cta-b);
color: var(--landing-white);
box-shadow: inset 0 1px 0 var(--cta-hi), 0 10px 26px -12px var(--cta-glow);
}
.btn-secondary {
border-color: var(--prism-border-strong);
background: var(--prism-bg-2);
color: var(--prism-text);
}
.btn-secondary:hover {
background: var(--prism-chip);
}
.btn-lg {
min-block-size: 52px;
padding-inline: var(--spacing-8);
font-size: 15px;
}
.btn-block {
inline-size: 100%;
}
.btn[disabled],
.btn[aria-disabled="true"] {
border-color: var(--prism-border);
background: var(--prism-bg-2);
color: var(--prism-faint);
box-shadow: none;
cursor: not-allowed;
}
.card {
padding: var(--spacing-6);
border: 1px solid var(--prism-border);
border-radius: 22px;
background: var(--prism-card);
}
.card > * + * {
margin-block-start: var(--spacing-3);
}
.card--raised {
border-color: transparent;
box-shadow: var(--prism-shadow);
}
a.card {
display: block;
color: inherit;
text-decoration: none;
transition: border-color var(--dur-fast) var(--ease);
}
a.card:hover {
border-color: var(--prism-border-strong);
}
.frame {
overflow: hidden;
border-radius: 18px;
background: var(--prism-card);
box-shadow: 0 0 0 1px var(--prism-border), var(--prism-shadow);
}
.frame--soft {
box-shadow: 0 0 0 1px var(--prism-border), var(--prism-shadow);
}
.frame__bar {
display: flex;
align-items: center;
gap: var(--spacing-2);
padding: var(--spacing-3) var(--spacing-4);
border-block-end: 1px solid var(--prism-border);
background: var(--prism-bg-2);
}
.frame__dot {
inline-size: 0;
block-size: 0;
border: 4px solid var(--prism-border-strong);
border-radius: 50%;
}
.frame__title {
margin-inline-start: var(--spacing-3);
color: var(--prism-muted);
font-size: 14px;
font-weight: 500;
}
.frame__body {
background: var(--prism-bg);
}
.frame .shot img {
inline-size: 100%;
}
.frame--phone {
inline-size: min(100%, 19rem);
margin-inline: auto;
padding: var(--spacing-2);
border-radius: 2.5rem;
background: var(--prism-device);
box-shadow: inset 0 0 0 1px var(--prism-device-edge), var(--prism-shadow);
}
.frame__screen {
overflow: hidden;
border-radius: 2rem;
background: var(--prism-bg);
}
.frame .shot-slot__frame {
border: 0;
border-radius: 0;
}
.frame .shot-slot figcaption {
padding: var(--spacing-3) var(--spacing-4);
}
.shot img {
inline-size: 100%;
}
.shot figcaption,
.shot-slot figcaption {
margin-block-start: var(--spacing-3);
color: var(--prism-muted);
font-size: var(--text-sm);
line-height: var(--text-sm--line-height);
}
.shot-slot__frame {
display: grid;
place-items: center;
padding: var(--spacing-6);
border: 1px dashed var(--prism-border-strong);
border-radius: var(--radius-xl);
background: var(--prism-bg-2);
color: var(--prism-muted);
text-align: center;
}
.shot-slot--wide .shot-slot__frame {
aspect-ratio: 16 / 10;
}
.shot-slot--phone .shot-slot__frame {
aspect-ratio: 390 / 844;
}
.shot-slot--square .shot-slot__frame {
aspect-ratio: 1;
}
.shot-slot__label {
font-size: var(--text-sm);
font-weight: 500;
}
.badge {
display: inline-flex;
align-items: center;
gap: var(--spacing-2);
padding: var(--spacing-1) var(--spacing-3);
border-radius: 8px;
background: var(--prism-bg-2);
color: var(--prism-muted);
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.badge::before {
content: "";
inline-size: 0.5rem;
block-size: 0.5rem;
border-radius: 50%;
background: var(--prism-faint);
}
.badge--available {
background: var(--success-bg);
color: var(--success-fg);
}
.badge--available::before {
background: var(--success-dot);
}
.badge--learns {
background: var(--prism-chip);
color: var(--prism-text);
}
.badge--learns::before {
background: var(--prism-muted);
}
.table-wrap {
overflow-x: auto;
border: 1px solid var(--prism-border);
border-radius: 18px;
background: var(--prism-card);
}
.table th,
.table td {
padding: var(--spacing-4) var(--spacing-5);
border-block-end: 1px solid var(--prism-border);
text-align: start;
vertical-align: top;
}
.table thead th {
background: var(--prism-bg-2);
color: var(--prism-muted);
font-size: 14px;
font-weight: 600;
letter-spacing: normal;
text-transform: none;
}
.table tbody th {
font-weight: 600;
}
.table tbody tr:last-child > * {
border-block-end: 0;
}
@media (max-width: 40rem) {
.table--stack thead {
position: absolute;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.table--stack tr {
display: block;
padding-block: var(--spacing-3);
border-block-end: 1px solid var(--prism-border);
}
.table--stack tbody tr:last-child {
border-block-end: 0;
}
.table--stack th,
.table--stack td {
display: block;
padding: var(--spacing-1) var(--spacing-5);
border: 0;
}
.table--stack td[data-label]::before {
content: attr(data-label);
display: block;
color: var(--prism-muted);
font-size: 14px;
font-weight: 600;
}
}
.faq {
border-block-start: 1px solid var(--prism-border);
}
.faq details {
border-block-end: 1px solid var(--prism-border);
}
.faq summary,
main details > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-4);
min-block-size: 56px;
padding-block: var(--spacing-4);
font-size: 16px;
font-weight: 600;
line-height: 1.4;
cursor: pointer;
list-style: none;
}
.faq summary::-webkit-details-marker,
main details > summary::-webkit-details-marker {
display: none;
}
.faq summary::after,
main details > summary::after {
content: "";
flex: none;
inline-size: 0.6rem;
block-size: 0.6rem;
margin-inline-end: var(--spacing-1);
border-inline-end: 2px solid currentColor;
border-block-end: 2px solid currentColor;
transform: rotate(45deg);
}
.faq details[open] summary::after,
main details[open] > summary::after {
transform: rotate(-135deg);
}
main details[open] > summary {
color: var(--prism-text-violet);
}
.btn:focus-visible,
a.card:focus-visible,
.reason-preset:focus-visible,
main details > summary:focus-visible,
main details > summary:focus-visible::after {
transition-duration: 0s;
}
.faq details > :not(summary) {
max-inline-size: var(--measure);
padding-block-end: var(--spacing-6);
color: var(--prism-muted);
font-size: 14.5px;
}
.field {
display: grid;
gap: var(--spacing-2);
}
.label {
font-size: var(--text-sm);
font-weight: 600;
}
.input {
inline-size: 100%;
min-block-size: 48px;
padding: var(--spacing-3) var(--spacing-4);
border: 1px solid var(--prism-faint);
border-radius: var(--radius-lg);
background: var(--prism-card);
color: var(--prism-text);
transition: border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
.input:hover {
border-color: var(--prism-muted);
}
.input:focus-visible {
outline-offset: 0;
border-color: var(--prism-focus);
}
.input[aria-invalid="true"] {
border-color: var(--prism-negative);
}
.field__help {
color: var(--prism-muted);
font-size: var(--text-sm);
}
.field__error {
color: var(--prism-negative-text);
font-size: var(--text-sm);
font-weight: 500;
}
.form-status {
padding: var(--spacing-4) var(--spacing-5);
border-radius: var(--radius-lg);
background: var(--success-bg);
color: var(--success-fg);
font-weight: 500;
}
.form-status--error {
background: var(--danger-bg);
color: var(--prism-negative-text);
}
.hp {
position: absolute;
inset-inline-start: -100vw;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.prose {
max-inline-size: 46rem;
}
.prose > * + * {
margin-block-start: var(--spacing-5);
}
.prose h2 {
margin-block-start: var(--spacing-16);
font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
}
.prose h3 {
margin-block-start: var(--spacing-10);
}
.prose ul {
padding-inline-start: 1.25rem;
list-style: disc;
}
.prose ol {
padding-inline-start: 1.5rem;
list-style: decimal;
}
.prose li + li {
margin-block-start: var(--spacing-2);
}
.prose li::marker {
color: var(--prism-muted);
}
.prose a {
color: var(--prism-text);
text-decoration-color: color-mix(in srgb, currentColor 55%, transparent);
}
.prose a:hover {
text-decoration-color: currentColor;
}
.prose pre {
overflow: auto;
padding: var(--spacing-5);
border: 1px solid var(--prism-border);
border-radius: var(--radius-xl);
background: var(--prism-bg-2);
font-size: var(--text-sm);
line-height: 1.6;
}
.prose :not(pre) > code {
padding: 0.1em 0.35em;
border: 1px solid var(--prism-border);
border-radius: var(--radius-sm);
background: var(--prism-bg-2);
}
.prose blockquote {
padding-inline-start: var(--spacing-5);
border-inline-start: 1px solid var(--prism-border-strong);
color: var(--prism-muted);
}
.steps {
display: grid;
gap: var(--spacing-8);
counter-reset: step;
}
.steps > li {
display: grid;
grid-template-columns: auto 1fr;
gap: var(--spacing-5);
align-items: start;
counter-increment: step;
}
.steps > li::before {
content: counter(step);
display: grid;
place-items: center;
inline-size: 2.5rem;
block-size: 2.5rem;
border: 1px solid var(--prism-border-strong);
border-radius: 50%;
font-family: var(--font-display);
font-size: var(--text-h2);
line-height: 1;
}
.link-list {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-3);
}
.link-list a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
padding-inline: var(--spacing-5);
border: 1px solid var(--prism-border-strong);
border-radius: 8px;
font-weight: 600;
text-decoration: none;
transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}
.link-list a:hover {
border-color: var(--prism-muted);
background: var(--prism-chip);
}
.glow {
position: relative;
isolation: isolate;
}
.glow::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: var(--prism-bg);
pointer-events: none;
}
.error-page__inner {
display: grid;
gap: var(--spacing-5);
justify-items: start;
}
.error-page__code {
color: var(--prism-faint);
font-family: var(--font-display);
font-size: clamp(6rem, 22vw, 15rem);
font-weight: 300;
letter-spacing: -0.02em;
line-height: 0.85;
}
.site-footer {
border-block-start: 1px solid var(--prism-border);
color: var(--prism-muted);
font-size: 14px;
}
.footer-grid {
display: grid;
gap: var(--spacing-8) var(--spacing-6);
padding-block: 44px var(--spacing-8);
}
.footer-brand .brand {
color: var(--prism-text);
}
.footer-note {
margin-block: var(--spacing-3) var(--spacing-4);
max-inline-size: 36ch;
color: var(--prism-muted);
font-size: 14px;
}
.footer-contact {
display: grid;
gap: var(--spacing-1);
font-size: 14px;
}
.footer-contact li {
display: flex;
align-items: center;
min-block-size: 32px;
}
.footer-contact__role {
min-inline-size: 5.5rem;
color: var(--prism-muted);
}
.footer-contact a,
.footer-legal a {
text-decoration-color: var(--prism-border-strong);
}
.footer-groups {
display: grid;
align-content: start;
gap: var(--spacing-6);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 62rem) {
.footer-grid {
grid-template-columns: minmax(0, 1.4fr) minmax(0, 4fr);
}
.footer-groups {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.footer-title {
margin-block-end: var(--spacing-2);
color: var(--prism-text);
font-size: 14px;
font-weight: 600;
}
.footer-group a {
display: inline-flex;
align-items: center;
min-block-size: 32px;
color: var(--prism-muted);
font-size: 14px;
text-decoration: none;
transition: color var(--dur-fast) var(--ease);
}
.footer-group a:hover {
color: var(--prism-text);
text-decoration: underline;
}
.footer-legal {
padding-block: var(--spacing-6) var(--spacing-10);
border-block-start: 1px solid var(--prism-border);
color: var(--prism-muted);
font-size: 14px;
}
.spectext {
color: var(--prism-text);
}
@media (forced-colors: active) {
.spectext {
background: none;
color: inherit;
}
}
.spec-border {
border: 1px solid var(--prism-border-strong);
background: var(--prism-card);
}
.glass {
border: 1px solid var(--prism-glass-border);
border-radius: 18px;
background: var(--prism-glass-bg);
box-shadow: var(--prism-shadow);
backdrop-filter: none;
color: var(--prism-text);
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: var(--spacing-2);
color: var(--prism-muted);
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
letter-spacing: normal;
text-transform: none;
}
.eyebrow::before {
content: none;
inline-size: 18px;
block-size: 2px;
border-radius: 2px;
background: var(--prism-spectrum);
}
.section-title {
max-inline-size: 47.5rem;
margin-block-start: 14px;
font-family: var(--font-display);
font-size: clamp(1.875rem, 4.4vw, 2.875rem);
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.08;
}
.design-label {
color: var(--prism-muted);
font-size: 14px;
line-height: 1.5;
}
.design-label strong {
color: var(--prism-text);
font-weight: 600;
}
.brand__mark{color:var(--prism-text-violet)}
.brand__dot{fill:currentColor}
.site-header .brand__mark{color:var(--prism-text-violet)}
.site-header,.site-footer{--prism-bg:var(--landing-ink);--prism-bg-2:var(--landing-plum);--prism-card:var(--landing-card-night);--prism-chip:var(--landing-chip-night);--prism-border:var(--landing-line);--prism-border-strong:var(--landing-line-strong);--prism-text:var(--landing-white);--prism-muted:var(--landing-soft);--prism-text-violet:var(--landing-lavender);--prism-button-bg:var(--landing-white);--prism-button-fg:var(--landing-night);--prism-focus:var(--landing-lavender);color:var(--prism-text)}
.site-header .brand__mark,.site-footer .brand__mark{color:var(--landing-white)}
.site-header .brand__arc,.site-footer .brand__arc{stroke:var(--landing-lilac)}
.site-footer{background:var(--landing-ink);border-block-start-color:var(--landing-line)}
.footer-groups{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
@media (min-width: 62rem){.footer-groups{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}}
.footer-legal{border-block-start-color:var(--landing-line)}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
@view-transition {
navigation: auto;
}
@media (hover: hover) and (pointer: fine) {
.btn:not(:focus-visible):not(:disabled):not([aria-disabled="true"]),
.reason-preset:not(:focus-visible):not(:disabled) {
transition: transform 140ms var(--ease), background-color 140ms var(--ease), border-color 140ms var(--ease);
}
.btn:active:not(:focus-visible):not(:disabled):not([aria-disabled="true"]),
.reason-preset:active:not(:focus-visible):not(:disabled) {
transform: scale(.97);
}
a.card:not(:focus-visible) {
transition: transform 140ms var(--ease), border-color 140ms var(--ease);
}
a.card:hover:not(:focus-visible) {
transform: translateY(-2px);
}
}
.nav-menu details[open] .nav-menu__panel,
.js .site-nav[data-open="true"] {
animation: navDrop 260ms var(--ease) both;
}
.nav-menu summary::after {
transition: transform 160ms var(--ease);
}
.site-header .site-nav__cta {
animation: navSheen 6s var(--ease) 2s infinite, beam 3.6s linear infinite;
}
@keyframes navSheen {
0%,
72% {
background-position: -150% 0, 0 0, 0 0, 0 0;
}
100% {
background-position: 250% 0, 0 0, 0 0, 0 0;
}
}
.site-header__row {
view-transition-name: site-nav;
}
::view-transition-old(root) {
animation: pageOut 180ms var(--ease) both;
}
::view-transition-new(root) {
animation: pageIn 420ms var(--ease) both;
}
@keyframes pageOut {
to {
opacity: 0.2;
transform: scale(0.99);
}
}
@keyframes pageIn {
from {
opacity: 0.2;
transform: translateY(14px);
}
}
@media (hover: hover) and (pointer: fine) {
.site-header .site-nav__cta:hover:not(:focus-visible)::after {
animation: navArrow 550ms var(--ease);
}
}
@keyframes beam {
to {
--beam: 360deg;
}
}
@keyframes navArrow {
40% {
background-position: 30px center;
}
40.01% {
background-position: -14px center;
}
}
@keyframes navDrop {
from {
opacity: .4;
transform: translateY(-8px) scale(.98);
}
}
@supports (animation-timeline: view()) {
.rise {
animation: rise linear both;
animation-timeline: view();
animation-range: entry 0% entry 40%;
}
@keyframes rise {
from {
opacity: 0;
translate: 0 1rem;
}
to {
opacity: 1;
translate: 0 0;
}
}
}
}
.reading-opening {
padding-block: clamp(3rem, 7vw, 5.5rem) clamp(2.5rem, 5vw, 4rem);
}
.reading-opening h1 {
max-inline-size: 16ch;
}
.reading-lede {
max-inline-size: 40rem;
margin-block-start: var(--spacing-5);
color: var(--prism-muted);
font-size: clamp(1rem, 0.94rem + 0.36vw, 1.0625rem);
line-height: 1.6;
}
.arrow {
flex: none;
inline-size: 18px;
block-size: 18px;
}
.text-link {
display: inline-flex;
align-items: center;
gap: var(--spacing-2);
min-block-size: 44px;
color: var(--prism-text);
font-weight: 600;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
}
.contact-opening {
padding-block: clamp(3rem, 7vw, 5.5rem);
}
.contact-grid {
display: grid;
gap: var(--spacing-10) var(--spacing-16);
align-items: start;
}
.contact-opening h1 {
font-size: clamp(2.5rem, 1.4rem + 4vw, 4.5rem);
}
.unlisted-note {
max-inline-size: 36rem;
margin-block-start: var(--spacing-5);
padding: var(--spacing-3) var(--spacing-4);
border: 1px solid var(--prism-border);
border-radius: 14px;
background: var(--prism-bg-2);
color: var(--prism-muted);
font-size: 14px;
}
.contact-opening-actions {
display: grid;
justify-items: start;
gap: var(--spacing-3);
margin-block-start: var(--spacing-6);
}
.printed-email {
font-size: 14px;
}
.printed-email a {
color: var(--prism-muted);
}
.contact-expectations {
margin-block-start: var(--spacing-8);
padding-block-start: var(--spacing-6);
border-block-start: 1px solid var(--prism-border);
}
.contact-expectations h2 {
margin-block-end: var(--spacing-3);
font-size: 20px;
letter-spacing: -0.02em;
}
.contact-expectations p {
color: var(--prism-muted);
font-size: 15px;
line-height: 1.7;
}
.contact-expectations p + p {
margin-block-start: var(--spacing-3);
}
.contact-letter {
padding: var(--spacing-8);
border: 1px solid var(--prism-border);
border-radius: 22px;
background: var(--prism-card);
box-shadow: var(--prism-shadow);
}
.contact-letter h2 {
margin-block-end: var(--spacing-3);
font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.25rem);
}
.contact-letter > p {
color: var(--prism-muted);
}
.contact-guidance {
margin-block: var(--spacing-5) var(--spacing-6);
color: var(--prism-muted);
}
.contact-guidance ul {
display: grid;
gap: var(--spacing-2);
padding-inline-start: 1.1rem;
margin-block-end: var(--spacing-4);
list-style: disc;
color: var(--prism-text);
}
.contact-letter .printed-email {
margin-block-start: var(--spacing-3);
}
.contact-note {
margin-block-start: var(--spacing-4);
color: var(--prism-muted);
font-size: 14px;
}
.contact-links {
display: flex;
flex-wrap: wrap;
gap: 0 var(--spacing-5);
margin-block-start: var(--spacing-3);
}
.contact-links a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
font-weight: 600;
}
.error-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-3) var(--spacing-6);
margin-block-start: var(--spacing-8);
}
@media (min-width: 62rem) {
.contact-grid {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}
}
.waitlist-form{inline-size:100%;max-inline-size:600px;text-align:start;margin-inline:auto;display:grid;gap:20px}
.waitlist-fields{display:grid;gap:18px}.waitlist-fields>div{display:grid;gap:8px}.waitlist-fields label{font-size:14px;font-weight:600}.waitlist-fields label span{font-weight:400;color:inherit;opacity:.8}
.waitlist-fields input{inline-size:100%;min-block-size:52px;border:1px solid var(--prism-border-strong);border-radius:12px;background:var(--prism-card);color:var(--prism-text);padding:12px 16px;font:inherit}
.waitlist-fields input:focus-visible{outline:3px solid var(--prism-focus);outline-offset:3px}
.waitlist-trap{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.waitlist-consent{display:flex;gap:12px;align-items:start;font-size:14px;line-height:1.6}.waitlist-consent input{inline-size:20px;block-size:20px;flex:none;accent-color:var(--prism-violet);margin-block-start:2px}.waitlist-consent a{color:inherit;text-underline-offset:3px}
.waitlist-status{font-size:14px;line-height:1.6;min-block-size:46px;margin:0!important}.waitlist-form .btn{inline-size:100%;display:flex;justify-content:space-between;border-radius:12px;min-block-size:52px}.waitlist-form .btn:disabled{opacity:.72;cursor:default}
.contact-letter{box-shadow:0 20px 60px color-mix(in srgb,var(--prism-text) 7%,transparent);border-radius:24px}.contact-letter h2{font-size:30px;letter-spacing:-.035em}
@media(min-width:760px){.waitlist-fields{grid-template-columns:1fr 1fr}}
.workspace-kicker{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--prism-muted)}.waitlist-arrow{flex:none}
.crumbs ol {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-2);
color: var(--color-ink-soft);
font-size: var(--text-sm);
}
.crumbs li + li::before {
content: "/";
margin-inline-end: var(--spacing-2);
}
.crumbs a {
text-decoration: none;
}
.crumbs a:hover {
text-decoration: underline;
}
.crumbs [aria-current="page"] {
color: var(--color-ink);
}
.crumbs + h1 {
margin-block-start: var(--spacing-6);
}
.fhero__grid {
display: grid;
gap: var(--spacing-12) clamp(2rem, 5vw, 4.5rem);
align-items: center;
}
@media (min-width: 56rem) {
.fhero__grid {
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}
}
.fhero__title {
max-inline-size: 12em;
font-size: clamp(2.5rem, 1.4rem + 4vw, 4.25rem);
letter-spacing: -0.02em;
line-height: 1.02;
}
.fhero__status {
margin-block-start: var(--spacing-6);
}
.fhero__actions {
margin-block-start: var(--spacing-8);
}
.fhero__stage {
display: grid;
gap: var(--spacing-6);
}
.fhero__stage--phone {
justify-items: center;
}
.fhero__stage .shot-slot__frame {
place-items: center start;
text-align: start;
}
.fsplit {
align-items: start;
}
.rule-top {
border-block-start: 1px solid var(--color-border);
}
.ruled {
display: grid;
}
.ruled > li {
padding-block: var(--spacing-6);
border-block-start: 1px solid var(--color-border);
}
.ruled > li:first-child {
padding-block-start: 0;
border-block-start: 0;
}
.ruled__claim,
.ruled--limits > li {
max-inline-size: 52ch;
font-size: var(--text-lg);
}
.ruled__claim {
color: var(--color-ink-soft);
}
.ruled--limits > li {
color: var(--color-ink);
}
.feature__meta {
margin-block-start: var(--spacing-2);
}
.cols {
overflow-wrap: anywhere;
font-family: var(--font-mono);
font-size: var(--text-sm);
}
.table td .badge {
white-space: nowrap;
}
.fsplit .steps {
gap: var(--spacing-10);
}
.fsplit .steps > li > div > p,
.fsplit .steps > li > div > .text-sm {
margin-block-start: var(--spacing-2);
}
.fsplit .steps {
max-inline-size: 46ch;
}
.docs__facts {
display: grid;
gap: var(--spacing-4) var(--spacing-12);
margin-block-start: var(--spacing-8);
}
@media (min-width: 40rem) {
.docs__facts {
grid-template-columns: repeat(3, auto);
justify-content: start;
}
}
.docs__facts dt {
color: var(--color-ink-soft);
font-size: var(--text-xs);
font-weight: 600;
letter-spacing: normal;
text-transform: none;
}
.docs__facts dd {
margin-block-start: var(--spacing-1);
overflow-wrap: anywhere;
font-weight: 500;
}
.docs__grid {
display: grid;
gap: var(--spacing-10);
}
@media (min-width: 64rem) {
.docs__grid {
grid-template-columns: 13rem minmax(0, 1fr);
gap: var(--spacing-16);
}
.docs__toc {
position: sticky;
inset-block-start: calc(var(--header-h) + var(--spacing-8));
align-self: start;
}
.docs__toc ul {
display: grid;
gap: var(--spacing-2);
border-inline-start: 1px solid var(--color-border);
}
.docs__toc a {
padding-inline: var(--spacing-4);
}
.docs__toc-sub a {
padding-inline-start: var(--spacing-8);
}
}
.docs__toc-title {
margin-block-end: var(--spacing-3);
color: var(--color-ink-soft);
font-size: var(--text-xs);
font-weight: 600;
letter-spacing: normal;
text-transform: none;
}
.docs__toc ul {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-2) var(--spacing-4);
}
@media (min-width: 64rem) {
.docs__toc ul {
display: grid;
}
}
.docs__toc a {
display: block;
color: var(--color-ink-soft);
font-size: var(--text-sm);
text-decoration: none;
}
.docs__toc a:hover {
color: var(--color-ink);
}
.docs__body > section + section {
margin-block-start: var(--spacing-16);
}
.docs__endpoint {
padding-block-start: var(--spacing-12);
border-block-start: 1px solid var(--color-border);
}
.docs__points {
display: grid;
gap: var(--spacing-3);
}
.note {
padding: var(--spacing-4) var(--spacing-5);
border-radius: var(--radius-md);
background: var(--color-surface-2);
}
.docs__route {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-3);
font-size: var(--text-lg);
}
.method {
padding: 0.1em 0.6em;
border-radius: 8px;
background: var(--success-bg);
color: var(--success-fg);
font-family: var(--font-mono);
font-size: var(--text-sm);
font-weight: 600;
}
.code {
display: grid;
gap: var(--spacing-2);
}
.code__label {
color: var(--color-ink-soft);
font-size: var(--text-sm);
font-weight: 600;
}
.docs__body .code pre {
margin: 0;
}
.post__title {
max-inline-size: 22ch;
font-size: clamp(2rem, 1.2rem + 3vw, 3.5rem);
letter-spacing: -0.02em;
line-height: 1.08;
}
.post__meta {
margin-block-start: var(--spacing-6);
}
.post-list {
max-inline-size: 52rem;
}
.post-item__title {
font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
line-height: 1.2;
}
.post-item__title a {
text-decoration: none;
}
.post-item__title a:hover {
text-decoration: underline;
}
.post-item p {
margin-block-start: var(--spacing-3);
}
.prose .ruled,
.prose ul.vfacts {
padding-inline-start: 0;
list-style: none;
}
.prose .ruled > li + li {
margin-block-start: 0;
}
.prose .claim-row p,
.vfacts > li > p:first-child {
font-size: var(--text-base);
}
.prose section + section {
margin-block-start: var(--spacing-12);
}
.prose section > h2 {
margin-block-start: 0;
}
.prose section > * + * {
margin-block-start: var(--spacing-5);
}
.prose section > h2 + * {
margin-block-start: var(--spacing-4);
}
.post .note {
margin-block-end: var(--spacing-12);
}
.docs__facts code {
font-size: var(--text-sm);
}
.vfacts > li > p + p {
margin-block-start: var(--spacing-2);
}
.ea {
align-items: start;
}
.ea__card {
padding: var(--spacing-8);
}
.ea__card > * + * {
margin-block-start: var(--spacing-5);
}
.ea__title {
font-size: var(--text-h2);
}
.ea__claims {
max-inline-size: 46ch;
}
.form-status:empty {
padding: 0;
background: none;
}
.claim-row {
display: grid;
gap: var(--spacing-3);
justify-items: start;
}
.claim-row p {
color: var(--color-ink-soft);
font-size: var(--text-lg);
}
.section#how,
.faq-section,
.closing {
border-block-start: 1px solid var(--color-border);
}
.faq-section > .split {
align-items: start;
}
.feature-list {
display: grid;
column-gap: clamp(2rem, 5vw, 4.5rem);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
}
.feature {
display: grid;
align-content: start;
gap: var(--spacing-2);
padding-block: var(--spacing-6) var(--spacing-8);
border-block-start: 1px solid var(--color-border);
}
.feature__name {
font-size: var(--text-h2);
}
.feature__name a {
text-decoration-color: var(--color-border-strong);
text-underline-offset: 0.25em;
}
.feature__name a:hover {
text-decoration-color: var(--color-accent);
}
.feature p {
max-inline-size: 46ch;
color: var(--color-ink-soft);
}
.closing__inner {
justify-items: start;
}
.closing .lede {
margin-block-start: var(--spacing-5);
}
.closing__title {
max-inline-size: 14em;
font-size: var(--fs-h1);
}
.legal__doc {
max-inline-size: 64rem;
}
.legal__doc h2,
.legal__doc h3 {
scroll-margin-block-start: var(--spacing-16);
}
.legal__doc hr {
margin-block: var(--spacing-10);
border: 0;
border-block-start: 1px solid var(--color-border);
}
.legal__doc .table-wrap {
margin-block: var(--spacing-6);
}
.legal__doc .table th,
.legal__doc .table td {
vertical-align: top;
}
.draft-banner {
padding: var(--spacing-4) var(--spacing-5);
border-radius: var(--radius-md);
background: var(--warning-bg);
color: var(--warning-fg);
}