:root{--ink: #0b1220;--sea: #0e3d5c;--accent: #2dd4bf;--sand: #f4efe6;--muted: #5c6b7a;--card: rgba(255, 255, 255, .08);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--bottom-nav-h: 64px;font-family:DM Sans,system-ui,sans-serif;color:var(--sand);background:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;margin:0 0 1rem}h1 em{color:var(--accent);font-style:italic}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom))}.topbar{display:flex;align-items:center;gap:.75rem;padding:calc(.75rem + var(--safe-top)) 1rem .75rem;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1220d9;border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-weight:700;font-size:1.25rem;color:var(--accent);text-decoration:none}.sandbox-pill{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px;background:#2dd4bf26;color:var(--accent);border:1px solid rgba(45,212,191,.35)}.desktop-nav{margin-left:auto;display:none;gap:1.25rem}.desktop-nav a{color:var(--sand);text-decoration:none;opacity:.85}.desktop-nav a:hover{opacity:1;color:var(--accent)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:none;border-radius:12px;background:#ffffff0f;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--sand);border-radius:2px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.mobile-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.mobile-drawer-panel{position:absolute;top:0;left:0;bottom:0;width:min(300px,85vw);padding:calc(4.5rem + var(--safe-top)) 1.25rem 1.25rem;background:linear-gradient(180deg,#0e2438 0%,var(--ink) 100%);border-right:1px solid rgba(45,212,191,.15);display:flex;flex-direction:column;gap:.25rem}.mobile-drawer-panel a{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:12px;color:var(--sand);text-decoration:none;font-weight:600;min-height:48px}.mobile-drawer-panel a.active,.mobile-drawer-panel a:hover{background:#2dd4bf1f;color:var(--accent)}.mobile-drawer-panel hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.5rem 0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0b1220f0;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);min-height:48px;transition:color .2s}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{font-size:1.25rem;line-height:1}.bottom-nav-label{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.install-banner{position:sticky;top:calc(3.5rem + var(--safe-top));z-index:12;padding:0 1rem;margin-bottom:-.5rem}.install-banner-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.85rem 1rem;border-radius:16px;background:linear-gradient(135deg,#0e3d5ce6,#2dd4bf26);border:1px solid rgba(45,212,191,.3)}.install-banner p{margin:.15rem 0 0;font-size:.8rem;color:var(--muted)}.install-icon{font-size:1.5rem}.install-actions{display:flex;gap:.5rem;margin-left:auto}.btn.sm{padding:.55rem 1rem;font-size:.85rem;min-height:44px}.hero{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:center;padding:4rem 2rem;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.35;animation:kenburns 22s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1.5%)}}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 70% 20%,rgba(45,212,191,.18),transparent),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(14,61,92,.6),transparent),linear-gradient(160deg,#0b1220d9,#0e3d5cbf)}.hero-content{position:relative;max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--accent)}.lede{font-size:1.125rem;line-height:1.6;color:#f4efe6d9;max-width:52ch}.lede strong{display:block;margin-top:.5rem;color:var(--accent);font-size:.9rem}.cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}.btn.primary{background:var(--accent);color:var(--ink)}.btn.ghost{border:1px solid rgba(255,255,255,.2);color:var(--sand)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2dd4bf40}.panel{padding:3rem 2rem;max-width:900px;margin:0 auto}.muted{color:var(--muted)}.form-grid{display:grid;gap:1rem;margin:1.5rem 0}label{display:grid;gap:.35rem;font-size:.9rem}input,textarea{padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:var(--sand);font-family:inherit}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-error{color:#f87171;font-size:.8rem}textarea{resize:vertical;min-height:100px}.result-box{background:#00000059;border-radius:16px;padding:1rem;overflow:auto;font-size:.8rem;border:1px solid rgba(45,212,191,.2)}.spike-list{list-style:none;padding:0;display:grid;gap:1rem}.spike-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-radius:16px;background:var(--card);border:1px solid rgba(255,255,255,.06)}.spike-card h3{margin:0 0 .25rem}.spike-card p{margin:0;color:var(--muted);font-size:.9rem}.mode{font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.3rem .6rem;border-radius:8px}.mode.mock{background:#fbbf2426;color:#fbbf24}.mode.sandbox{background:#2dd4bf26;color:var(--accent)}.lift{transition:transform .25s ease}.lift:hover{transform:translateY(-4px)}.reveal{animation:reveal .8s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.mobile-exploration{max-width:960px}.explore-header h2{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem)}.status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1.5rem 0}.status-chip{padding:.85rem 1rem;border-radius:14px;background:var(--card);border:1px solid rgba(255,255,255,.06)}.status-chip span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.status-chip strong{font-size:1rem;color:var(--sand)}.status-chip.accent{border-color:#2dd4bf59}.status-chip.accent strong{color:var(--accent)}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.score-card{padding:1.25rem;border-radius:18px;background:#00000047;border:1px solid rgba(45,212,191,.15)}.score-card h3{margin:0 0 .5rem;font-size:1.1rem}.score-value{font-size:2.5rem;font-weight:700;color:var(--accent);margin:0 0 1rem;line-height:1}.score-value small{font-size:1rem;opacity:.6}.check-list,.route-list{list-style:none;padding:0;margin:0;display:grid;gap:.35rem;font-size:.8rem}.check-list li.ok,.route-list li.ok{color:#f4efe6d9}.check-list li.gap,.route-list li.gap{color:#f87171}.route-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.route-list code{font-size:.75rem}.route-badges em{font-style:normal;font-size:.65rem;font-weight:700;padding:.15rem .35rem;border-radius:4px;margin-left:2px;background:#2dd4bf33;color:var(--accent)}.viewport-matrix,.engine-health{margin:1rem 0;padding:1rem;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.viewport-matrix summary,.engine-health summary{cursor:pointer;font-weight:600}.viewport-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.viewport-chip{font-size:.7rem;padding:.35rem .65rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.viewport-chip.mobile{border-color:#2dd4bf4d;color:var(--accent)}.viewport-chip.tablet{border-color:#60a5fa4d;color:#93c5fd}.viewport-chip.desktop{border-color:#fbbf244d;color:#fbbf24}@media (min-width: 1024px){.desktop-nav{display:flex}.menu-toggle,.bottom-nav{display:none}.app-main{padding-bottom:0}.topbar{padding:1rem 2rem;gap:1rem}}.trust-strip{position:relative;z-index:1;margin-top:3rem;max-width:720px;display:grid;gap:1.25rem}.trust-process{margin:0;padding:1rem 1.25rem;border-radius:14px;background:#00000059;border:1px solid rgba(45,212,191,.2);font-size:.9rem;line-height:1.55;color:#f4efe6e6}.trust-process strong{color:var(--accent)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metric-card{padding:1rem;border-radius:14px;text-align:center;background:var(--card);border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,box-shadow .25s ease}.metric-card strong{display:block;font-size:1.5rem;color:var(--accent);font-weight:700}.metric-card span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 640px){.hero{padding:2.5rem 1rem 1rem;min-height:auto}.trust-strip{margin-top:2rem}.metrics-grid{grid-template-columns:1fr}.panel{padding:2rem 1rem}.cta-row{flex-direction:column}.cta-row .btn{width:100%;min-height:48px}.install-banner-inner{flex-direction:column;align-items:flex-start}.install-actions{margin-left:0;width:100%}.install-actions .btn{flex:1}}.spike-d-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.spike-link{color:inherit;text-decoration:none}.spike-link:hover h3{color:var(--accent)}.audit-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1.25rem;border-radius:16px;background:var(--card);border:1px solid rgba(45,212,191,.2);margin:1.5rem 0}.audit-stats strong{display:block;font-size:1.5rem;color:var(--accent)}.audit-stats span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.audit-chain{padding:1rem 1.25rem;border-radius:16px;background:#0000004d;margin-bottom:1.5rem}.hash-line{display:block;font-size:.75rem;word-break:break-all;color:var(--accent)}.tiny{font-size:.8rem}.audit-list{list-style:none;padding:0;display:grid;gap:.5rem;margin:0}.audit-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:.75rem;align-items:center;padding:.75rem 1rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);font-size:.85rem}.audit-row .seq{color:var(--muted);font-variant-numeric:tabular-nums}.audit-row .op{font-family:ui-monospace,monospace}.audit-row .result.sandbox{color:var(--accent)}.audit-row .result.blocked{color:#f87171}.audit-row .cat{color:var(--muted);font-size:.75rem}.plan-details{margin-top:1.5rem;padding:1rem;border-radius:12px;background:#00000040}.plan-details pre{font-size:.75rem;overflow:auto;max-height:240px}