:root{--bg:#e8eef7;--surface:#e8eef7;--ink:#3f4652;--muted:#788291;--accent:#ef7a86;--shadow-dark:#c5cedc;--shadow-light:#fff;--radius:24px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#f3f7fc,#dce5f1);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.app-shell{width:min(1080px,calc(100% - 32px));margin:36px auto 72px;display:grid;gap:22px}.surface{background:var(--surface);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius);box-shadow:10px 10px 24px var(--shadow-dark),-10px -10px 24px var(--shadow-light)}.brand-panel{position:relative;padding:28px 32px;display:flex;justify-content:space-between;align-items:center}.brand-row{display:flex;gap:20px;align-items:center}.logo-picker{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;cursor:pointer;overflow:hidden;color:#fff;background:var(--accent);box-shadow:inset 3px 3px 8px rgba(255,255,255,.35),5px 5px 12px var(--shadow-dark)}.logo-picker input{display:none}.logo-picker img{width:100%;height:100%;object-fit:contain;background:#fff}.logo-picker span{font-weight:800;font-size:1.25rem}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:5px;font-size:clamp(1.75rem,4vw,2.5rem)}h2{margin-bottom:0;font-size:1.55rem}h3{margin-bottom:5px;font-size:1rem}.brand-panel p:last-child,.control-card p,.package span,.summary-note{color:var(--muted);margin-bottom:0}.icon-button,.close-button{border:0;color:var(--ink);background:var(--surface);border-radius:16px;width:48px;height:48px;font-size:1.25rem;cursor:pointer;box-shadow:5px 5px 12px var(--shadow-dark),-5px -5px 12px var(--shadow-light)}.tabs{padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.tab{border:0;border-radius:18px;padding:15px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.tab.active{background:var(--accent);color:#fff;box-shadow:inset 2px 2px 5px rgba(255,255,255,.25),4px 4px 10px var(--shadow-dark)}.calculator-panel{display:none}.calculator-panel.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:10px 4px 18px}.badge{background:rgba(255,255,255,.5);color:var(--muted);border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:800}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.controls-grid.compact{margin-top:18px}.control-card{padding:20px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.control-card.wide{grid-column:span 2}.stepper{display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center}.stepper button,.segmented button{border:0;border-radius:14px;background:var(--surface);color:var(--accent);height:42px;font-weight:900;font-size:1.15rem;cursor:pointer;box-shadow:4px 4px 10px var(--shadow-dark),-4px -4px 10px var(--shadow-light)}.stepper button:active,.segmented button:active{box-shadow:inset 3px 3px 7px var(--shadow-dark),inset -3px -3px 7px var(--shadow-light)}.stepper output{text-align:center;font-size:1.35rem;font-weight:800}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented button{font-size:.9rem;color:var(--muted)}.segmented button.selected{background:var(--accent);color:#fff}.money-input{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:14px;box-shadow:inset 3px 3px 7px var(--shadow-dark),inset -3px -3px 7px var(--shadow-light)}.money-input input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:1rem;font-weight:800}select{width:100%;border:0;border-radius:14px;padding:13px;background:var(--surface);color:var(--ink);box-shadow:inset 3px 3px 7px var(--shadow-dark),inset -3px -3px 7px var(--shadow-light)}.mode-toggle{margin-bottom:18px;padding:18px 22px;display:flex;align-items:center;gap:14px;cursor:pointer}.mode-toggle input{position:absolute;opacity:0}.mode-toggle small{display:block;color:var(--muted);margin-top:4px}.switch{width:52px;height:30px;border-radius:999px;background:#cbd4e1;position:relative;flex:0 0 auto;box-shadow:inset 2px 2px 5px var(--shadow-dark)}.switch::after{content:"";position:absolute;width:22px;height:22px;top:4px;left:4px;border-radius:50%;background:#fff;transition:.2s;box-shadow:2px 2px 5px rgba(70,80,95,.25)}.mode-toggle input:checked+.switch{background:var(--accent)}.mode-toggle input:checked+.switch::after{transform:translateX(22px)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package{border:2px solid transparent;padding:22px;text-align:left;display:grid;gap:12px;color:var(--ink);cursor:pointer}.package strong{font-size:1.15rem}.package b{font-size:1.25rem;color:var(--accent)}.package.selected{border-color:var(--accent);transform:translateY(-3px)}.package-inclusions{margin-top:18px;padding:22px}.package-inclusions ul{margin:10px 0 0;padding-left:20px;color:var(--muted);display:grid;gap:8px}.check-option{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;cursor:pointer}.check-option input{width:23px;height:23px;accent-color:var(--accent)}.addon-price{color:var(--accent);margin-top:12px}.summary{padding:26px 30px;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:22px;align-items:center}.summary div{padding-right:22px;border-right:1px solid rgba(100,110,125,.15)}.summary .grand-total{border-right:0}.summary p{color:var(--muted);font-size:.82rem;margin-bottom:6px}.summary strong{font-size:1.25rem}.summary .grand-total strong{font-size:2rem;color:var(--accent)}.summary-note{grid-column:1/-1;font-size:.78rem}.conditions{padding:28px 32px}.conditions-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin-top:20px}.condition{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.condition::before{content:"✓";color:var(--accent);font-weight:900}dialog{border:0;border-radius:26px;padding:0;background:transparent;color:var(--ink);width:min(600px,calc(100% - 30px))}dialog::backdrop{background:rgba(45,52,63,.35);backdrop-filter:blur(8px)}.settings-card{padding:28px;background:var(--surface);border-radius:26px;display:grid;gap:18px;box-shadow:16px 16px 35px rgba(45,52,63,.3)}.settings-heading{display:flex;justify-content:space-between}.settings-card label{display:grid;gap:8px;font-weight:800;font-size:.85rem}.settings-card input,.settings-card textarea{border:0;border-radius:14px;padding:13px;background:var(--surface);color:var(--ink);font:inherit;box-shadow:inset 3px 3px 7px var(--shadow-dark),inset -3px -3px 7px var(--shadow-light)}.settings-card input[type=color]{padding:4px;height:46px}.settings-actions{display:flex;justify-content:flex-end;gap:12px}.settings-actions button{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer}.primary{background:var(--accent);color:#fff}.secondary{background:var(--surface);color:var(--muted);box-shadow:4px 4px 10px var(--shadow-dark),-4px -4px 10px var(--shadow-light)}@media(max-width:760px){.app-shell{width:min(100% - 20px,620px);margin-top:14px}.brand-panel{padding:22px}.controls-grid,.package-grid{grid-template-columns:1fr}.control-card.wide{grid-column:auto}.summary{grid-template-columns:1fr}.summary div{border-right:0;border-bottom:1px solid rgba(100,110,125,.15);padding-bottom:14px}.summary .grand-total{border-bottom:0}.conditions-list{grid-template-columns:1fr}.brand-row{align-items:flex-start}.logo-picker{width:58px;height:58px;flex:0 0 auto}}