:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100svh;margin:0}.app{--beige-50:#faf8f5;--beige-100:#f5f0e8;--beige-200:#e8dfd0;--beige-300:#d4c4a8;--black:#0f0f0f;--black-soft:#1e1e1e;--white:#fff;--gold:#c9a962;--gold-dark:#9a7b32;--gold-light:#e8d5a3;--text:#4a4540;--text-light:#8a8278;--border:#c9a96233;--glass:#ffffffa6;--glass-dark:#0f0f0fbf;--shadow:0 8px 32px #0f0f0f14;--shadow-lg:0 20px 60px #0f0f0f24;--radius:16px;--radius-lg:24px;--font-serif:"Georgia", "Times New Roman", serif;--font-sans:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;background:var(--beige-50);width:100%;color:var(--black);font-family:var(--font-sans);line-height:1.65;position:relative;overflow-x:hidden}.app *{box-sizing:border-box}.app-bg{z-index:0;background:radial-gradient(ellipse 80% 60% at 10% 0%, #c9a9621f 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 90% 100%, #e8d5a326 0%, transparent 50%), linear-gradient(180deg, var(--beige-100) 0%, var(--beige-50) 40%, #f0ebe3 100%);pointer-events:none;position:fixed;inset:0}.app>:not(.app-bg){z-index:1;position:relative}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.glass-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#faf8f5cc}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark);margin:0 0 .75rem;font-size:.7rem;font-weight:700}.eyebrow-light{color:var(--gold-light)}.gold-text{color:var(--gold-dark);font-style:italic;font-family:var(--font-serif)}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--black);margin:0;font-weight:400;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,5.5vw,4rem)}h2{margin-bottom:.75rem;font-size:clamp(1.85rem,3.5vw,2.75rem)}h3{font-size:1.4rem}h4{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.85rem;font-size:.75rem;font-weight:700}.section-desc{color:var(--text);max-width:600px;margin:0 0 2.5rem;font-size:1.1rem}.muted{color:var(--text-light);margin-top:.5rem;font-size:.9rem}.premium-badge{letter-spacing:.1em;text-transform:uppercase;background:var(--black);color:var(--gold-light);border-radius:50px;padding:.3rem .75rem;font-size:.65rem;font-weight:700;display:inline-flex}.premium-badge-gold{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:var(--black)}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-size:.8rem;font-weight:700;font-family:var(--font-sans);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 2rem;transition:transform .2s,box-shadow .25s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-gold{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);color:var(--black);box-shadow:0 6px 24px #c9a96266}.btn-glass{border:1px solid var(--border);color:var(--black);background:#ffffff80}.btn-sm{padding:.6rem 1.25rem;font-size:.72rem}.btn-generate{padding:1rem 2rem;font-size:.82rem}.header{z-index:200;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{color:var(--black);align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg, var(--black), var(--black-soft));width:40px;height:40px;color:var(--gold);border:1px solid #c9a9624d;border-radius:10px;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.logo-text{font-family:var(--font-serif);font-size:1.25rem}.logo-text em{color:var(--gold-dark);font-style:italic}.nav{gap:.25rem;display:flex}.nav button{color:var(--text);cursor:pointer;font-size:.82rem;font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;padding:.55rem 1rem;transition:background .2s,color .2s}.nav button:hover{color:var(--black);background:#c9a9621f}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.credit-pill{letter-spacing:.04em;color:var(--black);background:#c9a96226;border:1px solid #c9a96259;border-radius:50px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.credit-pill-icon{color:var(--gold-dark);font-size:.85rem}.hero{padding:5rem 2rem 6rem}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1280px;margin:0 auto;display:grid}.hero-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.hero-sub{color:var(--text);max-width:520px;margin:1.5rem 0 2rem;font-size:1.15rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{border-top:1px solid var(--border);gap:3rem;padding-top:2rem;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats strong{font-family:var(--font-serif);color:var(--black);font-size:2rem;font-weight:400}.hero-stats span{color:var(--text-light);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.hero-visual{align-items:flex-end;gap:1rem;min-height:340px;padding:1.5rem;display:flex;position:relative}.hero-card{border-radius:var(--radius);flex:1;position:relative;overflow:hidden}.hero-card img{object-fit:cover;width:100%;height:240px;display:block}.hero-card .premium-badge{z-index:2;position:absolute;top:12px;left:12px}.hero-card-before{transform:rotate(-2deg)translateY(8px)}.hero-card-after{border:2px solid var(--gold);transform:rotate(2deg)}.section{padding:5rem 2rem}.section-inner{max-width:1280px;margin:0 auto}.steps-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.step-card{padding:2rem 1.5rem;transition:transform .25s}.step-card:hover{transform:translateY(-4px)}.step-num{font-family:var(--font-serif);color:var(--gold);margin-bottom:1rem;font-size:2.25rem;display:block}.step-card h3{margin-bottom:.5rem;font-size:1.1rem}.step-card p{color:var(--text);margin:0;font-size:.9rem}.pricing-section{background:linear-gradient(180deg, var(--white) 0%, var(--beige-50) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pricing-intro{text-align:center;margin-bottom:2.5rem}.pricing-intro .section-desc{margin:0 auto}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.5rem;display:grid}.pricing-grid-compact{margin-top:1.5rem}.pricing-card{flex-direction:column;padding:2rem 1.75rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card-featured{border:2px solid var(--gold);z-index:1;background:linear-gradient(160deg,#ffffffe6 0%,#c9a9621f 100%);transform:scale(1.03)}.pricing-card-featured:hover{transform:scale(1.03)translateY(-4px)}.pricing-badge{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:50px;padding:.35rem 1rem;font-size:.65rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-badge-popular{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:var(--black);box-shadow:0 4px 16px #c9a96266}.pricing-badge-pro{background:var(--black);color:var(--gold-light);border:1px solid #c9a96266}.pricing-name{font-family:var(--font-serif);color:var(--black);margin:.5rem 0 .75rem;font-size:1.35rem}.pricing-price{font-family:var(--font-serif);color:var(--black);margin:0 0 .5rem;font-size:2.75rem;font-weight:400;line-height:1}.pricing-card-featured .pricing-price{color:var(--gold-dark)}.pricing-best{color:var(--text-light);margin:0 0 1.25rem;font-size:.88rem;font-style:italic}.pricing-includes{flex-grow:1;margin:0 0 1.25rem;padding:0;list-style:none}.pricing-includes li{color:var(--text);margin-bottom:.55rem;padding-left:1.15rem;font-size:.9rem;line-height:1.45;position:relative}.pricing-includes li:before{content:"✓";color:var(--gold-dark);font-size:.8rem;font-weight:700;position:absolute;left:0}.pricing-credits{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark);margin:0 0 1.25rem;font-size:.72rem;font-weight:700}.btn-pricing{width:100%;margin-top:auto}.pricing-trust{color:var(--text-light);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;font-size:.82rem;display:flex}.payment-toast{z-index:300;background:var(--black);box-shadow:var(--shadow-lg);color:var(--gold-light);border:1px solid #c9a96266;border-radius:50px;align-items:center;gap:.75rem;padding:.85rem 1.5rem;font-size:.9rem;animation:.35s slideUp;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.payment-gate{background:linear-gradient(135deg,#c9a96214 0%,#ffffffb3 100%);border:2px solid #c9a96266;margin-top:1.5rem;padding:2rem}.payment-gate-header{align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.payment-gate-lock{font-size:1.75rem;line-height:1}.payment-gate-header h3{margin-bottom:.35rem;font-size:1.25rem}.payment-gate-header p{color:var(--text);max-width:560px;margin:0;font-size:.9rem}.razorpay-placeholder{text-align:center;color:var(--text-light);margin:1.25rem 0 0;font-size:.78rem;font-style:italic}.generate-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1.25rem 1.5rem;display:flex}.generate-bar-info{flex-direction:column;gap:.2rem;display:flex}.generate-bar-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);font-size:.68rem;font-weight:700}.generate-bar-cost{font-family:var(--font-serif);color:var(--black);font-size:1.35rem}.generate-bar-balance{color:var(--gold-dark);font-size:.82rem;font-weight:600}.generate-bar .btn-generate{flex-shrink:0;width:auto;margin-top:0}.studio-section{padding-top:2rem}.studio-intro{margin-bottom:2.5rem}.studio-form{flex-direction:column;gap:1.5rem;display:flex}.studio-panel{padding:2rem}.studio-panel-header{border-bottom:1px solid var(--border);gap:1.25rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.studio-step{background:linear-gradient(135deg, var(--black), var(--black-soft));width:44px;height:44px;color:var(--gold);border:1px solid #c9a96240;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.studio-panel-header h3{margin-bottom:.25rem}.studio-panel-header p{color:var(--text-light);margin:0;font-size:.9rem}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group label{letter-spacing:.1em;text-transform:uppercase;color:var(--black-soft);font-size:.72rem;font-weight:700}.form-group select,.form-group input,.form-group textarea{border:1px solid var(--border);color:var(--black);font-size:.95rem;font-family:var(--font-sans);background:#ffffffb3;border-radius:12px;width:100%;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%234a4540' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c9a96226}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group textarea{resize:vertical;min-height:90px}.fields-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group-full{grid-column:1/-1}.inline-fields{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;display:grid}.upload-zone{border-radius:var(--radius);cursor:pointer;text-align:center;background:#fff6;border:2px dashed #c9a96259;flex-direction:column;justify-content:center;align-items:center;min-height:260px;transition:border-color .2s,background .2s;display:flex}.upload-zone:hover,.upload-zone.active{border-color:var(--gold);background:#c9a96214}.upload-zone.filled{border-style:solid;min-height:auto;padding:0;overflow:hidden}.upload-icon{color:var(--gold);margin-bottom:.5rem;font-size:2rem}.upload-zone p{margin:0 0 .25rem;font-weight:600}.upload-hint{color:var(--text-light);font-size:.78rem}.upload-preview{object-fit:cover;width:100%;height:280px;display:block}.personality-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.personality-card{border-radius:var(--radius);cursor:pointer;background:var(--white);text-align:left;font-family:var(--font-sans);border:2px solid #0000;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.personality-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.personality-card.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), var(--shadow-lg)}.personality-card img{object-fit:cover;width:100%;height:120px;display:block}.personality-info{padding:.85rem}.personality-label{color:var(--black);font-size:.82rem;font-weight:700;line-height:1.3;display:block}.personality-tag{color:var(--text-light);margin-top:.2rem;font-size:.7rem;display:block}.spinner{border:2px solid #00000026;border-top-color:var(--black);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;border-color:var(--beige-200);border-top-color:var(--gold);width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}.generating{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:5rem 2rem;display:flex}.generating-title{font-family:var(--font-serif);color:var(--black);margin:0;font-size:1.35rem}.generating p{color:var(--text);max-width:440px;font-size:1.1rem}.loading-steps{text-align:left;width:100%;max-width:480px;margin:1.5rem 0 0;padding:0;list-style:none}.loading-step{color:var(--text-light);border-bottom:1px solid var(--border);align-items:center;gap:.85rem;padding:.65rem 0;font-size:.9rem;transition:color .3s;display:flex}.loading-step:last-child{border-bottom:none}.loading-step.active{color:var(--black);font-weight:600}.loading-step.done{color:var(--gold-dark)}.loading-step-icon{text-align:center;flex-shrink:0;width:24px;font-size:.85rem}.engine-setup{background:linear-gradient(135deg,#0f0f0f0a 0%,#c9a9620f 100%);border:1px solid #c9a96259;margin-top:2rem;padding:2rem}.engine-setup-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.engine-setup h3{margin-bottom:.35rem}.engine-sub{color:var(--text-light);max-width:520px;margin:0;font-size:.9rem}.engine-status-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.engine-status-item{border-radius:var(--radius);border:1px solid var(--border);background:#ffffff80;padding:1.25rem}.engine-status-ok{border-color:#c9a96266}.engine-status-wait{border-color:#0f0f0f14}.engine-status-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-bottom:.35rem;font-size:.68rem;font-weight:700;display:block}.engine-status-value{color:var(--black);font-size:.95rem;font-weight:600}.engine-status-ok .engine-status-value{color:var(--gold-dark)}.demo-mode-banner{background:#c9a9621a;border-color:#c9a96266;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.demo-mode-banner p{color:var(--black-soft);margin:0;font-size:.95rem;font-weight:500}.after-engine-card{text-align:center;background:linear-gradient(160deg,#1a1814 0%,#0f0f0f 45%,#1c1912 100%);border-top:1px solid #c9a96226;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.after-engine-glow{pointer-events:none;background:radial-gradient(circle,#c9a96238 0%,#0000 70%);width:280px;height:280px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.after-engine-lock{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex;position:relative}.after-engine-lock-icon{background:#c9a9621f;border:1px solid #c9a96259;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.35rem;display:flex;box-shadow:0 0 24px #c9a96226}.after-engine-title{font-family:var(--font-serif);color:var(--gold-light);max-width:300px;margin:0 0 1.25rem;font-size:1.2rem;font-weight:400;line-height:1.45;position:relative}.after-engine-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:340px;margin-bottom:1.5rem;display:flex;position:relative}.engine-chip{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50px;padding:.35rem .75rem;font-size:.68rem;font-weight:700}.engine-chip-ok{color:var(--gold-light);background:#c9a9621f;border-color:#c9a96273}.engine-chip-warn{color:#e8d5a3e6;background:#c9a96214;border-color:#e8d5a359}.btn-connect-api{margin-bottom:1rem;padding:.85rem 1.75rem;font-size:.78rem;position:relative}.after-engine-note{color:#fff6;max-width:300px;margin:0;font-size:.8rem;font-style:italic;line-height:1.55;position:relative}.demo-reference{margin-bottom:2rem;overflow:hidden}.demo-reference-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.demo-reference-header span{color:var(--text-light);font-size:.85rem}.demo-reference img{object-fit:cover;width:100%;max-height:360px;display:block}.results-section{padding-top:3rem}.results-hero{background:linear-gradient(135deg,#0f0f0feb 0%,#1e1e1ee0 100%);border-color:#c9a9624d;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:2.5rem;display:flex}.results-hero h2{color:var(--white)}.results-hero .eyebrow{color:var(--gold)}.design-concept{color:#fffc;max-width:600px;margin:0;font-style:italic;line-height:1.7}.score-ring{border:3px solid var(--gold);background:#c9a9621a;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.score-value{font-family:var(--font-serif);color:var(--gold-light);font-size:3rem;line-height:1}.score-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;text-align:center;margin-top:.25rem;font-size:.65rem;font-weight:700}.before-after{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin-bottom:2rem;display:grid}.ba-card{margin:0;overflow:hidden}.ba-card figcaption{padding:.85rem 1.25rem}.ba-card img{object-fit:cover;width:100%;height:320px;display:block}.ba-after{border:2px solid var(--gold)}.ba-caption{color:var(--text-light);background:#ffffff80;margin:0;padding:.75rem 1.25rem;font-size:.8rem}.ba-arrow{background:var(--black);width:52px;height:52px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.results-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem;display:grid}.result-card{padding:1.75rem}.result-card-wide{grid-column:1/-1}.result-card-dark{background:linear-gradient(135deg, var(--black-soft), var(--black));color:#ffffffe6;border-color:#c9a96240}.result-card-dark h4{color:var(--gold-light)}.result-card-dark .design-note{color:#ffffffd9}.result-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.budget-big{font-family:var(--font-serif);color:var(--black);margin:0;font-size:1.75rem}.palette-row{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.palette-swatch div{border:1px solid var(--border);border-radius:10px;height:56px;margin-bottom:.5rem}.palette-swatch span{font-size:.78rem;font-weight:600;display:block}.palette-swatch code{color:var(--text-light);font-size:.68rem}.detail-list,.avoid-list{margin:0;padding:0;list-style:none}.detail-list li,.avoid-list li{color:var(--text);margin-bottom:.55rem;padding-left:1.1rem;font-size:.92rem;line-height:1.55;position:relative}.detail-list li:before{content:"✦";color:var(--gold);font-size:.55rem;position:absolute;top:.4rem;left:0}.avoid-list li:before{content:"✕";color:#b85c5c;font-size:.65rem;position:absolute;top:.35rem;left:0}.exec-list{margin:0;padding:0;list-style:none}.exec-list li{color:var(--text);align-items:flex-start;gap:1rem;margin-bottom:.85rem;font-size:.92rem;line-height:1.55;display:flex}.exec-list li span{background:var(--black);width:32px;height:32px;color:var(--gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.result-card-dark .exec-list li span{background:var(--gold);color:var(--black)}.design-note{margin:0;font-size:1.05rem;font-style:italic;line-height:1.75}.designer-mode{color:#ffffffe0;background:linear-gradient(160deg,#0f0f0ff2,#1e1c18eb);border-color:#c9a9624d;margin-top:2.5rem;padding:2.5rem}.designer-mode h3{color:var(--white);font-size:1.75rem}.designer-mode-header{border-bottom:1px solid #c9a96233;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.designer-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.designer-block{border-radius:var(--radius);background:#ffffff0a;border:1px solid #c9a96226;padding:1.5rem}.designer-block-wide{grid-column:1/-1}.designer-block h4{color:var(--gold-light);margin-bottom:.75rem}.designer-block p{color:#fffc;margin:0;font-size:.92rem;line-height:1.65}.designer-block ul{margin:0;padding:0;list-style:none}.designer-block ul li{color:#fffc;margin-bottom:.4rem;padding-left:1rem;font-size:.9rem;position:relative}.designer-block ul li:before{content:"—";color:var(--gold);position:absolute;left:0}.phases{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.phase-item{background:#00000040;border:1px solid #c9a9621f;border-radius:10px;padding:1rem}.phase-item strong{color:var(--gold-light);margin-bottom:.25rem;font-size:.85rem;display:block}.phase-item span{color:#ffffff73;font-size:.72rem}.phase-item p{color:#ffffffb3;margin:.5rem 0 0;font-size:.82rem}.checklist li{align-items:flex-start;gap:.5rem;display:flex}.checklist li span{color:var(--gold)}.footer{background:var(--black);border-top:1px solid #c9a96233;padding:2.5rem 2rem}.footer-inner{justify-content:center;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;display:flex}.footer p{color:#ffffff73;margin:0;font-size:.82rem}.footer .logo-mark{width:30px;height:30px;font-size:.6rem}@media (width<=1100px){.personality-grid{grid-template-columns:repeat(3,1fr)}.phases{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.hero-inner{grid-template-columns:1fr;gap:2.5rem}.hero-visual{order:-1}.steps-grid,.personality-grid{grid-template-columns:repeat(2,1fr)}.nav{display:none}.results-hero{text-align:center;flex-direction:column}.palette-row{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.pricing-card-featured{order:-1;transform:none}.pricing-card-featured:hover{transform:translateY(-4px)}}@media (width<=600px){.section,.hero{padding-left:1rem;padding-right:1rem}.header-inner{padding:1rem}.fields-grid,.inline-fields,.results-grid,.designer-grid,.steps-grid,.personality-grid,.before-after{grid-template-columns:1fr}.ba-arrow{margin:0 auto;transform:rotate(90deg)}.ba-card img{height:220px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-stats{flex-wrap:wrap;gap:1.5rem}.studio-panel{padding:1.25rem}.phases{grid-template-columns:1fr}.score-ring{width:110px;height:110px}.score-value{font-size:2.25rem}.engine-status-grid{grid-template-columns:1fr 1fr}.demo-mode-banner{flex-direction:column;align-items:flex-start}.after-engine-card{min-height:300px;padding:2rem 1.25rem}.after-engine-title{font-size:1.05rem}.credit-pill{display:none}.generate-bar{flex-direction:column;align-items:stretch}.generate-bar .btn-generate{width:100%}.pricing-trust{text-align:center;flex-direction:column}}.generate-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.generate-bar-note{opacity:.75;margin-top:6px;font-size:.85rem;display:block}@media (width<=768px){.generate-actions{justify-content:stretch;width:100%}.generate-actions .btn{flex:100%}}