:root{color-scheme:dark;--bg:#091321;--panel:#142234;--line:#314458;--fg:#f2f8ff;--dim:#bbccdc;--mint:#acf4d0;font:16px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--fg);background:radial-gradient(ellipse at 85% -10%,#214b4c55,transparent 49%),radial-gradient(ellipse at 10% 85%,#194a6055,transparent 45%),var(--bg)}.wrap{max-width:1120px;padding:0 25px;margin:0 auto}a{color:var(--mint)}a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
header{border-bottom:1px solid var(--line)}.head{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:90px}.brand{display:flex;gap:13px;align-items:center;color:var(--fg);text-decoration:none;font-weight:850;letter-spacing:.02em}.logo{display:grid;place-items:center;background:linear-gradient(125deg,#c0f8dc,#81bfcf);height:42px;width:42px;border-radius:13px;color:#06443e;font-size:25px;font-weight:900}.micro{display:block;color:var(--dim);font-size:9px;letter-spacing:.16em;line-height:1.2;font-weight:750}.links{display:flex;flex-wrap:wrap;gap:22px}.links a{font-size:13px;text-decoration:none;color:var(--dim)}.links a[aria-current=page],.links a:hover{color:var(--mint)}
.hero{display:grid;grid-template-columns:1.18fr .82fr;gap:65px;align-items:center;padding:95px 0 90px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--mint);font-weight:800;text-transform:uppercase}.tag{display:inline-flex;align-items:center;gap:9px;border-radius:100px;border:1px solid #35635d;color:var(--mint);padding:4px 14px;background:#163b3a44;font-size:12px;font-weight:800}.tag::before{content:"";width:7px;height:7px;border-radius:100%;background:var(--mint)}h1{font-size:clamp(40px,5.4vw,70px);letter-spacing:-.06em;line-height:1.18;margin:25px 0 23px;word-break:keep-all}h1 em{font-style:normal;color:var(--mint)}.lead{color:var(--dim);font-size:17px;line-height:1.95;max-width:650px;word-break:keep-all}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 23px;border-radius:11px;font-size:14px;font-weight:800;text-decoration:none;border:1px solid var(--line);transition:transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--mint);border-color:var(--mint);color:#0a3333}.outline{color:var(--fg);background:#162435}.muted{color:var(--dim)}.small{font-size:13px}
.preview{padding:25px;background:linear-gradient(145deg,#1a3146,#101d2e);border:1px solid #3a566c;border-radius:24px;box-shadow:0 25px 70px #0007}.dots{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:18px}.dots span{height:8px;width:8px;border-radius:50%;background:#526d81}.dots span:first-child{background:var(--mint)}.preview .eyebrow{margin:23px 0 18px}.step{display:flex;align-items:center;gap:13px;border-radius:13px;padding:16px;margin:10px 0;border:1px solid #345066;background:#101e2c}.step b{display:grid;place-items:center;flex:none;border-radius:10px;background:#234858;color:var(--mint);width:40px;height:40px}.step span{font-weight:700;font-size:14px}.step small{display:block;font-weight:400;color:var(--dim);font-size:12px}.arrow{text-align:center;color:var(--mint);line-height:1}
section.block{border-top:1px solid #ffffff18;padding:72px 0}.block h2{font-size:clamp(25px,3.1vw,38px);margin:13px 0;letter-spacing:-.04em;line-height:1.3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card{padding:28px;border-radius:17px;border:1px solid var(--line);background:var(--panel)}.card .symbol{color:var(--mint);font-size:26px}.card h3{font-size:18px;margin:18px 0 10px}.card p{font-size:14px;margin:0;color:var(--dim)}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px}.split aside{background:var(--panel);border-radius:17px;padding:30px;border:1px solid var(--line);color:var(--dim)}.split li{margin:12px 0}
.doc{max-width:885px;padding-top:70px;padding-bottom:100px}.doc h1{font-size:clamp(40px,5vw,58px);margin:10px 0 20px}.doc .intro{font-size:17px;color:#d2e2ed}.doc h2{font-size:22px;line-height:1.45;border-top:1px solid var(--line);padding-top:28px;margin-top:43px}.doc p,.doc li{color:var(--dim);font-size:15px;line-height:2}.doc a{color:var(--mint);text-underline-offset:3px}.notice{border-radius:13px;border:1px solid #4b7865;padding:18px 20px;background:#193a3344;font-size:14px;margin:26px 0;color:#cbe5db}
footer{border-top:1px solid var(--line);padding:35px 0 50px}.foot{display:flex;justify-content:space-between;align-items:start;gap:25px;flex-wrap:wrap}.foot p{font-size:12px;max-width:590px;color:var(--dim);line-height:1.7}.footnav{display:flex;gap:20px;flex-wrap:wrap}.footnav a{font-size:13px;color:var(--dim);text-decoration:none}.footnav a:hover{color:var(--mint)}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:35px;padding:65px 0}.preview{max-width:590px}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}.head{padding:20px 0;align-items:flex-start}.links{gap:13px}section.block{padding:52px 0}}
@media(max-width:500px){.head{display:block}.head .links{margin-top:18px}.wrap{padding:0 17px}.doc{padding-top:45px;padding-bottom:65px}.hero{padding:50px 0}.preview{padding:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}