:root{--ink:#142f31;--primary:#246b66;--accent:#f4d35e}
:root{--ink:#132437;--primary:#2868c7;--accent:#a6e643;--paper:#f5f7fa;--muted:#586779;--line:#c7d0dc;font-family:Inter,"Noto Sans KR",Arial,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,p{margin-top:0}h1{font-size:clamp(2.5rem,5.8vw,5.8rem);line-height:1.07;letter-spacing:-.045em}h2{font-size:clamp(1.45rem,2.8vw,2.6rem);line-height:1.25;letter-spacing:-.025em}p{color:var(--muted)}.skip{position:fixed;z-index:20;top:.5rem;left:.5rem;padding:1rem;background:var(--accent);transform:translateY(-160%);font-weight:850}.skip:focus{transform:none}header{display:flex;align-items:center;gap:2rem;padding:1.2rem clamp(1.2rem,5vw,5rem);border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:.8rem;font-weight:900;line-height:1.2;margin-right:auto}.brand img{border-radius:12px}.brand span{max-width:24rem}nav{display:flex;gap:1.5rem;flex-wrap:wrap}nav a{font-weight:750}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(3rem,6vw,7rem);padding:clamp(4rem,7vw,7rem) clamp(1.2rem,5vw,5rem);align-items:center;background:var(--ink);color:#fff;overflow:hidden}.eyebrow{font:850 .78rem/1.4 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.hero .eyebrow{color:var(--accent)}.hero h1{max-width:950px}.hero .lede{color:#e0e6ef;max-width:820px;font-size:clamp(1.1rem,1.6vw,1.3rem)}.hero-visual{padding:1.5rem 1.5rem 0;background:#ffffff12;border:1px solid #ffffff35;box-shadow:18px 18px 0 var(--primary);max-width:420px;justify-self:center;transform:rotate(2deg)}.hero-visual>img{display:block;max-height:570px;width:auto;margin:1rem auto 0;border-radius:18px 18px 0 0}.panel-label,.panel-caption{display:block;font:850 .72rem/1.5 ui-monospace,monospace;letter-spacing:.08em;color:var(--accent)}.panel-caption{padding:.8rem 0}.store-block{margin-top:2rem}.store-row{display:flex;flex-wrap:wrap;gap:.8rem}.store-link{display:flex;align-items:center;justify-content:center;background:#000;border-radius:10px;width:194px;height:75px;min-width:194px;min-height:75px;flex:0 0 194px;overflow:hidden}.store-link img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.store-link img[src*="google-play"]{width:194px;height:75px}/* store-badge-frame-sync */.note{font-size:.82rem}.hero .note,.final-cta .note{color:#b9c8db}.benefits{display:grid;grid-template-columns:repeat(3,1fr);background:var(--accent);border-bottom:1px solid var(--ink)}.benefits article{padding:1.5rem clamp(1.2rem,3vw,3rem);border-right:1px solid #17243735}.benefits span{font:800 .8rem ui-monospace,monospace}.benefits h2{margin:.6rem 0 0;font-size:1.25rem}.section,.article{margin:auto;padding:clamp(3.5rem,7vw,6rem) clamp(1.2rem,5vw,5rem);max-width:1500px}.section>h2{max-width:950px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;max-width:1120px}.screens figure{margin:0;border:1px solid var(--line);padding:1rem;background:#fff;box-shadow:8px 8px 0 var(--ink)}.screens img{display:block;width:100%;border-radius:10px}.screens figcaption{margin-top:1rem;font-weight:750}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.guide-card{padding:1.5rem;background:#fff;border:1px solid var(--line);border-top:5px solid var(--primary);transition:transform .15s}.guide-card:hover{transform:translateY(-3px)}.guide-card h2{font-size:1.35rem;margin-top:.7rem}.guide-card p{margin-bottom:0}.text-link{display:inline-block;margin-top:2rem;border-bottom:3px solid var(--primary);font-weight:850}.official-source{margin:2rem clamp(1.2rem,5vw,5rem) 4rem;padding:1.5rem 2rem;border-left:7px solid var(--primary);background:#e7edf3}.official-source h2{font-size:1.4rem}.official-source a{text-decoration:underline;font-weight:750;overflow-wrap:anywhere}.official-source ul{padding-left:1.3rem}.final-cta{margin:0 clamp(1.2rem,5vw,5rem) 5rem;padding:clamp(2rem,5vw,4rem);background:var(--ink);color:#fff;box-shadow:12px 12px 0 var(--accent)}.final-cta h2{max-width:950px}.final-cta .eyebrow{color:var(--accent)}.narrow{max-width:950px}.breadcrumbs{font-size:.83rem;margin-bottom:3rem;color:var(--muted);gap:.6rem}.article-heading{max-width:1100px}.article-heading .lede{max-width:850px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(2rem,7vw,7rem);margin-top:4rem}.article-layout>div>section{border-bottom:1px solid var(--line);padding-bottom:2rem;margin-bottom:3rem}.article-layout h2{font-size:1.5rem}.article-layout p{max-width:850px}.article-layout .official-source{margin-inline:0}.app-aside{position:sticky;top:1rem;height:fit-content;padding:1.4rem;border:1px solid var(--line);background:#fff;box-shadow:7px 7px 0 var(--accent)}.app-aside>img{border-radius:16px}.app-aside h2{margin-top:1rem}.related{margin-top:4rem;border-top:2px solid var(--ink);padding-top:2rem}.related .guide-grid{grid-template-columns:1fr 1fr}details{border-bottom:1px solid var(--line);padding:1.3rem 0}summary{cursor:pointer;font-size:1.1rem;font-weight:800}details p{padding-top:1rem}.policy section{margin:2.5rem 0}.policy h2{font-size:1.4rem}.policy a{font-weight:850;text-decoration:underline}footer{padding:3rem clamp(1.2rem,5vw,5rem);background:var(--ink);color:#fff}footer p{color:#b9c8db;max-width:1000px}footer nav{margin-top:1.5rem}footer .note{margin:2rem 0 0}.speech .hero{background:linear-gradient(105deg,var(--ink) 65%,var(--primary) 65%)}.speech .hero h1{font-family:Georgia,serif;letter-spacing:-.025em}.speech .hero-visual{transform:rotate(-3deg);border:0;border-bottom:12px solid var(--accent);box-shadow:none}.flight .hero{background:linear-gradient(135deg,var(--ink) 58%,var(--primary) 58%)}.flight .hero-visual{transform:none;box-shadow:18px -18px 0 var(--accent)}.security .hero-visual{border-radius:0;transform:none;border-left:12px solid var(--accent)}.security .benefits{background:var(--ink);color:#fff}.security .benefits article{border-color:#ffffff30}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.hero :focus-visible,footer :focus-visible{outline-color:var(--accent)}@media(max-width:1000px){header{flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-visual{max-width:330px}.hero-copy{max-width:900px}.guide-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.app-aside{position:static;max-width:600px}}@media(max-width:650px){header nav{width:100%;gap:1.2rem}.hero h1{font-size:clamp(2.6rem,10vw,4rem)}.benefits,.screens,.guide-grid,.related .guide-grid{grid-template-columns:1fr}.screens{max-width:420px;margin-inline:auto}.benefits article{border-bottom:1px solid #17243735}.official-source{padding:1.2rem}.store-row{flex-direction:column;align-items:flex-start}.brand span{max-width:260px}.hero-visual{max-width:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}}

:root{--ink:#142f31;--primary:#246b66;--accent:#f4d35e}
.store-row>.store-link img[src*="app-store"]{width:180px;height:60px}
@media(max-width:650px){html[lang="ko"] .article-heading h1{font-size:clamp(1.2rem,6vw,2.6rem);word-break:keep-all;overflow-wrap:normal}}