@import url("tokens.css");
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/plus-jakarta-sans-400.ttf") format("truetype")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/plus-jakarta-sans-500.ttf") format("truetype")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/plus-jakarta-sans-600.ttf") format("truetype")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/plus-jakarta-sans-700.ttf") format("truetype")}
:root{--landing-max:1160px;--landing-copy:760px;--landing-display:48px;--landing-display-small:34px;--landing-hero-gap:64px;--landing-section-space:64px;--landing-body:16px;--landing-mobile:650px}
html{scroll-behavior:smooth;scroll-padding-top:var(--space-10)}body{font-family:var(--font-sans-stack);font-size:var(--text-md);background:var(--surface-page);color:var(--text-body)}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:var(--space-2);box-shadow:var(--ring-focus)}.wrap{width:min(var(--landing-max),calc(100% - var(--space-13) * 2));margin-inline:auto}.skip{position:absolute;top:-100%;left:var(--space-10);padding:var(--space-8);background:var(--surface-page);z-index:10}.skip:focus{top:var(--space-8)}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--topbar-height) + var(--space-10));border-bottom:1px solid var(--border-subtle);gap:var(--space-10)}.brand{display:flex;align-items:center;gap:var(--space-5);text-decoration:none;font:var(--type-section-title);color:var(--text-strong)}.brand:hover{color:var(--text-strong);text-decoration:none}.brand strong{font-weight:var(--weight-semibold)}.brand-mark{display:grid;place-items:center;width:var(--text-3xl);height:var(--text-3xl);border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);font:var(--type-card-title);color:var(--text-strong)}nav{display:flex;gap:var(--space-10);font:var(--type-ui)}nav a{color:var(--text-muted)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:var(--landing-hero-gap);padding-block:calc(var(--space-13) * 1.5)}.eyebrow{font:var(--type-caption);font-weight:var(--weight-medium);color:var(--text-muted);margin:0 0 var(--space-10);letter-spacing:0;text-transform:none}.dot{display:none}h1,h2,h3,p{margin-top:0}h1{font:var(--weight-bold) var(--landing-display)/1.15 var(--font-sans-stack);letter-spacing:var(--tracking-display);color:var(--text-strong);margin-bottom:var(--space-10)}h1 em{font-style:normal;font-weight:var(--weight-bold);color:var(--text-strong)}.lede{font-size:var(--landing-body);line-height:var(--leading-normal);color:var(--text-muted);margin-bottom:var(--space-11)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--control-height-lg);padding:var(--space-5) var(--space-8);border-radius:var(--radius-md);background:var(--surface-brand);color:var(--text-on-brand);text-decoration:none;font:var(--type-ui);transition:var(--transition-control)}.button:hover{background:var(--surface-brand-hover);color:var(--text-on-brand);text-decoration:none}.hero-note{font:var(--type-caption);color:var(--text-muted);margin:var(--space-8) 0 0}.diagram{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);padding:var(--card-padding);box-shadow:var(--shadow-xs)}.diagram-top{display:flex;justify-content:space-between;gap:var(--space-8);font:var(--type-caption);color:var(--text-muted);padding-bottom:var(--card-padding)}.source{display:flex;align-items:center;gap:var(--space-8);border-top:1px solid var(--border-subtle);padding:var(--space-8) 0}.source-index{font:var(--type-caption);color:var(--text-label)}.source strong,.source small,.diagram-result strong,.diagram-result small{display:block}.source strong{font:var(--type-card-title);color:var(--text-strong)}.source small{font:var(--type-caption);color:var(--text-muted);margin-top:var(--space-2)}.source-arrow{color:var(--text-muted);margin-left:auto}.diagram-result{display:flex;align-items:center;gap:var(--space-8);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--card-padding);margin-top:var(--space-6)}.result-icon{display:grid;place-items:center;width:var(--control-height-lg);height:var(--control-height-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);background:var(--surface-card)}.diagram-result strong{font:var(--type-section-title);color:var(--text-strong)}.diagram-result small{font:var(--type-caption);color:var(--text-muted);margin-top:var(--space-2)}.diagram-note{font:var(--type-caption);margin:var(--space-6) 0 0;color:var(--text-muted)}.integrations{border-block:1px solid var(--border-subtle);background:var(--surface-sunken);padding-block:var(--space-10)}.integrations .wrap{display:flex;align-items:center;gap:var(--space-11)}.integrations span{font:var(--type-caption);white-space:nowrap;color:var(--text-muted)}.integrations p{font:var(--type-caption);margin:0;color:var(--text-body)}.integrations b{font-weight:var(--weight-regular);color:var(--border-strong);margin-inline:var(--space-5)}.section{padding-block:var(--landing-section-space)}.section-heading{margin-bottom:var(--space-12)}.section-heading .eyebrow,.trust .eyebrow{margin-bottom:var(--space-6)}h2{font:var(--type-page-title);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.steps article{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-xs)}.step-number{font:var(--type-caption);color:var(--text-muted)}h3{font:var(--type-section-title);color:var(--text-strong);margin:var(--space-8) 0 var(--space-5)}.steps p{font:var(--type-body);color:var(--text-muted);margin-bottom:0}.trust{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--landing-hero-gap);border-block:1px solid var(--border-subtle);padding-block:var(--space-13)}.trust p:not(.eyebrow){font:var(--type-body);color:var(--text-muted)}.text-link{font:var(--type-ui);color:var(--text-brand)}.contact{padding-block:var(--space-13);display:flex;justify-content:space-between;align-items:center;gap:var(--space-10)}.contact p{margin:0;font:var(--type-body);color:var(--text-muted)}.contact a{color:var(--text-body);font:var(--type-ui)}.footer{display:flex;justify-content:space-between;gap:var(--space-10);border-top:1px solid var(--border-subtle);padding-block:var(--space-10);font:var(--type-caption);color:var(--text-muted)}.footer a{color:var(--text-muted)}.legal{max-width:var(--landing-copy);padding-block:var(--landing-section-space)}.legal h1{font-size:var(--landing-display-small)}.legal h2{font:var(--type-section-title);margin:var(--space-11) 0 var(--space-6)}.legal p,.legal li{font:var(--type-body);color:var(--text-body)}.legal li+li{margin-top:var(--space-4)}.draft{border:1px solid var(--border-default);background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--card-padding);color:var(--text-body)}.date{font:var(--type-caption)!important;color:var(--text-muted)!important}.legal ul{padding-left:var(--space-10)}.icon{width:var(--text-lg);height:var(--text-lg);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.result-icon .icon{width:var(--space-9);height:var(--space-9)}
@media(max-width:900px){.wrap{width:calc(100% - var(--space-10) * 2)}.hero{gap:var(--space-11);padding-block:var(--space-13)}.hero h1{font-size:var(--landing-display-small)}.integrations .wrap{display:block}.integrations span{display:block;margin-bottom:var(--space-4)}.trust{gap:var(--space-12)}.contact{align-items:flex-start;flex-direction:column;gap:var(--space-6)}}
@media(max-width:650px){.wrap{width:calc(100% - var(--space-8) * 2)}.masthead{gap:var(--space-8)}.brand{font:var(--type-card-title)}nav{gap:var(--space-8);font:var(--type-caption)}.hero{grid-template-columns:1fr;padding-block:var(--space-12);gap:var(--space-11)}.section{padding-block:var(--space-12)}.steps,.trust{grid-template-columns:1fr}.steps{gap:var(--grid-gap)}.trust{padding-block:var(--space-11);gap:var(--space-10)}.footer{flex-wrap:wrap}.legal{padding-block:var(--space-12)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Legal documents share the landing's typography and neutral surfaces. */
.legal{padding-block:var(--space-13)}.legal-heading{margin-bottom:var(--space-12)}.legal-heading h1{font-size:var(--landing-display-small);margin-bottom:var(--space-6)}.legal-date{font:var(--type-caption);color:var(--text-muted)}.legal-layout{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,var(--landing-copy));gap:var(--space-13);align-items:start}.legal-toc{position:sticky;top:var(--space-10)}.legal-toc nav{display:flex;flex-direction:column;gap:var(--space-6);font:var(--type-caption)}.legal-content{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-11);overflow-wrap:anywhere}.legal-content section+section{margin-top:var(--space-11);padding-top:var(--space-11);border-top:1px solid var(--border-subtle)}.legal-content h2{font:var(--type-section-title);margin-bottom:var(--space-8)}.legal-content p,.legal-content li{font:var(--type-body);line-height:var(--leading-relaxed,1.75)}.legal-content p:last-child{margin-bottom:0}.legal-content ul{padding-left:var(--space-10)}.legal-content li+li{margin-top:var(--space-5)}.legal-content code{font-size:.9em}.footer{flex-wrap:wrap}
@media(max-width:850px){.legal-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-10)}.legal-toc{position:static}.legal-toc nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-5) var(--space-8)}.legal-content{padding:var(--card-padding)}.legal .masthead nav{flex-wrap:wrap}}

