:root{--bg:#fbf6f7;--card:#fffcfd;--fg:#1d161a;--muted:#766a6e;--line:#eddfe4;--accent:#a54a68;--accent-soft:#fbe7ee;--panel:#f7e9ee;--stage:#fffdfe;--stage-fg:#1d161a;--stage-muted:#7b6e72;--stage-accent:#a54a68;--accent-rgb:165 74 104;--stage-rgb:255 253 254;--stage-fg-rgb:29 22 26;--stage-accent-rgb:165 74 104;--shadow:0 30px 60px -32px #46182a73}body[data-tone=a]{--bg:#f4f5f3;--card:#fff;--fg:#161a1f;--muted:#646c76;--line:#e2e5e4;--accent:#3d5f86;--accent-soft:#e6edf5;--panel:#e9edf0;--stage:#0e1524;--stage-fg:#eef2f7;--stage-muted:#94a3b5;--stage-accent:#9dc0e6;--accent-rgb:61 95 134;--stage-rgb:14 21 36;--stage-fg-rgb:238 242 247;--stage-accent-rgb:157 192 230;--shadow:0 30px 60px -32px #10182673}body[data-tone=b]{--bg:#f8f3ec;--card:#fffdf8;--fg:#1d1613;--muted:#6f645b;--line:#e9e0d3;--accent:#a4492f;--accent-soft:#f6e6dc;--panel:#f0e7da;--stage:#1a100d;--stage-fg:#f6ece2;--stage-muted:#ab9a8c;--stage-accent:#e0a458;--accent-rgb:164 73 47;--stage-rgb:26 16 13;--stage-fg-rgb:246 236 226;--stage-accent-rgb:224 164 88;--shadow:0 30px 60px -32px #28140c73}body[data-tone=c]{--bg:#f3f6f1;--card:#fdfefc;--fg:#161c17;--muted:#616b62;--line:#e0e7dd;--accent:#3f6b52;--accent-soft:#e4efe6;--panel:#e8eee5;--stage:#0f1a14;--stage-fg:#eef4ee;--stage-muted:#95a79a;--stage-accent:#a8c9ac;--accent-rgb:63 107 82;--stage-rgb:15 26 20;--stage-fg-rgb:238 244 238;--stage-accent-rgb:168 201 172;--shadow:0 30px 60px -32px #0e1e1473}body[data-tone=d]{--bg:#f6f4f1;--card:#fffefc;--fg:#1a1a1a;--muted:#6b6763;--line:#e6e2dc;--accent:#8a5a44;--accent-soft:#f3e7df;--panel:#eeeae4;--stage:#131313;--stage-fg:#f2efec;--stage-muted:#a19c96;--stage-accent:#e9b391;--accent-rgb:138 90 68;--stage-rgb:19 19 19;--stage-fg-rgb:242 239 236;--stage-accent-rgb:233 179 145;--shadow:0 30px 60px -32px #14121073}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:17px;line-height:1.75}img{max-width:100%}a{color:inherit}.stage{border-bottom:1px solid var(--line);background:radial-gradient(120% 70% at 50% -10%, rgb(var(--stage-accent-rgb) / .22) 0%, rgb(var(--stage-rgb) / 0) 60%), radial-gradient(80% 50% at 80% 10%, rgb(var(--accent-rgb) / .35) 0%, rgb(var(--stage-rgb) / 0) 70%), var(--stage);color:var(--stage-fg);position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.stage-inner{z-index:1;max-width:1080px;margin:0 auto;padding:104px 24px 0;position:relative}.eyebrow{color:var(--stage-accent);letter-spacing:.04em;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:inline-flex}.dot{background:var(--stage-accent);width:7px;height:7px;box-shadow:0 0 0 4px rgb(var(--stage-accent-rgb) / .18);border-radius:50%}h1{text-wrap:balance;letter-spacing:-.02em;word-break:keep-all;max-width:11em;margin:24px 0 0;font-family:Nanum Myeongjo,Apple SD Gothic Neo,serif;font-size:clamp(38px,5.4vw,62px);font-weight:800;line-height:1.18}h1 em{color:var(--stage-accent);white-space:nowrap;font-style:normal;position:relative}h1 em:after{content:"";background:rgb(var(--stage-accent-rgb) / .16);border-radius:2px;height:.36em;position:absolute;bottom:.1em;left:0;right:0}.lead{border-left:2px solid rgb(var(--stage-accent-rgb) / .4);max-width:27em;color:var(--stage-muted);word-break:keep-all;margin:26px 0 0;padding-left:20px;font-size:clamp(17px,1.7vw,19px);line-height:1.8}.cta{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:42px;display:flex}.app-store{transition:transform .25s;display:inline-block}.app-store:hover{transform:translateY(-2px)}.app-store img{width:auto;height:52px;display:block}.cta-side{flex-direction:column;gap:2px;display:flex}.ghost{border:1px solid rgb(var(--stage-fg-rgb) / .28);color:var(--stage-fg);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:9px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .25s,background .25s;display:inline-flex}.ghost:hover{border-color:rgb(var(--stage-fg-rgb) / .6);background:rgb(var(--stage-fg-rgb) / .06)}.cta-note{color:var(--stage-muted);margin:0;font-size:13px}.trust{color:var(--stage-muted);flex-wrap:wrap;gap:10px 26px;margin:36px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.trust li{padding-left:16px;position:relative}.trust li:before{content:"";border:1px solid var(--stage-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}.hero-shot{justify-content:center;margin-top:48px;display:flex;position:relative}.hero-shot img{z-index:1;border:1px solid rgb(var(--stage-fg-rgb) / .16);width:300px;height:auto;box-shadow:var(--shadow);border-radius:26px;animation:1s cubic-bezier(.2,.7,.2,1) .15s both rise;position:relative;transform:translateY(24px)rotate(-1.5deg)}.glow{background:radial-gradient(50% 50% at 50% 50%, rgb(var(--stage-accent-rgb) / .3) 0%, rgb(var(--stage-rgb) / 0) 70%);width:min(620px,92vw);height:420px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(70px)rotate(-1.5deg)}to{opacity:1;transform:translateY(24px)rotate(-1.5deg)}}.marquee{z-index:1;border-top:1px solid rgb(var(--stage-fg-rgb) / .12);border-bottom:1px solid rgb(var(--stage-fg-rgb) / .12);margin-top:88px;padding:20px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:48px;width:max-content;animation:42s linear infinite slide;display:flex}.marquee-track span{color:rgb(var(--stage-fg-rgb) / .62);white-space:nowrap;font-family:Nanum Myeongjo,serif;font-size:17px}@keyframes slide{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.hero-shot img{animation:none;transform:translateY(24px)rotate(-1.5deg)}}main{max-width:1120px;margin:0 auto;padding:0 24px}html.js .reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(44px)}html.js .reveal.in{opacity:1;transform:none}.scene{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:80px;padding:116px 0;display:grid}.scene.flip{grid-template-columns:380px minmax(0,1fr)}.scene.flip .scene-text{text-align:right;flex-direction:column;order:2;align-items:flex-end;display:flex}.scene.flip .chips{justify-content:flex-end}.scene-no{color:var(--accent);letter-spacing:.3em;margin:0;font-family:Nanum Myeongjo,serif;font-size:14px}h2{letter-spacing:-.025em;word-break:keep-all;text-wrap:balance;margin:10px 0 0;font-family:Nanum Myeongjo,Apple SD Gothic Neo,serif;font-size:clamp(27px,3.4vw,39px);font-weight:700;line-height:1.3}.scene-body{max-width:29em;color:var(--muted);word-break:keep-all;margin:20px 0 0;font-size:17px;line-height:1.85}.chips{flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none;display:flex}.chips li{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600}.scene-shot{margin:0;position:relative}.scene-shot:before{content:"";background:radial-gradient(50% 50% at 50% 50%, var(--accent-soft) 0%, transparent 72%);opacity:.85;position:absolute;inset:-12% -18%}.scene-shot img{border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow);border-radius:28px;display:block;position:relative}.share{padding:16px 0 116px}.share-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:44px;padding:68px 60px}.link-chip{border:1px dashed var(--line);background:var(--bg);letter-spacing:-.01em;border-radius:16px;flex-wrap:wrap;align-items:baseline;gap:6px;margin:30px 0 0;padding:14px 22px;font-size:17px;font-weight:600;display:inline-flex}.link-chip span{color:var(--muted);font-weight:500}.link-chip em{color:var(--accent);font-size:13px;font-style:normal}.grid{padding:0 0 116px}.grid-title{margin:0 0 36px;font-size:clamp(22px,2.4vw,28px)}.grid-items{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.grid-items article{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:32px 30px;transition:transform .3s,border-color .3s}.grid-items article:hover{border-color:var(--accent);transform:translateY(-4px)}.grid-items h3{margin:0;font-size:18px}.grid-items h3:before{content:"";background:var(--accent);opacity:.55;width:26px;height:2px;margin-bottom:14px;display:block}.grid-items p{color:var(--muted);word-break:keep-all;margin:10px 0 0;font-size:15px}.closing{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:22px;padding:130px 0;display:flex;position:relative}.closing:before{content:"";background:radial-gradient(50% 50% at 50% 30%, var(--accent-soft) 0%, transparent 70%);opacity:.8;width:min(680px,90%);height:320px;position:absolute;top:0;left:50%;transform:translate(-50%)}.closing>*{position:relative}.closing h2{max-width:16em}footer{border-top:1px solid var(--line)}footer>*{max-width:1080px;margin:0 auto;padding-inline:24px}.mark{margin:36px auto 0;font-family:Nanum Myeongjo,serif;font-size:19px;font-weight:700}footer nav{flex-wrap:wrap;gap:18px;margin-top:10px;font-size:14px;display:flex}footer nav a{color:var(--muted);text-decoration:none}footer nav a:hover{color:var(--accent)}.copy{color:var(--muted);margin:14px auto 40px;font-size:13px}@media (width>=980px){.stage-inner{grid-template-columns:minmax(0,1fr) 360px;align-items:center;column-gap:80px;padding-bottom:12px;display:grid}.stage-inner>.eyebrow,.stage-inner>h1,.stage-inner>.lead,.stage-inner>.cta,.stage-inner>.trust{grid-column:1}.hero-shot{grid-area:1/2/span 5;margin-top:0}.hero-shot img{width:100%}}@media (width<=760px){.stage-inner{padding-top:56px}.scene,.scene.flip{grid-template-columns:1fr;gap:36px;padding:72px 0}.share{padding:8px 0 72px}.grid{padding-bottom:72px}.scene.flip .scene-text{text-align:left;order:0;align-items:flex-start}.scene.flip .chips{justify-content:flex-start}.scene-shot{max-width:300px;margin-inline:auto}.share-card{padding:26px}.closing{padding:72px 0}}