:root{--bg:#070b14;--bg2:#0d1322;--panel:#111a2c;--text:#f5f7fb;--muted:#a7b2c6;--line:rgba(255,255,255,.1);--accent:#36d399;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 70% 5%,rgba(54,211,153,.12),transparent 28rem),var(--bg);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(7,11,20,.8);backdrop-filter:blur(16px)}.header-inner{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.bike-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent);font-size:23px}.brand b,.brand small{display:block}.brand b{font-size:16px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.08em}nav{display:flex;gap:28px;color:#c7d0df;font-size:14px}.btn{min-height:48px;padding:0 22px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.small{min-height:40px;padding:0 16px;font-size:13px}.primary{color:#06130e;background:linear-gradient(135deg,var(--accent),#6aebbe)}.ghost{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05)}.hero{padding:92px 0 100px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:58px}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(44px,6vw,76px);line-height:1.1;letter-spacing:-.055em}h1 span{color:var(--accent)}.lead{margin:28px 0 0;color:#b8c1d1;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.note{font-size:12px;color:#7f899c}.mockup{border:1px solid rgba(255,255,255,.13);border-radius:24px;overflow:hidden;background:#09101e;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:perspective(1200px) rotateY(-3deg)}.mock-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#131b2c}.mock-top i{width:9px;height:9px;border-radius:50%;background:#35435a}.mock-top span{font-size:10px;color:#7f8ba0;margin-left:8px}.mock-body{height:390px;display:grid;grid-template-columns:38% 62%}.mock-body aside{padding:18px;background:#111a2b}.mock-body h3{font-size:13px;margin:0 0 14px}.mock-body input,.mock-body button{width:100%;height:31px;margin-bottom:8px;border-radius:7px;border:1px solid rgba(255,255,255,.06);padding:0 10px;background:#1a2538;color:#8995a9;font-size:9px}.mock-body button{border:0;background:var(--accent);color:#06130e;font-weight:800}.map{height:160px;margin-top:12px;border-radius:10px;overflow:hidden;background:#d9e3d4}.map svg{width:100%;height:100%}.road{fill:none;stroke:white;stroke-width:22;stroke-linecap:round}.route{fill:none;stroke:#198cff;stroke-width:8;stroke-linecap:round}.pin{stroke:white;stroke-width:3}.start{fill:#2a8cff}.end{fill:#f04f5f}.roadview{position:relative;overflow:hidden;background:#9fc7e4}.sky{position:absolute;inset:0 0 48% 0;background:linear-gradient(#8fc0e4,#dcebf1)}.mountains{position:absolute;left:-5%;right:-5%;bottom:35%;height:43%;background:#47765f;clip-path:polygon(0 85%,12% 45%,25% 66%,42% 28%,59% 73%,73% 38%,87% 67%,100% 49%,100% 100%,0 100%)}.trees{position:absolute;left:0;right:0;bottom:30%;height:25%;background:radial-gradient(circle at 8% 90%,#1c4938 0 13%,transparent 14%),radial-gradient(circle at 88% 92%,#1d4938 0 15%,transparent 16%)}.street{position:absolute;left:5%;right:5%;bottom:-2%;height:52%;background:#414a51;clip-path:polygon(36% 0,64% 0,100% 100%,0 100%)}.line{position:absolute;left:49%;bottom:0;width:2%;height:46%;background:repeating-linear-gradient(to bottom,#efe2a1 0 18px,transparent 18px 34px);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}.player{position:absolute;left:14px;right:14px;bottom:14px;height:38px;border-radius:10px;background:rgba(7,11,20,.84);display:flex;align-items:center;gap:10px;padding:0 12px}.player b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#06130e;font-size:9px}.player>span{flex:1;height:4px;background:#354056;border-radius:99px;overflow:hidden}.player>span i{display:block;width:42%;height:100%;background:var(--accent)}.player small{color:#b7c1d1}.section{padding:100px 0}.dark{background:var(--bg2);border-block:1px solid var(--line)}h2{margin:0 0 42px;font-size:clamp(30px,4vw,48px);line-height:1.22;letter-spacing:-.04em}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{min-height:255px;padding:26px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,#121c2e,#0e1626)}.cards em{font-style:normal;color:var(--accent);font-size:12px;font-weight:900}.cards h3{margin:48px 0 12px}.cards p,.steps p,.notice>p{color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{padding:28px;border-top:1px solid rgba(255,255,255,.16)}.steps strong{color:var(--accent);font-size:42px}.notice{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding:42px;border:1px solid rgba(54,211,153,.24);border-radius:24px;background:linear-gradient(130deg,rgba(54,211,153,.08),transparent 40%),#101827}.notice h2{margin-bottom:0}.cta{padding-top:30px}.cta-box{padding:50px;border-radius:26px;border:1px solid var(--line);background:radial-gradient(circle at 85% 0,rgba(54,211,153,.2),transparent 22rem),#111a2c;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0}.cta .actions{margin:0;flex-shrink:0}footer{border-top:1px solid var(--line);padding:30px 0;color:#7f899c;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner p{margin:0}@media(max-width:980px){nav{display:none}.hero-grid{grid-template-columns:1fr}.mockup{transform:none}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{width:min(calc(100% - 24px),var(--max))}.header .small{display:none}.hero{padding:62px 0 72px}h1{font-size:46px}.lead{font-size:15px}.actions{display:grid}.mock-body{height:455px;grid-template-columns:1fr;grid-template-rows:210px 245px}.mock-body aside{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mock-body h3{grid-column:1/-1}.mock-body input,.mock-body button{margin:0}.map{grid-column:1/-1;height:82px;margin:0}.cards,.steps{grid-template-columns:1fr}.cards article{min-height:auto}.cards h3{margin-top:26px}.section{padding:72px 0}.notice{grid-template-columns:1fr;gap:20px;padding:30px 24px}.cta-box{flex-direction:column;align-items:stretch;padding:34px 24px}.footer-inner{flex-direction:column}}


.btn-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;user-select:none}