:root{color-scheme:dark;--bg:#100b1d;--surface:#21172f;--line:#4b395f;--text:#f7f1ff;--muted:#b5a7c7;--gold:#fbd98b;--purple:#a77aff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:6px}.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:24px 28px}.brand{font-weight:950;letter-spacing:-.08em;font-size:21px}.brand span{margin-left:4px;color:var(--purple)}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:750}.site-header nav>a:not(.nav-play){color:#c9bed6}.nav-play{padding:10px 16px;border:1px solid #ba94f077;border-radius:12px;background:#a77aff1c}.nav-play span{margin-left:8px}.hero{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:28px;align-items:center;max-width:1200px;min-height:630px;margin:auto;padding:54px 28px 78px}.eyebrow{margin:0 0 16px;color:#c39cff;font-size:11px;font-weight:900;letter-spacing:.17em}.sparkle{color:#ffdd85}.hero h1,.section h2{margin:0;font-weight:900;letter-spacing:-.055em;line-height:1.17}.hero h1{font-size:clamp(40px,5vw,70px)}.hero h1 em{color:var(--gold);font-style:normal}.hero-lead{max-width:610px;margin:27px 0 0;color:#c6b9d3;font-size:17px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:12px 22px;border-radius:13px;font-weight:850;font-size:14px}.button.primary{color:#1c1130;background:linear-gradient(130deg,#fce29b,#d8b3ff);box-shadow:0 12px 40px #b77cff30}.button.secondary{border:1px solid #635276;background:#24192f}.button:hover,.nav-play:hover{transform:translateY(-2px)}.quick-facts{margin:20px 0 0;color:#9f91ad;font-size:12px}.quick-facts span{margin:0 5px;color:#6d5a80}.hero-art{position:relative;display:grid;place-items:center;min-height:490px;overflow:hidden;border:1px solid #76539166;border-radius:36px;background:radial-gradient(circle at 50% 38%,#6c3e9a66,#281836 44%,#160f22 77%);box-shadow:inset 0 0 70px #0b0515,0 30px 80px #05020c66}.hero-art:before{position:absolute;inset:0;content:'';background-image:radial-gradient(#ddc9ff6c 1px,transparent 1px);background-size:34px 34px;opacity:.25}.hero-art img{position:relative;z-index:1;width:min(77%,360px);height:auto;filter:drop-shadow(0 20px 30px #0c0318)}.orbit{position:absolute;width:74%;aspect-ratio:1;border:1px solid #d7b2ff33;border-radius:50%}.orbit-two{width:93%;border-style:dashed;opacity:.55}.element{position:absolute;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:1px solid #cda8ff66;border-radius:18px;background:#301d46e8;font-size:27px;box-shadow:0 8px 30px #07030b88}.element.fire{top:17%;left:12%}.element.water{top:12%;right:15%}.element.sprout{bottom:27%;left:7%}.element.star{bottom:26%;right:9%}.art-caption{position:absolute;z-index:2;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 15px;border:1px solid #d8bcff44;border-radius:12px;background:#160d24cb;backdrop-filter:blur(10px)}.art-caption small{color:#b99adc;font-size:10px;letter-spacing:.14em}.art-caption strong{font-size:13px}.numbers{display:grid;grid-template-columns:repeat(4,1fr);max-width:1144px;margin:0 auto 50px;border:1px solid var(--line);border-radius:20px;background:#1c1329}.numbers div{padding:23px 26px}.numbers div+div{border-left:1px solid var(--line)}.numbers strong,.numbers span{display:block}.numbers strong{color:var(--gold);font-size:29px;line-height:1}.numbers span{margin-top:7px;color:#afa1bc;font-size:12px}.section{max-width:1200px;margin:auto;padding:95px 28px}.section h2{font-size:clamp(32px,4vw,51px)}.section-heading>p:last-child{max-width:600px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:37px}.steps article{position:relative;min-height:288px;padding:27px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#2c1d3a,#1c1427)}.step-number{position:absolute;top:24px;right:25px;color:#8f78a6;font-size:12px;font-weight:900}.step-icon{display:flex;align-items:center;gap:6px;height:80px;font-size:42px}.step-icon small{color:#bca8d0;font-size:25px}.steps h3{margin:10px 0;font-size:20px;letter-spacing:-.03em}.steps p{margin:0;color:#b7a9c6;font-size:14px;line-height:1.8}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.feature-visual{min-height:355px;padding:26px;border:1px solid #9e77d988;border-radius:26px;background:radial-gradient(circle at 50% 50%,#6b408b55,#261630 72%);box-shadow:0 26px 60px #08030e66}.feature-topline,.feature-bottomline{display:flex;justify-content:space-between;gap:8px;color:#c6b0dd;font-size:11px;letter-spacing:.1em}.feature-topline span{color:var(--gold)}.formula{display:flex;justify-content:center;align-items:center;gap:16px;min-height:245px;font-size:57px}.formula b{color:#bda0d5;font-size:25px}.feature-bottomline span:last-child{color:var(--gold)}.feature-copy p:not(.eyebrow),.save p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9}.feature-copy>a{display:inline-block;margin-top:12px;color:var(--gold);font-size:14px;font-weight:800}.save{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #3d2d4f}.save>div:first-child{max-width:690px}.save-badge{display:grid;justify-items:center;min-width:245px;padding:32px;border:1px solid var(--line);border-radius:22px;background:#241930;text-align:center}.save-badge span{font-size:50px}.save-badge strong{margin-top:8px;font-size:20px}.save-badge small{color:var(--muted)}.closing{max-width:none;padding:100px 28px;text-align:center;background:radial-gradient(circle at 50% 110%,#4b2d69,#160f23 65%)}.closing p:not(.eyebrow){color:var(--muted)}.closing .button{margin-top:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px max(28px,calc((100vw - 1144px)/2));border-top:1px solid #372844;color:#afa1ba}footer .brand{color:var(--text);white-space:nowrap}footer>div{display:flex;flex-wrap:wrap;gap:17px;font-size:12px}footer small{font-size:11px;white-space:nowrap}
@media(max-width:800px){.site-header{padding:16px}.site-header nav{gap:10px}.site-header nav>a:not(.nav-play){display:none}.hero{grid-template-columns:1fr;gap:25px;min-height:0;padding:55px 18px 40px}.hero h1{font-size:clamp(36px,9vw,54px)}.hero-lead{font-size:15px}.hero-art{min-height:355px;border-radius:24px}.hero-art img{width:min(76%,290px)}.element{width:44px;height:44px;font-size:21px}.art-caption{bottom:12px;left:12px;right:12px}.numbers{grid-template-columns:repeat(2,1fr);margin:0 18px 20px}.numbers div{padding:18px}.numbers div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.numbers div:nth-child(4){border-top:1px solid var(--line)}.section{padding:72px 18px}.steps{grid-template-columns:1fr}.steps article{min-height:0}.feature{grid-template-columns:1fr;gap:30px}.feature-visual{min-height:280px}.formula{min-height:185px;font-size:45px}.save{display:block}.save-badge{margin-top:26px}.closing{padding:80px 18px}footer{flex-direction:column;align-items:flex-start;padding:30px 18px}}
@media(max-width:400px){.hero-actions .button{width:100%}.quick-facts{font-size:11px}.art-caption small{font-size:8px}.art-caption strong{font-size:11px}.hero-art{min-height:310px}.feature-visual{padding:17px}.formula{gap:10px;font-size:36px}.formula b{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover,.nav-play:hover{transform:none}}
#landingLang{max-width:118px;min-height:38px;padding:7px 9px;border:1px solid #6b5580;border-radius:10px;color:#e9ddf5;background:#241a32;font:700 12px Pretendard,system-ui,sans-serif}#landingLang:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:800px){.site-header nav{gap:7px}#landingLang{max-width:96px;font-size:11px}.nav-play{padding:9px 11px}}
.screens{padding-top:48px}.screens-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,.7fr);align-items:start;gap:18px;margin-top:30px}.screens-grid figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:20px;background:#21172f}.screens-grid img{display:block;width:100%;height:auto;border-radius:12px}.screens-grid figcaption{padding:10px 7px 4px;color:var(--muted);font-size:13px}@media(max-width:800px){.screens-grid{grid-template-columns:1fr}.screens-grid figure:last-child{max-width:390px}}

.hero-copy,.hero-art{min-width:0}.hero-copy{overflow-wrap:anywhere}