
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.65;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,a,.button{min-height:44px}.skip{position:fixed;left:1rem;top:-8rem;z-index:999;background:var(--text);color:var(--bg);padding:.8rem 1rem}.skip:focus{top:1rem}.concept-badge{position:fixed;z-index:90;right:12px;bottom:12px;max-width:min(360px,calc(100vw - 24px));padding:9px 12px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);font:600 11px/1.35 var(--mono);letter-spacing:.03em}.concept-badge a{font-weight:800}.site-header{position:relative;z-index:30}.brand-link{text-decoration:none}.nav-links a,.nav-cta{text-decoration:none}.nav-drawer summary{cursor:pointer;list-style:none}.nav-drawer summary::-webkit-details-marker{display:none}.nav-drawer .drawer-panel{position:absolute;left:0;right:0;background:var(--bg);border:1px solid var(--line);padding:1rem;display:grid;gap:.5rem}.shell{width:min(100% - 40px,var(--max));margin-inline:auto}.hero{position:relative;min-height:68vh;display:grid;align-items:end;padding-block:clamp(6rem,12vw,10rem) clamp(3rem,8vw,7rem)}.eyebrow{font:700 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}h1,h2,h3{font-family:var(--display);line-height:1.04;letter-spacing:-.025em}h1{font-size:clamp(3rem,7vw,7rem);max-width:13ch;margin:.8rem 0 1.25rem}h2{font-size:clamp(1.9rem,4vw,3.7rem);margin:0 0 1rem}h3{font-size:clamp(1.2rem,2vw,1.7rem)}.hero-intro{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:60ch}.hero-intro p{margin:.4rem 0}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid currentColor;text-decoration:none;font-weight:750}.button.primary{background:var(--text);color:var(--bg)}.button.secondary{background:transparent}.hero-art{border:1px solid var(--line);overflow:hidden;background:var(--surface)}.page-body{padding-block:clamp(3rem,7vw,7rem)}.copy{max-width:780px}.copy>h2{margin-top:clamp(3rem,7vw,6rem)}.copy>h3{margin-top:2.5rem}.copy p{margin:.9rem 0}.copy ul,.copy ol{padding-left:1.25rem}.copy strong{font-weight:800}.copy blockquote{margin:2rem 0;padding:1rem 0 1rem 1.25rem;border-left:3px solid var(--accent)}.section-visual{margin:3rem 0;border:1px solid var(--line);background:var(--surface)}.next-links{display:flex;justify-content:space-between;gap:1rem;margin:5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--line)}.site-footer{margin-top:6rem;padding:2.5rem 0 6rem;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-grid nav{display:grid;gap:.45rem}.footer-note{font:12px/1.6 var(--mono);opacity:.72}.demo-form{max-width:840px;margin:3rem 0;padding:clamp(1rem,3vw,2.5rem);border:1px solid var(--line);background:var(--surface)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.4rem}.field.wide{grid-column:1/-1}.field label{font-weight:750}.field small{font-size:.83rem;opacity:.72}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:.75rem}.field textarea{min-height:120px;resize:vertical}.choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.choice-group label{font-weight:500;border:1px solid var(--line);padding:.65rem}.privacy-note{font-size:.85rem;margin:1.2rem 0;max-width:75ch}.site-index{display:flex;flex-wrap:wrap;gap:.45rem;margin:2rem 0}.site-index a{border:1px solid var(--line);padding:.4rem .6rem;text-decoration:none;font:12px var(--mono)}.signature{margin-block:1rem 4rem}.signature small{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.ng-signature{display:grid;grid-template-columns:1fr 1fr 1fr auto;border-block:1px solid var(--line)}.ng-signature>div,.ng-signature>a{padding:1rem;border-right:1px solid var(--line)}.ng-signature small,.ng-signature strong{display:block}.ng-signature a{background:var(--accent);color:#111;text-decoration:none;font:800 11px var(--mono);display:flex;align-items:center}.cs-signature{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:center;padding:1rem;border-radius:22px;background:#fff;box-shadow:0 12px 50px rgba(13,125,131,.09)}.cs-signature input{min-height:48px;border:1px solid var(--line);padding:.7rem;border-radius:999px}.cs-signature a{background:var(--accent);color:#fff;padding:.7rem 1rem;border-radius:999px;text-decoration:none;font-weight:800}.sc-signature{max-width:700px;border-block:1px solid var(--line);padding:1.3rem 0}.sc-signature span{font:700 10px var(--mono);text-transform:uppercase;color:var(--accent);letter-spacing:.1em}.sc-signature p{font:500 1.25rem/1.5 var(--display);margin:.6rem 0}.kc-signature{border:1px solid var(--text);padding:1rem}.kc-options{display:grid;grid-template-columns:repeat(5,1fr);margin-top:.8rem}.kc-options a{padding:1rem;border:1px solid var(--line);margin:-1px 0 0 -1px;text-decoration:none;font:650 12px var(--mono)}.rk-signature{border-block:1px solid var(--text);margin-block:0 4rem}.rk-strip{display:flex;gap:0;align-items:center}.rk-strip span,.rk-strip a{padding:1rem 1.4rem 1rem 0;margin-right:1.4rem;text-decoration:none;font:700 11px var(--mono);text-transform:uppercase}.rk-strip a{margin-left:auto;color:var(--accent)}.mo-signature{border-top:1px solid var(--text);padding-top:1rem}.mo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.7rem}.mo-grid a{min-height:90px;padding:1rem;border:1px solid var(--text);text-decoration:none;font:800 1.1rem var(--display);display:flex;align-items:end}.ac-signature{display:grid;grid-template-columns:repeat(3,1fr) auto;border-top:1px solid var(--line);padding-top:2rem;gap:2rem}.ac-signature div{display:grid;gap:.3rem}.ac-signature span{font:11px var(--mono);color:var(--accent)}.ac-signature strong{font:400 1.6rem var(--display)}.ac-signature p{margin:0;color:var(--muted)}.ac-signature>a{align-self:end;text-decoration:none;border-bottom:1px solid}.im-signature{border:1px solid var(--line);font:700 11px var(--mono);text-transform:uppercase}.im-head{padding:.8rem;background:var(--accent);color:#111}.im-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr)}.im-row>*{padding:.8rem;border-top:1px solid var(--line);border-right:1px solid var(--line)}.fr-signature{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--text)}.fr-signature div{display:grid;gap:1rem;padding:1rem;border-right:1px solid var(--line)}.fr-signature span{font:700 10px var(--mono);color:var(--accent)}.fr-signature a{font:700 1.1rem var(--body);text-decoration:none}@media(max-width:780px){.ng-signature,.cs-signature,.kc-options,.mo-grid,.ac-signature,.im-row,.fr-signature{grid-template-columns:1fr}.ng-signature>div{display:none}.ng-signature>a{border:0}.rk-strip{overflow:auto}.rk-strip span{white-space:nowrap}.im-row span:nth-of-type(n+2){display:none}}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:780px){.shell{width:min(100% - 28px,var(--max))}.nav-links{display:none!important}.footer-grid,.fields{grid-template-columns:1fr}.hero{min-height:auto;padding-top:6rem}.concept-badge{font-size:10px}.next-links{display:grid}.desktop-only{display:none!important}}@media(min-width:781px){.mobile-only{display:none!important}}

:root{--bg:#111316;--surface:#1C2024;--text:#E9E8E2;--muted:#9AA0A5;--accent:#D09A35;--line:#3C434A;--focus:#FFD272;--max:1420px;--display:"Barlow Condensed",Arial,sans-serif;--body:"Barlow",Arial,sans-serif;--mono:"Barlow",ui-monospace,monospace}.site-header{border-bottom:1px solid var(--line);background:#0D0F11}.header-inner{max-width:var(--max);margin:auto;min-height:72px;padding:0 20px;display:flex;align-items:center;gap:28px}.brand-link{font-weight:900;text-transform:uppercase;letter-spacing:-.04em;font-family:var(--display)}.nav-links{display:flex;gap:0;flex:1}.nav-links a{padding:26px 13px;border-left:1px solid var(--line);font:700 10px var(--mono);text-transform:uppercase;font-family:var(--display)}.nav-cta{background:var(--accent);color:#111;padding:12px 14px;font:900 10px var(--mono);text-transform:uppercase;font-family:var(--display)}.hero{grid-template-columns:1fr 1fr;gap:0;align-items:stretch;padding-block:0;min-height:72vh}.hero-copy{padding:6vw 4vw 5vw 0;display:flex;flex-direction:column;justify-content:center}.hero h1{font-weight:900;text-transform:uppercase;letter-spacing:-.055em;max-width:12ch}.hero-art{border:0;border-left:1px solid var(--line)}.eyebrow{color:var(--accent)}.button{font:800 11px var(--mono);text-transform:uppercase;border-radius:0}.button.primary{background:var(--accent);color:#111;border-color:var(--accent)}.page-body{display:grid;grid-template-columns:140px minmax(0,900px);gap:3vw}.page-body:before{content:"SCOPE\A INPUTS\A CONSTRAINTS\A HANDOFF";white-space:pre;font:800 10px/2.2 var(--mono);color:var(--accent);border-right:1px solid var(--line)}.copy h2{font-weight:900;text-transform:uppercase;border:1px solid var(--line);padding:.8rem}.copy h3{font-size:1rem;color:var(--accent);text-transform:uppercase}.copy table{width:100%;border-collapse:collapse}.copy th,.copy td{border:1px solid var(--line);padding:.55rem}.section-visual{border:1px solid var(--line)}.demo-form{border:1px solid var(--accent);background:#171A1D}.field input,.field select,.field textarea{background:#0D0F11}.site-footer{background:#0B0D0F;border-top:8px solid var(--accent)}@media(max-width:780px){.header-inner{min-height:62px}.nav-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:4rem 0 2rem}.hero-art{border-left:0;border-top:1px solid var(--line)}.page-body{display:block}.page-body:before{display:none}}
/* Phase 6 final asset integration */
.brand-link{display:inline-flex;align-items:center;gap:.55rem}.brand-mark{width:28px;height:28px;flex:0 0 28px}.hero-art picture,.hero-art img{width:100%;height:100%}.hero-art picture{display:block}.hero-art img{object-fit:cover;min-height:360px}.asset-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem);margin:clamp(2.5rem,6vw,5rem) 0}.asset-gallery figure{margin:0}.asset-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.asset-gallery figcaption,.system-diagram figcaption,.comparison-pair figcaption{font:600 11px/1.5 var(--mono);color:var(--muted);margin-top:.5rem}.system-diagram{margin:clamp(3rem,7vw,6rem) 0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);background:var(--surface)}.system-diagram img{width:100%;height:auto}.comparison-stack{display:grid;gap:2rem;margin:clamp(3rem,7vw,6rem) 0}.comparison-pair{margin:0}.comparison-images{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.comparison-images div{position:relative}.comparison-images span{position:absolute;left:.65rem;top:.65rem;z-index:2;background:var(--text);color:var(--bg);padding:.3rem .45rem;font:800 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.comparison-images img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}@media(max-width:700px){.concept-badge{position:static;margin:1rem 14px 14px;max-width:none}.hero-art img{min-height:0;aspect-ratio:4/5}.asset-gallery,.comparison-images{grid-template-columns:1fr}.brand-mark{width:24px;height:24px;flex-basis:24px}}
