/* Hallmark · macrostructure: Map / Diagram · theme: user-selected Garden · nav: N6 · footer: Ft1
 * pre-emit critique: P5 H5 E4 S5 R5 V4 · applies original draft03 to existing homepage. */
@import url("landing-atlas-tokens.css");
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font:var(--text-body)/1.6 var(--font-body)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button,a.btn,.nav-links a,.foot-links a{white-space:nowrap}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:active,.btn:active{transform:translateY(1px)}button:hover,.btn:hover{opacity:.88}button,.btn{transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}
button{border:var(--rule-width) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);min-height:44px;padding:9px 15px;border-radius:var(--radius-sm)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.12;min-width:0;overflow-wrap:anywhere}h1{font-size:var(--text-display);font-weight:700;letter-spacing:-.045em}h2{font-size:var(--text-section);letter-spacing:-.025em}h3{font-size:1.25rem}p{max-width:65ch}.wrap{width:min(1240px,100% - 40px);margin-inline:auto}.section{padding-block:var(--space-2xl)}.muted{color:var(--color-muted)}.eyebrow{font-size:var(--text-small);letter-spacing:.11em;text-transform:uppercase;font-weight:600;margin-bottom:var(--space-md);color:var(--color-muted)}.eyebrow::before{content:'';display:inline-block;width:7px;height:7px;background:var(--color-accent);margin-right:10px}.lead{font-size:var(--text-lead);color:var(--color-muted);margin-block:var(--space-md);max-width:48ch}.accent{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 20px;border-radius:var(--radius-sm);border:var(--rule-width) solid var(--color-rule);font-weight:600;line-height:1.2}.btn.primary{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:var(--space-lg)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:700;font-size:1.2rem;letter-spacing:-.04em}.logo svg{width:29px;height:29px;stroke:var(--color-accent);fill:var(--color-transparent);stroke-width:1.8}.site-nav{padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-links{display:flex;align-items:center;gap:28px;color:var(--color-muted);font-size:var(--text-small)}.nav-links a:hover{color:var(--color-accent)}.nav-actions{display:flex;align-items:center;gap:20px;font-size:var(--text-small)}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid var(--color-rule);padding:10px;min-height:44px;border-radius:var(--radius-sm)}.mobile-menu nav{position:absolute;right:0;top:50px;width:200px;background:var(--color-paper);border:1px solid var(--color-rule);padding:12px;z-index:10;display:grid;gap:6px}.mobile-menu a{padding:10px}.line{border-top:var(--rule-width) solid var(--color-rule)}.draft-note{font-size:var(--text-small);color:var(--color-muted);padding:10px 0;border-top:1px solid var(--color-rule)}.figure-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-small);color:var(--color-muted);padding:14px 18px;flex-wrap:wrap}.drawing{display:block;width:100%;height:auto;color:var(--color-accent)}.drawing .gridline{stroke:var(--color-rule);stroke-width:.55}.drawing text{fill:var(--color-muted);font:13px var(--font-mono)}.drawing .ink{stroke:var(--color-ink)}.drawing .point{fill:var(--color-accent)}.diagram{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-md);overflow:clip}.split-hero{display:grid;gap:64px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);padding:80px 0 72px}.split-hero h1{max-width:11ch}.support-line{font-size:var(--text-small);color:var(--color-muted);margin-top:20px}.format-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0;border-block:1px solid var(--color-rule);flex-wrap:wrap}.format-list{display:flex;flex-wrap:wrap;gap:26px;font-family:var(--font-mono);font-size:var(--text-small);align-items:center}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:40px}.section-heading p{max-width:35ch;color:var(--color-muted)}.capabilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}.capability{padding:24px 0;border-top:1px solid var(--color-rule);display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px}.capability .number{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--text-small)}.capability p{color:var(--color-muted);margin-top:10px}.reverse-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.mini-spec{margin-top:24px;display:grid;gap:12px}.mini-spec div{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-rule);padding-bottom:12px;font-size:var(--text-small);gap:16px}.plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;padding-block:40px}.plan h3{margin-bottom:15px}.plan p{color:var(--color-muted);margin-bottom:20px}.foot-line{padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:var(--text-small);flex-wrap:wrap}.foot-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.masthead{text-align:center;padding:24px 0 0;border-bottom:4px double var(--color-rule)}.masthead .edition{font-size:var(--text-small);color:var(--color-muted);letter-spacing:.12em}.masthead .logo{justify-content:center;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);margin-block:10px}.masthead nav{display:flex;align-items:center;justify-content:center;gap:30px;font-size:var(--text-small);padding:12px 0}.atlas-title{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.75fr);gap:70px;align-items:end;padding:52px 0 32px}.atlas-title h1{font-weight:400;font-size:clamp(2.8rem,4.7vw,4.5rem);max-width:16ch;letter-spacing:-.045em}.atlas-title .lead{margin-bottom:0}.atlas-map{position:relative;border-block:1px solid var(--color-rule);min-height:480px;display:grid;grid-template-columns:240px minmax(0,1fr) 240px;align-items:center;gap:12px;background:var(--color-surface);padding:30px}.atlas-steps{display:grid;gap:35px;z-index:1}.atlas-step{border-top:1px solid var(--color-rule);padding-top:16px}.atlas-step small{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--text-small)}.atlas-step h3{font-size:1.55rem;margin:8px 0;font-weight:400}.atlas-step p{font-size:var(--text-small);color:var(--color-muted)}.atlas-center{min-width:0}.atlas-center .drawing{transform:none}.atlas-center figcaption{text-align:center;font-size:var(--text-small);color:var(--color-muted);margin-top:15px}.atlas-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.atlas-bottom p{font-size:var(--text-small);color:var(--color-muted)}.field-index{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:75px}.field-list>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--color-rule)}.field-list p{color:var(--color-muted);font-size:var(--text-small)}.atlas-footer{display:flex;align-items:start;justify-content:space-between;gap:35px;padding:40px 0;flex-wrap:wrap}.atlas-footer .logo{font-family:var(--font-display);font-size:2rem}.atlas-footer p{font-size:var(--text-small);color:var(--color-muted)}
@media(max-width:65rem){.nav-links{gap:16px}.split-hero,.reverse-split{gap:35px}.atlas-map{grid-template-columns:190px minmax(0,1fr) 190px;padding:20px}.atlas-title{gap:35px}.bench{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:52rem){.nav-links,.nav-actions{display:none}.mobile-menu{display:block}.split-hero,.reverse-split,.atlas-title,.hub-intro,.hub-process,.field-index{grid-template-columns:minmax(0,1fr)}.split-hero{padding:45px 0;gap:35px}.split-hero h1{max-width:15ch}.capabilities{gap:30px}.section-heading{display:grid;grid-template-columns:minmax(0,1fr)}.bench-intro{display:block}.bench-intro p{margin-top:16px;max-width:55ch}.bench{grid-template-columns:minmax(0,1fr)}.bench-input{border-right:0;border-bottom:1px solid var(--color-rule)}.sample-data{line-height:1.8}.bench-input button{margin-right:10px}.tech-row{grid-template-columns:35px minmax(0,1fr);gap:15px}.tech-row p{grid-column:2}.atlas-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:24px;min-height:0}.atlas-center{grid-column:1/-1;grid-row:1}.atlas-center .drawing{transform:none;max-height:350px}.atlas-steps{gap:24px}.atlas-title{padding-top:35px;gap:10px}.atlas-bottom{align-items:start;flex-direction:column}.hub-intro{padding:40px 0 25px;gap:10px}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{grid-column:span 1}.tile.wide{grid-column:span 2}.command-strip{align-items:start;flex-direction:column}.section{padding-block:55px}.field-index,.hub-process{gap:35px}.plans{gap:30px}}
@media(max-width:35rem){.wrap{width:calc(100% - 32px)}h1{font-size:2.8rem}.logo{font-size:1.08rem}.site-nav{padding-block:17px;gap:10px}.capabilities,.plans{grid-template-columns:minmax(0,1fr);gap:15px}.format-list{gap:17px}.format-band{gap:15px}.split-hero{gap:28px}.section{padding-block:42px}.figure-caption{font-size:.8rem;padding:12px}.actions{gap:8px}.btn{padding:11px 16px}.atlas-map{grid-template-columns:minmax(0,1fr);padding:18px}.atlas-center{grid-column:1;grid-row:1}.atlas-steps{gap:18px}.atlas-title h1{font-size:2.8rem}.masthead nav{gap:14px;font-size:.8rem;flex-wrap:wrap}.field-list>div{grid-template-columns:minmax(0,1fr);gap:10px}.bento{grid-template-columns:minmax(0,1fr)}.tile,.tile.wide{grid-column:span 1}.tile.wide{grid-template-columns:minmax(0,1fr)}.tile{min-height:220px}.tile.wide .drawing{max-height:180px}.hub-intro h1{font-size:2.8rem}.bench-intro h1{font-size:2rem}.terminal-nav .logo{font-size:.85rem}.bench-input{padding:18px}.view-tabs{padding:10px;gap:2px}.view-tabs button{padding:9px 10px}.draft-note{font-size:.8rem}.foot-line{align-items:start;flex-direction:column}.tech-row{gap:10px}.hub-filters button{padding-inline:12px;font-size:var(--text-small)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.btn:active,button:active{transform:none}}

.masthead{position:relative}.masthead nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.lang-toggle{position:absolute;right:0;top:18px;font-size:.8rem;padding:6px 10px;min-width:44px}.pricing .section-heading{margin-bottom:15px}.pricing .plans{padding:25px 0 0}.plan h3{font-weight:400;font-size:2rem}.plan-period{font-family:var(--font-body);font-size:var(--text-small);color:var(--color-muted)}.contact .section-title{margin-bottom:30px}.contact .section-title p{color:var(--color-muted);margin-top:14px}.contact-card{max-width:780px}.contact-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.contact-form-group.full{grid-column:1/-1}label{display:block;margin-bottom:7px;color:var(--color-ink);font-size:var(--text-small);font-weight:600}input,textarea{font:var(--text-body)/1.5 var(--font-body);padding:11px 13px;min-height:46px;width:100%;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm)}textarea{min-height:130px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-muted)}input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input:hover,textarea:hover{border-color:var(--color-muted)}#contactSubmitBtn{margin-top:22px}.contact-status{min-height:1.6em;margin-top:14px;font-size:var(--text-small)}.login-modal-overlay{position:fixed;inset:0;display:none;justify-content:center;align-items:center;z-index:1000;padding:20px;background:color-mix(in oklch,var(--color-ink) 65%,transparent)}.login-modal{background:var(--color-paper);border:1px solid var(--color-rule);padding:35px;width:min(440px,100%);position:relative;max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:6px}.login-modal h2{font-size:1.8rem;font-weight:400;padding-right:30px;margin-bottom:12px}.login-modal p{color:var(--color-muted)!important;font-size:var(--text-small);margin-bottom:18px}.login-modal a{color:var(--color-accent)!important}.login-modal>p{margin-bottom:23px}.modal-close{position:absolute;right:12px;top:10px;font-size:1.8rem;background:var(--color-transparent);border:0;min-width:44px;line-height:1;padding:5px}.login-form-group{margin-bottom:16px}.login-btn{background:var(--color-accent);color:var(--color-on-accent);width:100%;min-height:46px;border-color:var(--color-accent);font-weight:600}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.login-register,.login-forgot{margin-top:17px;font-size:var(--text-small);color:var(--color-muted)}.login-message{display:none;padding:12px;margin-bottom:17px;font-size:var(--text-small);border:1px solid var(--color-rule);border-radius:var(--radius-sm)}.login-message.error,.contact-status.error{color:var(--color-error)}.login-message.success,.contact-status.success{color:var(--color-accent)}.password-strength-bar{height:4px;margin-top:7px}.password-strength-bar.weak{background:var(--color-error);width:33%}.password-strength-bar.medium{background:var(--color-warning);width:66%}.password-strength-bar.strong{background:var(--color-accent);width:100%}.drawing text{font-size:13px}.atlas-footer .foot-links{font-size:var(--text-small)}
:root{--color-error:oklch(45% .16 25);--color-warning:oklch(47% .10 75)}
@media(max-width:35rem){.masthead .edition{font-size:.7rem;padding-right:42px}.lang-toggle{top:16px}.masthead nav{gap:8px 14px}.contact-form-grid{grid-template-columns:minmax(0,1fr)}.contact-form-group.full{grid-column:1}.login-modal-overlay{padding:12px}.login-modal{padding:26px 20px;max-height:calc(100dvh - 24px)}.login-modal h2{font-size:1.6rem}.atlas-title h1{font-size:2.7rem}.atlas-footer{gap:20px}}
