:root { --ink:#07111d; --ink-soft:#0c1b2a; --paper:#edf3f4; --mist:#bdd0d5; --line:rgba(183,211,214,.18); --aqua:#77f3d1; --blue:#72a9ff; --warm:#ffbe73; --mono:"DM Mono",monospace; --sans:"Manrope",system-ui,sans-serif; --ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); line-height:1.55; }
a { color:inherit; text-decoration:none; }
.skip-link { position:absolute; left:1rem; top:-3rem; background:var(--aqua); color:var(--ink); padding:.65rem .9rem; border-radius:.4rem; z-index:20; font-weight:800; }.skip-link:focus{top:1rem}
.site-header { width:min(1200px,calc(100% - 3rem)); margin:auto; height:84px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:.6rem; font-weight:800; letter-spacing:-.04em; }.brand-mark { display:grid; place-items:center; width:28px; height:28px; background:var(--aqua); color:var(--ink); font-family:var(--mono); font-weight:500; border-radius:6px; }
nav { display:flex; gap:1.8rem; font-size:.83rem; color:var(--mist); } nav a,.header-link,footer>a:last-child { transition:color 180ms var(--ease); } nav a:hover,.header-link:hover,footer>a:last-child:hover { color:var(--aqua); }.header-link { font-size:.82rem; color:var(--aqua); }
.hero { min-height:625px; width:min(1200px,calc(100% - 3rem)); margin:auto; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:5rem; position:relative; overflow:hidden; }.grid-orbit { position:absolute; width:720px;height:720px;border:1px solid rgba(119,243,209,.1);border-radius:50%;right:-380px;top:-170px;box-shadow:0 0 0 95px rgba(119,243,209,.025),0 0 0 190px rgba(119,243,209,.018); }
.hero-content,.terminal-card { position:relative; z-index:1; }.eyebrow { color:var(--aqua); font-family:var(--mono); text-transform:uppercase; letter-spacing:.11em; font-size:.69rem; font-weight:500; margin:0 0 1.1rem; }.signal { display:inline-block; width:.5rem;height:.5rem; border-radius:50%;background:var(--aqua); margin-right:.45rem; box-shadow:0 0 0 4px rgba(119,243,209,.12); }
h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(3rem,5.5vw,5.55rem); line-height:.99; letter-spacing:-.07em; margin:0 0 1.45rem; max-width:720px; } h1 em,h2 em { color:var(--aqua); font-style:normal; } .hero-copy { color:var(--mist); max-width:610px; font-size:1.04rem; }.hero-actions { display:flex; gap:.8rem; margin:2rem 0 1.2rem; flex-wrap:wrap; }.button { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:48px; padding:.7rem 1.1rem; border-radius:5px; font-size:.84rem; font-weight:800; transition:transform 160ms var(--ease),background 160ms var(--ease); }.button:active { transform:scale(.97); }.button-primary { background:var(--aqua); color:var(--ink); }.button-primary:hover { background:#a3fae3; }.button-quiet { border:1px solid var(--line); color:var(--paper); }.button-quiet:hover { background:rgba(255,255,255,.06); }.hero-note { max-width:580px; color:#94acb3; font-size:.78rem; }
.terminal-card { background:#050b12; border:1px solid rgba(183,211,214,.19); border-radius:10px; overflow:hidden; box-shadow:0 30px 75px rgba(0,0,0,.35); }.terminal-top,.terminal-bottom { display:flex; align-items:center; padding:.7rem .85rem; font-family:var(--mono); font-size:.62rem; color:#8da7ae; }.terminal-top { border-bottom:1px solid rgba(183,211,214,.11); }.terminal-top span { width:8px;height:8px;border-radius:50%; background:#44616b; margin-right:.35rem; }.terminal-top span:nth-child(1){background:#f77d7d}.terminal-top span:nth-child(2){background:#ffca79}.terminal-top span:nth-child(3){background:#77f3d1}.terminal-top p { margin:0 auto; transform:translateX(-18px); }.terminal-card pre { margin:0; padding:1.7rem; overflow:auto; font-family:var(--mono); font-size:.76rem; line-height:1.75; color:#d3e6e8; }.dim{color:#78a1ab}.flag{color:#72a9ff}.ok{color:#77f3d1}.warn{color:#ffbe73}.terminal-bottom { justify-content:space-between; border-top:1px solid rgba(183,211,214,.11); }
.principles { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#0a1825; }.principles article { padding:2.7rem max(1.5rem,calc((100vw - 1200px)/2)); min-height:250px; }.principles article:not(:last-child){border-right:1px solid var(--line)}.card-index{font-family:var(--mono); color:var(--aqua);font-size:.72rem}.principles h2{font-size:1.25rem;letter-spacing:-.04em;margin-bottom:.8rem}.principles p:not(.card-index){color:var(--mist);font-size:.87rem;max-width:330px}
.section { width:min(1200px,calc(100% - 3rem)); margin:0 auto; padding:8rem 0; }.section-heading { max-width:640px; }.section-heading h2,.cta h2 { font-size:clamp(2.5rem,4vw,4.35rem);line-height:1.02;letter-spacing:-.065em;margin-bottom:1.25rem}.section-copy{color:var(--mist);font-size:.94rem}.workflow { display:grid;grid-template-columns:.9fr 1.1fr;gap:7rem; }.workflow-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.workflow-list li{display:grid;grid-template-columns:70px 1fr;gap:1.1rem;padding:1.45rem 0;border-bottom:1px solid var(--line)}.workflow-list li>span{font-family:var(--mono);font-size:.7rem;color:var(--aqua);padding-top:.3rem}.workflow-list h3{font-size:1.13rem;margin:0 0 .3rem;letter-spacing:-.03em}.workflow-list p{color:var(--mist);font-size:.87rem;margin:0}
.preview { border-top:1px solid var(--line); }.preview-grid { margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem; }.config-card,.report-card { min-height:360px;border:1px solid var(--line);background:#091724;border-radius:8px;overflow:hidden; }.panel-title {display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.69rem;color:#b6cdd1}.copy-button{border:1px solid rgba(119,243,209,.3);color:var(--aqua);background:transparent;font:inherit;border-radius:3px;padding:.25rem .45rem;cursor:pointer}.copy-button:hover{background:rgba(119,243,209,.08)}.config-card pre{margin:0;padding:1.5rem;white-space:pre-wrap;color:#d4e3e5;font-family:var(--mono);font-size:.76rem;line-height:1.75}.panel-foot{border-top:1px solid var(--line);padding:.85rem 1rem;margin:0;color:#8da7ae;font-size:.72rem}.finding{padding:1.5rem}.finding-label{font-family:var(--mono);font-size:.62rem;color:var(--warm);letter-spacing:.07em}.finding h3{font-size:1.12rem;line-height:1.25;letter-spacing:-.035em;margin-bottom:1rem}.finding dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0 0 1.2rem}.finding dl div{padding:.55rem 0;border-top:1px solid var(--line)}.finding dt{font-size:.65rem;color:#8da7ae}.finding dd{font-size:.76rem;margin:.2rem 0 0;color:#d5e4e5}.finding dd code{font-family:var(--mono);font-size:.68rem}.remediation{font-size:.78rem;color:var(--mist);margin:0}.finding-badge{background:rgba(255,190,115,.13);color:var(--warm);padding:.2rem .4rem;border-radius:3px}
.safety { display:grid;grid-template-columns:110px 1fr 1fr;gap:2.5rem;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.safety-lock { color:var(--aqua);font-family:var(--mono);font-size:5.2rem;line-height:1;text-align:center}.safety h2{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.03;letter-spacing:-.06em;margin:0}.safety-copy{color:var(--mist);font-size:.94rem}.safety-copy a{display:inline-block;margin-top:.5rem;color:var(--aqua);font-weight:800;font-size:.82rem}.cta { padding:8.5rem 1.5rem;text-align:center;background:linear-gradient(135deg,#0a1b2a,#0d2830 50%,#07111d); }.cta .eyebrow{margin-bottom:1.2rem}.cta h2{margin-bottom:2rem}.cta .button{padding:.85rem 1.3rem}.cta .button-primary{box-shadow:0 12px 36px rgba(119,243,209,.17)}
footer{min-height:100px;width:min(1200px,calc(100% - 3rem));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#8da7ae;font-size:.75rem}footer .brand{color:var(--paper)}
@media (max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:5rem 0;gap:2.5rem}.terminal-card{max-width:650px}.principles{grid-template-columns:1fr}.principles article{padding:2.2rem 1.5rem;min-height:0}.principles article:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.workflow{grid-template-columns:1fr;gap:2.5rem}.preview-grid{grid-template-columns:1fr}.safety{grid-template-columns:1fr;gap:1.2rem}.safety-lock{text-align:left;font-size:4rem}.section{padding:5.5rem 0}.finding dl{grid-template-columns:1fr 1fr}.header-link{font-size:.73rem}}@media(max-width:520px){.site-header,.hero,.section,footer{width:min(100% - 2rem,1200px)}.header-link{display:none}h1{font-size:3rem}.terminal-card pre{padding:1.2rem;font-size:.67rem}.hero{min-height:auto}.finding dl{grid-template-columns:1fr}.cta{padding:5.5rem 1rem}footer{padding:1.2rem 0;flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.hero-content,.terminal-card{animation:enter 640ms var(--ease) both}.terminal-card{animation-delay:100ms}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}