:root{--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-accent:#f97316;--color-success:#059669;--color-error:#dc2626;--gradient-hero:linear-gradient(135deg,#0f172a,#1e1b4b 45%,#312e81);--gradient-brand:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#db2777);--shadow-sm:0 1px 3px rgba(15,23,42,.08);--shadow-md:0 8px 30px rgba(15,23,42,.1);--shadow-lg:0 20px 50px rgba(15,23,42,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--font-sans:var(--font-jakarta),system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-primary);color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;font-family:inherit;transition:transform .15s,box-shadow .15s,background .15s;text-decoration:none}.btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary,a.btn-secondary{background:var(--color-surface);color:var(--color-text)!important;border:1px solid var(--color-border)}.btn-secondary:hover{background:#f1f5f9}.btn-ghost,a.btn-ghost{background:transparent;color:var(--color-text)!important;border:1px solid var(--color-border)}.btn-ghost:hover{background:#f8fafc}.btn-lg{padding:1rem 2rem;font-size:1.0625rem;border-radius:var(--radius-md)}.btn-gradient,a.btn-gradient{background:var(--gradient-brand);border:none}.btn-gradient:hover{filter:brightness(1.05)}input,select,textarea{padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;width:100%;background:var(--color-surface);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.card,.project-progress{border:1px solid var(--color-border)}.project-progress{background:linear-gradient(180deg,#f8fafc,#fff);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.project-progress.is-done{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,#fff)}.project-progress.is-failed{border-color:#fca5a5;background:linear-gradient(180deg,#fef2f2,#fff)}.project-progress-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem}.project-progress-title{margin:0 0 .25rem;font-size:1rem;font-weight:700}.project-progress-subtitle{margin:0;font-size:.875rem;color:var(--color-text-muted)}.project-progress-percent{font-size:1.25rem;font-weight:800;color:var(--color-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.project-progress-track{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:1rem}.project-progress-fill{height:100%;background:var(--gradient-brand);border-radius:999px;transition:width .6s ease;min-width:0}.project-progress.is-done .project-progress-fill{background:linear-gradient(90deg,#059669,#10b981)}.project-progress-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.5rem;gap:.5rem}.project-progress-step{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--color-text-muted)}.project-progress-step.is-done{color:var(--color-success);font-weight:600}.project-progress-step.is-active{color:var(--color-primary);font-weight:700}.project-progress-step-dot{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid;display:inline-flex;align-items:center;justify-content:center;font-size:.55rem;flex-shrink:0}.project-progress-step.is-active .project-progress-step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;animation:progress-pulse 1.2s ease-in-out infinite}.project-progress-step.is-done .project-progress-step-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.project-progress-hint{margin:.85rem 0 0;font-size:.8rem;color:var(--color-text-muted)}.project-progress-error{margin:.75rem 0 0;font-size:.8125rem;color:var(--color-error)}@keyframes progress-pulse{0%,to{box-shadow:0 0 0 0 rgba(79,70,229,.35)}50%{box-shadow:0 0 0 6px rgba(79,70,229,0)}}.container{max-width:1140px}.container,.container-narrow{margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:800px}.page-section{padding:5rem 0}.page-section-sm{padding:3rem 0}.section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:rgba(79,70,229,.1);padding:.35rem .75rem;border-radius:999px;margin-bottom:1rem}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin:0 0 1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--color-text-muted);line-height:1.6;max-width:640px;margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.875rem 2rem;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.site-logo{font-weight:800;font-size:1.375rem;text-decoration:none;color:var(--color-text)!important;letter-spacing:-.03em}.site-logo span{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-nav{display:flex;gap:1.25rem;align-items:center}.site-nav a{color:var(--color-text-muted);font-weight:500;font-size:.9375rem}.site-nav a:hover{color:var(--color-text)}.site-footer{padding:3rem 2rem;background:#0f172a;color:#94a3b8;margin-top:0}.site-footer a{color:#cbd5e1}.site-footer a:hover{color:#fff}.site-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:2rem;gap:2rem;max-width:1140px;margin:0 auto 2rem}.site-footer-bottom{max-width:1140px;margin:0 auto;padding-top:2rem;border-top:1px solid #334155;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.875rem}@media (max-width:768px){.site-header{padding:.75rem 1rem}.site-nav{gap:.75rem}.site-footer-grid{grid-template-columns:1fr}}.hero{position:relative;overflow:hidden;background:var(--gradient-hero);color:#fff;padding:5rem 0 6rem}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(99,102,241,.35) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(219,39,119,.25) 0,transparent 55%),radial-gradient(ellipse 50% 40% at 60% 80%,rgba(79,70,229,.2) 0,transparent 50%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.hero-content{max-width:540px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);padding:.4rem 1rem;border-radius:999px;font-size:.8125rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-badge-dot{width:8px;height:8px;background:#34d399;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.hero h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin:0 0 1.25rem;letter-spacing:-.03em}.hero h1 em{font-style:normal;background:linear-gradient(135deg,#a5b4fc,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;line-height:1.7;color:hsla(0,0%,100%,.75);margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.hero-stats{display:flex;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.hero-stat strong{display:block;font-size:1.5rem;font-weight:800}.hero-stat span{font-size:.8125rem;color:hsla(0,0%,100%,.55)}.hero-devices{display:flex;gap:1.5rem;justify-content:center;align-items:flex-end}.device-frame{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.4);border:3px solid hsla(0,0%,100%,.15);background:#000}.device-frame--phone{width:200px;aspect-ratio:9/16}.device-frame--desktop{width:280px;aspect-ratio:16/9;margin-bottom:2rem}.device-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:22px;background:#000;border-radius:0 0 14px 14px;z-index:2}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.template-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.template-card--soon{opacity:.92}.template-card-preview{position:relative;aspect-ratio:9/16;max-height:280px;overflow:hidden}.template-card-body{padding:1.25rem 1.5rem 1.5rem;flex:1 1;display:flex;flex-direction:column}.template-card-body h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.template-card-body p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5;flex:1 1}.template-card-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;align-items:center}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px}.badge-live{background:#dcfce7;color:#166534}.badge-soon{background:#fef3c7;color:#92400e}.badge-format{background:#f1f5f9;color:#475569;font-weight:600;text-transform:none;letter-spacing:0;font-size:.75rem}.mockup-scene{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;text-align:center;position:relative;overflow:hidden}.mockup-scene--reflex{background:linear-gradient(160deg,#0f172a,#1e3a5f 50%,#0f172a);color:#fff}.mockup-scene--quote{background:linear-gradient(160deg,#581c87,#7c3aed 40%,#db2777);color:#fff}.mockup-scene--flashcard{background:linear-gradient(160deg,#064e3b,#059669 50%,#34d399);color:#fff}.mockup-scene--topn{background:linear-gradient(160deg,#7c2d12,#ea580c 50%,#fbbf24);color:#fff}.mockup-scene--facts{background:linear-gradient(160deg,#1e3a8a,#2563eb 50%,#60a5fa);color:#fff}.mockup-scene--quiz{background:linear-gradient(160deg,#4c1d95,#7c3aed 50%,#a78bfa);color:#fff}.mockup-label{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-bottom:.75rem}.mockup-text-lg{font-size:clamp(.75rem,3.5vw,1rem);font-weight:700;line-height:1.3;margin-bottom:.5rem}.mockup-text-sm{font-size:clamp(.625rem,2.5vw,.8125rem);opacity:.75;line-height:1.4}.mockup-countdown{display:flex;gap:.35rem;margin:.75rem 0}.mockup-countdown span{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.15);border-radius:50%;font-size:.75rem;font-weight:800;animation:countdown-pulse 3s infinite}.mockup-countdown span:nth-child(2){animation-delay:1s}.mockup-countdown span:nth-child(3){animation-delay:2s}@keyframes countdown-pulse{0%,30%,to{background:hsla(0,0%,100%,.15);transform:scale(1)}15%{background:rgba(249,115,22,.6);transform:scale(1.15)}}.mockup-karaoke{position:absolute;bottom:1rem;left:0;right:0;height:3px;background:hsla(0,0%,100%,.2);overflow:hidden}.mockup-karaoke:after{content:"";position:absolute;left:0;top:0;height:100%;width:40%;background:#f97316;animation:karaoke-bar 4s ease-in-out infinite}@keyframes karaoke-bar{0%{width:0;left:0}50%{width:60%;left:20%}to{width:0;left:100%}}.mockup-quote-mark{font-size:2.5rem;line-height:1;opacity:.3;font-family:Georgia,serif}.mockup-flashcard{background:hsla(0,0%,100%,.15);border-radius:12px;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);animation:card-flip 6s ease-in-out infinite}@keyframes card-flip{0%,40%,to{transform:rotateY(0deg)}50%,90%{transform:rotateY(180deg)}}.mockup-list-item{display:flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.12);padding:.4rem .75rem;border-radius:8px;font-size:.6875rem;font-weight:600;width:100%;max-width:200px;margin-bottom:.35rem}.mockup-list-num{width:1.25rem;height:1.25rem;background:hsla(0,0%,100%,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:800;flex-shrink:0}.mockup-quiz-option{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.35rem .75rem;font-size:.625rem;width:100%;max-width:180px;margin-bottom:.3rem;text-align:left}.mockup-quiz-option--active{background:rgba(52,211,153,.3);border-color:#34d399}.mockup-timer{font-size:1.5rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:timer-tick 4s steps(4) infinite}@keyframes timer-tick{0%{content:"10"}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.step-card{text-align:center;padding:2rem 1.5rem}.step-number{width:3rem;height:3rem;background:var(--gradient-brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;margin:0 auto 1.25rem}.step-card h3{margin:0 0 .75rem;font-size:1.125rem}.step-card p{margin:0;color:var(--color-text-muted);font-size:.9375rem;line-height:1.6}.features-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem;margin-top:3rem}.feature-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem 1.5rem;transition:box-shadow .2s}.feature-tile:hover{box-shadow:var(--shadow-md)}.feature-tile--wide{grid-column:span 2}.feature-icon{width:2.75rem;height:2.75rem;background:rgba(79,70,229,.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:1rem}.feature-tile h3{margin:0 0 .5rem;font-size:1.0625rem;font-weight:700}.feature-tile p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.platforms-row{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.platform-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px}.platform-icon{font-size:1.75rem}.platform-name{font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.cta-banner{background:var(--gradient-brand);border-radius:var(--radius-xl);padding:4rem 3rem;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,hsla(0,0%,100%,.1) 0,transparent 50%)}.cta-banner h2{position:relative;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;margin:0 0 1rem}.cta-banner p{position:relative;opacity:.85;margin:0 0 2rem;font-size:1.0625rem}.cta-banner .btn{position:relative;background:#fff;color:var(--color-primary)!important}.cta-banner .btn:hover{background:#f8fafc}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(79,70,229,.08) 0,transparent 60%)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-card h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.auth-card .auth-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.auth-waiting{text-align:center;padding:1.5rem .5rem}.auth-waiting-spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top:3px solid var(--color-primary);border-radius:50%;animation:auth-spin .8s linear infinite;margin:0 auto 1.25rem}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-waiting-title{font-size:1.0625rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text)}.auth-waiting-hint{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1.5rem}.auth-waiting-timer{font-size:3rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.auth-waiting-sub{font-size:.8125rem;color:var(--color-text-muted)}.dash-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.dash-header h1{margin:0;font-size:1.75rem;font-weight:800}.dash-credit-pill{display:inline-flex;align-items:center;gap:.5rem;background:rgba(79,70,229,.08);color:var(--color-primary);padding:.4rem 1rem;border-radius:999px;font-weight:600;font-size:.9375rem}.project-card{display:flex;gap:1rem;align-items:center;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.project-card:hover{transform:translateX(4px);box-shadow:var(--shadow-md)}.project-thumb{width:88px;height:50px;border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#4f46e5);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:hsla(0,0%,100%,.6);font-weight:700}.status-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#f1f5f9;color:#475569}.status-badge--completed{background:#dcfce7;color:#166534}.status-badge--failed{background:#fee2e2;color:#991b1b}.status-badge--processing{background:#dbeafe;color:#1d4ed8}.wizard-page{padding:2rem 0 4rem}.wizard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.wizard-header h1{margin:0 0 .35rem;font-size:1.75rem;font-weight:800}.wizard-header p{margin:0;color:var(--color-text-muted);font-size:.9375rem}.wizard-back{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-muted);font-size:.875rem;font-weight:500;margin-bottom:1rem}.wizard-back:hover{color:var(--color-primary)}.wizard-steps{display:flex;gap:.5rem;margin-bottom:2rem}.wizard-step{flex:1 1;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-muted)}.wizard-step--active{border-color:var(--color-primary);background:rgba(79,70,229,.04);color:var(--color-text);font-weight:600}.wizard-step-num{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.wizard-step--active .wizard-step-num{background:var(--gradient-brand);color:#fff}.template-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.template-pick{position:relative;border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;text-align:left;padding:0;font-family:inherit}.template-pick:hover:not(:disabled){border-color:#a5b4fc;box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-pick--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.template-pick--disabled{cursor:not-allowed;opacity:.65}.template-pick-preview{aspect-ratio:9/12;max-height:160px;overflow:hidden;position:relative}.template-pick-preview .mockup-scene{padding:1rem .75rem}.template-pick-preview .mockup-text-lg{font-size:.625rem}.template-pick-preview .mockup-text-sm{font-size:.5rem}.template-pick-preview .mockup-label{font-size:.5rem;margin-bottom:.35rem}.template-pick-body{padding:.875rem 1rem 1rem}.template-pick-body strong{display:block;font-size:.875rem;margin-bottom:.25rem}.template-pick-body span{font-size:.75rem;color:var(--color-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-pick-check{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;z-index:2}.wizard-config{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.wizard-config h2{margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.wizard-config-sub{color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}.form-grid--single{grid-template-columns:1fr}.form-field label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.4rem;color:var(--color-text)}.form-field .field-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.35rem}.form-field--full{grid-column:1/-1}.wizard-summary{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f8fafc;border-radius:var(--radius-md);margin-top:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-border)}.wizard-summary-preview{width:48px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border)}.wizard-summary-preview .mockup-scene{padding:.35rem}.wizard-summary-preview .mockup-text-lg{font-size:.35rem}.wizard-summary-preview .mockup-text-sm{font-size:.3rem}.wizard-summary-text strong{display:block;font-size:.875rem}.wizard-summary-text span{font-size:.75rem;color:var(--color-text-muted)}.wizard-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.wizard-steps{flex-direction:column}.template-picker-grid{grid-template-columns:repeat(2,1fr)}}.guide-section{margin-bottom:2rem}.guide-section h3{font-size:1.0625rem;font-weight:700;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.guide-section ul{margin:0;padding-left:1.25rem;color:var(--color-text-muted);line-height:1.8}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content{max-width:none;margin:0 auto}.hero-actions,.hero-stats{justify-content:center}.hero-devices{margin-top:1rem}.device-frame--phone{width:160px}.device-frame--desktop{width:220px}.steps-grid{gap:1rem}.features-bento,.steps-grid{grid-template-columns:1fr}.feature-tile--wide{grid-column:span 1}.template-grid{grid-template-columns:1fr}}