@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";:root{--bg:#070710;--surface:#10101c;--surface-2:#18182a;--surface-3:#1f1f35;--border:#272740;--border-light:#33335a;--text:#f0f0f8;--text-muted:#88a;--text-subtle:#5a5a7a;--primary:#6366f1;--primary-hover:#7c7ff5;--primary-glow:#6366f140;--accent:#a855f7;--accent-glow:#a855f733;--success:#22c55e;--error:#ef4444;--radius:12px;--radius-lg:20px;--radius-xl:28px;--shadow:0 8px 32px #00000080;--shadow-lg:0 20px 60px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}#root{min-height:100vh}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:var(--primary-hover);text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;line-height:1.2}.checkerboard{background-color:#1e1e2e;background-image:linear-gradient(45deg,#2a2a3e 25%,#0000 25%),linear-gradient(-45deg,#2a2a3e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a3e 75%),linear-gradient(-45deg,#0000 75%,#2a2a3e 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.skip-link{background:var(--primary);color:#fff;border-radius:var(--radius);z-index:9999;padding:.5rem 1rem;transition:top .15s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}.app{background:radial-gradient(ellipse 80% 50% at 50% -20%, #6366f11f, transparent), radial-gradient(ellipse 50% 40% at 100% 100%, #a855f714, transparent), var(--bg);flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#070710d9;padding:1rem 2rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;display:flex}.header-logo-link{align-items:center;text-decoration:none;display:flex}.header-nav{align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-muted);padding:.5rem .875rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .15s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface-2)}.vanishly-logo-wrap{align-items:center;gap:.75rem;display:flex}.vanishly-wordmark{flex-direction:column;gap:.05rem;display:flex}.vanishly-name{letter-spacing:-.04em;background:linear-gradient(135deg,#818cf8 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.375rem;font-weight:800;line-height:1}.vanishly-tagline{color:var(--text-subtle);letter-spacing:.02em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.page-body{flex:1;align-items:flex-start;display:flex}.page-body.with-sidebars{grid-template-columns:180px 1fr 180px;align-items:flex-start;gap:0;display:grid}.page-body.no-sidebars{display:block}.sidebar{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem .75rem;display:flex;position:sticky;top:5rem}.main{flex:1;max-width:100%;padding:2.5rem 2rem;overflow:hidden}.ad-leaderboard-wrap{border-bottom:1px solid var(--border);background:#0a0a1680;justify-content:center;padding:.75rem 2rem;display:flex}.ad-mid-wrap{border-top:1px solid var(--border);justify-content:center;padding:2rem;display:flex}.ad-in-editor{justify-content:center;display:flex}.ad-unit{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.ad-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);font-size:.625rem;font-weight:600}.adsbygoogle{display:block}.ad-placeholder{background:var(--surface);border:1px dashed var(--border-light);border-radius:var(--radius);justify-content:center;align-items:center;min-width:80px;min-height:50px;display:flex}.adsbygoogle:not([data-ad-status])+.ad-placeholder{display:flex}.adsbygoogle[data-ad-status]+.ad-placeholder{display:none}.ad-placeholder-text{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.ad-popup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ad-popup-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:calc(100% - 2rem);max-width:380px;box-shadow:var(--shadow-lg), 0 0 60px var(--primary-glow);padding:0;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ad-popup-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg, var(--surface-2), var(--surface));padding:1.25rem 1.25rem 1rem}.ad-popup-title-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.ad-popup-badge{color:var(--text);font-size:.875rem;font-weight:700}.ad-popup-close{background:var(--surface-3);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;transition:all .15s;display:flex}.ad-popup-close:hover{background:var(--border);color:var(--text)}.ad-popup-countdown{color:var(--primary-hover);text-align:center;min-width:16px;font-size:.875rem;font-weight:700}.ad-popup-sub{color:var(--text-muted);font-size:.8125rem}.ad-popup-body{justify-content:center;padding:1.25rem;display:flex}.ad-popup-unit .ad-placeholder{width:300px;height:250px}.ad-popup-footer{border-top:1px solid var(--border);justify-content:center;padding:1rem 1.25rem 1.25rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.75rem 1.375rem;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 6px 28px var(--primary-glow);color:#fff;transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--primary);color:var(--text)}.hero-section{flex-direction:column;gap:2rem;margin-bottom:3.5rem;display:flex}.hero-text{text-align:center}.hero-title{letter-spacing:-.04em;color:var(--text);margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.hero-gradient-word{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);max-width:520px;margin:0 auto 1.5rem;font-size:1.0625rem;line-height:1.7}.hero-badges{flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.hero-badge{color:var(--primary-hover);background:#6366f11f;border:1px solid #6366f140;border-radius:999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius-xl);background:var(--surface);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;min-height:320px;padding:3rem 2rem;transition:all .2s;display:flex}.upload-zone:hover:not(.disabled){border-color:var(--primary);background:var(--surface-2);box-shadow:0 0 40px var(--primary-glow)}.upload-zone.dragging{border-color:var(--primary);box-shadow:0 0 50px var(--primary-glow);background:#6366f114;transform:scale(1.01)}.upload-zone.disabled{opacity:.5;cursor:not-allowed}.upload-icon{color:var(--primary);margin-bottom:.25rem}.upload-zone h2{font-size:1.375rem;font-weight:700}.upload-zone p{color:var(--text-muted);font-size:.9375rem}.upload-hint{color:var(--text-subtle);background:#6366f114;border-radius:999px;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.8125rem}.processing-overlay{justify-content:center;align-items:center;min-height:400px;display:flex}.processing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;min-width:340px;padding:3rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:52px;height:52px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing-card h3{font-size:1.125rem;font-weight:700}.progress-bar{background:var(--border);border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.processing-note{color:var(--text-subtle);text-align:center;font-size:.8125rem}.error-banner{border-radius:var(--radius);color:#fca5a5;background:#ef444414;border:1px solid #ef444440;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.125rem 1.375rem;display:flex}.editor{flex-direction:column;gap:1.75rem;display:flex}.preview-section{flex-direction:column;gap:1.5rem;display:flex}.preview-pair{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.preview-card{flex-direction:column;gap:.625rem;display:flex}.preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:700}.preview-frame{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);justify-content:center;align-items:center;display:flex;overflow:hidden}.preview-frame img{object-fit:contain;width:100%;height:100%}.preview-actions{flex-wrap:wrap;gap:.75rem;display:flex}.background-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem}.picker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.picker-header h3{font-size:1rem;font-weight:700}.custom-color{color:var(--text-muted);cursor:pointer;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.custom-color input[type=color]{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:40px;height:40px;padding:2px}.background-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.625rem;display:grid}.bg-option{border-radius:var(--radius);color:var(--text-muted);border:2px solid #0000;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.bg-option:hover{background:var(--surface-2);color:var(--text)}.bg-option.selected{border-color:var(--primary);background:var(--primary-glow);color:var(--text)}.bg-preview{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;width:100%}.section-title{letter-spacing:-.03em;text-align:center;margin-bottom:2rem;font-size:1.625rem;font-weight:800}.features-section{border-top:1px solid var(--border);margin:3rem 0;padding:3rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s}.feature-card:hover{border-color:var(--border-light);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon-wrap{margin-bottom:.875rem;font-size:1.75rem}.feature-card h3{color:var(--text);margin-bottom:.5rem;font-size:.9375rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.875rem;line-height:1.65}.how-section{border-top:1px solid var(--border);padding:3rem 0}.how-steps-inline{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.how-step-inline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;align-items:flex-start;gap:1rem;min-width:180px;max-width:260px;padding:1.25rem;display:flex}.how-connector{color:var(--border-light);flex-shrink:0;padding-top:1.25rem;font-size:1.5rem}.step-num{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:800;display:flex}.how-step-inline h3{margin-bottom:.375rem;font-size:.875rem;font-weight:700}.how-step-inline p{color:var(--text-muted);font-size:.8125rem;line-height:1.6}.faq-section{border-top:1px solid var(--border);padding:3rem 0}.faq-list{flex-direction:column;gap:.75rem;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s;overflow:hidden}.faq-item[open]{border-color:var(--primary)}.faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.25rem;font-size:.9375rem;font-weight:600;list-style:none;transition:background .15s;display:flex}.faq-question:hover{background:var(--surface-2)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";color:var(--primary);flex-shrink:0;font-size:1.25rem;font-weight:400}details[open] .faq-question:after{content:"−"}.faq-answer{color:var(--text-muted);border-top:1px solid var(--border);padding:1rem 1.25rem 1.125rem;font-size:.875rem;line-height:1.7}.usecases-section{border-top:1px solid var(--border);padding:3rem 0}.usecase-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.usecase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:1.375rem;transition:all .2s}.usecase-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.usecase-icon{margin-bottom:.75rem;font-size:2rem;display:block}.usecase-card h3{margin-bottom:.375rem;font-size:.9375rem;font-weight:700}.usecase-card p{color:var(--text-muted);font-size:.8125rem;line-height:1.6}.footer{border-top:1px solid var(--border);background:var(--surface);padding:2.5rem 2rem}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-name{background:linear-gradient(135deg,#818cf8,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:800}.footer-privacy-note{color:var(--text-muted);font-size:.8125rem}.footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.footer-link{color:var(--text-muted);font-size:.8125rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--text)}.footer-sep{color:var(--text-subtle);font-size:.8125rem}.footer-copy{color:var(--text-subtle);font-size:.75rem}.legal-page,.about-page,.contact-page{max-width:800px;margin:0 auto;padding:3rem 0 4rem}.legal-hero,.about-hero{text-align:center;border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}.legal-badge{background:var(--primary-glow);color:var(--primary-hover);text-transform:uppercase;letter-spacing:.08em;border:1px solid #6366f14d;border-radius:999px;margin-bottom:1rem;padding:.25rem .875rem;font-size:.75rem;font-weight:700;display:inline-block}.legal-hero h1,.about-hero h1{margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.legal-meta{color:var(--text-muted);font-size:.875rem}.legal-body{flex-direction:column;gap:2.5rem;display:flex}.legal-body section{flex-direction:column;gap:.875rem;display:flex}.legal-body h2{color:var(--text);border-bottom:1px solid var(--border);padding-bottom:.5rem;font-size:1.1875rem;font-weight:700}.legal-body h3{color:var(--text);margin-top:.25rem;font-size:.9375rem;font-weight:600}.legal-body p{color:var(--text-muted);font-size:.9375rem;line-height:1.75}.legal-body ul{flex-direction:column;gap:.5rem;padding-left:1rem;list-style:none;display:flex}.legal-body ul li{color:var(--text-muted);font-size:.9375rem;line-height:1.65;position:relative}.legal-body ul li:before{content:"→";color:var(--primary);font-size:.75rem;position:absolute;top:.2em;left:-1rem}.legal-body a{color:var(--primary-hover);text-decoration:underline}.legal-back{border-top:1px solid var(--border);padding-top:1rem}.about-lead{color:var(--text-muted);max-width:580px;margin:.75rem auto 1.5rem;font-size:1.0625rem;line-height:1.7}.about-cta{display:inline-flex}.about-section{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2.5rem}.about-section:last-child{border-bottom:none}.about-section h2{margin-bottom:1rem;font-size:1.375rem;font-weight:800}.about-section p{color:var(--text-muted);margin-bottom:.75rem;font-size:.9375rem;line-height:1.75}.about-section p:last-child{margin-bottom:0}.how-steps{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.how-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:1.25rem;padding:1.25rem;display:flex}.how-step-num{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;width:36px;height:36px;box-shadow:0 4px 12px var(--primary-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9375rem;font-weight:800;display:flex}.how-step h3{margin-bottom:.375rem;font-size:.9375rem;font-weight:700}.how-step p{color:var(--text-muted);font-size:.875rem;line-height:1.65;margin-bottom:0!important}.about-list{flex-direction:column;gap:.5rem;margin:.75rem 0;padding-left:0;list-style:none;display:flex}.about-list li{color:var(--text-muted);align-items:center;gap:.625rem;font-size:.9375rem;display:flex}.about-list li:before{content:"✓";color:var(--success);flex-shrink:0;font-weight:700}.about-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.5rem;display:grid}.about-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.375rem;transition:all .2s}.about-feature-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.feature-icon{margin-bottom:.75rem;font-size:1.75rem;display:block}.about-feature-card h3{margin-bottom:.375rem;font-size:.9375rem;font-weight:700}.about-feature-card p{color:var(--text-muted);font-size:.8125rem;line-height:1.65;margin-bottom:0!important}.about-cta-section{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:1rem;padding:3rem}.about-cta-section h2{margin-bottom:.5rem;font-size:1.375rem;font-weight:800}.about-cta-section p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9375rem}.contact-layout{grid-template-columns:280px 1fr;align-items:flex-start;gap:2rem;margin-top:1rem;display:grid}.contact-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;position:sticky;top:6rem}.contact-info-card h2{margin-bottom:1.25rem;font-size:1rem;font-weight:700}.contact-method{align-items:flex-start;gap:.875rem;margin-bottom:1.25rem;display:flex}.contact-icon{flex-shrink:0;margin-top:.1rem;font-size:1.25rem}.contact-method strong{text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);margin-bottom:.2rem;font-size:.75rem;display:block}.contact-method a{color:var(--primary-hover);font-size:.875rem}.contact-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.contact-info-card h3{margin-bottom:.875rem;font-size:.875rem;font-weight:700}.contact-faq{margin-bottom:1rem}.contact-faq p{font-size:.8125rem;line-height:1.6}.contact-faq p:first-child{color:var(--text);margin-bottom:.2rem}.contact-faq p:last-child{color:var(--text-muted)}.contact-form-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem}.contact-form h2{margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.form-group label span{color:var(--primary)}.form-group input,.form-group textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-subtle)}.contact-submit{justify-content:center;width:100%}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1rem;display:flex}.contact-success-icon{font-size:3rem}.contact-success h2{font-size:1.375rem;font-weight:800}.contact-success p{color:var(--text-muted);font-size:.9375rem}.contact-success-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}@media (width<=1100px){.page-body.with-sidebars{grid-template-columns:1fr}.sidebar{display:none}}@media (width<=768px){.header{padding:.875rem 1rem}.main{padding:1.5rem 1rem}.preview-pair{grid-template-columns:1fr}.how-steps-inline{flex-direction:column;align-items:stretch}.how-step-inline{max-width:100%}.how-connector{display:none}.contact-layout{grid-template-columns:1fr}.contact-info-card{position:static}.form-row{grid-template-columns:1fr}.hero-title{font-size:1.875rem}.vanishly-tagline{display:none}.features-grid,.about-features{grid-template-columns:1fr}}@media (width<=480px){.header-nav{display:none}.hero-badges{gap:.375rem}.hero-badge{padding:.3rem .625rem;font-size:.75rem}}.model-select-container{flex-direction:column;align-items:center;gap:.625rem;margin-top:1.5rem;display:flex}.model-select-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.model-toggle{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;padding:.25rem;display:inline-flex}.toggle-btn{color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s}.toggle-btn:hover{color:var(--text);background:var(--surface-2)}.toggle-btn.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));box-shadow:0 4px 12px var(--primary-glow)}