/* Additive Architect · additivearchitect.com
   Tokens and layout from the Claude Design canvas; components in components.css. */

@font-face{font-family:"IBM Plex Sans";src:url("/fonts/IBMPlexSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/IBMPlexSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{--paper:#e6e3de;--surface:#f4efe6;--field:#fbf8f3;--line:#cfc9bf;--line-strong:#7d7b70;--ink:#23231a;--ink-muted:#57574b;--orange:#ff5100;--on-orange:#23231a;--orange-text:#b83a00;--orange-soft:#fce2d3;--focus:#b83a00;--charcoal:#3d3d33;--glow:#fff3e0;--success:#0d6f2b;--success-soft:#dceedf;--error:#b3261e;--error-soft:#f6dedb;--warning:#8a5300;--warning-soft:#f5e6cb;--info:#46607e;--info-soft:#dfe6ef;--font-sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--control-sm:32px;--control-md:40px;--control-lg:48px;--shadow-float:0 1px 2px #23231a14,0 8px 24px -8px #23231a29}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:#e6e3de;color:#23231a;font-family:var(--font-sans);overflow-x:hidden}
a{color:#b83a00}a:hover{color:#23231a}
a:focus-visible{outline:2px solid #b83a00;outline-offset:2px;border-radius:4px}
a.aa-btn,a.aa-btn:hover{color:#23231a;text-decoration:none}
h1,h2,h3,p{text-wrap:balance}
[id]{scroll-margin-top:16px}

.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:var(--surface);color:var(--ink);padding:12px 16px;border-radius:8px;box-shadow:var(--shadow-float);font-weight:500;text-decoration:none}
.skip-link:focus{top:16px}

.hc{background-image:url("/images/honeycomb-tile.svg");background-repeat:repeat;background-size:auto}
.wrap{max-width:1200px;margin:0 auto;padding-left:48px;padding-right:48px;box-sizing:border-box;width:100%}
.g-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.g-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.g-side{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
.g-doc{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
.g-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.g-tech{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.flow{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1.4fr) 32px minmax(0,1fr);gap:16px;align-items:center}
.doc-list li::marker{color:#7d7b70}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-cta-sm{display:none}
.brand-img{width:40px;height:40px}
.brand-word{font-size:17px}
.display{font-size:56px;line-height:60px;letter-spacing:-0.02em}
.sec{padding-top:96px;padding-bottom:96px}
.lead{font-size:28px;line-height:38px;letter-spacing:-0.01em}
.panel{padding:24px}
.panel-lg{padding:32px}

/* Early-access form */
#join-form{position:relative}
#join-error:empty{margin-bottom:-24px}
#join-error .aa-notice-text p{margin:0}
#join-status:focus{outline:none}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

@media (max-width:960px){.g-hero,.g-3,.g-2,.g-side{grid-template-columns:minmax(0,1fr)}.g-doc{grid-template-columns:minmax(0,1fr);gap:24px}.flow{grid-template-columns:minmax(0,1fr)}.flow-arrow{transform:rotate(90deg);justify-self:center}.nav-links{display:none}}
@media (max-width:640px){.wrap{padding-left:16px;padding-right:16px}.display{font-size:36px;line-height:42px;letter-spacing:-0.015em}.sec{padding-top:64px;padding-bottom:64px}.g-form{grid-template-columns:minmax(0,1fr)}.g-tech{grid-template-columns:repeat(2,minmax(0,1fr))}.lead{font-size:22px;line-height:32px}.panel,.panel-lg{padding:16px}.nav-cta{display:none}.nav-cta-sm{display:inline-flex}.brand-img{width:32px;height:32px}.brand-word{font-size:15px}.nav-row{height:64px !important}}