:root{color-scheme:dark;font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;background:#100f12;color:#f6f1f1;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit}
button,a{ -webkit-tap-highlight-color:transparent}
.skip-link{position:absolute;top:-4rem;left:1rem;background:#eed0d8;color:#211b21;padding:.7rem 1rem;z-index:10}
.skip-link:focus{top:1rem}
.site-header{height:82px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1b}
.brand{display:inline-flex;align-items:baseline;gap:9px;text-decoration:none;white-space:nowrap}
.brand strong{font-family:Georgia,serif;font-size:29px;letter-spacing:-.08em}
.brand span{font-size:10px;font-weight:800;letter-spacing:.3em;color:#d4aeb9}
.site-header nav{display:flex;gap:clamp(16px,3vw,45px)}
.site-header nav a{text-decoration:none;color:#cec6ca;font-size:14px}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#f2c5d1}
main{overflow:hidden}
.hero{min-height:min(760px,85vh);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);max-width:1500px;margin:auto;padding:80px clamp(24px,5vw,80px);gap:6vw;align-items:center}
.eyebrow{color:#d8aebb;font-size:12px;font-weight:800;letter-spacing:.28em}
.hero h1,.download-copy h2{font-family:Georgia,"AppleMyungjo",serif;font-size:clamp(52px,5vw,78px);font-weight:400;line-height:1.11;letter-spacing:-.07em;margin:26px 0}
.hero h1 em{font-style:normal;color:#e0bdc6}
.hero-intro{max-width:510px;color:#c7bfc3;font-size:clamp(17px,1.5vw,22px);line-height:1.8;word-break:keep-all}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:0 22px;text-decoration:none;font-size:14px;font-weight:800;border-radius:8px}
.button.primary{background:#e1bdc7;color:#201a1d}
.button.primary:hover,.button.primary:focus-visible{background:#f4d8df}
.button.text{border:1px solid #60565b;color:#e5dce0}
.button.text:hover,.button.text:focus-visible{border-color:#e1bdc7}
.button.disabled{background:#2b282d;color:#aaa0a5;cursor:not-allowed;width:max-content}
.age-note{color:#8e858b;font-size:12px;margin-top:22px}
.hero-art{min-height:560px;display:grid;place-items:center;position:relative}
.hero-art:before{content:"";position:absolute;inset:5% 0;background:radial-gradient(circle at 50% 48%,#7d4d5e5c,transparent 55%)}
.art-frame{width:min(100%,455px);height:560px;position:relative;border:1px solid #916c78;border-radius:220px 220px 14px 14px;background:radial-gradient(ellipse at 50% 27%,#a57d8b 0%,#624554 24%,#211c25 64%,#151219 100%);box-shadow:0 35px 100px #050407;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:35px 24px 42px;overflow:hidden}
.art-frame:after{content:"";position:absolute;width:115%;height:75%;border:1px solid #e7c8d747;border-radius:50%;top:18%;transform:rotate(-25deg)}
.art-kicker{font-size:10px;letter-spacing:.3em;color:#f1dce3;z-index:1}
.art-mark{font-family:Georgia,serif;font-size:330px;font-style:italic;line-height:1;color:#edcbd5;text-shadow:0 10px 35px #120d18b5;z-index:1}
.art-caption{font-family:Georgia,"AppleMyungjo",serif;font-size:16px;z-index:1}
.feature-section{border-top:1px solid #ffffff1b;background:#171519;padding:100px clamp(24px,5vw,80px)}
.section-heading,.steps{max-width:1340px;margin:auto}
.section-heading h2{font-family:Georgia,"AppleMyungjo",serif;font-size:clamp(36px,4vw,56px);font-weight:400;letter-spacing:-.05em;margin:18px 0}
.section-heading>p:last-child{color:#b7adb2;line-height:1.7}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}
.steps article{min-height:235px;border:1px solid #494047;background:#201d22;padding:28px}
.step-number{color:#d6aab7;font-family:Georgia,serif;font-size:19px}
.steps h3{font-size:22px;margin:42px 0 10px}
.steps p{margin:0;color:#bdb2b8;line-height:1.65;word-break:keep-all}
.download-section{max-width:1500px;margin:auto;padding:110px clamp(24px,5vw,80px) 130px;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}
.download-copy h2{font-size:clamp(44px,5vw,72px)}
.download-copy>p:last-child{line-height:1.8;color:#bdb3b8;max-width:410px;word-break:keep-all}
.download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.download-card{border:1px solid #846572;border-radius:14px;background:#272128;padding:30px;min-height:320px;display:flex;flex-direction:column;align-items:flex-start}
.download-card.waiting{background:#1b1a1e;border-color:#4b444b}
.platform{font-size:12px;font-weight:800;letter-spacing:.08em;color:#d7aebe}
.download-card strong{font-family:Georgia,"AppleMyungjo",serif;font-size:26px;margin-top:17px}
.download-card p{font-size:13px;line-height:1.5;color:#bcb1b8;min-height:40px}
.download-card .button{margin-top:16px}
.download-card details{margin-top:26px;width:100%;font-size:12px;color:#bcb1b8}
.download-card summary{cursor:pointer}
.download-card code{display:block;overflow-wrap:anywhere;line-height:1.6;margin:10px 0}
.download-card small{display:block}
footer{border-top:1px solid #ffffff1b;padding:30px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;color:#857d83;font-size:12px}
footer .brand strong{font-size:23px}
footer .brand span{font-size:8px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}
.hero-art{min-height:440px}
.art-frame{height:440px;width:350px}
.art-mark{font-size:255px}
.download-section{grid-template-columns:1fr}
.download-options{max-width:740px}
}
@media(max-width:600px){.site-header{height:68px}
.site-header nav{gap:16px}
.site-header nav a{font-size:12px}
.brand strong{font-size:25px}
.brand span{font-size:8px}
.hero{padding-top:55px;gap:12px;grid-template-columns:minmax(0,1fr)}
.hero h1{font-size:clamp(38px,10vw,50px)}
.hero-intro{font-size:16px}
.hero-art{min-height:370px}
.art-frame{width:min(88%,290px);height:360px;padding:26px 15px}
.art-mark{font-size:210px}
.art-caption{font-size:12px}
.feature-section{padding-top:70px;padding-bottom:70px}
.steps{grid-template-columns:1fr}
.steps article{min-height:190px}
.steps h3{margin-top:25px}
.download-section{padding-top:70px;padding-bottom:80px}
.download-options{grid-template-columns:1fr}
.download-card{min-height:270px}
footer{gap:16px;align-items:flex-start;flex-direction:column}
}