:root{--bg:#030817;--panel:#0d172a;--panel2:#111d33;--line:#1c2a43;--text:#eaf0ff;--muted:#8290aa;--purple:#7b6cff;--purple2:#a276ff;--green:#28d6a2;--red:#ff5370;--blue:#4d87ff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.narrow{max-width:900px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;width:min(var(--max),calc(100% - 40px));margin:auto;position:relative;z-index:20}.brand{font-weight:900;letter-spacing:-.04em;font-size:15px}.brand span{color:var(--purple)}nav{display:flex;align-items:center;gap:28px;color:#9ba8be;font-size:14px}nav a:hover{color:white}.nav-cta{color:white!important;border:1px solid #34415a;border-radius:9px;padding:9px 15px}.menu-button{display:none;background:none;border:1px solid var(--line);color:white;border-radius:8px;padding:7px 11px}.hero{text-align:center;padding:92px 0 44px}.eyebrow,.section-title>span,.final-cta span{display:inline-block;color:#bca8ff;background:#241c45;border:1px solid #49368a;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:800;letter-spacing:.06em}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.12;letter-spacing:-.055em;margin:25px 0 22px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#8e80ff,#bb7bff);-webkit-background-clip:text;color:transparent}.hero-lead{max-width:790px;margin:0 auto 14px;color:#a9b4c9;font-size:18px}.hero-copy{max-width:830px;margin:0 auto;color:#687791;font-size:13px}.hero-actions{display:flex;justify-content:center;gap:12px;margin:30px 0 12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:10px;font-weight:800;font-size:14px}.primary{background:linear-gradient(135deg,#6656ef,#985dff);box-shadow:0 10px 35px #714df64d}.secondary{border:1px solid #34415a;background:#0a1221}.hero small{color:#5f6c84}
/* 첫 화면 PDF 받기 — 본 버튼(보라)보다 조용하되 눈에는 띄게 */
.hero-downloads{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.pdf-button{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:10px;border:1px solid #3b4a68;background:linear-gradient(145deg,#111c31,#0b1424);font-size:13px;font-weight:700;color:#cfd8ea;transition:border-color .15s,transform .15s}
.pdf-button:hover{border-color:var(--purple2);transform:translateY(-1px)}
.pdf-button b{font-size:10px;font-weight:900;letter-spacing:.08em;color:#bca8ff;background:#241c45;border:1px solid #49368a;border-radius:6px;padding:3px 7px}
.pdf-button i{font-style:normal;color:var(--green);font-weight:900}.terminal-wrap{padding:46px 0 95px}.terminal-bar{height:38px;background:#101a2c;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;display:flex;align-items:center;padding:0 16px;gap:7px;color:#57657c;font-size:10px}.terminal-bar i{width:7px;height:7px;border-radius:50%;background:#34435d}.terminal-bar span{margin-left:8px}.terminal-bar b{margin-left:auto;color:var(--green)}.terminal{height:380px;background:#091221;border:1px solid var(--line);border-radius:0 0 14px 14px;display:grid;grid-template-columns:160px 270px 1fr;overflow:hidden}.terminal-nav{padding:24px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.terminal-nav strong{color:#8172ff;line-height:1.1;margin:0 10px 18px}.terminal-nav button{border:0;background:transparent;color:#586780;text-align:left;padding:10px 12px;border-radius:7px;font-size:12px}.terminal-nav button.active{background:#33296a;color:#c4bbff}.room-list{padding:20px 12px;border-right:1px solid var(--line);overflow:hidden}.room{background:#101b30;border:1px solid #1a2944;border-radius:8px;padding:13px;margin-bottom:9px}.room div{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.room b{color:var(--green)}.room small{color:#53647e}.road-panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;color:#b8c3d8;font-size:13px}.panel-heading b{color:#5f6e87;font-size:11px}.bead-road{display:grid;grid-template-columns:repeat(12,18px);grid-template-rows:repeat(6,18px);grid-auto-flow:column;gap:5px;margin:32px 0 37px;min-height:133px}.bead{border:2px solid var(--blue);border-radius:50%;width:17px;height:17px}.bead.b{border-color:var(--red)}.bead.t{border-color:var(--green);position:relative}.bead.t:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--green)}.signals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.signals article{background:#101b30;border:1px solid #1b2943;border-radius:8px;text-align:center;padding:12px 4px}.signals span{display:block;color:#60708b;font-size:10px}.signals strong{display:inline-block;margin:7px;font-size:20px}.signals b{display:block;color:var(--green);font-size:11px}.player{color:var(--blue)}.banker{color:var(--red)}.section{padding:100px 0}.alt{background:#050b1a;border-top:1px solid #0e1729;border-bottom:1px solid #0e1729}.section-title{text-align:center;margin-bottom:42px}.section-title>span{background:transparent;border:0;padding:0;color:#7569ef}.section-title h2{font-size:36px;line-height:1.2;letter-spacing:-.04em;margin:10px 0}.section-title p{color:var(--muted);margin:0}.card-grid,.feature-grid,.guide-grid{display:grid;gap:16px}.tools-grid{grid-template-columns:repeat(3,1fr)}.card-grid article,.guide-grid article,.feature-grid article{background:linear-gradient(145deg,#101a2e,#0b1425);border:1px solid var(--line);border-radius:12px;padding:26px}.card-grid h3,.guide-grid h3,.feature-grid h3{margin:11px 0 8px;font-size:17px}.card-grid p,.guide-grid p,.feature-grid p{color:var(--muted);font-size:14px;margin:0 0 16px}.card-grid a{color:#978bff;font-size:13px;font-weight:800}.icon,.feature-grid i{font-style:normal;color:#8e80ff;font-size:24px}.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-grid b{color:#6f63e9}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article{padding:24px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-grid article{position:relative;padding:28px 20px 10px}.step-grid b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 8px #7b6cff18}.step-grid h3{font-size:16px;margin:20px 0 7px}.step-grid p{color:var(--muted);font-size:14px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.pricing-grid article{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:30px}.pricing-grid .popular{border-color:#7d6dff;box-shadow:0 0 40px #715cff1b}.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--purple);border-radius:99px;padding:3px 14px;font-size:11px;font-weight:800;white-space:nowrap}.price{font-size:29px;font-weight:900;margin:20px 0}.price small{font-size:12px;color:var(--muted)}ul{list-style:none;padding:0;color:#9ba9c0;font-size:14px}li{margin:9px 0}li:before{content:"✓";color:var(--green);margin-right:9px}.pricing-grid button{width:100%;margin-top:15px;border:1px solid #34415a;background:#101a2d;color:white;border-radius:8px;padding:10px;cursor:pointer}.popular button{background:var(--purple);border-color:var(--purple)}.pricing-note{text-align:center;color:#5d6a80;font-size:12px}.comparison{border:1px solid var(--line);border-radius:12px;overflow:hidden}.comparison>div{display:grid;grid-template-columns:2fr 1fr 1fr;padding:15px 22px;border-bottom:1px solid var(--line);align-items:center}.comparison>div:first-child{background:#0d1728}.comparison>div:last-child{border:0}.comparison b{text-align:center;font-size:13px}.comparison span{color:#9ca9bd}.comparison strong{text-align:center;color:var(--green)}.comparison em{text-align:center;color:#64738c;font-style:normal}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:9px 0;padding:0 20px}.faq summary{padding:18px 0;cursor:pointer;font-weight:800;list-style:none}.faq summary:after{content:"+";float:right;color:#8174fb;font-size:20px}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);margin:-4px 0 20px;font-size:14px}.final-cta{text-align:center;padding:105px 0;background:radial-gradient(circle at 50% 100%,#1d1748 0,transparent 52%),#060c1b}.final-cta span{background:transparent;border:0}.final-cta h2{font-size:40px;margin:12px 0 8px}.final-cta p{color:var(--muted);margin-bottom:25px}footer{padding:38px 0;border-top:1px solid var(--line);text-align:center;color:#5d6980;font-size:12px}footer .brand{display:inline-block;color:white;margin-bottom:10px}footer p{margin:4px}.toast{position:fixed;right:20px;bottom:20px;background:#151f35;border:1px solid #455477;border-radius:10px;padding:14px 18px;box-shadow:0 15px 45px #0008;z-index:99;font-size:13px;animation:slide .25s ease}@keyframes slide{from{transform:translateY(15px);opacity:0}}
@media(max-width:800px){.site-header{height:64px}.menu-button{display:block}nav{display:none;position:absolute;top:60px;left:0;right:0;padding:16px;background:#0d1628;border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:stretch;gap:5px}nav.open{display:flex}nav a{padding:10px}.hero{padding-top:64px}.hero-copy{display:none}.hero-actions{flex-direction:column;width:min(320px,100%);margin:26px auto 12px}.hero-downloads{flex-direction:column;width:min(320px,100%);margin:0 auto 14px}.pdf-button{justify-content:center}.terminal{grid-template-columns:110px 1fr;height:420px}.terminal-nav{padding:15px 8px}.room-list{display:none}.road-panel{padding:16px}.signals{grid-template-columns:repeat(2,1fr)}.tools-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr;gap:5px}.section{padding:72px 0}.section-title h2{font-size:30px}.pricing-grid{gap:24px}.final-cta h2{font-size:32px}}@media(max-width:480px){.shell,.site-header{width:min(100% - 28px,var(--max))}.hero h1{font-size:39px}.hero-lead{font-size:16px}.terminal{grid-template-columns:1fr;height:auto}.terminal-nav{display:none}.road-panel{min-height:390px}.bead-road{grid-template-columns:repeat(9,18px);overflow:hidden}.comparison>div{grid-template-columns:1.6fr 1fr 1fr;padding:13px 10px;font-size:12px}}
