@font-face{font-family:"Space Grotesk";src:url(/fonts/space-grotesk.woff2) format("woff2");
font-weight:300 700;font-display:swap}
@font-face{font-family:"Space Grotesk Fallback";src:local("Arial");
size-adjust:111.25%;ascent-override:88.45%;descent-override:26.25%;line-gap-override:0%}
:root{
--paper:#fdfcf9; --surface:#fff; --soft:#f6f4ee; --sunk:#f1eee5;
--ink:#0d1f3c; --ink2:#4a4a4a; --ink3:#6b665a;
--line:#e4dfd3; --line2:#cfc7b6;
--navy:#0d1f3c; --navy2:#24365a; --navy-deep:#1a1a2e;
--navy-ink:#e6e2d9; --navy-dim:#c9a96e;
--gold:#c9a96e; --gold-dk:#b08e54; --gold-tint:#f3ecdd;
--accent:#7f6224; --accent2:#6a521e; --accent-soft:#f5efe2;
--warn:#7a4300; --warnbg:#fbf2e4; --warnln:#dfc59b;
--ok:#0c5637; --okbg:#eef4ef; --okln:#b6cfc0;
--bad:#8a1c1c; --badbg:#fbeeee; --badln:#e3b4b4;
--focus:#0d1f3c; --pending-sub:#645a4a;
--sg0:#0d1f3c;--sg1:#24365a;--sg2:#3d5480;--sg3:#8a6a28;--sg4:#b08e54;--sg5:#c9a96e;
--cardbg:#fdfcf9; --cardbtn:#0d1f3c;
--font-display:"Space Grotesk","Space Grotesk Fallback",-apple-system,
BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--radius:8px; --radius-sm:5px;
--measure:42rem;
--shell:66rem;
}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]){
--paper:#15161b; --surface:#1c1e25; --soft:#22242c; --sunk:#2a2d36;
--ink:#ece9e3; --ink2:#b3aea4; --ink3:#a49e93;
--line:#2f323b; --line2:#414652;
--navy:#232c40; --navy2:#35415c;
--gold-dk:#d8bd8a; --gold-tint:#241f14;
--accent:#d8bd8a; --accent2:#e6d1a8; --accent-soft:#241f14;
--warn:#e0ad63; --warnbg:#241c0e; --warnln:#5a4523;
--ok:#5cbb8c; --okbg:#0f2119; --okln:#255742;
--bad:#e88f8f; --badbg:#241313; --badln:#5c2a2a;
--focus:#d8bd8a; --pending-sub:#a49b8b;
--cardbg:#20242e; --cardbtn:#3d4c6e;
--sg0:#7a90b8;--sg1:#8fa4c8;--sg2:#a6b8d6;--sg3:#c9a96e;--sg4:#d8bd8a;--sg5:#e6d1a8;
}
}
[data-theme=dark]{
--paper:#15161b; --surface:#1c1e25; --soft:#22242c; --sunk:#2a2d36;
--ink:#ece9e3; --ink2:#b3aea4; --ink3:#a49e93;
--line:#2f323b; --line2:#414652;
--navy:#232c40; --navy2:#35415c;
--gold-dk:#d8bd8a; --gold-tint:#241f14;
--accent:#d8bd8a; --accent2:#e6d1a8; --accent-soft:#241f14;
--warn:#e0ad63; --warnbg:#241c0e; --warnln:#5a4523;
--ok:#5cbb8c; --okbg:#0f2119; --okln:#255742;
--bad:#e88f8f; --badbg:#241313; --badln:#5c2a2a;
--focus:#d8bd8a; --pending-sub:#a49b8b;
--cardbg:#20242e; --cardbtn:#3d4c6e;
--sg0:#7a90b8;--sg1:#8fa4c8;--sg2:#a6b8d6;--sg3:#c9a96e;--sg4:#d8bd8a;--sg5:#e6d1a8;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
font:400 1.0625rem/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
text-rendering:optimizeLegibility}
html[lang=ko] body{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",
Pretendard,"Noto Sans KR","Malgun Gothic","Nanum Gothic","Segoe UI",Roboto,sans-serif;
line-height:1.85;word-break:keep-all}
html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{letter-spacing:-.005em;line-height:1.4}
@media (max-width:36rem){html[lang=es] p,html[lang=en] p{hyphens:auto}}
a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:.06em}
a:hover{color:var(--accent2)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}
img{max-width:100%;height:auto}
::selection{background:var(--accent-soft);color:var(--ink)}
h1,h2,h3,.hero h1,.brand b{font-family:var(--font-display)}
html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] .brand b{
font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",Pretendard,
"Noto Sans KR","Malgun Gothic",sans-serif}
h1 em,h2 em,h3 em{font-style:normal;color:var(--accent);font-weight:inherit}
.hero h1 em,.hero h2 em,.band-navy h2 em{color:var(--gold);
text-shadow:0 0 26px rgba(201,169,110,.42)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:.5rem;top:.5rem;background:var(--surface);color:var(--ink);padding:.6rem .8rem;z-index:99;border-radius:var(--radius-sm)}
.top{background:var(--navy);color:var(--navy-ink);font-size:.8125rem}
.top .in{max-width:var(--shell);margin:0 auto;padding:.45rem 1.125rem;display:flex;gap:1rem;
flex-wrap:wrap;align-items:center;justify-content:space-between}
.top a{color:#cfe0f2}.top b{color:#fff;font-weight:600}
header.mast{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:40}
.mast .in{max-width:var(--shell);margin:0 auto;padding:.75rem 1.125rem;display:flex;gap:1rem;align-items:center;justify-content:space-between}
.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);line-height:1.15}
.brand b{font-size:1.0625rem;letter-spacing:-.015em;font-weight:650}
.brand span{font-size:.6875rem;color:var(--ink3);letter-spacing:.1em;text-transform:uppercase;margin-top:.15rem}
.callbtn{background:var(--gold);color:var(--navy);text-decoration:none;font-weight:650;
padding:.6rem 1.25rem;border-radius:999px;white-space:nowrap;font-size:.9375rem;
transition:background .15s ease}
.callbtn:hover,.callbtn.big:hover{background:var(--gold-dk);color:var(--navy)}
nav.main{border-bottom:1px solid var(--line);background:var(--soft)}
nav.main .in{max-width:var(--shell);margin:0 auto;padding:0 1.125rem;display:flex;gap:.15rem;
overflow-x:auto;scrollbar-width:thin}
nav.main a{display:block;position:relative;padding:.65rem .75rem;font-size:.9375rem;
text-decoration:none;color:var(--ink2);white-space:nowrap;transition:color .15s ease}
nav.main a::after{content:"";position:absolute;left:.75rem;right:100%;bottom:0;height:3px;
background:var(--gold-dk);transition:right .22s cubic-bezier(.2,.7,.3,1)}
nav.main a:hover{color:var(--accent)}
nav.main a:hover::after{right:.75rem}
nav.main a[aria-current=true]{color:var(--accent);font-weight:650}
nav.main a[aria-current=true]::after{right:.75rem;background:var(--accent)}
.navdd .dd{display:none}
@media (min-width:56rem){
nav.main .in{overflow:visible}
.navdd{position:relative}
.navdd .dd{position:absolute;left:0;top:100%;z-index:40;min-width:15rem;
background:var(--surface);border:1px solid var(--line2);box-shadow:0 10px 24px #0d1f3c26;padding:.3rem 0}
.navdd:hover .dd,.navdd:focus-within .dd{display:block}
.navdd .dd a::after{content:none}
.ddh{display:block;padding:.5rem 1rem .1rem;font-size:.6875rem;text-transform:uppercase;color:var(--ink3)}
}
.page{max-width:var(--shell);margin:0 auto;padding:0 1.125rem}
.crumbs{font-size:.8125rem;color:var(--ink3);padding:.9rem 0 0}
.crumbs a{color:var(--ink3)}
.crumbs a:hover{color:var(--accent)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:3rem;align-items:start}
@media (max-width:56rem){.cols{grid-template-columns:minmax(0,1fr);gap:0}}
article{max-width:var(--measure);padding-bottom:2rem}
aside.rail{position:sticky;top:5.5rem;font-size:.875rem;padding-top:1.5rem}
@media (max-width:56rem){aside.rail{position:static}}
:target,h2[id],h3[id]{scroll-margin-top:5rem}
h1{font-size:2.25rem;line-height:1.1;letter-spacing:-.03em;margin:.7rem 0 .4rem;
font-weight:700;text-wrap:balance}
h2{font-size:1.5rem;line-height:1.18;letter-spacing:-.025em;margin:2.6rem 0 .6rem;
font-weight:700;text-wrap:balance}
h3{font-size:1.25rem;line-height:1.3;margin:1.8rem 0 .35rem;font-weight:700;letter-spacing:-.02em}
article>h2,article>.in>h2{position:relative;margin-top:3.1rem;padding-top:1.6rem;
border-top:1px solid var(--line)}
article>h2::before,article>.in>h2::before{content:"";position:absolute;left:0;top:-1px;width:2.75rem;
height:2px;background:var(--gold-dk)}
article>h2:first-child,article>.answer+h2,article>.in>h2:first-child{margin-top:1.8rem}
article>h2[id],article>.in>h2[id]{scroll-margin-top:6.5rem}
h4{font-size:.8125rem;margin:1.5rem 0 .3rem;color:var(--ink3);font-weight:700;
letter-spacing:.08em;text-transform:uppercase}
p{margin:.85rem 0}
ul,ol{margin:.85rem 0;padding-left:1.35rem}
li{margin:.35rem 0}
li::marker{color:var(--ink3)}
hr{border:0;border-top:1px solid var(--line);margin:2.4rem 0}
strong{font-weight:680}
article>p:first-of-type{font-size:1.1875rem;color:var(--ink2);line-height:1.6;margin-top:.2rem}
.tablewrap{overflow-x:auto;margin:1.2rem 0;border:1px solid var(--line);border-radius:var(--radius);
background:var(--surface)}
.tablewrap:focus-visible,.prewrap:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
table{width:100%;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
th{font-weight:650;background:var(--soft);white-space:nowrap;font-size:.875rem;
letter-spacing:.01em;color:var(--ink2)}
blockquote{margin:1.4rem 0;padding:.95rem 1.1rem;background:var(--soft);
border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;font-size:.9688rem}
blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}
blockquote.warn{background:var(--warnbg);border-left-color:#c98a2e;color:var(--warn)}
blockquote.bad{background:var(--badbg);border-left-color:#b34a4a;color:var(--bad)}
blockquote.ok{background:var(--okbg);border-left-color:#3f9b74;color:var(--ok)}
blockquote.warn strong,blockquote.bad strong,blockquote.ok strong{color:inherit}
.byline{font-size:.8125rem;color:var(--ink3);border-bottom:1px solid var(--line);
padding-bottom:.9rem;margin:.5rem 0 1.6rem}
.byline b{color:var(--ink2)}
.ph{background:var(--badbg);color:var(--bad);border:1px dashed var(--badln);border-radius:4px;
padding:.05em .35em;font-size:.9em;font-weight:650}
.railbox{border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;margin:0 0 1rem;background:var(--surface)}
.railbox h2,.mtoc summary{margin:0;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;
color:var(--ink3);font-weight:700;border:0;padding:0}.railbox h2{margin-bottom:.5rem}
.railbox ul{margin:0;padding-left:1.1rem}
.railbox.cta{background:var(--navy);border-color:var(--navy);color:var(--navy-ink)}
.railbox.cta h2{color:var(--navy-dim)}
.railbox.cta a{color:#fff}
.railbox .tel{display:block;font-size:1.375rem;font-weight:700;color:#fff;text-decoration:none;
margin:.25rem 0;letter-spacing:-.02em}
.toc a{display:block;padding:.2rem 0;color:var(--ink2);text-decoration:none;font-size:.8125rem;
border-left:2px solid transparent;padding-left:.6rem;margin-left:-.6rem;transition:border-color .15s,color .15s}
.toc a:hover{color:var(--accent);border-left-color:var(--accent)}
.mtoc{display:none}
@media (max-width:56rem){aside.rail{display:none}.mtoc{display:block;margin-bottom:1.4rem}
.mtoc summary{cursor:pointer}.mtoc .toc{margin-top:.5rem}.mtoc .toc a{font-size:.9375rem;padding:.35rem 0}}
.eslink{display:inline-block;font-size:.875rem;background:var(--surface);border:1px solid var(--line);
border-radius:999px;padding:.3rem .85rem;text-decoration:none;margin:.3rem 0 1.2rem;
transition:border-color .15s}
.eslink:hover{border-color:var(--accent)}
.disc{margin-top:3rem;border-top:1px solid var(--line);padding-top:1.2rem;font-size:.8125rem;color:var(--ink3)}
.disc p{margin:.45rem 0}
footer.site{position:relative;color:var(--navy-ink);margin-top:3.5rem;font-size:.875rem;
border-top:2px solid rgba(176,142,84,.75);
background:radial-gradient(80% 70% at 85% 0%,rgba(201,169,110,.11) 0%,rgba(0,0,0,0) 55%),
linear-gradient(var(--navy) 0%,var(--navy-deep) 100%)}
footer.site .in{position:relative;max-width:var(--shell);margin:0 auto;
padding:3rem 1.125rem 2.6rem;display:block}
footer.site .footgrid{display:grid;grid-template-columns:1fr;gap:2.4rem}
@media (min-width:52rem){footer.site .footgrid{
grid-template-columns:minmax(0,15.5rem) minmax(0,1fr);gap:3.5rem}}
.footcols{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1.4rem}
@media (min-width:62rem){.footcols{grid-template-columns:repeat(4,1fr);gap:2rem 1.6rem}}
.footbrand .brand{display:block;text-decoration:none;margin:0 0 .45rem}
.footbrand .brand b{display:block;font-family:var(--font-display);
font-size:1.375rem;line-height:1.15;color:#fff;font-weight:600;letter-spacing:-.015em}
.footbrand .brand span{display:block;font-size:.6875rem;letter-spacing:.2em;
text-transform:uppercase;color:var(--gold);margin-top:.3rem;font-weight:700}
html[lang=ko] .footbrand .brand span{letter-spacing:.06em}
.footsince{margin:0 0 1.1rem;font-size:.8125rem;color:#a8b6c9}
.foottel{display:inline-block;font-family:var(--font-display);
font-size:1.875rem;line-height:1;letter-spacing:-.025em;color:var(--gold);font-weight:600;
text-decoration:none}
.foottel:hover{color:#e2cb9d;text-decoration:none}
@supports (-webkit-background-clip:text) or (background-clip:text){
.foottel{background:linear-gradient(173deg,#e6d3a8 0%,var(--gold) 46%,#b08e54 100%);
-webkit-background-clip:text;background-clip:text;color:transparent}
.foottel:hover{background:none;-webkit-background-clip:border-box;
background-clip:border-box;color:#e2cb9d}
}
.footsub{margin:.55rem 0 1.2rem;font-size:.8125rem;color:#a8b6c9;line-height:1.5}
.footaddr{margin:0;font-size:.8125rem;color:#a8b6c9;line-height:1.5;
padding-top:1.1rem;border-top:1px solid rgba(201,169,110,.28)}
.seal{width:6.25rem;height:6.25rem;display:block;margin:1.4rem 0 0;
color:var(--gold);opacity:.62;transform:rotate(-4deg);
transition:opacity .3s,transform .3s}
.footbrand:hover .seal{opacity:.9;transform:rotate(0deg)}
footer.site a{color:#dbe6f2;text-decoration:none}
footer.site li a:hover{color:#fff}
footer.site a:hover{text-decoration:underline}
footer.site h2{margin:0 0 .75rem;font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;
color:var(--gold);border:0;padding:0;font-weight:700}
html[lang=ko] footer.site h2{letter-spacing:.06em}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site li{margin:.42rem 0;line-height:1.4}
.legal{position:relative;border-top:1px solid rgba(201,169,110,.22);
font-size:.75rem;color:#9db0c7;background:rgba(0,0,0,.16)}
.legal .in{max-width:var(--shell);margin:0 auto;padding:1.3rem 1.125rem;display:block}
.legal p{max-width:none;line-height:1.6}
.legal-links{margin:0 0 .6rem;font-size:.8125rem}
.legal-links a{color:#cfe0f2;text-decoration:underline}
.legal-links a:hover{color:#fff}
iframe.tool{width:100%;height:78vh;min-height:640px;border:1px solid var(--line);
border-radius:var(--radius);background:var(--surface)}
h2 a,h3 a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold-dk);
text-decoration-thickness:1.5px;text-underline-offset:.18em}
h2 a:hover,h3 a:hover{color:var(--accent);text-decoration-color:var(--accent)}
.hero{position:relative;color:#eaf1f8;border-bottom:1px solid var(--navy2);
background:radial-gradient(80% 65% at 78% 8%,rgba(201,169,110,.16) 0%,rgba(0,0,0,0) 52%),
radial-gradient(70% 60% at 8% 96%,rgba(201,169,110,.07) 0%,rgba(0,0,0,0) 55%),
linear-gradient(var(--navy) 0%,var(--navy2) 100%)}
.hero::before,footer.site::before{content:"";position:absolute;inset:0;opacity:.48;
pointer-events:none;
background-image:linear-gradient(rgba(0,0,0,0) 95%,rgba(255,255,255,.02) 95%),
linear-gradient(90deg,rgba(0,0,0,0) 95%,rgba(255,255,255,.02) 95%);
background-size:60px 60px,60px 60px}
.hero .in{position:relative}
.hero .in{max-width:var(--shell);margin:0 auto;padding:3rem 1.125rem 2.4rem}
.hero h1{font-size:3.5rem;line-height:1.06;margin:0 0 .85rem;max-width:16ch;color:#fff;
letter-spacing:-.03em;font-weight:700}
@media (max-width:44rem){.hero h1{font-size:2.15rem;max-width:none}
.hero .in{padding:2.2rem 1.125rem 1.9rem}}
@media (min-width:45rem) and (max-width:66rem){.hero h1{font-size:2.7rem}}
.hero .sub{font-size:1.1875rem;color:#c4d7ea;max-width:44ch;margin:0 0 1.8rem;line-height:1.55}
.hero .cta{display:flex;gap:.55rem .9rem;align-items:center;flex-wrap:wrap;margin:0}
.callbtn.big{font-size:1.0625rem;padding:.9rem 1.7rem;background:var(--gold);color:var(--navy);font-weight:700}
.cta2{font-size:.8125rem;color:#a8b6c9;line-height:1.35}
.kicker::before{content:"";display:inline-block;width:1.15rem;height:2px;
background:currentColor;margin-right:.6rem;vertical-align:.24em}
.kicker{font-size:.6875rem;letter-spacing:.27em;text-transform:uppercase;color:var(--accent);
font-weight:700;margin:1.1rem 0 -.1rem}
.hero .kicker{color:var(--gold);margin:0 0 .5rem;letter-spacing:.2em}
html[lang=ko] .kicker{letter-spacing:.06em}
.pagehead{background:var(--soft);border-bottom:1px solid var(--line);margin:0 0 2rem}
.pagehead .in{max-width:var(--shell);margin:0 auto;padding:0 1.125rem 1.55rem;
display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem 2rem;align-items:end}
@media (min-width:60rem){.pagehead .in{grid-template-columns:minmax(0,1fr) auto}}
.phside .langrow{margin:0}
@media (min-width:60rem){.phside{justify-self:end}
.phside .langrow{justify-content:flex-end}}
.pagehead .crumbs{padding:.95rem 0 1rem}
.pagehead .kicker{margin:0 0 .4rem}
.pagehead h1{margin:0;font-size:2.5rem;line-height:1.06;max-width:21ch;letter-spacing:-.03em}
.pagehead .byline{border:0;padding:0;margin:1rem 0 0}
.pagehead .langrow{margin:.8rem 0 0}
.phmeta{font-size:.8125rem;color:var(--ink3);margin:.55rem 0 0}
.pagehead .byline+.phmeta{margin-top:.3rem}
@media (max-width:44rem){
.pagehead h1{font-size:1.8rem;max-width:none}
.pagehead .in{padding:0 1.125rem 1.2rem}
.pagehead .crumbs{padding:.75rem 0 .8rem}
.pagehead{margin-bottom:1.5rem}
}
.hero.sec .in{padding:2.2rem 1.125rem 2rem}
.hero+.page{padding-top:1.9rem}
.hero+.page.wide{padding-top:0}
.hero .crumbs{color:var(--navy-dim);padding:0 0 .9rem}
.hero .crumbs a{color:var(--navy-dim);text-decoration-color:rgba(201,169,110,.45)}
.hero .crumbs a:hover{color:var(--gold)}
.hero.sec h1{font-size:2.35rem;max-width:24ch;margin-bottom:1.2rem;font-weight:700}
@media (max-width:44rem){.hero.sec h1{font-size:1.85rem}}
details.faq{border:1px solid var(--line);border-radius:var(--radius);margin:.6rem 0;
background:var(--surface);overflow:hidden}
details.faq+details.faq{margin-top:.5rem}
details.faq summary{cursor:pointer;list-style:none;padding:.8rem 2.4rem .8rem 1rem;
font-weight:650;position:relative;color:var(--ink);line-height:1.4}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"";position:absolute;right:1rem;top:1.15rem;
width:9px;height:9px;border-right:2px solid var(--ink3);border-bottom:2px solid var(--ink3);
transform:rotate(45deg);transition:transform .15s ease}
details.faq[open] summary::after{transform:rotate(-135deg);top:1.35rem}
details.faq summary:hover{background:var(--soft)}
details.faq summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
details.faq .ans{padding:0 1rem .35rem;border-top:1px solid var(--line);
background:var(--paper)}
details.faq .ans p{margin:.75rem 0}
html[lang=ko] details.faq summary{line-height:1.5}
.answer{border:1px solid var(--line2);border-left:5px solid var(--gold-dk);
background:var(--accent-soft);
border-radius:var(--radius);padding:1rem 1.15rem .9rem;margin:1.3rem 0 1.6rem}
.answer-label{margin:0 0 .45rem;font-size:.6875rem;letter-spacing:.11em;text-transform:uppercase;
font-weight:700;color:var(--accent)}
.answer p{margin:.55rem 0;font-size:1.0625rem;line-height:1.6}
.answer p:last-child{margin-bottom:0}
.answer strong{color:var(--ink);font-weight:680}
html[lang=ko] .answer-label{letter-spacing:.06em}
@media (max-width:38rem){.answer{padding:.9rem 1rem .8rem}}
.chipset{margin:1.6rem 0}
.closecta{background:linear-gradient(160deg,var(--navy),var(--navy2));color:var(--navy-ink);
border-radius:var(--radius);padding:1.5rem 1.5rem 1.4rem;margin:2.6rem 0 1.4rem}
.closecta h2{color:#fff;margin:0 0 .7rem;padding:0;border:0;font-size:1.5rem}
.closecta h2::before{display:none}
.closecta p{color:#c4d7ea;margin:0 0 .75rem;max-width:var(--measure)}
.closecta strong{color:#fff}
.closecta a{color:var(--gold)}
.ctatel{display:flex;flex-wrap:wrap;gap:.6rem .8rem;align-items:center;margin:1.1rem 0 0!important}
.ctatel a{text-decoration:none;font-weight:700;border-radius:999px;padding:.7rem 1.3rem;
font-size:1.0625rem;letter-spacing:-.01em;white-space:nowrap}
.ctatel .tel{background:var(--gold);color:var(--navy)}
.ctatel .tel:hover{background:var(--gold-dk);color:var(--navy)}
.ctatel .tel2{border:1px solid rgba(201,169,110,.55);color:#fff;font-weight:600}
.ctanote{font-size:.9375rem;margin:.6rem 0 0!important}
.sources{margin:2.4rem 0 0;padding-top:1rem;border-top:1px solid var(--line);
font-size:.9375rem;color:var(--ink2)}
.sources h2{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);
margin:0 0 .5rem;padding:0;border:0}
.sources h2::before{display:none}
.sources p{margin:0 0 .55rem}
.sources .chipset{margin:.6rem 0 0}
.dir{list-style:none;margin:1rem 0 1.6rem;padding:0;border-top:1px solid var(--line)}
.dir li{padding:.6rem 0;border-bottom:1px solid var(--line)}
.dir li a{font-weight:700;font-size:1.0625rem;text-decoration:none;color:var(--ink)}
.dir li a::after{content:" \2192";color:var(--gold-dk);font-weight:400}
.dg{display:block;color:var(--ink2);font-size:.9375rem;line-height:1.5;margin-top:.15rem}
.chipset h3{margin:0 0 .6rem;font-size:.6875rem;letter-spacing:.1em;
text-transform:uppercase;color:var(--ink3);font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
a.chip{display:inline-block;background:var(--surface);border:1px solid var(--line);
border-radius:var(--radius-sm);padding:.5rem .8rem;font-size:.9375rem;text-decoration:none;color:var(--ink);
transition:border-color .15s ease,color .15s ease}
a.chip:hover{border-color:var(--accent);color:var(--accent)}
a.chip.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:650}
a.chip.primary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.toolslot{margin:1.4rem 0 1.8rem}
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;
background:var(--navy);border-top:1px solid var(--navy2);
padding:.55rem .75rem calc(.55rem + env(safe-area-inset-bottom));
gap:.5rem;box-shadow:0 -2px 12px rgba(0,0,0,.18)}
.callbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
min-height:46px;border-radius:var(--radius-sm);text-decoration:none;font-size:.9375rem;font-weight:650;
line-height:1.2;padding:.35rem .5rem}
.callbar .primary{background:var(--gold);color:var(--navy)}
.callbar .secondary{background:transparent;color:#fff;border:1px solid var(--navy-dim)}
.callbar small{display:block;font-size:.6875rem;font-weight:400;opacity:.75;margin-top:.1rem}
.callbar .primary small{opacity:1;color:#3d2f16}
@media (max-width:56rem){.callbar{display:flex}body{padding-bottom:4.5rem}}
@media (max-width:44rem){
.top .in{padding:.35rem 1.125rem;justify-content:center}
.top .in > span:first-child{display:none}
.mast .in{padding:.55rem 1.125rem}
.brand b{font-size:.9375rem}
.brand span{font-size:.625rem;letter-spacing:.08em}
.callbtn{padding:.5rem .8rem;font-size:.875rem}
}
nav.main{position:relative}
nav.main::after{content:"";position:absolute;right:0;top:0;bottom:0;width:2.5rem;
pointer-events:none;background:linear-gradient(90deg,transparent,var(--soft) 70%)}
@media (min-width:70rem){nav.main::after{display:none}}
.langrow{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1.1rem}
.eslink{margin:0;font-size:.8125rem;padding:.28rem .7rem}
@media (min-width:62rem){
.hero.sec .in{display:grid;grid-template-columns:minmax(0,1fr) auto;
column-gap:3rem;align-items:center}
.hero.sec .crumbs{grid-column:1;grid-row:1}
.hero.sec .kicker{grid-column:1;grid-row:2;margin-bottom:.35rem}
.hero.sec h1{grid-column:1;grid-row:3;margin:0;max-width:18ch}
.hero.sec .cta{grid-column:2;grid-row:1/4;justify-self:end;flex-direction:column;
align-items:flex-end;gap:.5rem}
}
::selection{background:var(--gold);color:var(--navy)}
html{scroll-behavior:smooth}
@supports (animation-timeline: scroll()) {
.readbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:90;
pointer-events:none;transform-origin:0 50%;transform:scaleX(0);
background:linear-gradient(90deg,var(--gold-dk),var(--gold));
animation:readgrow linear both;animation-timeline:scroll()}
@keyframes readgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
@supports (animation-timeline: scroll()) {
header.mast{animation:mastshadow linear both;animation-timeline:scroll();
animation-range:0 140px}
@keyframes mastshadow{to{box-shadow:0 2px 16px rgba(13,31,60,.14)}}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}
.printonly{display:none}
@media print{
@page{margin:16mm}
header.mast,nav.main,.top,aside.rail,footer.site,.callbar,
.phside,.langrow,.chipset,.skip,.mtoc{display:none}
body{padding-bottom:0;background:#fff;color:#000;font-size:10.5pt}
article{max-width:none}
.page,.pagehead .in{max-width:none;padding:0}
.cols{display:block}
.pagehead{background:none;border-bottom:1.5pt solid #000;margin-bottom:1.2em}
.pagehead h1{font-size:20pt}
.tablewrap,.prewrap{border:0;overflow:visible}
table{page-break-inside:auto}
thead{display:table-header-group}
tr,blockquote,.answer,.vitals,details.faq,figure,.dgm{page-break-inside:avoid}
h1,h2,h3{page-break-after:avoid}
a{color:#000;text-decoration:underline}
a[href^="http"]::after{content:" \2039" attr(href) "\203a";
font-size:8.5pt;word-break:break-all;font-weight:400}
details.faq{border:0;border-top:.5pt solid #999;border-radius:0}
details.faq summary::after{display:none}
.printonly{display:block;margin-top:1.5em;padding-top:.6em;
border-top:1.5pt solid #000;font-size:9pt}
.printonly p{margin:.2em 0}
}