@import url('screen.css');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17191e;background:#fafaf8;--amber:#ffc400;--ink:#121315;--muted:#626873;--line:#dedfe2}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bd8b00;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.topbar{height:82px;display:flex;align-items:center;padding:0 4vw;gap:35px;border-bottom:1px solid var(--line);background:#fafaf8}.brand{font-size:28px;font-weight:750;letter-spacing:-1.4px;display:flex;align-items:center;gap:9px;color:#161719;text-decoration:none}.brand img{height:34px;border-radius:4px}.brand span{margin-left:-9px;color:#a78000}.project{font-size:15px;font-weight:550}.project i{font-style:normal;color:#a5a8ae;margin:0 14px}.demo-badge{font-size:12px;margin-left:auto;color:#696e77}.intro{min-height:calc(100svh - 160px);max-width:1660px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;padding:54px 5vw;align-items:center;gap:3vw;overflow:hidden}.eyebrow{font-family:ui-monospace,monospace;font-size:13px;font-weight:650;letter-spacing:.11em;color:#856500}h1{font-size:clamp(40px,4.4vw,72px);font-weight:620;letter-spacing:-.05em;line-height:1.055;margin:28px 0}h1 em{font-style:normal;color:#717782}p{line-height:1.65}.lead{font-size:clamp(17px,1.45vw,21px);max-width:560px;color:#626873}.primary{border:0;background:var(--amber);color:#17191e;padding:16px 23px;font-weight:650;border-radius:4px;display:inline-flex;align-items:center;gap:32px;margin-top:23px}.primary:hover{background:#f0b800}.route-preview{display:flex;gap:0;margin-top:48px;color:#656a74;font-size:14px}.route-preview span:not(:last-child)::after{content:'→';margin:0 22px;color:#acb0b6}.intro-visual{height:570px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:450px;height:450px;border:1px solid #e0daba;border-radius:50%;background:radial-gradient(circle,#fff7d3,transparent 68%)}.orb:after{content:'';position:absolute;inset:35px;border:1px solid #e9e3d0;border-radius:50%}.intro-phone{width:265px;height:574px;position:relative;transform:rotate(3deg);filter:drop-shadow(0 22px 22px #0c0c0e20)}.intro-phone>.phone-shell{transform:scale(.659);transform-origin:top left}.floating-note{position:absolute;left:-15px;bottom:78px;background:#fff;border:1px solid #dedfe2;border-left:4px solid #ffc400;padding:17px 24px;box-shadow:0 10px 35px #0c0c0e0a}.floating-note span{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.07em;color:#7a7f89}.floating-note strong{display:block;margin-top:8px;font-size:20px;line-height:1.35}.presenter-bar{height:78px;padding:0 4vw;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);font-size:14px;color:#626873}.presenter-bar>div{margin-left:auto;display:flex;gap:8px}.presenter-bar button{border:1px solid #d5d7db;background:transparent;border-radius:4px;width:45px;height:40px;color:#17191e;font-size:20px}#step-label{margin-left:auto;font-family:ui-monospace,monospace;font-size:12px}@media(max-width:800px){.topbar{height:68px;gap:15px}.brand{font-size:23px}.project{font-size:13px}.demo-badge{display:none}.intro{grid-template-columns:1fr;padding:30px 6vw;gap:15px}.intro-visual{height:480px}.intro-phone{transform:scale(.8) rotate(3deg);transform-origin:top center}.floating-note{left:0;bottom:60px}.orb{width:320px;height:320px}.route-preview{margin-top:25px}.presenter-bar>span:first-child{display:none}.presenter-bar{height:66px}.lead{font-size:17px}h1{font-size:44px}}