@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#0b1828;background:#eef2f5;line-height:1.5;font-synthesis:none;--navy:#071425;--navy2:#0e223b;--yellow:#ffd21f;--steel:#607084;--line:#d8e0e8;--red:#d83232}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1400px)/2));border-bottom:1px solid #203149}.brand{display:flex;align-items:center;gap:12px}.brand-mark{background:var(--yellow);color:var(--navy);font-family:Barlow Condensed;font-weight:800;font-size:22px;padding:7px 9px;transform:skew(-7deg)}.brand strong,.brand span{display:block}.brand span{color:#9fb0c4;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.save-state{display:flex;gap:7px;align-items:center;color:#b9c5d2;font-size:13px}.hero{background:linear-gradient(120deg,#071425,#0f2846 70%,#173b64);color:#fff;padding:68px 24px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-130px;width:600px;height:600px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.hero-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.5fr .7fr;gap:64px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#d3a900}.hero h1,.section-title h2,.success h2{font-family:Barlow Condensed;text-transform:uppercase;line-height:.95;margin:10px 0;font-size:clamp(42px,6vw,78px);max-width:900px}.hero p{font-size:18px;color:#c8d4e0;max-width:740px}.hero-actions,.nav-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:7px;padding:14px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--yellow);color:var(--navy);box-shadow:0 8px 22px #0004}.btn.ghost{background:transparent;color:inherit;border:1px solid #a6b2c055}.btn.dark{background:var(--navy);color:#fff}.btn.subtle{background:#edf1f5;color:#344355}.btn.full{width:100%;margin-top:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.hero-panel{background:#ffffff0c;border:1px solid #ffffff25;border-radius:14px;padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metric{padding:16px;border-bottom:1px solid #ffffff20}.metric:last-child{border:0}.metric strong{font-family:Barlow Condensed;font-size:38px;color:var(--yellow);display:block}.metric span{color:#c4d0dc}.trustbar{background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:38px;padding:14px 24px;font-size:13px;font-weight:700}.trustbar span{display:flex;align-items:center;gap:6px}.trustbar svg{width:16px;color:#14944c}.workspace{max-width:1460px;margin:28px auto;padding:0 24px;display:grid;grid-template-columns:180px minmax(0,1fr) 190px;gap:20px;align-items:start}.steps{display:flex;flex-direction:column;gap:7px;position:sticky;top:20px}.steps button{border:0;background:transparent;text-align:left;padding:11px 10px;display:flex;gap:10px;align-items:center;color:#68788a;font-weight:700;border-radius:7px}.steps button span{border:1px solid #b8c3cf;border-radius:50%;width:27px;height:27px;display:flex;align-items:center;justify-content:center;font-size:12px}.steps button.active{background:#fff;color:var(--navy);box-shadow:0 4px 16px #1f334112}.steps button.active span{background:var(--yellow);border-color:var(--yellow)}.steps button.done span{background:#15864b;color:#fff;border-color:#15864b}.content-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;min-height:650px;box-shadow:0 12px 32px #253b4d0c}.section-title{display:flex;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}.section-icon{width:50px;height:50px;background:var(--navy);color:var(--yellow);border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.section-title span{font-size:11px;font-weight:900;color:#9a7a00;letter-spacing:.17em}.section-title h2{font-size:38px;margin:2px 0 5px}.section-title p{margin:0;color:#667689}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choice-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:22px;text-align:left;display:grid;grid-template-columns:42px 1fr 24px;gap:14px;align-items:start;position:relative}.choice-card>svg{color:#314d68}.choice-card strong{font-size:16px}.choice-card p{font-size:13px;color:#708093;margin:5px 0}.choice-card.selected{border:2px solid #d2aa00;background:#fffdf2}.choice-card .check{color:#11884a}.pill-grid{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 16px;font-weight:700;color:#435468;display:flex;align-items:center;gap:6px}.pill.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.filter-row{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:18px}.filter-row input,.filter-row select,input,select,textarea{width:100%;border:1px solid #cdd7e0;border-radius:7px;padding:12px;background:#fff;color:#15263a}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{border:1px solid var(--line);border-radius:9px;padding:18px;display:flex;flex-direction:column}.product-card>span,.config-head span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#9b7900}.product-card h3{font-size:17px;line-height:1.2;margin:9px 0}.product-card p{font-size:13px;color:#68788a;flex:1}.size-mini{display:flex;gap:5px;margin:10px 0 14px}.size-mini small{background:#f0f3f6;padding:6px;font-size:9px;border-radius:4px;display:flex;flex-direction:column}.config-list{display:flex;flex-direction:column;gap:18px}.config-card,.bulk-card,.contact-card,.summary-card{border:1px solid var(--line);border-radius:10px;padding:20px}.config-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.config-head h3{margin:3px 0;font-size:20px}.icon-btn{border:0;background:#fff0f0;color:#bd2626;border-radius:6px;padding:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid.compact{margin-top:12px}.form-grid label,.toggle-row label{font-size:12px;font-weight:800;color:#526174}.form-grid input,.form-grid select,.form-grid textarea,.toggle-row input{margin-top:6px}.form-grid textarea{min-height:88px}.wide{grid-column:1/-1}.form-grid small{display:block;font-weight:500;color:#758396;margin-top:6px}.toggle-row{display:flex;align-items:center;justify-content:space-between;background:#f6f8fa;border-radius:8px;padding:12px 14px;margin:16px 0}.toggle-row>label:last-child{display:flex;align-items:center;gap:10px}.toggle-row input[type=number]{width:90px}.switch{display:flex;align-items:center;gap:10px}.switch input{width:auto}.config-card h4{margin:20px 0 8px}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.size-options button,.placement-grid button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px;text-align:left}.size-options button b,.size-options button small{display:block}.size-options button small{color:#728093;font-size:10px}.size-options button.selected,.placement-grid button.selected{border-color:#c69f00;background:#fffbea;box-shadow:inset 0 0 0 1px #c69f00}.placement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.placement-grid button{font-size:11px;display:flex;align-items:center;gap:4px}.bulk-card{background:var(--navy);color:#fff;display:grid;grid-template-columns:50px 1fr;gap:10px}.bulk-card textarea{grid-column:1/-1;min-height:130px}.stats-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats-row span{background:#ffffff10;border-radius:6px;padding:10px;color:#c9d4df;font-size:11px}.stats-row b{display:block;color:var(--yellow);font-size:20px}.review-grid{display:grid;grid-template-columns:1fr 330px;gap:18px}.summary-card{background:var(--navy);color:#fff;position:sticky;top:20px;height:max-content}.summary-card h3{font-family:Barlow Condensed;font-size:28px;text-transform:uppercase}.summary-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff20}.fineprint{font-size:11px;color:#b8c5d1;text-align:center}.live-summary{background:var(--navy);color:#fff;border-radius:10px;padding:18px;position:sticky;top:20px}.live-summary>span{font-size:10px;letter-spacing:.14em;color:#9fb0c2}.live-summary>strong{display:block;font-family:Barlow Condensed;font-size:48px;color:var(--yellow)}.live-summary small{color:#bac6d1}.live-summary p{font-size:12px;color:#c3ced8}.live-summary button{width:100%;border:1px solid #ffffff33;background:transparent;color:#fff;border-radius:6px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px}.nav-row{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between}.empty,.success{text-align:center;padding:70px 20px}.empty svg{width:52px;height:52px;color:#9cadbd}.success-icon{width:70px;height:70px;background:#168b4e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success h2{font-size:48px}.success p{max-width:640px;margin:0 auto 16px;color:#637386}.success strong{display:block;margin-bottom:25px}.success .btn{margin:auto}footer{max-width:1400px;margin:30px auto;padding:28px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#617184;font-size:13px}@media(max-width:1100px){.workspace{grid-template-columns:150px 1fr}.live-summary{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.summary-card{position:static}.hero-grid{grid-template-columns:1fr}.hero-panel{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:auto;padding:12px 16px}.save-state{font-size:10px}.hero{padding:44px 18px}.hero h1{font-size:48px}.hero-panel{grid-template-columns:1fr}.trustbar{overflow:auto;justify-content:flex-start;white-space:nowrap}.workspace{display:block;padding:0 10px;margin:12px auto}.steps{position:static;flex-direction:row;overflow:auto;margin-bottom:10px}.steps button{font-size:0;padding:8px}.steps button span{font-size:11px}.content-card{padding:18px}.choice-grid,.product-grid,.form-grid,.review-grid,.filter-row{grid-template-columns:1fr}.size-options,.placement-grid,.stats-row{grid-template-columns:repeat(2,1fr)}.wide{grid-column:auto}.section-title h2{font-size:32px}.section-icon{width:42px;height:42px}.nav-row{position:sticky;bottom:0;background:#fff;padding:12px 0;z-index:4}.nav-actions .subtle{display:none}footer{flex-direction:column;gap:5px}}