:root{--ink:#0b1210;--ink-soft:#1a2420;--fog:#d7e0da;--mist:#eef3ef;--paper:#f6f8f5;--brass:#b8893d;--brass-bright:#d4a853;--pine:#1f4d3a;--pine-deep:#0f2e22;--danger:#b42318;--ok:#1f7a4c;--font-display:"Newsreader", Georgia, serif;--font-body:"Instrument Sans", system-ui, sans-serif;--radius:14px;--shadow:0 24px 60px #0b12102e;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#b8893d2e,#0000 55%),radial-gradient(900px 500px at 100% 0,#1f4d3a38,#0000 50%),linear-gradient(165deg,#e8efe9 0%,#f6f8f5 42%,#eef2ec 100%);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f8f5b8;border-bottom:1px solid #0f2e2214;justify-content:space-between;align-items:center;padding:1.1rem clamp(1.2rem,4vw,3rem);display:flex;position:sticky;top:0}.brand-mark{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;font-weight:600}.brand-mark span{color:var(--brass)}.btn{border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--pine) 0%, var(--pine-deep) 100%);color:#f4faf6;box-shadow:0 10px 28px #0f2e2247}.btn-primary:hover{background:linear-gradient(135deg, #276348 0%, var(--pine) 100%)}.btn-secondary{color:var(--ink);background:0 0;border:1px solid #0f2e2238}.btn-ghost{color:var(--ink);background:#ffffff73}.btn-brass{background:linear-gradient(135deg, var(--brass-bright), var(--brass));color:#1a1408;box-shadow:0 10px 24px #b8893d59}.page{flex:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:1.5rem 0 4rem}.hero-landing{color:#f4faf6;background:linear-gradient(120deg,#0b1210c7 10%,#0f2e228c 55%,#0b121059 100%),url(https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2000&q=80) 50%/cover no-repeat;align-items:end;width:100%;min-height:calc(100vh - 4.5rem);margin:0;padding:clamp(2rem,6vw,5rem) clamp(1.2rem,4vw,3rem) clamp(2.5rem,6vw,4rem);display:grid;position:relative;overflow:hidden}.hero-landing:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0b12108c);height:28%;position:absolute;inset:auto 0 0}.hero-landing-inner{z-index:1;max-width:720px;position:relative}.hero-landing .brand-hero{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(3.2rem,9vw,6.2rem);line-height:.95}.hero-landing .brand-hero em{color:var(--brass-bright);font-style:italic}.hero-landing p{opacity:.92;max-width:34rem;margin:0 0 1.75rem;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.section{margin-top:3.5rem}.section h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.8rem,3vw,2.4rem)}.section>p.lead{color:#0b1210b8;max-width:36rem;margin:0 0 1.5rem}.wizard-progress{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.wizard-progress span{background:#0f2e221f;border-radius:99px;flex:1;min-width:40px;height:4px}.wizard-progress span.active{background:var(--pine)}.wizard-progress span.done{background:var(--brass)}.panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffb8;border:1px solid #0f2e2214;padding:clamp(1.25rem,3vw,2rem)}.panel h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.8rem,3.5vw,2.6rem)}.panel .step-kicker{color:var(--brass);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem;margin-top:1.4rem;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=720px){.form-grid{grid-template-columns:1fr}}label.field{flex-direction:column;gap:.4rem;font-size:.92rem;font-weight:550;display:flex}label.field span.hint{color:#0b121094;font-size:.82rem;font-weight:400}label.field input,label.field textarea,label.field select{color:var(--ink);background:#ffffffe6;border:1px solid #0f2e2229;border-radius:10px;padding:.75rem .85rem}label.field textarea{resize:vertical;min-height:110px}label.field input:focus,label.field textarea:focus,label.field select:focus{border-color:var(--pine);outline:2px solid #1f4d3a59}.wizard-nav{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:1.75rem;display:flex}.feature-list{flex-direction:column;gap:.85rem;margin-top:1.25rem;display:flex}.feature-item{text-align:left;background:#ffffffa6;border:1px solid #0f2e221f;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:.9rem;padding:1rem 1.1rem;transition:border-color .2s,background .2s;display:grid}.feature-item.selected{border-color:var(--pine);background:#1f4d3a14}.feature-item .price{color:var(--pine-deep);white-space:nowrap;font-weight:700}.feature-item h3{margin:0 0 .25rem;font-size:1.05rem}.feature-item p{color:#0b1210ad;margin:0;font-size:.92rem;line-height:1.45}.price-bar{background:var(--ink);color:#f4faf6;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.2rem;display:flex;position:sticky;bottom:1rem}.price-bar strong{color:var(--brass-bright);font-size:1.25rem}.build-stage{text-align:center;padding:2rem 1rem}.build-stage h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem)}.build-log{text-align:left;flex-direction:column;gap:.65rem;max-width:420px;margin:1.5rem auto 0;display:flex}.build-log li{color:#0b12108c;align-items:center;gap:.65rem;list-style:none;display:flex}.build-log li.on{color:var(--pine-deep);font-weight:600}.build-log li.done{color:var(--ok)}.preview-frame-wrap{box-shadow:var(--shadow);background:#fff;border:1px solid #0f2e221f;border-radius:16px;overflow:hidden}.preview-chrome{color:#d7e0da;background:#1a2420;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.preview-chrome .dots{gap:.35rem;display:flex}.preview-chrome .dots i{background:#5c6b63;border-radius:50%;width:10px;height:10px;display:block}.preview-chrome .url{text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border-radius:8px;flex:1;padding:.35rem .7rem;overflow:hidden}.skeleton-site{--s-primary:#0c1f2e;--s-accent:#2dd4bf;--s-surface:#eef6f8;--s-ink:#0a1620;color:var(--s-ink);background:var(--s-surface);font-family:var(--font-body)}.skeleton-site .s-nav{background:#ffffffb3;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.skeleton-site .s-brand{font-family:var(--font-display);font-size:1.35rem;font-weight:600}.skeleton-site .s-nav-links{opacity:.8;gap:1rem;font-size:.9rem;display:flex}.skeleton-site .s-hero{background:linear-gradient(115deg, color-mix(in srgb, var(--s-primary) 88%, transparent), color-mix(in srgb, var(--s-primary) 45%, transparent)), radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--s-accent) 35%, transparent), transparent 45%);color:#f8fafc;align-items:end;min-height:420px;padding:2.5rem 1.5rem;display:grid}.skeleton-site .s-hero h1{font-family:var(--font-display);max-width:14ch;margin:0 0 .5rem;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05}.skeleton-site .s-hero p{opacity:.92;max-width:36rem;margin:0 0 1.25rem}.skeleton-site .s-cta-row{flex-wrap:wrap;gap:.6rem;display:flex}.skeleton-site .s-btn{border:none;border-radius:999px;padding:.7rem 1.1rem;font-weight:600}.skeleton-site .s-btn-main{background:var(--s-accent);color:var(--s-ink)}.skeleton-site .s-btn-alt{color:#fff;background:0 0;border:1px solid #ffffff73}.skeleton-site .s-section{padding:2.25rem 1.5rem}.skeleton-site .s-section h2{font-family:var(--font-display);margin:0 0 .4rem}.skeleton-site .s-section>p{opacity:.75;max-width:40rem;margin:0 0 1.25rem}.skeleton-site .s-services{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.skeleton-site .s-service{border-top:3px solid var(--s-accent);background:#ffffffa6;padding:1rem}.skeleton-site .s-service h3{margin:0 0 .35rem;font-size:1.05rem}.skeleton-site .s-service p{opacity:.75;margin:0;font-size:.9rem}.skeleton-site .s-about{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}@media (width<=720px){.skeleton-site .s-about{grid-template-columns:1fr}.skeleton-site .s-nav-links{display:none}}.skeleton-site .s-diffs{flex-direction:column;gap:.5rem;display:flex}.skeleton-site .s-diffs li{border-left:2px solid var(--s-accent);padding-left:.9rem;list-style:none}.skeleton-site .s-features{flex-wrap:wrap;gap:.5rem;display:flex}.skeleton-site .s-chip{background:color-mix(in srgb, var(--s-primary) 10%, white);border:1px solid color-mix(in srgb, var(--s-primary) 18%, transparent);border-radius:999px;padding:.35rem .7rem;font-size:.8rem}.skeleton-site .s-footer{background:var(--s-primary);color:#f8fafc;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem;display:flex}.approve-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.error-banner{color:var(--danger);background:#fef3f2;border:1px solid #fecdca;border-radius:10px;margin-top:1rem;padding:.75rem 1rem}.muted{color:#0b12109e}