:root{color-scheme:light dark;--bg-top: #f7efe2;--bg-bottom: #ece1cf;--ink: #1f1d1a;--muted: #5d554a;--card: rgba(255, 252, 244, .7);--stroke: rgba(64, 50, 34, .16);--accent: #cf5a2f}@media(prefers-color-scheme:dark){:root{--bg-top: #181512;--bg-bottom: #10100f;--ink: #f6f2eb;--muted: #c9bfb0;--card: rgba(40, 34, 28, .62);--stroke: rgba(255, 223, 179, .18);--accent: #ff8455}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Avenir Next,PingFang SC,Noto Sans CJK SC,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(160deg,var(--bg-top),var(--bg-bottom))}.app-shell{width:min(1200px,100% - 2.4rem);margin:0 auto;min-height:78vh;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:1.2rem;padding-block:2rem .8rem}.hero-copy{padding:1rem .8rem}.eyebrow{margin:0 0 .4rem;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1{margin:0;font-size:clamp(2.05rem,7vw,4.2rem);line-height:.93}.subtitle{margin:.9rem 0 1.5rem;max-width:30ch;color:var(--muted);line-height:1.55}.actions{display:flex;gap:.72rem;flex-wrap:wrap}.action{border-radius:999px;border:1px solid var(--stroke);text-decoration:none;padding:.62rem 1rem;font-size:.92rem;font-weight:600;transition:transform .2s ease,background .2s ease,border-color .2s ease}.action:hover{transform:translateY(-2px)}.action-solid{color:#fff6f1;background:var(--accent);border-color:color-mix(in oklab,var(--accent),#000 22%)}.action-ghost{color:var(--ink);background:color-mix(in oklab,var(--card),transparent 24%)}.scene-wrap{position:relative;height:min(72vh,680px);min-height:400px}.scene{position:absolute;inset:0;border-radius:1.4rem;border:1px solid var(--stroke);background:radial-gradient(80% 120% at 50% 0%,rgba(255,255,255,.22),transparent),linear-gradient(to bottom,color-mix(in oklab,var(--card),transparent 28%),color-mix(in oklab,var(--card),transparent 8%));overflow:hidden;touch-action:none}.pull-hint{position:absolute;left:50%;bottom:.9rem;margin:0;transform:translate(-50%);padding:.38rem .7rem;border-radius:999px;font-size:.78rem;color:var(--muted);border:1px solid var(--stroke);background:color-mix(in oklab,var(--card),transparent 25%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.policy-grid{width:min(1200px,100% - 2.4rem);margin:0 auto 2.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.policy-card{border-radius:1rem;border:1px solid var(--stroke);background:color-mix(in oklab,var(--card),transparent 10%);padding:1rem}.policy-card h2{margin:0 0 .3rem;font-size:1rem}.policy-card p{margin:0;color:var(--muted);line-height:1.45;font-size:.92rem}@media(max-width:920px){.app-shell{width:min(100% - 1.5rem,920px);grid-template-columns:1fr;gap:.8rem;padding-top:1.2rem}.hero-copy{padding:.6rem .3rem}.subtitle{max-width:50ch}.scene-wrap{height:min(64vh,560px)}.policy-grid{width:min(100% - 1.5rem,920px);grid-template-columns:1fr}}