:root{--ink:#e6f8f1;--muted:#9bb8ad;--bg:#071a17;--surface:#0d2923;--line:#21463c;--accent:#74e8bd;--hot:#f5c66e;--code:#06110e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;line-height:1.6}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.hero{padding:88px 0 74px;border-bottom:1px solid var(--line)}.eyebrow,.kicker{color:var(--accent);font-weight:800;font-size:.76rem;letter-spacing:.13em}.hero h1{font-size:clamp(2.7rem,7vw,5.9rem);line-height:1.02;letter-spacing:-.07em;margin:.45rem 0 1.5rem}.hero em{font-style:normal;color:var(--accent)}.lede{font-size:1.14rem;max-width:720px;color:var(--muted)}.goal-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.goal-row span,.checks span{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.82rem;color:var(--muted)}section{padding:64px 0;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:28px}.section-label span{color:var(--accent);font-weight:900;font-family:ui-monospace,monospace}.section-label h2{font-size:clamp(1.5rem,3vw,2.25rem);letter-spacing:-.04em;margin:0}.diagram-wrap{background:linear-gradient(150deg,#0c2821,#091e1a);border:1px solid var(--line);border-radius:24px;padding:12px;overflow:hidden}.diagram{display:block;width:100%;min-width:720px}.node{stroke:#2c6556;stroke-width:2}.phone{fill:#0b3128}.tunnel{fill:#10251f}.vps{fill:#12342b}.route{stroke:#74e8bd;stroke-width:3;stroke-dasharray:8 8}.heading{font-size:26px;font-weight:800;fill:#e6f8f1}.body{font-size:17px;fill:#b5d1c6}.note{font-size:14px;fill:#86a99c}.inner{fill:#092119;stroke:#2c6556}.inner-text{font-size:16px;fill:#d6eee5}.caption{color:var(--muted);margin:16px 4px 0}.caption code,.result code{color:var(--hot)}.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}.steps li{display:grid;grid-template-columns:58px 1fr;gap:18px;background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:18px}.step-no{color:var(--accent);font-size:1.4rem;font-weight:900}.steps h3,.check-card h3{margin:0;font-size:1.16rem}.steps p{margin:.25rem 0 .75rem;color:var(--muted)}pre{margin:0;background:var(--code);border:1px solid #1b3b32;padding:16px;border-radius:12px;overflow:auto;color:#d9f6e8;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.result{margin:13px 0 0!important;color:var(--ink)!important}.verify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.check-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.check-card>b{font-size:.75rem;color:var(--accent);letter-spacing:.1em}.check-card p{color:var(--muted);margin:.5rem 0 0}.terminal-card{margin-top:20px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.terminal-bar{height:40px;background:#102a23;display:flex;align-items:center;gap:7px;padding:0 15px;font-size:.75rem;color:var(--muted)}.terminal-bar span{width:9px;height:9px;border-radius:50%;background:#e8786c}.terminal-bar span:nth-child(2){background:#f5c66e}.terminal-bar span:nth-child(3){background:#74e8bd}.terminal-bar b{margin-left:6px}.terminal-card pre{border:0;border-radius:0;padding:24px}.checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.flow{display:flex;align-items:center;gap:10px;justify-content:space-between}.flow div{flex:1;text-align:center;min-width:110px;padding:15px 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.flow strong{display:block;color:var(--accent);font-size:1.35rem}.flow p{margin:2px 0 0;font-size:.9rem}.flow i{font-style:normal;color:var(--accent)}.flow .accent{border-color:var(--accent);background:#123a2e}.rule{margin-top:20px;padding:15px 17px;border-left:3px solid var(--hot);background:#14261e;color:#c9ddd5}.skip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.skip-grid span{padding:17px;background:#0a211b;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.skip-grid b{color:var(--ink);display:block}footer{display:flex;justify-content:space-between;gap:20px;padding:42px 0 70px;color:var(--muted);font-size:.9rem}footer p{margin:0}footer b{color:var(--accent)}@media(max-width:720px){.shell{width:min(100% - 28px,1120px)}.hero{padding:58px 0 50px}.diagram-wrap{overflow-x:auto}.verify-grid,.skip-grid{grid-template-columns:1fr}.flow{align-items:stretch;flex-direction:column}.flow i{transform:rotate(90deg);text-align:center}.flow div{width:100%}.steps li{grid-template-columns:38px 1fr;padding:18px;gap:8px}footer{flex-direction:column;padding-bottom:45px}.lede{font-size:1rem}}