*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f7f7ff;background:radial-gradient(circle at 0 0,#7e57ff3d,#0000 32%),radial-gradient(circle at 100% 0,#00dcff33,#0000 30%),linear-gradient(135deg,#080b18 0%,#111533 45%,#16102c 100%);margin:0;font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;overflow-x:hidden}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:28px;width:min(1180px,100% - 40px);margin:0 auto;padding:18px 0;display:flex;position:sticky;top:0}.logo-wrap{align-items:center;gap:12px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#61e5ff38,#b269ff47),#ffffff14;border:1px solid #a0e0ff8c;border-radius:16px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid;box-shadow:0 0 22px #61e5ff4d,inset 0 0 18px #ffffff14}.logo-image{object-fit:contain;border-radius:14px;width:42px;height:42px;display:block}.logo-text{letter-spacing:-.03em;font-size:20px;font-weight:900}.logo-sub{color:#a8b7ff;letter-spacing:.15em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700}.nav{color:#eef2ffc7;align-items:center;gap:22px;font-size:14px;font-weight:700;display:flex}.nav a{transition:all .2s}.nav a:hover{color:#7ee7ff}.login-btn{color:#f7f7ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:800;transition:all .2s}.login-btn:hover{background:#7ee7ff24;border-color:#7ee7ffcc}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:46px;width:min(1180px,100% - 40px);min-height:690px;margin:0 auto;padding:64px 0 86px;display:grid;position:relative}.hero:before{content:"";filter:blur(70px);pointer-events:none;background:#62e5ff1f;border-radius:50%;width:360px;height:360px;position:absolute;inset:8% -10% auto auto}.badge{color:#8ff0ff;letter-spacing:.12em;background:#7ee7ff14;border:1px solid #7ee7ff57;border-radius:999px;align-items:center;width:fit-content;margin-bottom:22px;padding:9px 14px;font-size:12px;font-weight:900;display:inline-flex}.hero h1{color:#fff;letter-spacing:-.07em;margin:0;font-size:clamp(42px,6vw,76px);line-height:1.02}.hero h1 span{background:linear-gradient(90deg,#77e8ff,#c69cff,#ffe19b);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-desc{color:#eff2ffc7;word-break:keep-all;max-width:600px;margin:24px 0 0;font-size:18px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:0;border-radius:999px;min-height:50px;padding:0 24px;font-size:15px;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s}.primary-btn{color:#07101f;background:linear-gradient(135deg,#6ee7ff,#9d7cff 48%,#ffd37a);box-shadow:0 16px 46px #7ee7ff38}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.secondary-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.primary-btn.small{min-height:44px;padding:0 20px;font-size:14px}.trust-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.trust-row span{color:#f6f8ffd6;background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.hero-visual{place-items:center;min-height:540px;display:grid;position:relative}.main-hero-image{object-fit:cover;object-position:center right;width:100%;height:100%;display:block}.cute-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff29,#ffffff0f),#131834b8;border:1px solid #ffffff2e;border-radius:38px;width:min(470px,100%);padding:34px;position:relative;box-shadow:0 32px 90px #00000059,0 0 60px #8f76ff33,inset 0 0 40px #ffffff0a}.cute-card:before{content:"AI Sound Engineer";color:#95edff;letter-spacing:.08em;background:#7ee7ff14;border:1px solid #7ee7ff3d;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;position:absolute;top:22px;right:24px}.cat-face{width:190px;height:175px;margin:24px auto 30px;position:relative}.ear{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#f8ecff,#b8eaff);border:2px solid #ffffff38;width:58px;height:74px;position:absolute;top:0}.ear.left{left:25px;transform:rotate(-16deg)}.ear.right{right:25px;transform:rotate(16deg)}.face{background:radial-gradient(circle at 30% 28%,#ffffffe0,#0000 26%),linear-gradient(135deg,#fbf2ff,#c9f3ff 52%,#d4c3ff);border:3px solid #ffffff47;border-radius:44% 44% 46% 46%;justify-content:center;align-items:center;gap:22px;width:166px;height:132px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #53d4ff38,inset 0 -14px 24px #605db91f}.eye{background:#15203f;border-radius:999px;width:14px;height:18px;box-shadow:0 0 0 5px #ffffff5c}.mouth{color:#253055;font-size:18px;font-weight:900;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.headphones{filter:drop-shadow(0 0 16px #60e8ff61);border:12px solid #4bdeff7a;border-bottom:0;border-radius:120px 120px 0 0;width:208px;height:110px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.headphones:before,.headphones:after{content:"";background:linear-gradient(#88ecff,#9d7cff);border-radius:18px;width:34px;height:60px;position:absolute;bottom:-54px}.headphones:before{left:-19px}.headphones:after{right:-19px}.wave-box{background:#050a1c6b;border:1px solid #ffffff1f;border-radius:28px;gap:14px;padding:22px;display:grid}.wave-line{background:repeating-linear-gradient(90deg,#7ee7ff4d 0 8px,#c69cffe6 8px 16px,#ffd37a6b 16px 22px);border-radius:999px;height:16px;box-shadow:0 0 20px #7ee7ff2e}.line-1{width:100%}.line-2{width:76%}.line-3{width:90%}.mini-meter{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.mini-meter div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:22px;padding:16px}.mini-meter span{color:#eff2ff8f;font-size:12px;font-weight:800;display:block}.mini-meter strong{color:#fff;margin-top:6px;font-size:18px;display:block}.floating-note{z-index:2;color:#fff2ac;background:#ffffff17;border:1px solid #ffffff2e;border-radius:20px;place-items:center;width:54px;height:54px;font-size:24px;font-weight:900;animation:4s ease-in-out infinite floaty;display:grid;position:absolute;box-shadow:0 12px 40px #0000003d}.note-1{top:64px;left:34px}.note-2{animation-delay:.8s;top:130px;right:28px}.note-3{animation-delay:1.4s;bottom:96px;left:80px}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(6deg)}}.upload-section,.styles-section,.compare-section,.pricing-section{width:min(1180px,100% - 40px);margin:0 auto;padding:84px 0}.section-title{max-width:720px;margin-bottom:30px}.section-title span{color:#8ff0ff;letter-spacing:.16em;font-size:12px;font-weight:900}.section-title h2{color:#fff;letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.15}.section-title p{color:#eff2ffad;margin:14px 0 0;font-size:16px;line-height:1.7}.upload-box{text-align:center;background:radial-gradient(circle,#7ee7ff1a,#0000 40%),#ffffff0f;border:2px dashed #7ee7ff57;border-radius:36px;place-items:center;min-height:310px;padding:34px;display:grid;box-shadow:inset 0 0 40px #ffffff08}.upload-icon{color:#081027;background:linear-gradient(135deg,#77e8ff,#b690ff);border-radius:28px;place-items:center;width:78px;height:78px;margin-bottom:18px;font-size:34px;font-weight:900;display:grid;box-shadow:0 22px 48px #7ee7ff3d}.upload-box h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:26px}.upload-box p{color:#eff2ffa8;margin:10px 0 22px}.style-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.style-card{background:linear-gradient(#ffffff1c,#ffffff0d),#ffffff0d;border:1px solid #ffffff21;border-radius:28px;min-height:150px;padding:22px;transition:transform .18s,border-color .18s,background .18s}.style-card:hover{background:#7ee7ff14;border-color:#7ee7ff8c;transform:translateY(-4px)}.style-card h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:22px}.style-card p{color:#eff2ffa6;margin:12px 0 0;font-size:14px;line-height:1.6}.compare-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.audio-panel{background:#ffffff0f;border:1px solid #ffffff21;border-radius:32px;padding:26px}.audio-panel.active{background:radial-gradient(circle at 100% 0,#7ee7ff24,#0000 42%),#ffffff12;border-color:#7ee7ff7a}.panel-label{color:#fff;font-size:20px;font-weight:900}.fake-wave{opacity:.7;background:repeating-linear-gradient(90deg,#ffffff2e 0 7px,#ffffff7a 7px 12px,#ffffff1f 12px 20px);border-radius:24px;height:92px;margin:22px 0}.fake-wave.bright{opacity:1;background:repeating-linear-gradient(90deg,#7ee7ff47 0 7px,#c69cffe6 7px 12px,#ffd37a4d 12px 20px)}.audio-panel button{color:#fff;cursor:pointer;background:#ffffff1c;border:0;border-radius:999px;width:100%;min-height:46px;font-weight:900}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature-card{color:#f6f8ffe0;background:#ffffff0f;border:1px solid #ffffff21;border-radius:24px;align-items:center;gap:12px;min-height:74px;padding:18px;font-weight:800;display:flex}.feature-card span{color:#7ee7ff;background:#7ee7ff24;border-radius:999px;place-items:center;min-width:28px;height:28px;display:grid}.footer{color:#eff2ff94;border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 40px);margin:0 auto;padding:34px 0 46px;font-size:14px;display:flex}@media (width<=980px){.site-header{flex-wrap:wrap}.nav{order:3;justify-content:center;width:100%;padding-bottom:4px;overflow-x:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hero-visual{min-height:460px}.style-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.site-header,.hero,.upload-section,.styles-section,.compare-section,.pricing-section,.footer{width:min(100% - 26px,1180px)}.site-header{gap:14px}.login-btn{padding:10px 14px}.nav{justify-content:flex-start;gap:16px;font-size:13px}.hero{padding-bottom:52px}.hero-desc{font-size:16px}.hero-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.cute-card{border-radius:30px;padding:24px}.cute-card:before{margin-bottom:18px;display:inline-flex;position:static}.cat-face{margin-top:0;margin-bottom:12px;transform:scale(.88)}.floating-note{display:none}.upload-box{min-height:280px;padding:24px}.upload-box h3{font-size:22px}.style-grid,.compare-grid,.feature-grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}}.hidden-file-input{display:none}.selected-file-card{text-align:center;width:min(720px,100%)}.file-status{color:#8ff0ff;background:#7ee7ff1a;border:1px solid #7ee7ff5c;border-radius:999px;margin-bottom:14px;padding:8px 13px;font-size:12px;font-weight:900;display:inline-flex}.file-meta-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 20px;display:flex}.file-meta-row span{color:#f6f8ffd1;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.audio-preview{width:min(560px,100%);margin:8px auto 22px;display:block}.file-action-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.secondary-btn.small{min-height:44px;padding:0 20px;font-size:14px}.style-card{text-align:left;color:inherit;cursor:pointer}.style-card.selected{background:radial-gradient(circle at 100% 0,#ffd37a29,#0000 46%),#7ee7ff14;border-color:#ffd37ad9;box-shadow:0 0 34px #ffd37a1a}.processing-card,.result-card{background:radial-gradient(circle at 100% 0,#7ee7ff1f,#0000 42%),#080d22a3;border:1px solid #7ee7ff33;border-radius:28px;width:min(720px,100%);margin:26px auto 0;padding:24px;box-shadow:0 22px 60px #00000038}.processing-spinner{border:4px solid #ffffff29;border-top-color:#7ee7ff;border-radius:999px;width:44px;height:44px;margin:0 auto 14px;animation:.9s linear infinite spin}.processing-card h4,.result-card h4{color:#fff;letter-spacing:-.04em;margin:0;font-size:22px}.processing-card p,.result-card p{color:#eff2ffad;margin:10px 0 0;line-height:1.6}.progress-track{background:#ffffff1f;border-radius:999px;height:12px;margin-top:18px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7ee7ff,#b690ff,#ffd37a);border-radius:999px;height:100%;transition:width .3s}.result-badge{color:#ffe19b;background:#ffd37a1a;border:1px solid #ffd37a6b;border-radius:999px;margin-bottom:14px;padding:8px 13px;font-size:12px;font-weight:900;display:inline-flex}.result-score-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.result-score-grid div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;padding:15px 12px}.result-score-grid span{color:#eff2ff94;font-size:12px;font-weight:800;display:block}.result-score-grid strong{color:#fff;margin-top:6px;font-size:18px;display:block}.download-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.download-grid button{color:#07101f;cursor:pointer;background:linear-gradient(135deg,#7ee7ffeb,#b690fff0);border:0;border-radius:999px;min-height:48px;padding:0 14px;font-weight:900}.result-note{font-size:13px}button:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.result-score-grid,.download-grid{grid-template-columns:1fr}}.daily-usage-card{background:radial-gradient(circle at 100% 0,#7ee7ff21,#0000 42%),#ffffff0f;border:1px solid #7ee7ff2e;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;width:min(520px,100%);margin-top:26px;padding:18px;display:flex}.daily-usage-card strong{color:#fff;font-size:15px;display:block}.daily-usage-card p{color:#eff2ffad;margin:5px 0 0;font-size:13px;font-weight:700}.daily-dots{gap:7px;display:flex}.daily-dots span{background:#7ee7ff61;border-radius:999px;width:13px;height:13px;box-shadow:0 0 14px #7ee7ff2e}.daily-dots span.used{box-shadow:none;background:#ffffff2e}.usage-panel{background:#ffffff0f;border:1px solid #ffffff21;border-radius:28px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:20px;display:flex}.usage-panel span{color:#8ff0ff;letter-spacing:.12em;font-size:12px;font-weight:900;display:block}.usage-panel strong{color:#fff;letter-spacing:-.05em;margin-top:5px;font-size:28px;display:block}.usage-panel p{color:#eff2ffa8;margin:6px 0 0;font-size:14px;line-height:1.6}.tiny-reset-btn{color:#eff2ffc7;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;min-width:112px;min-height:38px;font-size:13px;font-weight:900}.upload-box.limit-reached{background:radial-gradient(circle,#ffd37a1a,#0000 40%),#ffffff0d;border-color:#ffd37a57}@media (width<=640px){.daily-usage-card,.usage-panel{flex-direction:column;align-items:flex-start}.daily-dots{width:100%}.daily-dots span{flex:1}.tiny-reset-btn{width:100%}}.user-menu{background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:10px;padding:7px 8px 7px 14px;display:flex}.user-menu div{gap:1px;display:grid}.user-menu strong{color:#8ff0ff;letter-spacing:.12em;font-size:11px;font-weight:900}.user-menu span{color:#eff2ffbd;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;font-weight:700;overflow:hidden}.user-menu button{color:#fff;cursor:pointer;background:#ffffff1c;border:0;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900}.auth-overlay{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040816b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal{background:radial-gradient(circle at 100% 0,#7ee7ff24,#0000 42%),radial-gradient(circle at 0 100%,#b690ff26,#0000 42%),#0d122af5;border:1px solid #7ee7ff38;border-radius:34px;width:min(460px,100%);padding:32px;position:relative;box-shadow:0 34px 100px #00000073,inset 0 0 40px #ffffff0a}.auth-close{color:#fff;cursor:pointer;background:#ffffff17;border:0;border-radius:999px;place-items:center;width:34px;height:34px;font-size:22px;display:grid;position:absolute;top:16px;right:16px}.auth-badge{color:#8ff0ff;letter-spacing:.13em;background:#7ee7ff17;border:1px solid #7ee7ff57;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:11px;font-weight:900;display:inline-flex}.auth-modal h2{color:#fff;letter-spacing:-.06em;margin:0;font-size:32px}.auth-modal p{color:#eff2ffb3;margin:12px 0 22px;font-size:14px;line-height:1.7}.auth-form{gap:14px;display:grid}.auth-form label{color:#eff2ffc2;gap:8px;font-size:13px;font-weight:900;display:grid}.auth-form input{color:#fff;background:#ffffff14;border:1px solid #ffffff21;border-radius:16px;outline:none;min-height:48px;padding:0 15px;font-size:15px}.auth-form input:focus{border-color:#7ee7ffb3;box-shadow:0 0 0 4px #7ee7ff17}.auth-submit{width:100%;margin-top:6px}.auth-switch{color:#eff2ff9e;justify-content:center;gap:8px;margin-top:18px;font-size:14px;display:flex}.auth-switch button{color:#8ff0ff;cursor:pointer;background:0 0;border:0;font-weight:900}.auth-note{color:#eff2ff8f;text-align:center;background:#ffffff0f;border-radius:16px;margin-top:18px;padding:12px;font-size:12px;line-height:1.6}@media (width<=640px){.user-menu{border-radius:18px;justify-content:space-between;width:100%}.auth-modal{border-radius:28px;padding:26px 20px}}.auth-error{color:#ffb6c4;background:#ff69871a;border:1px solid #ff698759;border-radius:16px;padding:12px;font-size:13px;font-weight:800;line-height:1.5}.login-btn:disabled,.auth-submit:disabled{opacity:.65;cursor:not-allowed}.analysis-preview{text-align:left;background:radial-gradient(circle at 100% 0,#7ee7ff1c,#0000 44%),#ffffff0e;border:1px solid #7ee7ff2e;border-radius:26px;width:min(660px,100%);margin:18px auto 22px;padding:18px}.analysis-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.analysis-head span{color:#8ff0ff;letter-spacing:.12em;font-size:12px;font-weight:900}.analysis-head strong{color:#ffe19b;background:#ffd37a1c;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.analysis-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.analysis-grid div{background:#fff1;border:1px solid #ffffff1c;border-radius:18px;padding:13px 12px}.analysis-grid span{color:#eff2ff8f;font-size:11px;font-weight:900;display:block}.analysis-grid strong{color:#fff;margin-top:5px;font-size:16px;display:block}.analysis-preview p{color:#eff2ffad;word-break:keep-all;margin:14px 0 0;font-size:13px;line-height:1.6}@media (width<=640px){.analysis-head{flex-direction:column;align-items:flex-start}.analysis-grid{grid-template-columns:repeat(2,1fr)}}.panel-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-top p{color:#eff2ff94;margin:6px 0 0;font-size:13px;font-weight:700}.panel-chip{color:#eff2ffb8;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.active-chip{color:#ffe19b;background:#ffd37a1c;border-color:#ffd37a61}.compare-audio{width:100%;margin-top:16px;display:block}.empty-audio-box,.after-ready-box{color:#eff2ff9e;text-align:center;background:#ffffff0b;border:1px dashed #ffffff29;border-radius:22px;place-items:center;min-height:76px;padding:18px;font-size:14px;font-weight:800;line-height:1.6;display:grid}.empty-audio-box.processing{color:#8ff0ff;border-color:#7ee7ff47}.after-ready-box{text-align:left;background:radial-gradient(circle at 100% 0,#7ee7ff1f,#0000 42%),#ffffff0e;border-color:#7ee7ff42;display:block}.after-ready-box strong{color:#fff;font-size:16px;display:block}.after-ready-box p{color:#eff2ff9e;margin:7px 0 0;font-size:13px;line-height:1.6}.compare-file-info{background:#ffffff0e;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:13px 14px;display:flex}.compare-file-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.compare-file-info span{color:#eff2ff94;white-space:nowrap;font-size:12px;font-weight:800}.compare-result-info{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px;display:grid}.compare-result-info div{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:18px;padding:12px}.compare-result-info span{color:#eff2ff85;font-size:11px;font-weight:900;display:block}.compare-result-info strong{color:#fff;margin-top:5px;font-size:15px;display:block}@media (width<=640px){.panel-top{flex-direction:column}.compare-file-info{flex-direction:column;align-items:flex-start}.compare-result-info{grid-template-columns:1fr}}.mastering-error{color:#ffb6c4;text-align:center;background:#ff69871a;border:1px solid #ff698759;border-radius:18px;width:min(620px,100%);margin:16px auto 0;padding:13px 15px;font-size:13px;font-weight:800;line-height:1.6}.guide-section,.policy-section{width:min(1180px,100% - 40px);margin:0 auto;padding:84px 0}.how-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.how-card{background:radial-gradient(circle at 100% 0,#7ee7ff1c,#0000 42%),#ffffff0f;border:1px solid #ffffff21;border-radius:30px;min-height:230px;padding:26px;position:relative;overflow:hidden}.how-number{color:#8ff0ff;letter-spacing:.12em;background:#7ee7ff17;border:1px solid #7ee7ff3d;border-radius:999px;margin-bottom:30px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.how-card h3{color:#fff;letter-spacing:-.05em;margin:0;font-size:24px}.how-card p{color:#eff2ffa8;word-break:keep-all;margin:13px 0 0;font-size:14px;line-height:1.7}.policy-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.policy-card{background:linear-gradient(#ffffff1b,#ffffff0b),#ffffff0d;border:1px solid #ffffff21;border-radius:28px;min-height:190px;padding:23px}.policy-card span{color:#8ff0ff;letter-spacing:.12em;font-size:12px;font-weight:900;display:block}.policy-card strong{color:#fff;letter-spacing:-.06em;margin-top:12px;font-size:30px;display:block}.policy-card p{color:#eff2ffa3;word-break:keep-all;margin:13px 0 0;font-size:14px;line-height:1.7}.notice-box{background:radial-gradient(circle at 0 0,#ffd37a1f,#0000 42%),#ffffff0e;border:1px solid #ffd37a38;border-radius:28px;grid-template-columns:auto 1fr;gap:16px;margin-top:18px;padding:22px;display:grid}.notice-icon{color:#ffe19b;background:#ffd37a24;border-radius:16px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.notice-box h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:20px}.notice-box p{color:#eff2ffad;word-break:keep-all;margin:8px 0 0;font-size:14px;line-height:1.7}@media (width<=980px){.how-grid{grid-template-columns:1fr}.policy-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.guide-section,.policy-section{width:min(100% - 26px,1180px)}.policy-grid,.notice-box{grid-template-columns:1fr}}@media (width<=760px){.site-header{grid-template-columns:1fr;gap:14px;padding:16px 0 10px;display:grid;position:relative}.logo-wrap{justify-content:center}.logo-icon{border-radius:15px;width:40px;height:40px}.logo-text{font-size:19px}.logo-sub{font-size:10px}.nav{scrollbar-width:none;order:2;justify-content:flex-start;gap:10px;width:100%;padding:8px 2px 4px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:999px;flex:none;padding:8px 11px;font-size:12px}.login-btn{order:3;justify-self:center;width:min(240px,100%)}.user-menu{order:3;justify-self:center;width:min(360px,100%)}.user-menu span{max-width:190px}.hero{gap:28px;padding-top:28px}.badge{margin-bottom:16px;font-size:10px}.hero h1{font-size:clamp(38px,12vw,56px);line-height:1.05}.hero-desc{margin-top:18px;font-size:15px;line-height:1.75}.trust-row{gap:8px}.trust-row span{padding:7px 10px;font-size:12px}.daily-usage-card{margin-top:20px}.hero-visual{min-height:420px}.cute-card{width:100%}.upload-section,.styles-section,.compare-section,.guide-section,.policy-section,.pricing-section{padding:58px 0}.section-title h2{font-size:clamp(28px,8vw,38px)}.section-title p{font-size:14px}.upload-box{border-radius:28px}.upload-icon{border-radius:24px;width:68px;height:68px;font-size:30px}.selected-file-card h3{word-break:break-word;font-size:20px;line-height:1.35}.file-meta-row{gap:8px}.file-meta-row span{font-size:12px}.audio-preview,.compare-audio{height:42px}.result-card,.processing-card{border-radius:24px;padding:20px}.download-grid button{min-height:46px;font-size:13px}}.usage-badge{color:#8ff0ff;white-space:nowrap;background:#7ee7ff17;border:1px solid #7ee7ff3d;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}@media (width<=640px){.usage-badge{width:100%}}