.brand-logo{display:block;width:var(--text-3xl);height:var(--text-3xl);object-fit:contain;flex-shrink:0}

/* Beta launch: visible Sign in, language switch, beta section with live slot counter. */
nav{align-items:center}nav a.button,nav a.button:hover{color:var(--text-on-brand)}.button-small{min-height:var(--control-height-md,36px);padding:var(--space-3,6px) var(--space-7,14px);gap:var(--space-4)}
.lang{display:inline-flex;gap:2px}.lang button{border:0;background:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font:var(--type-caption);color:var(--text-muted);cursor:pointer}.lang button:hover{background:var(--surface-sunken);color:var(--text-strong)}.lang button[aria-pressed="true"]{background:var(--surface-sunken);color:var(--text-strong);font-weight:var(--weight-semibold)}
.badge{display:inline-block;padding:2px var(--space-5);border-radius:var(--radius-pill,999px);background:var(--surface-brand);color:var(--text-on-brand);font:var(--type-caption);font-weight:var(--weight-semibold);margin-right:var(--space-4)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-10)}
.beta{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--landing-hero-gap);padding-block:var(--space-13);border-bottom:1px solid var(--border-subtle)}.beta h2{margin-bottom:var(--space-10)}.beta-notes{display:grid;gap:var(--grid-gap)}.beta-notes article{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--card-padding);background:var(--surface-card)}.beta-notes h3{margin-top:0}.beta-notes p{font:var(--type-body);color:var(--text-muted);margin-bottom:0}
.slots{margin-bottom:var(--space-10)}.slots[hidden]{display:none}.slots-count{font:var(--type-body);color:var(--text-muted);margin-bottom:var(--space-5)}.slots-count strong{font:var(--type-page-title);color:var(--text-strong)}.slots-meter{display:block;height:6px;max-width:320px;border-radius:var(--radius-pill,999px);background:var(--surface-sunken);overflow:hidden}.slots-meter span{display:block;height:100%;width:0;background:var(--surface-brand);transition:width .4s}
@media(max-width:900px){.beta{gap:var(--space-12)}}
@media(max-width:650px){.nav-secondary{display:none}.beta{grid-template-columns:1fr;padding-block:var(--space-12)}.footer .lang{order:-1;width:100%}}

/* Language versions: FAQ (details/summary) and link-based language switch. */
.faq h2{margin-bottom:var(--space-10)}.faq details{border-top:1px solid var(--border-subtle);padding-block:var(--space-8)}.faq details:last-child{border-bottom:1px solid var(--border-subtle)}.faq summary{cursor:pointer;font:var(--type-section-title);color:var(--text-strong)}.faq details p{font:var(--type-body);color:var(--text-muted);margin:var(--space-6) 0 0;max-width:var(--landing-copy)}
.lang a{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font:var(--type-caption);color:var(--text-muted);text-decoration:none}.lang a:hover{background:var(--surface-sunken);color:var(--text-strong);text-decoration:none}.lang a[aria-current="true"]{background:var(--surface-sunken);color:var(--text-strong);font-weight:var(--weight-semibold)}