/* Outfit: unmodified official Google Fonts Latin variable WOFF2, SIL OFL 1.1. */
@font-face{font-family:Outfit;src:url("fonts/Outfit-Latin-wght.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Pretendard v1.3.9: unmodified official common Korean subsets, SIL OFL 1.1. */
@font-face{font-family:Pretendard;src:url("fonts/Pretendard-Regular.subset.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url("fonts/Pretendard-SemiBold.subset.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Pretendard;src:url("fonts/Pretendard-Bold.subset.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--navy:#092244;--ink:#f6efe2;--dim:#C9C3B8;--faint:#8F98A8;--muted:var(--dim);--accent:#2FB5A5;--accent-hi:#4CC9BA;--teal:var(--accent);--line:rgba(246,239,226,.13);--deep:#040E20;--panel:#0C2A51;--font:"Outfit","Apple SD Gothic Neo","Pretendard","Noto Sans KR","Malgun Gothic",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--font);color:var(--ink);background:var(--navy)}
html[lang=ko]{word-break:keep-all;overflow-wrap:break-word}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}html[lang=en] [lang=ko]:not([data-language]),html[lang=ko] [lang=en]:not([data-language]){display:none}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}p,h1,h2,h3,figure{margin:0}p{}h1,h2,h3{}h1{}h2{}h3{}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.section{padding-block:110px}.eyebrow{color:var(--teal);text-transform:uppercase;margin-bottom:20px}.skip-link{position:fixed;z-index:10;left:16px;top:12px;padding:12px;background:var(--ink);color:var(--navy);transform:translateY(-180%)}.skip-link:focus{transform:none}.header{display:flex;align-items:center;gap:34px;min-height:104px;border-bottom:1px solid var(--line)}.brand{width:200px;flex-shrink:0}.nav{display:flex;gap:30px;margin-left:auto;color:var(--muted)}.nav a:hover,.footer a:hover{color:var(--teal)}.language{display:flex;align-items:center;gap:4px;}.language a{padding:8px 9px;border-radius:5px;color:var(--muted)}.language a[aria-current=true]{color:var(--ink);background:#203b5b}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:58px;align-items:center;padding-block:70px 64px}.hero-intro{max-width:450px;color:var(--muted);margin-top:28px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:13px 24px;border-radius:7px;transition:background-color .2s,color .2s}.primary{background:var(--teal);color:var(--navy)}.primary:hover{background:var(--accent-hi)}.text-link{display:inline-block;border-bottom:1px solid #779ca7;padding-block:4px;}.text-link:hover{color:var(--teal);border-color:var(--teal)}.requirements{margin-top:22px;color:var(--muted);}.availability-note{color:var(--muted);margin-top:28px;max-width:340px}.status-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--teal);vertical-align:middle}.mac-showcase{position:relative;display:flex;align-items:center;flex-direction:column;padding:22px 18px 16px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.screenshot-heading{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:14px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}.mac-viewport{width:280px;aspect-ratio:592/820;overflow:hidden}.mac-viewport img{width:100%;height:auto}.preview-controls{display:flex;gap:4px;align-items:center;margin-top:16px;}.preview-controls[hidden]{display:none}.preview-label{margin-right:6px;color:var(--muted)}.preview-controls button{color:var(--muted);background:transparent;border:1px solid transparent;cursor:pointer;border-radius:5px;padding:7px 13px}.preview-controls button[aria-pressed=true]{background:#254260;color:var(--ink);border-color:#425873}figcaption{color:var(--muted);text-align:center;margin-top:12px}.at-a-glance{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:29px}.at-a-glance p{padding-inline:28px;border-left:1px solid var(--line)}.at-a-glance p:first-child{padding-left:0;border:0}.at-a-glance strong{display:block;margin-bottom:5px;}.at-a-glance p>span{color:var(--muted);}.features{display:grid;grid-template-columns:.92fr 1.08fr;gap:85px}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);max-width:370px;margin-top:22px}.feature-list article{display:flex;gap:25px;padding-block:25px;border-bottom:1px solid var(--line)}.feature-list article:first-child{padding-top:0}.number{color:var(--teal);padding-top:5px;font-variant-numeric:tabular-nums}.feature-list p{color:var(--muted);margin-top:10px}.companion{background:var(--panel);border-block:1px solid var(--line)}.companion-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px}.phone-showcase{width:260px;margin-inline:auto}.phone-showcase img{border:6px solid #071c36;border-radius:32px;width:100%;box-shadow:0 14px 30px #04152b30}.phone-showcase figcaption{margin-top:20px}.section-intro{color:var(--muted);margin-top:26px}.companion-free{margin-top:21px;color:var(--ink)}.connection-note{border-left:2px solid var(--teal);padding-left:23px;margin-block:31px 23px}.connection-note h3{}.connection-note p{color:var(--muted);margin-top:12px}.testflight-status{color:var(--muted);margin-bottom:9px}.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:50px 0 0;padding:0}.steps li{counter-increment:step;border-top:1px solid var(--line);padding-top:23px}.steps li:before{content:"0" counter(step);display:block;color:var(--teal);margin-bottom:20px}.steps h3{}.steps p{color:var(--muted);margin-top:12px}.availability{display:flex;align-items:center;gap:70px;justify-content:space-between;padding:45px 50px;background:var(--panel);color:var(--ink);border-radius:12px}.availability .eyebrow{color:var(--accent);margin-bottom:15px}.availability h2{}.availability p:last-child{max-width:590px;color:var(--dim);margin-top:16px}.availability .button{flex-shrink:0;background:var(--navy);color:var(--ink)}.availability .button:hover{background:#17436c}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{position:relative;cursor:pointer;list-style:none;padding:22px 30px 22px 0;}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:22px;color:var(--teal);}details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);padding-bottom:23px}.faq-list p a{text-decoration:underline;text-underline-offset:3px}.footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:30px;padding-block:38px 30px;border-top:1px solid var(--line);color:var(--muted)}.footer-brand{display:block;width:170px}.footer p{margin-top:13px}.footer nav{display:flex;gap:28px;padding-top:8px}.footer .affiliation{width:100%;margin:0;}html[lang=ko] h1{}html[lang=ko] .eyebrow{}
@media(min-width:1350px){.hero{gap:90px}.mac-viewport{width:290px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header{gap:20px;min-height:85px}.brand{width:175px}.nav{gap:20px}.hero{gap:30px;padding-top:52px;grid-template-columns:1.05fr .95fr}.hero-intro{}.actions{gap:17px}.button{padding-inline:18px}.mac-viewport{width:250px}.features,.faq{gap:45px}.companion-layout{gap:55px}.phone-showcase{width:245px}.availability{gap:30px;padding:35px}.availability h2{}.steps{gap:28px}}
@media(max-width:660px){.wrap{width:calc(100% - 40px)}.header{min-height:80px;gap:10px;flex-wrap:wrap;padding-block:20px}.brand{width:168px}.language{margin-left:auto}.nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-block:44px 38px}.hero-copy{max-width:460px}.hero h1{}.hero-intro{max-width:360px;margin-top:22px}.eyebrow{margin-bottom:17px}.actions{gap:20px;margin-top:28px}.requirements{margin-top:18px}.availability-note{margin-top:22px;max-width:100%}.mac-showcase{width:min(100%,390px);margin-inline:auto;padding-inline:24px}.mac-viewport{width:265px}.at-a-glance{grid-template-columns:1fr;padding-block:7px}.at-a-glance p{padding:15px 0!important;border-left:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.at-a-glance p:last-child{border-bottom:0}.at-a-glance strong{margin:0;flex-shrink:0}.at-a-glance p>span{text-align:right}.section{padding-block:66px}.features,.faq{grid-template-columns:1fr;gap:36px}.features .section-heading>p:last-child{margin-top:18px}.feature-list article{gap:22px;padding-block:23px}.feature-list h3{}.feature-list p{}.companion-layout{grid-template-columns:1fr;gap:36px}.companion-copy{grid-row:1}.companion h2{}.section-intro{margin-top:23px}.phone-showcase{width:250px}.steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.steps li{padding-top:18px}.steps li:before{margin-bottom:10px}.steps h3{}.steps p{margin-top:9px}.availability{display:block;padding:30px 26px}.availability h2{}.availability .button{margin-top:25px}.faq{gap:28px}summary{}.footer{gap:25px;padding-top:30px}.footer nav{gap:22px;width:100%;padding-top:0}html[lang=ko] .hero h1{}html[lang=ko] .at-a-glance strong{}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand{width:160px}.language a{padding-inline:7px}.hero h1{}html[lang=ko] .hero h1{}.actions{gap:15px}.button{padding-inline:17px}.text-link{}.mac-showcase{padding-inline:14px}.at-a-glance p>span{}.companion h2{}.availability{padding:28px 22px}.availability h2{}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Dedicated Mac download page. */
.download-page .download-main{padding-block:38px 75px}.download-page .download-back{color:var(--muted)}.download-page .download-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:85px;padding-block:57px 30px}.download-page h1{}.download-page .hero-intro{max-width:470px}.download-page .download-panel{padding:30px 32px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.download-page .download-mark{width:52px;margin-bottom:24px}.download-page .download-panel h2{}.download-page .download-release{color:var(--muted);margin-top:16px;font-variant-numeric:tabular-nums}.download-page .download-button{width:100%;margin-top:25px}.download-page .download-system{color:var(--muted);margin-top:21px}.download-page .download-status{color:var(--muted);padding-bottom:38px;border-bottom:1px solid var(--line)}.download-page .download-install{padding-top:67px}.download-page .download-help{margin-top:64px;border-top:1px solid var(--line);padding-top:34px;max-width:720px}.download-page .download-help h2{}.download-page .download-help p{color:var(--muted);margin-top:15px;max-width:620px}.download-page .download-help .text-link{margin-top:17px}html[lang=ko] .download-page h1{}
@media(max-width:900px){.download-page .download-hero{gap:45px}.download-page .download-panel{padding:28px 25px}.download-page .download-panel h2{}.download-page .download-hero h1{}html[lang=ko] .download-page h1{}}
@media(max-width:660px){.download-page .download-main{padding-block:27px 55px}.download-page .download-hero{grid-template-columns:1fr;gap:32px;padding-top:38px}.download-page .download-hero h1{}.download-page .hero-intro{margin-top:23px}.download-page .download-panel{padding:27px}.download-page .download-mark{margin-bottom:19px;width:46px}.download-page .download-panel h2{}.download-page .download-button{width:auto}.download-page .download-system{margin-top:18px}.download-page .download-status{padding-bottom:30px}.download-page .download-install{padding-top:47px}.download-page .download-help{margin-top:45px;padding-top:28px}html[lang=ko] .download-page h1{}}
@media(max-width:359px){.download-page .download-hero h1{}html[lang=ko] .download-page h1{}.download-page .download-panel{padding:24px}.download-page .download-panel h2{}}

/* Price and planned license details. */
.pricing{align-items:flex-start;gap:60px}.pricing .pricing-intro{color:var(--dim);margin-top:20px}.pricing-features{padding-left:18px;margin:23px 0 0;}.pricing-features li{padding-block:4px}.pricing .pricing-beta{border-top:1px solid #c4cbd0;margin-top:23px;padding-top:17px;}.pricing-summary{width:240px;flex-shrink:0;padding-top:8px}.pricing .price{}.pricing .price-once{margin-top:8px}.pricing .price-tax{color:var(--dim);margin-top:12px}.pricing-summary>.text-link{margin-top:22px}.pricing-summary>.button{margin-top:27px;white-space:normal;width:100%}.download-page .download-status{padding-bottom:22px}.download-page .download-license{color:var(--muted);margin-top:20px;max-width:830px}.download-page .download-license .text-link{}.footer nav{flex-wrap:wrap;row-gap:14px}.license-main{padding-block:38px 75px}.license-back{color:var(--muted);}.license-heading{padding-block:58px 35px;max-width:820px}.license-page h1{}.license-lead{color:var(--muted);margin-top:27px;max-width:680px}.license-current{background:var(--panel);border-left:2px solid var(--teal);padding:26px 30px;max-width:880px}.license-current h2{}.license-current p{color:var(--muted);margin-top:15px}.license-current .text-link{margin-top:16px}.license-terms{max-width:1000px;margin-top:44px}.license-terms section{display:grid;grid-template-columns:260px 1fr;gap:55px;padding-block:31px;border-top:1px solid var(--line)}.license-terms h2{}.license-terms p{color:var(--muted);}.license-terms p+p{margin-top:14px}.license-terms p a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}html[lang=ko] .license-page h1{}
@media(max-width:900px){.pricing{gap:35px}.pricing-summary{width:215px}.license-terms section{grid-template-columns:220px 1fr;gap:30px}}
@media(max-width:660px){.pricing-summary{width:100%;padding-top:26px}.pricing .price{}.pricing-summary>.button{width:auto;display:flex;margin-top:22px}.pricing-summary>.text-link{margin-top:17px}.pricing .pricing-beta{}.license-main{padding-block:27px 55px}.license-heading{padding-block:38px 27px}.license-page h1{}.license-lead{margin-top:23px}.license-current{padding:23px}.license-current h2{}.license-current p{}.license-terms{margin-top:33px}.license-terms section{grid-template-columns:1fr;gap:14px;padding-block:26px}.license-terms h2{}.license-terms p{}html[lang=ko] .license-page h1{}}
@media(max-width:359px){.license-page h1{}html[lang=ko] .license-page h1{}.license-current{padding:21px}.license-current h2{}}

.pricing-features [lang=ko]{word-break:keep-all}

/* Shared support and current privacy document layout. */
.document-main{padding-block:48px 80px;max-width:1000px}.document-main h1{margin-block:20px 28px}.document-main h2{margin-block:48px 18px;border-top:1px solid var(--line);padding-top:26px}.document-main h3{margin-block:28px 12px}.document-main p,.document-main li{color:var(--muted)}.document-main p+p{margin-top:18px}.document-main .lead{max-width:760px}.document-main .meta{margin-bottom:28px}.document-main ul,.document-main ol{padding-left:24px;margin-block:16px 24px}.document-main li+li{margin-top:13px}.document-main a:not(.button){color:var(--ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.document-main code{background:var(--panel);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.document-main .plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block:30px}.document-main .plans div{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.document-main .plans b{display:block;margin-bottom:9px;}.document-main .plans span{color:var(--muted);}.document-main .mac-guide{margin-top:70px}.document-main .eyebrow{color:var(--teal)}.document-main pre{overflow-x:auto;max-width:100%}.document-main .up{display:inline-block;margin-bottom:20px}
@media(max-width:660px){.header .nav{display:flex;order:3;width:100%;margin:10px 0 0;justify-content:space-between;gap:14px;}.document-main{padding-block:34px 55px}.document-main h1{}html[lang=ko] .document-main h1{}.document-main h2{margin-top:36px}.document-main .plans{grid-template-columns:1fr}.document-main .lead{}.document-main p,.document-main li{}.document-main .mac-guide{margin-top:48px}}
@media(max-width:359px){.document-main h1{}html[lang=ko] .document-main h1{}}

/* Checkout retains the product theme without changing download access. */
.buy-features{padding-left:20px;margin-top:24px;color:var(--muted);}.buy-features li+li{margin-top:10px}.buy-tax,.buy-status{color:var(--muted);margin-top:18px}.buy-status{margin-bottom:18px}.button:disabled{opacity:.55;cursor:default}.button:disabled:hover{background:var(--teal)}.buy-page .download-panel .text-link{}.buy-page .download-install{padding-top:36px}.buy-test-notice{padding:14px 20px;margin-top:24px;background:var(--panel);border:1px solid var(--teal);}.buy-page .download-help{margin-top:46px}

/* Korean type keeps the existing layout and uses the bundled static weights. */
html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{}
html[lang=ko] h1{}html[lang=ko] h2{}html[lang=ko] h3{}
html[lang=ko] .button,html[lang=ko] .language,html[lang=ko] .price,html[lang=ko] .price-once{}
html[lang=ko] .connection-note h3{}
@media(max-width:660px){html[lang=ko] .hero h1{}html[lang=ko] .companion h2{}}

/* Typography and text colors match the semantic roles on interstellargames.net.
   Layout, screenshots, card structure and local navigation stay product-specific. */
body{font-family:var(--font);font-size:16px;font-weight:400;line-height:1.7;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
p,li{font-size:16px;line-height:1.7}strong,b{font-weight:600}
h1,h2,h3{color:var(--ink);font-weight:600}
h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.015em}
h2{font-size:clamp(28px,3.8vw,40px);line-height:1.2;letter-spacing:-.015em}
h3{font-size:17px;line-height:1.7;letter-spacing:normal}
.hero h1{font-size:clamp(21px,2.5vw,30px);font-weight:500;line-height:1.4;letter-spacing:normal}
html[lang=ko] h1,html[lang=ko] h2{letter-spacing:-.01em}
.eyebrow{font-size:12.5px;font-weight:600;line-height:1.7;letter-spacing:.26em;color:var(--accent)}
html[lang=ko] .eyebrow{letter-spacing:.08em}
.nav{font-size:13.5px;font-weight:500;line-height:1.7;letter-spacing:.14em;color:var(--ink)}
html[lang=ko] .nav{letter-spacing:.04em}.nav a{color:var(--dim)}.nav a:hover{color:var(--ink)}
.language{font-size:11.5px;font-weight:600;line-height:1.7;letter-spacing:.1em}
.language a{color:var(--faint)}.language a[aria-current=true]{color:var(--navy);background:var(--ink)}
.hero-intro,.section-intro,.license-lead,.document-main .lead{font-size:18px;font-weight:400;line-height:1.75;color:var(--dim)}
.button{font-size:15px;font-weight:600;line-height:1.25;letter-spacing:.01em;padding:11px 20px;border:1.5px solid var(--accent)}
.primary,.availability .button{background:var(--accent);color:var(--navy)}
.primary:hover,.availability .button:hover{background:var(--accent-hi)}
.text-link,.download-page .download-license .text-link,.buy-page .download-panel .text-link{font-size:15px;font-weight:400;line-height:1.7;color:var(--accent);border-color:var(--accent)}
.text-link:hover{color:var(--accent-hi);border-color:var(--accent-hi)}
.requirements,.availability-note,.testflight-status,.download-page .download-release,.download-page .download-system,.download-page .download-status,.buy-tax,.buy-status,.price-tax{font-size:14px;font-weight:400;line-height:1.7;color:var(--faint)}
.screenshot-heading,figcaption,.preview-controls{font-size:14px;font-weight:400;line-height:1.7;color:var(--faint)}
.preview-controls button{font-size:14px;color:var(--faint)}.preview-controls button[aria-pressed=true]{color:var(--ink)}
.at-a-glance strong,.document-main .plans b{font-size:17px;font-weight:600;line-height:1.7;letter-spacing:normal;color:var(--ink)}
.at-a-glance p>span{font-size:14px;line-height:1.7;color:var(--dim)}
.number,.steps li:before{font-size:14px;line-height:1.7;color:var(--accent)}
.feature-list p,.steps p,.faq-list p,.section-heading>p:last-child:not(.eyebrow),.download-page .download-help p{font-size:15.5px;line-height:1.7;color:var(--dim)}
.companion-free{font-size:16px;line-height:1.7;color:var(--ink)}
.connection-note h3{font-size:17px;font-weight:600;line-height:1.7;letter-spacing:normal}
.connection-note p{font-size:15.5px;line-height:1.7;color:var(--dim)}
.pricing .pricing-intro,.availability p:last-child{font-size:15.5px;line-height:1.7;color:var(--dim)}
.pricing-features,.buy-features{font-size:15.5px;line-height:1.7;color:var(--dim)}
.pricing-features li,.buy-features li{font-size:15.5px;line-height:1.7}
.pricing .pricing-beta{font-size:14px;line-height:1.7;color:var(--faint);border-color:var(--line)}
.pricing .price,.buy-page .download-panel h2{font-size:clamp(28px,3.8vw,40px);font-weight:600;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.pricing .price-once{font-size:16px;font-weight:600;line-height:1.7;color:var(--ink)}
.pricing .price-tax{font-size:14px;line-height:1.7;color:var(--faint)}
summary{font-size:17px;font-weight:600;line-height:1.7;color:var(--ink)}summary:after{font-size:19px;line-height:1.1}
.footer{font-size:13.5px;font-weight:400;line-height:1.7;color:var(--faint);background:var(--deep)}
.footer nav,.footer p,.footer .affiliation{font-size:13.5px;font-weight:400;line-height:1.7;letter-spacing:normal}
.footer a{color:var(--dim)}.footer a:hover{color:var(--ink)}
.download-page h1,.license-page h1,.document-main h1{font-size:clamp(28px,4.4vw,40px);line-height:1.15}
.download-page .download-panel h2,.download-page .download-help h2{font-size:clamp(28px,3.8vw,40px);line-height:1.2}
.download-page .download-license{font-size:15.5px;line-height:1.7;color:var(--dim)}
.document-main h2,.license-terms h2,.license-current h2{font-size:20px;font-weight:600;line-height:1.2}
.document-main h3{font-size:15.5px;font-weight:600;line-height:1.7;color:var(--accent)}
.document-main p,.document-main li,.license-terms p,.license-current p{font-size:15.5px;line-height:1.85;color:var(--dim)}
.document-main .meta{font-size:14px;line-height:1.7;color:var(--faint)}
.document-main .plans span{font-size:15.5px;line-height:1.85;color:var(--dim)}
.document-main a:not(.button),.license-terms p a{color:var(--accent)}
.document-main code{font-size:.88em;color:var(--ink)}
.document-main .up,.download-page .download-back,.license-back{font-size:14px;line-height:1.7;color:var(--faint)}
@media(max-width:720px){
 .hero-intro,.section-intro,.license-lead,.document-main .lead{font-size:17px}
 .nav,.header .nav{font-size:12.5px;letter-spacing:.1em}
 html[lang=ko] .nav{letter-spacing:.04em}
}
@media(max-width:660px){
 .at-a-glance p{flex-wrap:wrap;gap:4px 15px}.at-a-glance p>span{text-align:left}
 .at-a-glance strong{flex-shrink:1}.pricing-summary>.button{width:100%}
 .actions{align-items:flex-start}.footer nav{gap:16px 22px}
}

/* Keep compact preview/language controls usable at the matched type size. */
.preview-controls button{min-height:44px}.language a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}

.faq-list p a{color:var(--accent)}


/* Full-width page chrome, with content aligned to the shared page gutter.
   Keep typography and branding unchanged; allow navigation to wrap naturally. */
.header{display:block;min-height:0;padding:0;border-bottom:1px solid var(--line);background:var(--navy)}
.header-inner{display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px;min-height:104px;padding-block:24px}
.header-inner>.brand{max-width:100%;min-width:0}
.header .nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;width:auto;margin-left:auto}
.header .nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.header .language{flex-shrink:0;margin-left:0}
.footer{display:block;padding:0;border-top:1px solid var(--line);background:var(--deep)}
.footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px 40px;padding-block:42px 36px}
.footer-inner>*{min-width:0}
.footer-brand{max-width:100%}
.footer nav{align-items:center;justify-content:flex-end;gap:12px 26px;padding:0;max-width:100%}
.footer nav a{display:inline-flex;align-items:center;min-height:44px}
.footer .affiliation{grid-column:1/-1;margin:0;max-width:760px}
@media(max-width:900px){
 .header-inner{gap:12px 24px;min-height:0;padding-block:22px 18px}
 .header .brand{width:175px}
 .header .language{margin-left:auto}
 .header .nav{order:3;width:100%;margin:0;justify-content:flex-start;gap:8px 24px}
 .footer-inner{grid-template-columns:1fr;gap:18px;padding-block:36px 30px}
 .footer nav{width:100%;justify-content:flex-start;gap:8px 24px}
}
@media(max-width:660px){
 .header-inner{gap:12px 16px;padding-block:20px 16px}
 .header .brand{width:168px}
 .header .nav{gap:8px 20px}
 .footer-inner{padding-block:32px;gap:16px}
 .footer nav{gap:8px 22px}
}
@media(max-width:359px){.header .brand{width:160px}}

/* Actual Mac capture: show every edge and keep animation controls available. */
.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px}
.hero-copy,.mac-showcase{min-width:0}
.mac-showcase{padding:0;background:transparent;border:0;border-radius:0;display:block;width:100%}
.capture-theme{border:0;padding:0;margin:0;min-width:0}
.capture-theme legend{float:left;width:100%;margin-bottom:12px;font-size:14px;color:var(--faint)}
.theme-option{display:inline-flex;position:relative;margin-right:4px;margin-bottom:18px}
.theme-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.theme-option label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 16px;border:1px solid var(--line);border-radius:7px;font-size:14px;color:var(--dim)}
.theme-option input:checked+label{background:var(--panel);border-color:var(--teal);color:var(--ink)}
.theme-option input:focus-visible+label{outline:3px solid var(--teal);outline-offset:4px}
.capture-theme .capture-light{display:none}
.capture-theme:has(input[value=light]:checked) .capture-light{display:block}
.capture-theme:has(input[value=light]:checked) .capture-dark{display:none}
.mac-viewport{width:100%;aspect-ratio:auto;overflow:visible;clear:both}
.mac-viewport img{width:100%;height:auto;object-fit:contain;border-radius:12px}
.capture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--dim);cursor:pointer;font-size:14px}
.motion-toggle:hover{border-color:var(--teal);color:var(--ink)}
.motion-toggle[hidden]{display:none}
.motion-toggle .resume-label{display:none}
.motion-toggle[data-paused=true] .pause-label{display:none}
.motion-toggle[data-paused=true] .resume-label{display:inline}
.mac-showcase figcaption{text-align:left;margin-top:11px}

@media(max-width:900px){.hero{gap:32px}}
@media(max-width:660px){.hero{grid-template-columns:1fr;gap:35px}.mac-showcase{width:100%;padding:0}.capture-toolbar{gap:8px}.theme-option label{padding-inline:17px}}

/* The same rounded viewport trims only outer screenshot backdrop margins. */
.hero-app-view{clear:both;padding-top:12px}
.hero-app-frame{width:min(100%,340px);aspect-ratio:3/5;margin-inline:auto;overflow:hidden;border-radius:12px}
.hero-app-frame img{width:100%;height:auto;object-fit:contain;margin:0;border-radius:0;transform:scale(1.03);transform-origin:center}
.mac-viewport{width:min(100%,360px);margin-inline:auto}
.mac-viewport img{border-radius:8px}
.hero-app-view .capture-light{display:none}
body:has(#menu-light:checked) .hero-app-view .capture-light{display:block}
body:has(#menu-light:checked) .hero-app-view .capture-dark{display:none}
@media(max-width:900px){.hero-app-frame{width:min(100%,270px)}}
@media(max-width:660px){.mac-viewport{width:min(100%,300px)}.hero-app-frame{width:min(100%,300px)}}