@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--ink: #182024;--muted: #687177;--line: #dcdcd5;--paper: #f5f4ef;--panel: #fbfaf6;--navy: #13252c;--orange: #ed6a37;--orange-dark: #d65425}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Noto Sans KR,sans-serif;line-height:1.65}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.eyebrow{margin:0 0 13px;color:var(--orange);font:500 11px/1.2 DM Mono,monospace;letter-spacing:.2em}.marketing-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:0 clamp(20px,5vw,76px);background:rgba(251,250,246,.93);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.marketing-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:var(--navy);text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.13em;line-height:1.1}.marketing-brand small{display:block;margin-top:5px;color:#819096;font-size:7px;letter-spacing:.25em}.marketing-mark{position:relative;display:flex;width:28px;height:29px;transform:rotate(-30deg)}.marketing-mark i{position:absolute;display:block;width:7px;height:27px;background:var(--orange)}.marketing-mark i:nth-child(1){left:1px}.marketing-mark i:nth-child(2){top:7px;left:11px;height:20px}.marketing-mark i:nth-child(3){top:14px;right:1px;height:13px}.main-nav{display:flex;gap:34px}.main-nav a,.locale-nav a{color:#525b5f;text-decoration:none;font-size:13px;font-weight:600}.main-nav a:hover,.locale-nav a:hover,.locale-nav a.active{color:var(--orange)}.locale-nav{justify-self:end;display:flex;align-items:center;gap:9px}.locale-nav span{color:#bec0bc}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:auto;padding:clamp(50px,6vw,85px) clamp(20px,5vw,60px) clamp(50px,7vw,90px);background:radial-gradient(circle at 50% 0%,rgba(237,106,55,.05) 0%,rgba(99,102,241,.04) 40%,rgba(255,83,118,.04) 75%,transparent 100%);position:relative;overflow:hidden}.hero-copy{max-width:920px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-pill-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:rgba(19,37,44,.05);border:1px solid var(--line);font:700 11px/1 DM Mono,monospace;letter-spacing:.1em;color:var(--navy);margin-bottom:20px}.hero-pill-tag span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}.hero h1{font-size:clamp(34px,4.6vw,64px);line-height:1.12;letter-spacing:-.045em;color:var(--navy);margin:0}.hero-lead{max-width:740px;margin:18px auto 0;color:var(--muted);font-size:clamp(15px,1.4vw,19px);line-height:1.7}.hero-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:22px 0 0;padding:0;list-style:none;font-size:13px;font-weight:600;color:var(--ink)}.hero-points li:before{margin-right:7px;color:var(--orange);content:"✓";font-weight:800}.hero-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin-top:44px;text-align:left}.hero-deck-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.5vw,32px);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease;box-shadow:0 4px 20px #13252c0a}.hero-deck-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #13252c1a}.hero-deck-card.cad:hover{border-color:var(--orange)}.hero-deck-card.vocal:hover{border-color:#6366f1}.hero-deck-card.cute:hover{border-color:#ff5376}.hero-card-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.deck-badge{font:700 10px/1 DM Mono,monospace;letter-spacing:.12em;padding:5px 9px;border-radius:6px;text-transform:uppercase}.deck-badge.cad{background:rgba(237,106,55,.12);color:var(--orange)}.deck-badge.vocal{background:rgba(99,102,241,.12);color:#6366f1}.deck-badge.cute{background:rgba(255,83,118,.12);color:#ff5376}.deck-status{font:700 10px DM Mono,monospace;color:var(--muted)}.deck-status.hot{color:#f36;font-weight:800}.hero-card-preview{height:110px;border-radius:12px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-card-preview.cad{background:linear-gradient(135deg,#13252c,#1f3b46);border:1px solid rgba(255,255,255,.08)}.hero-card-preview.vocal{background:linear-gradient(135deg,#0f172a,#1e1b4b);border:1px solid rgba(99,102,241,.25)}.hero-card-preview.cute{background:linear-gradient(135deg,#1a0f1e,#2d0f23);border:1px solid rgba(255,83,118,.25)}.preview-eq{display:flex;align-items:flex-end;gap:5px;height:44px}.preview-eq span{width:6px;background:linear-gradient(to top,#6366f1,#38bdf8);border-radius:3px;animation:eq-anim 1.2s ease-in-out infinite alternate}.preview-eq span:nth-child(1){height:16px;animation-delay:.1s}.preview-eq span:nth-child(2){height:34px;animation-delay:.3s}.preview-eq span:nth-child(3){height:44px;animation-delay:.2s}.preview-eq span:nth-child(4){height:26px;animation-delay:.4s}.preview-eq span:nth-child(5){height:38px;animation-delay:.15s}.preview-eq span:nth-child(6){height:18px;animation-delay:.35s}@keyframes eq-anim{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.cad-frame-preview{display:flex;align-items:center;gap:12px}.cad-cube-icon{width:44px;height:44px;border:2px dashed rgba(237,106,55,.6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(237,106,55,.15)}.cad-preview-metrics{display:flex;flex-direction:column;font:600 11px/1.4 DM Mono,monospace;color:#92a0a4}.cad-preview-metrics b{color:#f1f5f9}.cute-preview-box{display:flex;align-items:center;gap:8px}.cute-stamp-badge{padding:6px 12px;border-radius:8px;font-weight:900;font-size:13px;letter-spacing:.05em}.cute-stamp-badge.cute{background:rgba(16,185,129,.2);color:#34d399;border:2px solid #10b981;transform:rotate(-6deg);animation:stamp-wiggle 3s ease-in-out infinite}.cute-stamp-badge.nope{background:rgba(239,68,68,.2);color:#f87171;border:2px solid #ef4444;transform:rotate(6deg)}@keyframes stamp-wiggle{0%,to{transform:rotate(-6deg) scale(1)}50%{transform:rotate(-2deg) scale(1.05)}}.hero-deck-card h3{margin:0 0 10px;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}.hero-deck-card p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.6;flex:1}.hero-deck-card .card-cta{display:inline-flex;align-items:center;justify-content:center;height:46px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s ease}.hero-deck-card .card-cta.cad{background:var(--navy);color:#fff}.hero-deck-card .card-cta.cad:hover{background:var(--orange)}.hero-deck-card .card-cta.vocal{background:#6366f1;color:#fff}.hero-deck-card .card-cta.vocal:hover{background:#4f46e5}.hero-deck-card .card-cta.cute{background:linear-gradient(135deg,#ff5376,#ff3366);color:#fff}.hero-deck-card .card-cta.cute:hover{background:linear-gradient(135deg,#ff3366,#e62255);box-shadow:0 6px 20px #f366}.deck-scroll-hint{display:none;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:var(--muted);font:600 12px DM Mono,monospace;letter-spacing:.05em;opacity:.85}.deck-scroll-hint span{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(19,37,44,.05);border-radius:999px}.content-section,.feature-grid,.workflow,.faq,.final-cta{padding:clamp(72px,10vw,145px) clamp(20px,9vw,140px)}.intro{color:#e8eeec;background:var(--navy)}.intro h2,.section-heading h2,.workflow h2,.faq h2,.final-cta h2{margin:0;font-size:clamp(31px,4vw,54px);line-height:1.18;letter-spacing:-.045em}.intro p:last-child{max-width:920px;margin:34px 0 0;color:#a9b8bc;font-size:clamp(17px,2vw,23px);line-height:1.8}.intro-visual{margin:48px 0 0;max-width:1000px;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #00000073;border:1px solid rgba(255,255,255,.1)}.intro-visual img{display:block;width:100%;height:auto;aspect-ratio:1.875;object-fit:cover}.intro-visual figcaption{padding:12px 18px;background:rgba(19,37,44,.9);color:#8da2a8;font:11px/1.4 DM Mono,monospace;letter-spacing:.03em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.feature-grid>*{background:var(--panel)}.section-heading{grid-column:1/-1;padding:0 0 65px}.feature-grid article{min-height:310px;padding:clamp(30px,4vw,58px)}.feature-grid article>span{color:var(--orange);font:500 11px DM Mono,monospace}.feature-grid h3{margin:58px 0 17px;font-size:23px;letter-spacing:-.03em}.feature-grid article p{margin:0;color:var(--muted)}.workflow{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;background:#eae9e3}.workflow ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.workflow li{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:30px 0;border-top:1px solid #cbc9c1}.workflow li:last-child{border-bottom:1px solid #cbc9c1}.workflow li b{color:var(--orange);font:500 13px DM Mono,monospace}.workflow li strong{display:block;margin-bottom:7px;font-size:19px}.workflow li span{color:var(--muted)}.faq{background:var(--panel)}.faq .section-heading{padding-bottom:48px}.faq details{max-width:980px;margin:auto;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{position:relative;padding:26px 50px 26px 0;cursor:pointer;font-size:18px;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{position:absolute;top:25px;right:8px;color:var(--orange);content:"+";font:400 24px/1 DM Mono,monospace}.faq details[open] summary:after{content:"−"}.faq details p{max-width:760px;margin:-8px 0 27px;color:var(--muted)}.final-cta{text-align:center}.final-cta h2{margin-bottom:35px}.marketing-footer{display:flex;justify-content:space-between;gap:20px;padding:32px clamp(20px,5vw,76px);color:#92a0a4;background:var(--navy);font-size:11px}.marketing-footer nav{display:flex;gap:22px}.marketing-footer a{color:#c5cfcc;text-decoration:none}.language-page{display:grid;place-items:center;min-height:100vh;padding:30px;background:var(--navy)}.language-card{width:min(850px,100%);padding:clamp(34px,7vw,82px);background:var(--panel);box-shadow:0 28px 100px #00000040}.language-card .marketing-brand{margin-bottom:70px}.language-card h1{font-size:clamp(38px,6vw,68px)}.language-card h1 span{color:#7c8589}.language-card>p:not(.eyebrow){margin:28px 0 38px;color:var(--muted);font-size:15px}.language-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.language-choices a{padding:24px;color:#fff;background:var(--navy);text-decoration:none;transition:.2s}.language-choices a:hover{background:var(--orange);transform:translateY(-3px)}.language-choices strong,.language-choices span{display:block}.language-choices strong{font-size:21px}.language-choices span{margin-top:5px;color:#b8c5c6;font-size:11px}.marketing-actions{justify-self:end;display:flex;align-items:center;gap:14px}.header-login-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border:1px solid var(--navy);color:var(--navy);background:transparent;text-decoration:none;font-size:13px;font-weight:700;transition:.2s ease}.header-login-btn:hover{background:var(--navy);color:#fff}.header-account-btn{display:inline-flex;align-items:center;color:var(--navy);text-decoration:none;font-size:13px;font-weight:700;padding:4px 6px;transition:color .15s ease}.header-account-btn:hover{color:var(--orange)}.header-logout-btn{display:inline-flex;align-items:center;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:4px 6px;transition:color .15s ease}.header-logout-btn:hover{color:var(--orange-dark)}.header-studio-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;background:var(--navy);color:#fff;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s ease}.header-studio-btn:hover{background:var(--orange)}.pricing-section{padding:clamp(72px,10vw,145px) clamp(20px,9vw,140px);background:var(--panel);border-top:1px solid var(--line)}.pricing-section .section-heading{text-align:center;padding-bottom:56px}.pricing-section .section-heading h2{margin:0;font-size:clamp(31px,4vw,54px);line-height:1.18;letter-spacing:-.045em}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:28px;max-width:900px;margin:0 auto}.pricing-card{position:relative;display:flex;flex-direction:column;padding:clamp(32px,5vw,48px) clamp(24px,4vw,36px);background:var(--paper);border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #13252c12}.pricing-card.featured{background:white;border:2px solid var(--orange);box-shadow:0 20px 48px #ed6a371f}.pricing-badge{position:absolute;top:-14px;right:28px;padding:4px 12px;color:#fff;background:var(--orange);font:700 11px/1 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.pricing-card h3{margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em}.pricing-price{margin:18px 0 14px;font-size:clamp(38px,4.5vw,48px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--navy)}.pricing-price small{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:4px}.pricing-card p{min-height:48px;margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.6}.pricing-card ul{flex:1;margin:0 0 36px;padding:0;list-style:none;border-top:1px solid var(--line)}.pricing-card li{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:600}.pricing-card li:before{content:"✓";color:var(--orange);font-weight:800;font-size:14px}.pricing-card .button{width:100%}.studio-showcase{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-sub{margin-top:12px;color:var(--muted);font-size:16px;max-width:700px}.studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:40px}.studio-card{background:var(--paper);border:1px solid var(--line);padding:clamp(28px,3.5vw,44px);display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.studio-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #13252c14;border-color:var(--navy)}.studio-card.vocal:hover{border-color:#6366f1;box-shadow:0 20px 40px #6366f11f}.studio-card.cuteswipe:hover{border-color:#ff5376;box-shadow:0 20px 40px #ff537629}.studio-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.studio-badge{font:700 10px/1 DM Mono,monospace;letter-spacing:.15em;padding:5px 9px;background:var(--navy);color:#fff;border-radius:3px}.studio-badge.vocal{background:#6366f1}.studio-badge.cuteswipe{background:#ff5376}.studio-status{font:600 11px DM Mono,monospace;color:var(--muted)}.studio-status.new{color:#ec4899;font-weight:800}.studio-card h3{margin:0 0 14px;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.03em;color:var(--navy)}.studio-desc{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.65;flex-grow:0}.studio-features{margin:0 0 32px;padding:0;list-style:none;border-top:1px solid var(--line);flex-grow:1}.studio-features li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink)}.studio-features li:before{content:"✓";color:var(--orange);font-weight:800;font-size:13px}.studio-card.vocal .studio-features li:before{color:#6366f1}.studio-card.cuteswipe .studio-features li:before{color:#ff5376}.studio-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.button.vocal{background:#6366f1;border-color:#6366f1;color:#fff}.button.vocal:hover{background:#4f46e5;border-color:#4f46e5}.button.cuteswipe{background:linear-gradient(135deg,#ff5376,#ff3366);border-color:#ff5376;color:#fff}.button.cuteswipe:hover{background:linear-gradient(135deg,#ff3366,#e62255);border-color:#f36;box-shadow:0 6px 20px #ff336659}.vocal-btn{border-color:#6366f1;color:#4f46e5;font-weight:700}.vocal-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.cuteswipe-btn{border-color:#ff5376;color:#ff5376;font-weight:700}.cuteswipe-btn:hover{background:#ff5376;color:#fff;border-color:#ff5376}@media (max-width: 900px){.marketing-header{grid-template-columns:1fr auto;min-height:68px}.main-nav{display:none}.marketing-actions{gap:10px}.hero{grid-template-columns:1fr;min-height:0;padding:clamp(36px,5vw,60px) 16px 36px}.hero-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding:6px 16px 18px;margin:24px -16px 0;width:calc(100% + 32px);max-width:none;scrollbar-width:none;scroll-padding:0 16px}.hero-deck::-webkit-scrollbar{display:none}.hero-deck-card{flex:0 0 84%;max-width:320px;min-width:260px;scroll-snap-align:center;padding:22px 18px;box-shadow:0 8px 24px #13252c0f}.hero-card-preview{height:94px;margin-bottom:14px}.hero-deck-card h3{font-size:18px;margin-bottom:8px}.hero-deck-card p{font-size:12.5px;line-height:1.55;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-deck-card .card-cta{height:42px;font-size:12.5px}.deck-scroll-hint{display:flex}.hero-visual{margin-top:20px}.feature-grid,.workflow,.pricing-grid{grid-template-columns:1fr}.studio-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 560px){.marketing-header{padding:0 15px}.marketing-brand{font-size:12px}.marketing-brand small{font-size:6px}.marketing-actions{gap:8px}.locale-nav{gap:6px}.locale-nav a{font-size:11px}.header-login-btn{height:30px;padding:0 10px;font-size:11px}.hero{padding-top:45px}h1{font-size:30px}.hero-deck-card{flex:0 0 86%;max-width:295px;min-width:250px;padding:20px 16px}.hero-points{display:grid;gap:6px}.language-choices{grid-template-columns:1fr}.marketing-footer{flex-direction:column}.pricing-card{padding:32px 20px}.studio-card{padding:22px 18px}.studio-card h3{font-size:20px}.studio-card p{font-size:13px}.studio-features{display:grid;grid-template-columns:1fr;gap:6px;font-size:12px}}