@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
:root{color-scheme:dark;--bg:#080e18;--panel:#0e1725;--panel2:#152132;--ink:#f1f5f7;--muted:#a7b4c6;--line:#273345;--mint:#91f2d0;--blue:#99baff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.65;font-size:17px;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--mint)}button{cursor:pointer}a,button{touch-action:manipulation}button:disabled{cursor:default}p{margin:0 0 1em}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.04em;margin:0 0 .7em;font-weight:720}h1{font-size:clamp(2.5rem,4.7vw,4.25rem);letter-spacing:-.055em}h2{font-size:clamp(1.9rem,3vw,2.7rem)}h3{font-size:1.4rem}h4{font-size:1.1rem}.wrap{max-width:var(--max);margin:auto;padding:0 32px}.skip{position:fixed;top:-100px;z-index:100;background:var(--mint);color:var(--bg);padding:12px 20px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(8,14,24,.94);backdrop-filter:blur(18px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:750;font-size:22px;letter-spacing:-.04em;white-space:nowrap}.brand svg{width:34px;height:36px}.nav{display:flex;gap:25px;align-items:center}.nav a{font-size:15px;color:#c2cbd8;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 23px;background:var(--mint);color:#0a201b;border:1px solid var(--mint);border-radius:5px;font-size:16px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#b5ffe4;transform:translateY(-2px)}.button.secondary{color:var(--ink);background:transparent;border-color:#4b586a}.button.secondary:hover{background:var(--panel2)}.header .button{font-size:14px;padding:10px 16px;min-height:40px}.mobile-menu{display:none;background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 13px;border-radius:4px}.eyebrow{font-size:14px;font-weight:650;letter-spacing:.03em;color:var(--mint);display:flex;gap:12px;align-items:center;margin-bottom:24px}.eyebrow:before{content:'';width:25px;height:1px;background:currentColor}.hero{position:relative;padding:93px 0 62px;overflow:hidden}.hero:before{content:'';position:absolute;width:600px;height:600px;right:-400px;top:20px;background:radial-gradient(ellipse,rgba(105,213,188,.11),transparent 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:68px;align-items:center}.hero h1 .accent{color:var(--mint)}.hero-copy{font-size:18px;color:var(--muted);max-width:510px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-notes{margin-top:34px;display:flex;gap:22px;color:#b7c3d1;font-size:14px}.hero-notes span:before{content:'✓';margin-right:7px;color:var(--mint)}.console{background:linear-gradient(135deg,#122031,#0b1421);border:1px solid #3a4b60;border-radius:9px;box-shadow:0 28px 80px #0005;position:relative;overflow:hidden}.console-top{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--line);font-size:14px}.console-badge{border:1px solid #526479;color:#b8c7d9;border-radius:3px;font-size:12px;padding:2px 7px}.console-tabs{display:flex;gap:0;border-bottom:1px solid var(--line)}.console-tabs button{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:13px 19px;font-size:14px;flex:1}.console-tabs button[aria-selected=true]{color:var(--mint);background:#91f2d007;border-bottom-color:var(--mint)}.console-body{padding:25px}.console-label{font-size:13px;color:var(--muted);margin:0 0 13px}.diagram-core{border:1px solid #7cb39f;border-radius:5px;padding:19px;background:#91f2d00b;text-align:center}.diagram-core strong{display:block;font-size:19px;letter-spacing:-.03em}.diagram-core span{font-size:13px;color:#b1c7c3}.diagram-connector{height:33px;width:1px;background:#5e7f7a;margin:auto;position:relative}.diagram-connector:after{content:'';position:absolute;bottom:0;left:-4px;width:9px;height:9px;border-radius:50%;border:1px solid var(--mint);background:var(--panel)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module{background:#142233;border:1px solid var(--line);padding:19px 10px;text-align:center;border-radius:4px}.module strong{display:block;font-size:15px}.module small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.console-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.hero-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:29px 0;margin-top:59px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-strip>div{display:flex;gap:13px;align-items:center;padding-left:27px;border-left:1px solid var(--line)}.hero-strip>div:first-child{border:0;padding-left:0}.hero-strip b{font-size:17px}.hero-strip span{font-size:14px;color:var(--muted)}.small-icon{color:var(--mint);font-size:20px;font-weight:300}.section{padding:88px 0}.section.tight{padding:60px 0}.section.alternate{background:#0d1623;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:37px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:400px;color:var(--muted);font-size:16px;margin:0}.text-link{color:var(--mint);font-size:15px;border-bottom:1px solid #91f2d044;padding-bottom:3px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{padding:31px;border:1px solid var(--line);background:var(--panel);border-radius:5px;position:relative}.card:hover{border-color:#637a8e}.card-kicker{color:var(--mint);font-size:14px;display:block;margin-bottom:28px}.card p{font-size:16px;color:var(--muted)}.card ul{list-style:none;padding:0;margin:22px 0 30px}.card li{border-top:1px solid var(--line);padding:10px 0;color:#c7d3df;font-size:15px}.card li:before{content:'✓';color:var(--mint);margin-right:9px}.footer{border-top:1px solid var(--line);padding:52px 0 25px}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px}.footer p{color:var(--muted);font-size:14px;max-width:275px;margin-top:20px}.footer h3{font-size:15px;color:#d4deea;letter-spacing:0}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--mint)}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8a99ad;font-size:13px}.footer-bottom a{font-size:13px}.crumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-top:32px}.crumb span:before{content:'/';margin-right:10px;color:#52647a}.page-hero{padding:61px 0 65px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.5rem,4vw,3.8rem);max-width:900px}.page-hero p{max-width:735px;color:var(--muted);font-size:19px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px}.two-col p,.article p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:17px 0;border-bottom:1px solid var(--line)}.check-list strong{display:block;margin-bottom:4px;font-size:18px}.check-list span{font-size:16px;color:var(--muted)}.number-tag{color:var(--mint);display:block;font-size:14px;letter-spacing:.03em;margin-bottom:20px}.note{padding:22px 26px;border-left:2px solid var(--mint);background:#91f2d008;color:#becfda;font-size:15px;margin-top:30px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;gap:20px}.faq summary:after{content:'+';font-size:24px;color:var(--mint)}.faq details[open] summary:after{content:'−'}.faq details p{margin:18px 0 0;max-width:920px;font-size:16px;color:var(--muted)}.cta-band{padding:45px 47px;border:1px solid #406d60;background:linear-gradient(110deg,#122b28,#101b29);border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:32px;margin:0 0 11px}.cta-band p{font-size:16px;color:#bfd0d4;margin:0}.cta-band .button{flex-shrink:0}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;min-width:640px;text-align:left;font-size:15px}th,td{padding:19px 23px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--panel2);font-weight:600}td{color:var(--muted)}tr:last-child td{border-bottom:0}td:first-child{color:var(--ink);font-weight:500}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:30px 24px 0 0}.step p{font-size:15px;color:var(--muted)}.pill{display:inline-block;padding:4px 10px;border:1px solid #496274;border-radius:3px;color:#c1d4e3;font-size:13px}.feature-row{display:grid;grid-template-columns:65px 1fr 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line)}.feature-row h3{margin:0}.feature-row p{font-size:16px;color:var(--muted);margin:0}.feature-row>span{color:var(--mint);font-size:16px}.article-layout{display:grid;grid-template-columns:240px 1fr;gap:65px}.article-toc{position:sticky;top:120px;align-self:start;border-left:1px solid var(--line);padding-left:22px}.article-toc h2{font-size:15px;letter-spacing:0;color:var(--muted)}.article-toc a{display:block;padding:7px 0;font-size:14px}.article h2{font-size:29px;padding-top:15px;margin-top:30px}.article h2:first-child{margin-top:0}.article h3{font-size:22px;margin-top:25px}.article p,.article li{font-size:17px;line-height:1.9}.article ul,.article ol{padding-left:22px}.article li{padding:5px 0;color:var(--muted)}.article .table-scroll{margin:28px 0}.guide-card{display:flex;flex-direction:column;min-height:280px}.guide-card .text-link{align-self:flex-start;margin-top:auto}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tab-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:29px}.tab-bar button{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:11px 20px;border-radius:4px;font-size:15px}.tab-bar button[aria-selected=true]{color:var(--mint);border-color:var(--mint);background:#91f2d010}.demo-frame{border:1px solid #3c5067;border-radius:7px;overflow:hidden;background:var(--panel)}.demo-head{padding:20px 25px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:15px}.demo-layout{display:grid;grid-template-columns:160px 1fr}.demo-side{border-right:1px solid var(--line);padding:23px 17px;font-size:14px;color:var(--muted)}.demo-side p{padding:9px 12px;margin:0 0 6px}.demo-side .selected{background:#91f2d015;color:var(--mint);border-radius:4px}.demo-main{padding:29px}.demo-main h3{font-size:23px}.demo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.demo-box{padding:18px;background:#1a2a3e;border:1px solid var(--line);border-radius:4px}.demo-box small{font-size:13px;color:var(--muted)}.demo-box strong{font-size:18px;display:block;margin-top:5px}.demo-records{margin-top:27px}.demo-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line);font-size:14px;color:#c0cbda}.demo-row:first-child{color:var(--muted)}.demo-state{color:var(--mint)}.demo-caption{font-size:14px;color:var(--muted);margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:9px;font-size:15px}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;background:var(--panel);color:var(--ink);border:1px solid #415069;border-radius:4px;padding:13px 15px;font-size:16px}.field textarea{min-height:170px;resize:vertical}.field small{font-size:13px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:60px}.contact-info{background:var(--panel);border:1px solid var(--line);padding:33px;align-self:start;border-radius:5px}.contact-info h2{font-size:25px}.contact-info p{font-size:15px;color:var(--muted)}.form-status{font-size:14px;color:var(--mint);min-height:26px;margin-top:15px}.quote-output{padding:22px;background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;font:15px/1.8 inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.reveal{animation:rise .7s ease both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.article-layout>*,.contact-layout>*{min-width:0}.table-scroll{max-width:100%}
@media(min-width:1500px){.hero{padding-top:115px;padding-bottom:80px}}
@media(max-width:1100px){.nav{gap:15px}.nav a{font-size:14px}.header .button{display:none}.hero-grid{gap:32px}.hero-notes{gap:12px}.cards{gap:14px}.card{padding:25px}.hero-strip>div{padding-left:16px}.hero-strip span{font-size:13px}.footer-main{gap:25px}.article-layout{gap:40px;grid-template-columns:200px 1fr}}
@media(max-width:800px){.wrap{padding:0 22px}.header-inner{height:72px}.mobile-menu{display:block}.brand{font-size:20px}.brand svg{width:30px}.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{font-size:16px;padding:11px}.hero{padding:48px 0 20px}.hero-grid{grid-template-columns:1fr;gap:43px}.hero h1{font-size:44px}.hero-copy{font-size:17px}.hero-notes{gap:15px;flex-wrap:wrap;margin-top:25px}.console{max-width:620px}.hero-strip{grid-template-columns:1fr 1fr;gap:23px;margin-top:40px;padding:25px 0}.hero-strip>div{border:0;padding:0}.hero-strip b{font-size:15px}.hero-strip span{font-size:13px}.section{padding:59px 0}.section-heading{display:block;margin-bottom:27px}.section-heading p{margin-top:20px}.cards{grid-template-columns:1fr;gap:17px}.card-kicker{margin-bottom:18px}.card ul{margin-bottom:22px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:20px;align-items:flex-start}.page-hero{padding:42px 0 44px}.page-hero h1{font-size:39px}.page-hero p{font-size:17px}.two-col,.contact-layout{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr 1fr;gap:20px}.feature-row{grid-template-columns:35px 1fr;gap:12px}.feature-row p{grid-column:2}.cta-band{display:block;padding:29px}.cta-band h2{font-size:27px}.cta-band .button{margin-top:24px}.article-layout{grid-template-columns:1fr;gap:30px}.article-toc{position:static;padding-left:16px;display:flex;gap:15px;flex-wrap:wrap}.article-toc h2{width:100%;margin-bottom:0}.article-toc a{font-size:13px}.guide-grid{grid-template-columns:1fr}.demo-layout{grid-template-columns:1fr}.demo-side{display:flex;overflow:auto;border:0;border-bottom:1px solid var(--line);padding:10px}.demo-side p{white-space:nowrap;font-size:13px;margin:0}.demo-main{padding:20px}.demo-summary{gap:8px}.demo-box{padding:13px}.demo-box strong{font-size:15px}.demo-box small{font-size:12px}.demo-row{font-size:12px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.module strong{font-size:14px}.console-body{padding:20px}.console-tabs button{padding:12px 10px}.hero-notes span{font-size:13px}}
@media(max-width:400px){.hero h1{font-size:39px}.hero-strip>div{gap:8px}.hero-strip>div span{display:none}.hero-notes{gap:10px}.module small{font-size:11px}.module{padding:16px 6px}.console-bottom{font-size:11px}.footer-main{gap:25px}.actions .button{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}*,*:before,*:after{transition:none!important}}
.brand svg{width:36px;height:36px;flex-shrink:0}.hero h1{font-size:clamp(2.35rem,4.2vw,3.55rem)}.guide-jump{display:flex;flex-wrap:wrap;gap:12px;padding:30px 0 0}.guide-jump a{border:1px solid var(--line);border-radius:4px;padding:10px 15px;font-size:15px;color:var(--mint)}.guide-jump a:hover{background:var(--panel2)}.article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px;color:var(--muted);font-size:14px}.article-meta a{color:var(--mint)}.article-example{border:1px solid #42675e;background:#91f2d009;padding:24px;border-radius:5px;margin:25px 0}.article-example h3{margin-top:0}.article-example p:last-child{margin-bottom:0}.article a:not(.text-link){color:var(--mint);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.guide-card h3 a:hover{color:var(--mint)}.article-layout .article{min-width:0}.article section{scroll-margin-top:110px}
@media(max-width:800px){.hero h1{font-size:clamp(2rem,7.7vw,2.75rem)}.article-example{padding:20px}.article h2{font-size:25px}.guide-jump{gap:8px}.guide-jump a{font-size:14px;padding:9px 12px}}
.home-reading{max-width:960px}.home-reading p{color:var(--muted);font-size:17px;line-height:1.95;margin-bottom:1.4em}.home-reading p.home-reading-lead{font-size:20px;color:#d6e2ee;line-height:1.8}.home-reading h3{font-size:25px;margin-top:36px;margin-bottom:17px}.home-reading .table-scroll{margin:28px 0}.home-reading .actions{margin-top:30px}.home-reading .note{line-height:1.8}
@media(max-width:800px){.home-reading p.home-reading-lead{font-size:18px}.home-reading h3{font-size:23px}}