*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#090e12;color:#edf3ef;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #b8f9dd;outline-offset:6px}.shell{max-width:1360px;margin:auto;padding:0 64px}.skip{position:absolute;left:20px;top:-80px;padding:12px;background:#b8f9dd;color:#091810;z-index:10}.skip:focus{top:12px}header{height:104px;border-bottom:1px solid #26302f;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;letter-spacing:4px}nav{display:flex;gap:34px;align-items:center;font-size:13px}.nav-link{color:#aab7b3}.nav-link:hover,.secondary:hover{color:#d4ffe8}.login{padding:12px 20px;border:1px solid #3b4943;border-radius:6px;display:flex;gap:30px;align-items:center}.login:hover{border-color:#9edcc0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;min-height:650px;padding:64px 0 74px}.eyebrow{color:#94b0a2;font-size:10px;font-weight:600;letter-spacing:2.1px;line-height:1.8;margin:0 0 27px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8f9dd;margin-right:7px;vertical-align:1px}h1{font-size:clamp(45px,4.7vw,70px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin:0 0 28px}h1 span{color:#b8f9dd}p{line-height:1.8}.intro{color:#a7b4b0;font-size:16px;max-width:455px;margin:0 0 34px}.hero-actions{display:flex;gap:24px;align-items:center}.primary{background:#b8f9dd;color:#12291e;border-radius:6px;padding:16px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;font-weight:650;min-height:48px}.primary:hover{background:#d8ffec}.secondary{font-size:12px;color:#c5d2cb;display:flex;gap:12px;align-items:center}.access-note{color:#81948b;font-size:11px;display:flex;gap:8px;align-items:center;margin:21px 0 0}.hero-art{position:relative;min-width:0}.hero-art>svg{display:block;width:100%;height:auto}.art-caption,.art-footer{display:flex;justify-content:space-between;color:#7f988b;font-size:9px;letter-spacing:1.3px}.art-caption{padding:0 15px}.art-footer{border-top:1px solid #23312b;padding:18px 15px;letter-spacing:.5px}.workspace{border-top:1px solid #26302f;padding:70px 0 82px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:37px}.section-heading .eyebrow{margin-bottom:16px}h2{font-weight:450;font-size:35px;line-height:1.2;letter-spacing:-1px;margin:0}.section-heading>p{color:#96a89e;font-size:13px;margin:0 0 3px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(140deg,#111d19,#0c1315 65%);border:1px solid #2b3d32;border-radius:10px;padding:25px;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between}.number{color:#9fb2a8;font-size:12px}.status{font-size:8px;letter-spacing:1.1px;color:#b8f9dd;display:flex;align-items:center;gap:6px}.status i{width:4px;height:4px;background:#b8f9dd;border-radius:50%}.status.planned{color:#809489}.glyph{height:95px;display:flex;align-items:center;gap:6px;color:#a5d6bd}.flow span{width:4px;background:#a5d6bd;height:30px;border-radius:2px}.flow span:nth-child(2){height:47px}.flow span:nth-child(3){height:24px}.flow span:nth-child(4){height:40px}.flow span:nth-child(5){height:20px}.research span{border:1px solid #a5d6bd;width:20px;height:36px;transform:skewY(-20deg);margin-right:-12px}.research span:nth-child(2){opacity:.65}.research span:nth-child(3){opacity:.3}.zero{position:relative;width:50px}.zero span{font-size:53px;font-weight:200}.zero i{position:absolute;left:2px;width:44px;height:1px;background:#a5d6bd;transform:rotate(-55deg)}h3{font-weight:500;font-size:22px;letter-spacing:-.5px;margin:0 0 13px}.card>p{color:#9aada2;font-size:13px;line-height:1.85;margin:0 0 23px;min-height:74px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:30px}.tags span{font-size:9px;color:#91a699;border:1px solid #27382e;padding:4px 7px;border-radius:3px}.card>a,.card-end{display:flex;justify-content:space-between;font-size:11px;color:#b8f9dd;border-top:1px solid #24372c;padding-top:18px;margin-top:auto;min-height:38px}.card-end{color:#7c9485}.approach{padding:70px 0;border-top:1px solid #26302f}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach h2{line-height:1.35}.approach h2 span{color:#879e90}.principles>div{display:flex;gap:22px;padding:0 0 19px;margin:0 0 20px;border-bottom:1px solid #26302f}.principles>div:last-child{margin:0}.principles>div>span{color:#749480;font-size:11px;padding-top:4px}.principles p{margin:0;color:#97aa9e;font-size:12px}.principles strong{display:block;color:#d5e3db;font-size:14px;font-weight:500;margin-bottom:6px}.closing{margin:10px 0 64px;padding:37px 38px;border:1px solid #304f3a;background:linear-gradient(110deg,#152a1f,#0e1915);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing .eyebrow{margin:0 0 12px}.closing h2{font-size:29px}footer{padding:29px 0 38px;border-top:1px solid #26302f;display:flex;align-items:center;gap:25px;color:#81958a;font-size:10px}footer .brand{font-size:14px;letter-spacing:3px;color:#d8e6dd}footer>span{margin-left:auto}footer p{margin:0}@media(max-width:1000px){.shell{padding:0 32px}.hero{gap:12px;min-height:580px}h1{letter-spacing:-2px}.hero-art{margin-right:-15px}.card{padding:20px}.approach-grid{gap:45px}.section-heading>p{max-width:280px}}@media(max-width:700px){.shell{padding:0 22px}header{height:80px}.brand{font-size:18px;letter-spacing:3px}nav{gap:0}.nav-link{display:none}.login{padding:10px 16px;gap:17px}.hero{grid-template-columns:1fr;padding:48px 0 35px;gap:43px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:22px}h1{font-size:46px;letter-spacing:-2px}.intro{font-size:14px;max-width:420px}.hero-actions{gap:22px}.primary{padding:15px 18px;font-size:12px;gap:18px}.hero-art{margin:0;max-width:470px;width:100%;justify-self:center}.hero-art>svg{max-height:330px}.workspace{padding:44px 0}.section-heading{display:block;margin-bottom:27px}h2{font-size:29px}.section-heading>p{margin-top:19px;max-width:none}.cards{grid-template-columns:1fr;gap:14px}.card{padding:23px}.glyph{height:80px}.card>p{min-height:0;max-width:450px}.tags{margin-bottom:25px}.approach{padding:44px 0}.approach-grid{grid-template-columns:1fr;gap:29px}.closing{padding:27px 22px;display:block;margin-bottom:40px}.closing h2{font-size:27px;margin-bottom:23px}.closing .primary{display:flex;width:100%}footer{flex-wrap:wrap;gap:16px;padding-bottom:27px}footer p{order:3;width:100%}footer>span{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Approved Auvect identity, 2026-10-09. */
.brand .brand-lockup{width:150px;height:32px;object-fit:contain;display:block}
footer .brand .brand-lockup{width:124px;height:27px}
.framework-art{width:100%;height:auto;display:block}
.product-icon{display:block;width:56px;height:56px;margin:34px 0 24px}
.card{transition:border-color .18s,background .18s}
.card:hover{border-color:#4b7662;background:#12201b}
.login,.primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.art-caption,.art-footer,.status{font-size:11px}
@media(max-width:600px){.brand .brand-lockup{width:128px;height:28px}.product-icon{margin:24px 0 20px}.hero-art{margin-top:18px}.card p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Auvect typography: licensed, self-hosted variable fonts. */
@font-face{font-family:"Auvect Inter";src:url('/fonts/inter-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Auvect Manrope";src:url('/fonts/manrope-latin-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
body{font-family:"Auvect Inter","Segoe UI",system-ui,sans-serif;letter-spacing:-.012em}
h1,h2,h3{font-family:"Auvect Manrope","Auvect Inter",sans-serif;letter-spacing:-.04em}
h1{font-weight:550;line-height:1.1}h2{font-weight:550}h3{font-weight:600}
.intro{line-height:1.85}nav,.primary{font-weight:500}
.eyebrow,.status,.art-caption,.number{font-variant-numeric:tabular-nums}