@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&family=Source+Code+Pro:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary: #EB1000;--color-primary-hover: #D40E00;--color-secondary: #4B9CF5;--color-neutral: #B3B3B3;--color-background: #1D1D1D;--color-surface: #2C2C2C;--color-surface-strong: #323232;--color-text-primary: #E3E3E3;--color-text-secondary: #B3B3B3;--color-border: #3E3E3E;--color-success: #2D9D78;--color-warning: #E68619;--color-error: #D7373F;--font-display: "Source Sans 3", sans-serif;--font-body: "Source Sans 3", sans-serif;--font-mono: "Source Code Pro", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .35);--shadow-focus: 0 0 0 3px rgba(75, 156, 245, .12);--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 48px;--container-width: 1280px}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-background);position:relative}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}strong{color:var(--color-text-primary)}.container{width:min(var(--container-width),calc(100% - 48px));margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:0 16px;border-radius:var(--radius-md);border:none;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .1s ease;text-decoration:none}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-strong)}.btn-ghost{color:var(--color-text-primary);background:transparent}.btn-ghost:hover{background:var(--color-surface)}.btn-large{min-height:44px;padding:0 24px;font-size:var(--text-lg)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.chip{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:4px 12px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border)}.chip-badge{background:var(--color-success);color:#fff;border:none}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;background:var(--color-surface);transition:all .16s ease;cursor:pointer}.upload-area:hover{border-color:var(--color-primary);background:var(--color-surface-strong)}.upload-area.drag-over{border-color:var(--color-primary);background:#eb10001a}.progress-bar{width:100%;height:8px;background:var(--color-surface-strong);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:inherit;transition:width .24s ease}.spinner{width:32px;height:32px;margin:0 auto var(--space-4);border-radius:50%;border:3px solid var(--color-surface-strong);border-top-color:var(--color-primary);animation:spin 1s linear infinite}.alert{position:fixed;right:20px;top:20px;z-index:1000;min-width:280px;padding:var(--space-4);border-radius:var(--radius-md);color:#fff;background:var(--color-success);box-shadow:var(--shadow-lg);transform:translateY(-16px);opacity:0;transition:all .18s ease}.alert.warning{background:var(--color-warning)}.loading{text-align:center;padding:var(--space-8)}@media (max-width: 768px){.container{width:calc(100% - 24px)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}:root{--color-ink: #f8fafc;--color-ink-soft: #94a3b8;--color-ink-muted: #64748b;--color-paper: #030303;--color-paper-strong: #0a0a0a;--color-surface: rgba(255, 255, 255, .03);--color-surface-strong: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-primary: #8b5cf6;--color-primary-strong: #c084fc;--color-accent: #38bdf8;--color-accent-soft: rgba(56, 189, 248, .2);--color-warning: #fbbf24;--color-success: #34d399;--color-error: #f87171;--color-shadow: rgba(0, 0, 0, .6);--color-bg: var(--color-paper);--color-surface-raised: rgba(255, 255, 255, .08);--color-text: var(--color-ink);--color-text-muted: var(--color-ink-soft);--color-neutral: var(--color-ink-muted);--font-display: "Outfit", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 12px 30px rgba(0, 0, 0, .4);--shadow-md: 0 18px 50px rgba(0, 0, 0, .5);--shadow-lg: 0 28px 80px rgba(0, 0, 0, .6);--shadow-glow: 0 20px 44px rgba(139, 92, 246, .3);--shadow-focus: 0 0 0 4px rgba(139, 92, 246, .25);--text-xs: 12px;--text-sm: 13px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 64px;--container-width: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--color-ink);background:var(--color-bg);position:relative}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;pointer-events:none;animation:drift 20s infinite alternate ease-in-out}body:before{top:-10%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#8b5cf626,#03030300 70%)}body:after{bottom:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#c084fc1a,#03030300 70%);animation-delay:-10s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);line-height:1.05;letter-spacing:-.04em;color:var(--color-ink)}p{margin:0}strong{color:var(--color-ink)}a{color:inherit;text-decoration:none}.container{width:min(var(--container-width),calc(100% - 32px));margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:var(--radius-full);border:1px solid transparent;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary:hover{box-shadow:0 20px 44px #8e3b2f4d}.btn-ghost{color:var(--color-ink-soft);background:transparent;border-color:#30221314}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:clamp(24px,4vw,40px)}.chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:8px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);background:#fffbf4c2;border:1px solid var(--color-border)}.badge-success{background:#2f7d5c24;color:#225e44;border:1px solid rgba(47,125,92,.18)}.badge-warning{background:#c1792d24;color:#8d571a;border:1px solid rgba(193,121,45,.18)}.badge-error{background:#b63a2b24;color:#8f2f23;border:1px solid rgba(182,58,43,.18)}.upload-area{border:1.5px dashed rgba(48,34,19,.2);border-radius:var(--radius-lg);padding:clamp(28px,6vw,44px);text-align:center;background:#fffbf4b3;transition:.16s ease;cursor:pointer}.progress-bar>div{height:100%;width:0;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));border-radius:inherit;transition:width .24s ease}.spinner{width:40px;height:40px;margin:0 auto 14px;border-radius:50%;border:3px solid rgba(48,34,19,.1);border-top-color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{position:fixed;right:20px;top:20px;z-index:100;min-width:220px;padding:14px 18px;border-radius:var(--radius-md);color:#fff9f3;background:var(--color-success);box-shadow:var(--shadow-md);transform:translateY(-16px);opacity:0;transition:.18s ease}.alert.show{transform:translateY(0);opacity:1}.alert.error{background:var(--color-error)}.loading{display:none;text-align:center;padding:28px}@media (max-width: 960px){.container{width:calc(100% - 32px)}}.upload-container{padding:var(--space-6);max-width:800px;margin:0 auto}.upload-description{color:var(--color-ink-soft);margin-bottom:var(--space-4)}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:clamp(28px,6vw,44px);text-align:center;background:#fffbf4b3;transition:.16s ease;cursor:pointer}.upload-area:hover{border-color:#8e3b2f47;background:#fff6ece0}.upload-area.dragover{border-color:#1f6a5c57;background:#e8f5f1e0}.upload-icon{font-size:3rem;margin-bottom:var(--space-4);color:var(--color-ink-soft)}.upload-area.dragover .upload-icon{color:var(--color-success)}.upload-text{font-size:14px;font-weight:600;color:var(--color-ink);margin-bottom:var(--space-2)}.upload-subtext{font-size:13px;color:var(--color-ink-soft)}.file-preview{margin-top:var(--space-6)}.file-list{margin-bottom:var(--space-4)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.file-name{flex:1;font-weight:500;color:var(--color-ink)}.file-size{color:var(--color-ink-soft);margin-right:var(--space-2)}.btn-remove{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-error);padding:0 var(--space-1)}.btn-remove:hover{color:#c12f2f}.upload-progress{margin:var(--space-4) 0}.progress-container{margin-top:var(--space-6)}.progress-bar{width:100%;height:10px;background:#30221314;border-radius:var(--radius-full);overflow:hidden}.progress-text{text-align:center;margin-top:var(--space-2);font-size:13px;color:var(--color-ink-soft)}.btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{color:#fff9f3;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));box-shadow:0 18px 38px #8e3b2f3d;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 20px 44px #8e3b2f4d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.analysis-container{padding:var(--space-6);max-width:800px;margin:0 auto}.first-lyric-result{text-align:center}.lyric-card{background:var(--color-surface);color:var(--color-ink);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lyric-icon{font-size:3rem;margin-bottom:var(--space-4)}.lyric-card h3{margin:0 0 var(--space-4) 0}.lyric-text{font-size:18px;line-height:1.6;margin-bottom:var(--space-4)}.lyric-meta{font-size:13px;color:var(--color-ink-soft)}.analysis-actions{margin-top:var(--space-6)}.full-analysis-result{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.analysis-summary h3{margin-top:0}.analysis-details{margin:var(--space-6) 0}.detail-item{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(48,34,19,.08)}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:500;color:var(--color-ink-soft)}.detail-value{font-weight:600;color:var(--color-ink)}.analysis-insight{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-xl);margin-top:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.analysis-insight h4{margin-top:0;color:var(--color-primary)}.analysis-insight p{margin:var(--space-2) 0 0 0;line-height:1.6;color:var(--color-ink-soft)}.payment-container{padding:var(--space-6);max-width:900px;margin:0 auto}.payment-description{color:var(--color-ink-soft);margin-bottom:var(--space-8)}.loading-state{text-align:center;padding:28px}.payment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.tier-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;transition:all .18s ease;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tier-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.tier-badge{position:absolute;top:-12px;right:20px;background:var(--color-primary);color:#fff9f3;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tier-header{text-align:center;margin-bottom:var(--space-6)}.tier-header h3{margin:0 0 var(--space-2) 0;color:var(--color-ink)}.tier-price{font-size:40px;font-weight:700;color:var(--color-primary-strong)}.tier-features ul{list-style:none;padding:0;margin:0 0 var(--space-8) 0}.tier-features li{padding:var(--space-2) 0;color:var(--color-ink-soft);display:flex;align-items:center}.tier-features li:before{content:"✓";color:var(--color-success);font-weight:700;margin-right:var(--space-3)}.payment-success{text-align:center;padding:28px}.payment-success h3{margin:0 0 var(--space-2) 0;color:var(--color-success)}.payment-success p{color:var(--color-ink-soft);margin:0}.render-container{padding:var(--space-6);max-width:800px;margin:0 auto}.waiting-state{text-align:center;padding:28px}.waiting-icon{font-size:3rem;margin-bottom:var(--space-4)}.rendering-state{text-align:center;padding:28px}.rendering-animation{margin-bottom:var(--space-6)}.render-progress{margin-top:var(--space-8)}.progress-bar{width:100%;height:10px;background:#30221314;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));border-radius:inherit;transition:width .24s ease}.progress-text{font-weight:500;color:var(--color-ink-soft)}.delivery-result{text-align:center}.success-banner{background:linear-gradient(135deg,var(--color-success) 0%,#1F8A60 100%);color:#fff9f3;padding:var(--space-8);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.success-icon{font-size:4rem;margin-bottom:var(--space-4)}.success-banner h3{margin:0 0 var(--space-2) 0}.success-banner p{margin:0;opacity:.9}.delivery-preview{background:var(--color-surface);padding:clamp(24px,4vw,40px);border-radius:var(--radius-xl);margin-bottom:var(--space-8);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preview-placeholder{text-align:center}.preview-icon{font-size:4rem;margin-bottom:var(--space-4)}.delivery-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.btn-primary{color:#fff9f3;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));box-shadow:0 18px 38px #8e3b2f3d}.btn-primary:hover{box-shadow:0 20px 44px #8e3b2f4d;transform:translateY(-1px)}.btn-secondary{color:var(--color-ink);background:#fffbf4c2;border-color:var(--color-border)}.btn-secondary:hover{background:#fffbf4e6}.btn-tertiary{color:var(--color-ink-soft);background:transparent;border-color:#30221314}.btn-tertiary:hover{background:#fffbf480}.delivery-info{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.info-item{text-align:center}.info-label{display:block;font-size:13px;color:var(--color-ink-soft);margin-bottom:var(--space-1)}.info-value{display:block;font-weight:600;color:var(--color-ink)}.tracking-container{padding:var(--space-6);max-width:800px;margin:0 auto}.tracking-container h3{margin:0 0 var(--space-4) 0;font-size:18px;color:var(--color-ink)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:14px;font-weight:600;margin-bottom:var(--space-8)}.status-indicator.pending{background:#c1792d24;color:#8d571a;border:1px solid rgba(193,121,45,.18)}.status-indicator.processing{background:#38bdf824;color:#0c5460;border:1px solid rgba(56,189,248,.18)}.status-indicator.completed{background:#2f7d5c24;color:#225e44;border:1px solid rgba(47,125,92,.18)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-steps{display:flex;flex-direction:column;gap:var(--space-6)}.step{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .18s ease}.step.active{border-color:var(--color-primary);background:#8b5cf61a}.step.completed{border-color:var(--color-success);background:#2f7d5c1a}.step-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step.pending .step-icon{background:var(--color-surface);color:var(--color-ink-soft)}.step.active .step-icon{background:var(--color-primary);color:#fff9f3}.step.completed .step-icon{background:var(--color-success);color:#fff9f3}.step-title{font-weight:600;margin-bottom:var(--space-1);color:var(--color-ink)}.step-description{font-size:13px;color:var(--color-ink-soft)}.tracking-info{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tracking-info h4{margin:0 0 var(--space-4) 0;color:var(--color-accent)}.info-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid rgba(48,34,19,.08)}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-ink-soft)}.info-value{font-weight:600;color:var(--color-ink)}.app-container{min-height:100vh;background:var(--color-background)}.app-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.nav-brand h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.nav-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.nav-links{display:flex;gap:var(--space-6)}.nav-link{color:var(--color-text-secondary);font-size:var(--text-base);font-weight:600;text-decoration:none;transition:color .1s ease}.nav-link:hover,.nav-link.active{color:var(--color-text-primary)}.app-main{padding:var(--space-12) var(--space-8);max-width:var(--container-width);margin:0 auto}.home-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:var(--space-16) 0}.hero-title{font-size:var(--text-4xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-6) 0;line-height:1.2}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--space-8);line-height:1.6}.hero-actions{display:flex;gap:var(--space-4);justify-content:center}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin:var(--space-16) 0}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all .1s ease}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.feature-icon{font-size:48px;margin-bottom:var(--space-4)}.feature-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.feature-description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.process-preview{margin:var(--space-16) 0}.section-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-8) 0;text-align:center}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.process-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}.step-number{width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:700;flex-shrink:0}.step-content h4{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.step-content p{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.app-nav{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.nav-links{gap:var(--space-4);flex-wrap:wrap;justify-content:center}.app-main{padding:var(--space-8) var(--space-4)}.hero-title{font-size:var(--text-3xl)}.hero-actions{flex-direction:column}.features,.process-steps{grid-template-columns:1fr}}.pet-studio-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e3e3e3;font-family:"Source Sans 3",sans-serif}.studio-container{max-width:1200px;margin:0 auto;padding:0 20px}.studio-header{padding:40px 0;border-bottom:1px solid #3e3e3e}.header-content{margin-bottom:30px}.studio-title{font-size:48px;font-weight:700;color:#e3e3e3;margin:0 0 10px;letter-spacing:-.02em}.studio-subtitle{font-size:18px;color:#b3b3b3;margin:0;font-weight:400}.studio-nav{display:flex;gap:30px}.nav-link{color:#b3b3b3;text-decoration:none;font-size:14px;font-weight:600;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#e3e3e3}.studio-main{padding:60px 0}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:100px}.hero-title{font-size:42px;font-weight:700;color:#e3e3e3;margin:0 0 20px;line-height:1.2;letter-spacing:-.02em}.hero-description{font-size:18px;color:#b3b3b3;line-height:1.6;margin:0 0 30px}.hero-actions{display:flex;gap:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:#eb1000;color:#fff}.btn-primary:hover{background:#d40e00}.btn-secondary{background:#3e3e3e;color:#e3e3e3}.btn-secondary:hover{background:#4e4e4e}.btn-large{padding:16px 32px;font-size:16px}.hero-visual{display:flex;align-items:center;justify-content:center}.pattern-visualization{position:relative;width:400px;height:400px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center}.pattern-dot{position:absolute;width:20px;height:20px;background:#eb1000;border-radius:50%;animation:pulse 2s ease-in-out infinite}.pattern-dot:nth-child(1){top:30%;left:30%;animation-delay:0s}.pattern-dot:nth-child(2){top:50%;left:50%;animation-delay:.5s}.pattern-dot:nth-child(3){top:70%;left:70%;animation-delay:1s}.pattern-connection{position:absolute;width:200px;height:2px;background:linear-gradient(90deg,#eb1000,transparent);top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.features-section{margin-bottom:100px}.section-title{font-size:32px;font-weight:700;color:#e3e3e3;margin:0 0 40px;text-align:center;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:#2c2c2c;padding:30px;border-radius:8px;border:1px solid #3e3e3e;transition:all .3s ease}.feature-card:hover{border-color:#eb1000;transform:translateY(-5px)}.feature-icon{font-size:48px;margin-bottom:20px}.feature-title{font-size:20px;font-weight:600;color:#e3e3e3;margin:0 0 15px}.feature-description{font-size:14px;color:#b3b3b3;line-height:1.6;margin:0}.process-section{margin-bottom:100px}.process-steps{display:flex;flex-direction:column;gap:20px}.process-step{display:flex;align-items:center;gap:30px;padding:30px;background:#2c2c2c;border-radius:8px;border:1px solid #3e3e3e}.step-number{width:60px;height:60px;background:#eb1000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-title{font-size:20px;font-weight:600;color:#e3e3e3;margin:0 0 10px}.step-description{font-size:14px;color:#b3b3b3;margin:0}.pricing-preview-section{margin-bottom:100px}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.pricing-card{background:#2c2c2c;padding:40px;border-radius:8px;border:1px solid #3e3e3e;transition:all .3s ease}.pricing-card:hover{border-color:#eb1000;transform:translateY(-5px)}.pricing-card.sequence{border-color:#4b9cf5}.pricing-card.masterpiece{border-color:#eb1000}.pricing-header{margin-bottom:20px}.pricing-title{font-size:24px;font-weight:700;color:#e3e3e3;margin:0 0 5px}.pricing-subtitle{font-size:14px;color:#b3b3b3;margin:0}.pricing-price{font-size:36px;font-weight:700;color:#e3e3e3;margin:0 0 30px}.pricing-features{list-style:none;padding:0;margin:0}.pricing-features li{padding:10px 0;color:#b3b3b3;font-size:14px;border-bottom:1px solid #3e3e3e}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:#2d9d78;margin-right:10px}.cta-section{text-align:center;padding:80px 40px;background:#eb10001a;border-radius:8px;margin-bottom:100px}.cta-title{font-size:36px;font-weight:700;color:#e3e3e3;margin:0 0 15px}.cta-description{font-size:18px;color:#b3b3b3;margin:0 0 30px}.studio-footer{padding:60px 0 30px;border-top:1px solid #3e3e3e}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-section{margin-bottom:30px}.footer-title{font-size:16px;font-weight:600;color:#e3e3e3;margin:0 0 15px;text-transform:uppercase;letter-spacing:.06em}.footer-description{font-size:14px;color:#b3b3b3;line-height:1.6;margin:0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#b3b3b3;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#e3e3e3}.footer-bottom{padding-top:30px;border-top:1px solid #3e3e3e;text-align:center}.footer-bottom p{font-size:12px;color:#b3b3b3;margin:0}@media (max-width: 768px){.hero-section{grid-template-columns:1fr;gap:40px}.hero-title{font-size:32px}.studio-nav{flex-wrap:wrap;gap:15px}.process-step{flex-direction:column;text-align:center}.pricing-cards{grid-template-columns:1fr}.cta-section{padding:40px 20px}}