:root{--purple:#8674f5;--purple-dark:#6a56e8;--purple-light:#efecfe;--purple-bg:#f8f6ff;--ink:#1f1b33;--ink-soft:#5c5675;--ink-faint:#938da8;--bg:#fff;--nav-bg:#ffffffd9;--card-bg:#f8f6ff;--card-border:#8674f51a;--hairline:#f0eef8;--phone-frame:#1f1b33;--btn-bg:#1f1b33;--btn-ink:#fff;--ai-card-bg:#fffffff5;--feature-icon-bg:#fff;--radius-lg:28px;--radius-md:18px;--shadow-card:0 8px 30px #6a56e81a;--shadow-phone:0 24px 60px #1f1b332e;--glow:#8674f538}html[data-theme=dark]{--purple:#9d8df8;--purple-dark:#b3a6fa;--purple-light:#9d8df829;--purple-bg:#191627;--ink:#f0eefa;--ink-soft:#b4aecb;--ink-faint:#7d7797;--bg:#121020;--nav-bg:#121020d1;--card-bg:#1c1930;--card-border:#9d8df824;--hairline:#26223a;--phone-frame:#2e2a45;--btn-bg:#f0eefa;--btn-ink:#14121f;--ai-card-bg:#1c1930f5;--feature-icon-bg:#26223a;--shadow-card:0 8px 30px #00000059;--shadow-phone:0 24px 60px #00000080;--glow:#9d8df824}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);word-break:keep-all;-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background .35s,color .35s}.nowrap{white-space:nowrap}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 24px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0s);will-change:opacity, transform;transform:translateY(28px)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.phone-float{animation:none!important}.pdf-paper{transition:none}.pdf-demo:hover .pdf-paper{transform:none}html{scroll-behavior:auto}}.annc-bar{background:linear-gradient(90deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;text-align:center;justify-content:center;align-items:center;gap:10px;padding:9px 46px;font-size:13.5px;font-weight:600;line-height:1.4;display:flex;position:relative}.annc-bar.hidden{display:none}.annc-link{color:#fff}.annc-link:hover{text-decoration:underline}.annc-close{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;transition:opacity .2s,background .2s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.annc-close:hover{opacity:1;background:#ffffff2e}html[data-theme=dark] .annc-bar{background:linear-gradient(90deg,#8674f5 0%,#6a56e8 100%)}nav{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s,background .35s;position:sticky;top:0}nav.scrolled{border-bottom-color:var(--hairline);box-shadow:0 4px 24px #1f1b330f}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-brand{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.nav-brand img{border-radius:8px;width:32px;height:32px}.nav-links{color:var(--ink-soft);align-items:center;gap:22px;font-size:14.5px;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--purple-dark)}.nav-cta{background:var(--purple);border-radius:999px;padding:8px 18px;font-weight:600;transition:background .2s,transform .15s;color:#fff!important}.nav-cta:hover{background:var(--purple-dark);transform:translateY(-1px)}.toggle-btn{border:1px solid var(--hairline);min-width:34px;height:34px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;transition:color .2s,border-color .2s,background .2s,transform .15s;display:inline-flex}.toggle-btn:hover{color:var(--purple-dark);border-color:var(--purple);transform:translateY(-1px)}.toggle-btn svg{width:16px;height:16px}.toggle-group{align-items:center;gap:8px;display:flex}.hero{background:radial-gradient(130% 90% at 50% -10%, #edeafb 0%, #edeafb00 58%), linear-gradient(180deg, var(--purple-bg) 0%, var(--bg) 100%);padding:88px 0 72px;overflow:hidden}html[data-theme=dark] .hero{background:radial-gradient(130% 90% at 50% -10%, #9d8df81f 0%, #9d8df800 58%), linear-gradient(180deg, var(--purple-bg) 0%, var(--bg) 100%)}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.hero-icon{width:92px;height:92px;box-shadow:var(--shadow-card);border-radius:22px;margin-bottom:28px}.hero h1{letter-spacing:-.02em;font-size:clamp(32px,4.5vw,48px);font-weight:800;line-height:1.25}.hero h1 .accent{color:var(--purple)}.hero-sub{color:var(--ink-soft);margin-top:18px;font-size:18px}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px;display:flex}.btn-appstore,.btn-playstore{background:var(--btn-bg);color:var(--btn-ink);border-radius:14px;align-items:center;gap:12px;padding:13px 26px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 20px #1f1b3340}.btn-appstore:hover,.btn-playstore:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 26px #1f1b334d}.btn-appstore:active,.btn-playstore:active{transform:translateY(0)scale(.98)}.btn-appstore svg,.btn-playstore svg{flex-shrink:0;width:26px;height:26px}.btn-appstore .lines,.btn-playstore .lines{text-align:left;flex-direction:column;gap:3px;display:flex}.btn-appstore .small,.btn-playstore .small{opacity:.8;font-size:11px;line-height:1}.btn-appstore .big,.btn-playstore .big{font-size:17px;font-weight:700;line-height:1}.hero-rating{flex-direction:column;gap:2px;display:flex}.stars{color:#f5b301;letter-spacing:2px;font-size:16px}.rating-text{color:var(--ink-faint);font-size:13.5px}.rating-text b{color:var(--ink)}.hero-visual{justify-content:center;display:flex;position:relative}.hero-duo{gap:10px;width:min(540px,100%);animation:7s ease-in-out infinite heroFloat;display:flex}.hero-duo .hd{flex:1 1 0;min-width:0}.hero-duo .hd img{border-radius:22px;width:100%;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:block;box-shadow:0 12px 28px -12px #3f3cbb2e,0 3px 10px #14143c0f}.hero-duo .hd:hover img{transform:translateY(-10px)scale(1.015)}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-visual:before{content:"";background:radial-gradient(closest-side, var(--glow), transparent 70%);z-index:-1;position:absolute;inset:-10% -20%}.stats{border-bottom:1px solid var(--hairline);padding:40px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat .num{color:var(--purple-dark);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.stat .label{color:var(--ink-faint);margin-top:2px;font-size:13.5px}section{padding:80px 0}.section-head{text-align:center;max-width:620px;margin:0 auto 56px}.eyebrow{color:var(--purple-dark);background:var(--purple-light);border-radius:999px;margin-bottom:14px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-block}.section-head h2{letter-spacing:-.02em;font-size:clamp(26px,3.4vw,36px);line-height:1.3}.section-head p{color:var(--ink-soft);margin-top:12px;font-size:16.5px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:30px 26px;transition:transform .18s,box-shadow .18s,background .35s}.feature-card:hover{box-shadow:var(--shadow-card);transform:translateY(-6px)}.feature-emoji{background:var(--feature-icon-bg);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:26px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 14px #6a56e81f}.feature-card:hover .feature-emoji{transform:scale(1.12)rotate(-6deg)}.feature-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:18px}.feature-card p{color:var(--ink-soft);font-size:14.5px}.shots{background:linear-gradient(180deg, var(--bg) 0%, var(--purple-bg) 50%, var(--bg) 100%);scroll-margin-top:84px}.shots-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.shot{border:5px solid var(--phone-frame);background:var(--phone-frame);width:160px;box-shadow:var(--shadow-phone);border-radius:28px;transition:transform .25s;overflow:hidden}.shot img{border-radius:23px}.shot:nth-child(2n){transform:translateY(28px)}.shot:hover{transform:translateY(-8px)scale(1.03)}.shot:nth-child(2n):hover{transform:translateY(20px)scale(1.03)}.v2-band{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#8674f5 0%,#6a56e8 100%);grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;margin-bottom:16px;padding:56px 48px;scroll-margin-top:84px;display:grid;position:relative;overflow:hidden}.v2-band:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff29,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:-40%;right:-10%}.band-ver-chip{letter-spacing:.01em;background:#ffffff29;border:1px solid #ffffff4d;border-radius:999px;margin-bottom:14px;padding:5px 13px;font-size:12.5px;font-weight:700;display:inline-block}.v2-band .v2-heading{letter-spacing:-.02em;font-size:clamp(28px,3.8vw,40px);line-height:1.25}.v2-band .v2-subtitle{opacity:.88;margin-top:10px;font-size:16.5px;font-weight:600}.v2-band p{opacity:.92;margin-top:14px;font-size:16px}.chip{background:#ffffff29;border:1px solid #ffffff4d;border-radius:999px;padding:7px 16px;font-size:13.5px;font-weight:600}.ai-card .ai-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.ai-card .ai-chips .chip{background:var(--purple-light);color:var(--purple-dark);border:none;padding:5px 12px;font-size:12px;font-weight:700}.ai-card,.v2-card{background:var(--ai-card-bg);color:var(--ink);border-radius:var(--radius-md);z-index:1;padding:24px;font-size:14.5px;position:relative;box-shadow:0 16px 40px #0000002e}.hl-demo .ai-card{box-shadow:var(--shadow-card);border:1px solid var(--card-border);max-width:420px;margin:0 auto}.v2-card .v2-card-head{align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:700;display:flex}.v2-card .v2-robot{color:#3ddc84;flex-shrink:0;width:24px;height:24px}.v2-card .v2-card-msg{color:var(--ink-soft)}.v2-card .v2-card-cta{margin-top:18px}.ai-card .ai-title{align-items:center;gap:8px;margin-bottom:10px;font-weight:700;display:flex}.ai-card .ai-msg{color:var(--ink-soft);min-height:4.5em}.ai-card .ai-msg .caret{background:var(--purple);vertical-align:text-bottom;width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ai-card .ai-emotions{gap:8px;margin-top:14px;font-size:20px;display:flex}.ai-card .ai-emotions span{opacity:0;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1);transform:scale(.4)}.ai-card.done .ai-emotions span{opacity:1;transform:scale(1)}.ai-card.done .ai-emotions span:nth-child(2){transition-delay:.12s}.ai-card.done .ai-emotions span:nth-child(3){transition-delay:.24s}.hl-row{grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;padding:44px 0;display:grid}.hl-row.reverse{grid-template-columns:1.1fr 1fr}.hl-row.reverse .hl-text{order:2}.hl-row.reverse .hl-demo{order:1}.hl-chip{color:var(--purple-dark);background:var(--purple-light);border-radius:999px;margin-bottom:14px;padding:5px 14px;font-size:12.5px;font-weight:700;display:inline-block}.hl-text h3{letter-spacing:-.02em;font-size:clamp(22px,2.8vw,28px);line-height:1.35}.hl-text p{color:var(--ink-soft);margin-top:12px;font-size:15.5px}.emo-field{border-radius:var(--radius-md);border:1px solid var(--card-border);max-width:420px;box-shadow:var(--shadow-card);background:#0e0e10;margin:0 auto;padding:30px 18px 96px;position:relative;overflow:hidden}.emo-bubbles{grid-template-columns:repeat(3,96px);justify-content:center;gap:16px 14px;display:grid}.emo-bubble{--c:#ccc;color:#000000e0;width:96px;height:96px;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0 10px;font-size:13.5px;font-weight:600;line-height:1.15;display:flex;position:relative;overflow:visible}.emo-bubble .emo-shape{pointer-events:none;filter:drop-shadow(0 0 #0000);width:132%;height:132%;transition:filter .3s;position:absolute;inset:-16%}.emo-bubble .emo-shape path{fill:var(--c);transition:fill .3s}.emo-bubble .emo-word{z-index:1;position:relative}.emo-bubble:hover .emo-shape{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--c) 55%, transparent))}.emo-bubble.sel{z-index:2}.emo-bubble.sel .emo-shape{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--c) 75%, transparent))}.emo-bubble.sel .emo-shape path{fill:color-mix(in srgb, var(--c) 88%, #fff)}.emo-bubble:focus-visible{outline-offset:3px;outline:2px solid #fff}.emo-banner{--emo-accent:#fff;color:#fff;background:#1c1c1ef5;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:12px;padding:11px 12px 11px 20px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.emo-banner .emo-banner-text{flex:1;min-width:0}.emo-banner .emo-banner-word{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:700;overflow:hidden}.emo-banner.has-sel .emo-banner-word{color:var(--emo-accent)}.emo-banner .emo-banner-sub{color:#ffffff8c;margin-top:2px;font-size:12.5px}.emo-banner .emo-banner-arrow{color:#000;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.jn-demo{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);max-width:420px;box-shadow:var(--shadow-card);flex-direction:column;gap:10px;margin:0 auto;padding:16px;display:flex}.jn-head{color:var(--ink-soft);padding:2px 6px 6px;font-size:13px;font-weight:600;line-height:1.5}.jn-card{--c:#9a9aa8;background:color-mix(in srgb, var(--c) 14%, transparent);border:1px solid color-mix(in srgb, var(--c) 32%, transparent);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 14px;padding:14px 16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:grid}.jn-card:hover{transform:translate(5px)}.jn-book{background:var(--c);color:#000000b8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.jn-book svg{width:22px;height:22px}.jn-name{color:var(--ink);font-size:15.5px;font-weight:700}.jn-count{color:var(--ink-soft);margin-top:2px;font-size:12.5px}.jn-chev{color:var(--ink-faint);font-size:18px}.jn-entries{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.jn-entry{color:var(--ink-soft);background:color-mix(in srgb, var(--card-bg) 70%, #fff 30%);border:1px solid color-mix(in srgb, var(--c) 28%, transparent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.jn-entry b{color:var(--c);filter:saturate(1.1)brightness(.85);margin-right:5px;font-weight:700}.jn-add{text-align:center;color:var(--ink-faint);border:1.5px dashed #8674f566;border-radius:16px;padding:12px;font-size:13.5px;font-weight:600}.pdf-demo{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);max-width:460px;box-shadow:var(--shadow-card);margin:0 auto;padding:16px}@supports (width:1cqw){.pdf-demo{container-type:inline-size}.pdf-paper{--pp-u:calc(100cqw / 426)}}.pdf-paper{--pp-u:1px;--pp-ink:#2b2926;--pp-grey:#9a948c;--pp-grey2:#7a756e;--pp-rule:#d9d5ce;--pp-sep:#e3e0da;--pp-gutter:#ddd9d2;--pp-sage:#a3ac97;--pp-mark:#6b665f;aspect-ratio:842/595;color:var(--pp-ink);border-radius:calc(3 * var(--pp-u));box-shadow:0 calc(1 * var(--pp-u)) calc(2 * var(--pp-u)) #2b29260f, 0 calc(10 * var(--pp-u)) calc(24 * var(--pp-u)) #2b29261a;padding:calc(16 * var(--pp-u)) calc(20 * var(--pp-u)) calc(22 * var(--pp-u));font-size:calc(8 * var(--pp-u));background:#fff;border:1px solid #2b29261a;flex-direction:column;line-height:1.4;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.pdf-demo:hover .pdf-paper{transform:translateY(calc(-4 * var(--pp-u))) rotate(-.4deg)}.pdf-serif{font-family:Cormorant Garamond,Georgia,Times New Roman,serif}.pdf-head{padding-bottom:calc(6 * var(--pp-u));border-bottom:.5px solid var(--pp-rule);justify-content:space-between;align-items:baseline;display:flex}.pdf-mark{font-size:calc(7 * var(--pp-u));letter-spacing:.22em;color:var(--pp-mark);font-weight:700}.pdf-month{align-items:baseline;gap:calc(5 * var(--pp-u));display:flex}.pdf-month i{font-style:italic;font-weight:500;font-size:calc(15 * var(--pp-u));color:var(--pp-ink);line-height:1}.pdf-month span{font-size:calc(7.5 * var(--pp-u));color:var(--pp-grey2)}.pdf-range{font-size:calc(7 * var(--pp-u));color:var(--pp-grey)}.pdf-cols{margin-top:calc(12 * var(--pp-u));flex:1;grid-template-columns:1fr 1fr;column-gap:0;min-height:0;display:grid}.pdf-col{padding:0 calc(12 * var(--pp-u));flex-direction:column;gap:0;display:flex;overflow:hidden}.pdf-col:first-child{border-right:.5px dashed var(--pp-gutter);padding-left:0}.pdf-col:last-child{padding-right:0}.pdf-entry{gap:calc(4 * var(--pp-u));flex-direction:column;display:flex}.pdf-entry+.pdf-entry{margin-top:calc(10 * var(--pp-u));padding-top:calc(10 * var(--pp-u));border-top:.5px solid var(--pp-sep)}.pdf-date{align-items:baseline;gap:calc(6 * var(--pp-u));display:flex}.pdf-date b{font-size:calc(9 * var(--pp-u));font-weight:700}.pdf-date span{font-size:calc(6.5 * var(--pp-u));letter-spacing:.09em;color:var(--pp-sage);font-weight:600}.pdf-chips{gap:calc(4 * var(--pp-u));flex-wrap:wrap;display:flex}.pdf-chip{align-items:center;gap:calc(3 * var(--pp-u));height:calc(14 * var(--pp-u));padding:0 calc(6 * var(--pp-u));border-radius:calc(7 * var(--pp-u));font-size:calc(6.5 * var(--pp-u));color:var(--pp-ink);background:var(--c);font-weight:600;display:inline-flex}.pdf-chip .dot{width:calc(4 * var(--pp-u));height:calc(4 * var(--pp-u));background:var(--d);border-radius:50%}.pdf-chip svg{width:calc(9 * var(--pp-u));height:calc(9 * var(--pp-u))}.pdf-title{font-size:calc(8.5 * var(--pp-u));margin-top:calc(2 * var(--pp-u));font-weight:700}.pdf-body{font-size:calc(7.5 * var(--pp-u));color:var(--pp-ink);line-height:1.55}.pdf-photos{gap:calc(4 * var(--pp-u));margin-top:calc(3 * var(--pp-u));display:flex}.pdf-photo{height:calc(46 * var(--pp-u));border-radius:calc(3 * var(--pp-u));flex:none}.pdf-tags{gap:calc(3 * var(--pp-u));margin-top:calc(3 * var(--pp-u));flex-wrap:wrap;display:flex}.pdf-tag{font-size:calc(6 * var(--pp-u));color:#3a3a3c;border-radius:calc(6 * var(--pp-u));padding:0 calc(5 * var(--pp-u));height:calc(11 * var(--pp-u));background:#ececf1;align-items:center;font-weight:600;display:inline-flex}.pdf-foot{left:0;right:0;bottom:calc(9 * var(--pp-u));justify-content:center;align-items:center;gap:calc(6 * var(--pp-u));display:flex;position:absolute}.pdf-foot i{width:calc(12 * var(--pp-u));background:var(--pp-rule);height:.5px;display:block}.pdf-foot b{font-weight:600;font-size:calc(8 * var(--pp-u));color:var(--pp-ink)}.emo-tabs{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.emo-tab{border:1.5px solid var(--hairline);background:var(--bg);font:inherit;color:var(--ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.emo-tab img{object-fit:contain;width:22px;height:22px}.emo-tab:hover{transform:translateY(-1px)}.emo-tab.active{border-color:var(--purple);color:var(--purple-dark);background:var(--purple-light)}.emo-grid{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:18px;padding:30px;display:grid}.emo-grid img{aspect-ratio:1;object-fit:contain;width:100%;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.emo-grid img:hover{transform:scale(1.18)rotate(-5deg)}.emo-grid img.pop{animation:.4s cubic-bezier(.34,1.56,.64,1) both emoPop}@keyframes emoPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.theme-swatches{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.swatch{border:3px solid var(--bg);cursor:pointer;border-radius:50%;outline:2px solid #0000;width:40px;height:40px;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),outline-color .2s;box-shadow:0 2px 8px #1f1b332e}.swatch:hover{transform:scale(1.15)}.swatch.active{outline-color:var(--purple);transform:scale(1.15)}.theme-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);max-width:380px;box-shadow:var(--shadow-card);margin:0 auto;padding:22px}.theme-card .tc-header{background:linear-gradient(135deg, var(--t1,#959aff), var(--t2,#3f3cbb));border-radius:16px;align-items:flex-end;height:92px;padding:14px;transition:background .4s;display:flex}.theme-card .tc-header .tc-date{color:#fff;background:#0000002e;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}.theme-card .tc-title{letter-spacing:-.01em;margin-top:18px;font-size:17px;font-weight:800}.theme-card .tc-body{color:var(--ink-soft);margin-top:8px;font-size:13.5px;line-height:1.75}.theme-card .tc-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.theme-card .tc-tag{color:var(--t2,#3f3cbb);background:color-mix(in srgb, var(--t1,#959aff) 16%, transparent);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;transition:color .4s,background .4s}.theme-card .tc-footer{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.theme-card .tc-name{font-size:14.5px;font-weight:700}.theme-card .tc-dot{background:linear-gradient(135deg, var(--t1,#959aff), var(--t2,#3f3cbb));border-radius:50%;width:22px;height:22px;transition:background .4s}.map-demo{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);background:radial-gradient(220px 160px at 15% 85%, #57ca8540, transparent 70%), radial-gradient(260px 180px at 85% 15%, #17ead92e, transparent 70%), radial-gradient(200px 200px at 75% 80%, #8674f524, transparent 70%), linear-gradient(var(--hairline) 1px, transparent 1px), linear-gradient(90deg, var(--hairline) 1px, transparent 1px), var(--card-bg);background-size:auto,auto,auto,44px 44px,44px 44px,auto;position:relative;overflow:hidden}.map-road{background:var(--hairline);opacity:.9;position:absolute}.map-pin{text-align:center;position:absolute;transform:translate(-50%,-100%)}.map-pin .pin-face{background:var(--bg);border:3px solid var(--purple);border-radius:50% 50% 50% 6px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto;font-size:24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;transform:rotate(-45deg);box-shadow:0 8px 20px #1f1b3338}.map-pin .pin-face>span{transform:rotate(45deg)}.map-pin:hover .pin-face{transform:rotate(-45deg)scale(1.12)}.map-pin .pin-label{color:var(--ink);background:var(--bg);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 4px 12px #1f1b331f}.map-pin:after{content:"";background:var(--glow);border-radius:50%;width:14px;height:14px;animation:2.2s ease-out infinite pinPulse;position:absolute;top:46px;left:50%;transform:translate(-50%)}.map-pin:nth-child(3):after{animation-delay:.7s}.map-pin:nth-child(4):after{animation-delay:1.4s}@keyframes pinPulse{0%{box-shadow:0 0 0 0 var(--glow);opacity:1}to{opacity:0;box-shadow:0 0 0 26px #0000}}.cta{text-align:center}.cta .hero-icon{margin:0 auto 24px}.cta h2{letter-spacing:-.02em;font-size:clamp(26px,3.4vw,36px)}.cta p{color:var(--ink-soft);max-width:46ch;margin:12px auto 32px}.cta .hero-actions{justify-content:center;margin-top:0}.faq{padding-top:0}.faq-list{flex-direction:column;gap:10px;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:4px 20px}.faq-item summary{cursor:pointer;padding:14px 28px 14px 0;font-size:15.5px;font-weight:700;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--purple);font-size:20px;font-weight:400;transition:transform .2s;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.faq-item[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq-item p{color:var(--ink-soft);padding:0 0 16px;font-size:14.5px}footer{border-top:1px solid var(--hairline);color:var(--ink-faint);background:var(--purple-bg);padding:48px 0 40px;font-size:13px;transition:background .35s}.footer-logo{align-items:center;gap:11px;margin-bottom:22px;display:flex}.footer-logo img{border-radius:9px;width:34px;height:34px;box-shadow:0 2px 8px #6a56e82e}.fl-words{flex-direction:column;line-height:1.15;display:flex}.fl-en{letter-spacing:-.02em;background:linear-gradient(100deg,#8674f5,#6a56e8);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}html[data-theme=dark] .fl-en{background:linear-gradient(100deg,#a99bf9,#8c7cf2);-webkit-background-clip:text;background-clip:text}.fl-ko{color:var(--ink-faint);letter-spacing:.08em;margin-top:2px;font-size:11px;font-weight:600}.footer-info p{margin:4px 0;line-height:1.8}.footer-info i{color:var(--hairline);margin:0 9px;font-style:normal}.footer-info a{color:var(--ink-soft)}.footer-info a:hover{color:var(--purple-dark)}.footer-bottom{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:18px;font-size:12.5px;display:flex}.footer-links{gap:18px;display:flex}.footer-links a{transition:color .2s}.footer-links a:hover{color:var(--purple-dark)}@media (max-width:640px){.br-desktop{display:none}.annc-bar{padding:8px 40px;font-size:12px}}@media (max-width:860px){.hero{padding:56px 0 48px}.hero-grid{text-align:center;grid-template-columns:1fr}.hero-icon,.hero-sub{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{margin-top:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.v2-band{grid-template-columns:1fr;padding:40px 28px}.hl-row,.hl-row.reverse{grid-template-columns:1fr;gap:28px;padding:28px 0}.hl-row.reverse .hl-text{order:1}.hl-row.reverse .hl-demo{order:2}.shot:nth-child(2n){transform:none}.shot:nth-child(2n):hover{transform:translateY(-8px)scale(1.03)}.nav-links .hide-mobile{display:none}}