:root {
  --bg: #07111f;
  --panel: rgba(11, 22, 38, 0.86);
  --panel-soft: #0e1b2d;
  --line: rgba(255,255,255,.08);
  --text: #eef4ff;
  --muted: #9fb0c7;
  --orange: #ff7a00;
  --orange-2: #ffae42;
  --blue: #4fb6ff;
  --blue-2: #89d2ff;
  --green: #36d399;
  --red: #ff6b6b;
  --shadow: 0 22px 65px rgba(0, 0, 0, 0.35);
  --radius: 26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top left, rgba(255,122,0,.18), transparent 28%),radial-gradient(circle at 80% 10%, rgba(79,182,255,.15), transparent 25%),linear-gradient(160deg,#06101e 0%,#091425 55%,#08111e 100%)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img{max-width:100%}
.site-shell{max-width:1320px;margin:0 auto;padding:18px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(6,17,31,.72);border:1px solid var(--line);padding:16px 18px;border-radius:22px;backdrop-filter:blur(18px);position:sticky;top:12px;z-index:25}
.brand{display:flex;align-items:center;gap:14px;font-size:1.05rem}.brand strong{font-size:1.28rem}.brand span{color:var(--blue-2)}
.brand-mark{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);overflow:hidden;box-shadow:var(--shadow)}
.brand-mark span:first-child{display:grid;place-items:center;color:white;font-weight:900;font-size:1.2rem;background:linear-gradient(180deg,var(--orange-2),var(--orange))}
.brand-mark span:last-child{display:grid;place-items:center;color:#06101e;font-weight:900;font-size:1.2rem;background:linear-gradient(180deg,#7fe0ff,var(--blue))}
.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.online-pill,.wa-btn,.install-btn,.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05)}
.wa-btn,.install-btn{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));cursor:pointer}.install-btn{color:var(--text)}
.marquee-strip{display:flex;align-items:center;gap:12px;background:rgba(8,20,35,.85);border:1px solid var(--line);border-radius:18px;padding:12px 16px;margin-top:14px;overflow:hidden}
.marquee-icon{font-size:1.2rem}
.marquee-viewport{overflow:hidden;flex:1;white-space:nowrap;position:relative}
.marquee-track{display:inline-flex;gap:48px;min-width:max-content;animation:marqueeMove 32s linear infinite;will-change:transform}
.marquee-viewport:hover .marquee-track{animation-play-state:paused}
.marquee-track span{color:#d9e6fb;font-size:.98rem}
@keyframes marqueeMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:48px 18px 26px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue-2);font-size:.78rem;font-weight:800;margin-bottom:12px}
.hero h1,.section-head h2,.wizard-top h2,.process-preview h2{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin:0 0 16px}.hero h1 span{display:inline-block;color:#fff;text-shadow:0 0 25px rgba(255,122,0,.12)}
.hero p{color:var(--muted);font-size:1.08rem;max-width:60ch}
.hero-badges,.hero-actions,.product-tabs,.topbar-actions,.switch-group,.otp-row,.step-actions,.promoters-actions,.two-inline{display:flex;gap:12px;flex-wrap:wrap}
.hero-badges span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:18px;border:1px solid transparent;cursor:pointer;font-weight:700;transition:.25s transform,.25s opacity,.25s box-shadow}.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--orange),#ff8d24);color:#fff;box-shadow:0 14px 30px rgba(255,122,0,.18)}
.btn-secondary{background:rgba(255,255,255,.05);color:#fff;border-color:var(--line)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--muted)}
.full-btn{width:100%}
.hero-visual{position:relative;min-height:380px;display:grid;place-items:center}
.visual-card{position:absolute;background:rgba(10,23,40,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);border-radius:26px;color:var(--text)}
.main-card{position:relative;padding:28px 30px;width:min(420px,100%)}
.mini-title{color:var(--muted);font-size:.9rem}.mini-amount{font-size:2.6rem;font-weight:900;margin:8px 0}.mini-meta{color:var(--blue-2)}
.float-card{padding:16px 18px;display:grid;gap:4px}.float-one{left:10px;top:22px}.float-two{right:10px;bottom:24px}
.glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.glow-orange{width:180px;height:180px;background:rgba(255,122,0,.35);left:5%;bottom:0}.glow-blue{width:210px;height:210px;background:rgba(79,182,255,.28);right:8%;top:8%}
.product-tabs-wrap{padding:0 18px 10px}.product-tabs{background:rgba(255,255,255,.03);padding:8px;border:1px solid var(--line);border-radius:18px}.product-tab{background:transparent;color:var(--muted);border:none;padding:12px 16px;border-radius:14px}.product-tab.active{background:rgba(255,255,255,.08);color:#fff}
.calculator-section{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding:14px 18px 26px;align-items:start}
.calculator-panel,.summary-card,.wizard-shell,.promoters-card,.site-footer,.wizard-offer-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.calculator-panel,.wizard-shell{padding:26px}
.section-head,.wizard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}
.switch-group{background:rgba(255,255,255,.04);padding:7px;border-radius:18px;border:1px solid var(--line)}
.switch{background:transparent;border:none;color:var(--muted);padding:12px 16px;border-radius:14px;display:grid;gap:4px;cursor:pointer;min-width:130px}.switch small{font-size:.78rem}.switch.active{background:rgba(255,255,255,.1);color:#fff}
.form-grid{display:grid;gap:18px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-block{display:grid;gap:12px}.field-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.field-header label{font-weight:700}
input[type=range]{width:100%;accent-color:var(--orange);cursor:pointer}
.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.88rem}
.insight-row{display:grid;grid-template-columns:1fr 320px;gap:16px;margin-top:18px}.insight-card,.guarantee-inline,.otp-box,.dom-box{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:22px;padding:18px}
.guarantee-inline{display:grid;text-align:left;cursor:pointer;color:#fff;gap:6px}.guarantee-inline span,.insight-card p,.otp-box p,.wizard-offer-copy,.legal-note,small,#otpHint{color:var(--muted)}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.plan-card{position:relative;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:24px;padding:20px;display:grid;gap:10px}.plan-card.active{border-color:rgba(255,122,0,.5);box-shadow:0 0 0 1px rgba(255,122,0,.12),0 14px 34px rgba(255,122,0,.12)}
.plan-card .tag{display:inline-flex;justify-content:center;align-items:center;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.tag.orange{background:rgba(255,122,0,.13);color:#ffbd77}.tag.blue{background:rgba(79,182,255,.13);color:#b8e7ff}.tag.green{background:rgba(54,211,153,.12);color:#9ff2ce}
.plan-amount{font-size:1.8rem;font-weight:900}.plan-meta{display:grid;gap:8px;color:var(--muted)}
.summary-card{padding:24px;position:sticky;top:102px}.offer-amount,.wizard-offer-amount{font-size:2.35rem;font-weight:900;margin:14px 0 18px}.summary-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.summary-list li{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.chip{padding:8px 12px;font-weight:800;font-size:.78rem}.chip-orange{background:rgba(255,122,0,.12);color:#ffbd77}.chip-blue{background:rgba(79,182,255,.12);color:#b8e7ff}
.wizard-section{padding:10px 18px 30px}.wizard-shell{padding:24px}.wizard-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.wizard-progress-box{display:grid;gap:8px;min-width:250px}.wizard-progress-bar,.modal-progress-bar{height:12px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.wizard-progress-bar span,.modal-progress-bar span{display:block;height:100%;width:25%;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--orange-2))}
.wizard-offer-card{padding:20px;position:sticky;top:112px}.wizard-offer-card ul{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--muted)}
.wizard-main{min-width:0}.wizard-step{display:none;gap:18px}.wizard-step.active{display:grid}.step-head h3{margin:8px 0 0;font-size:1.55rem}.input-wrap{display:grid;gap:8px}.input-wrap span{font-weight:700}.input-wrap small{font-weight:600;color:var(--muted)}
.input-wrap input,.input-wrap select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:#fff;outline:none}.input-wrap input:focus,.input-wrap select:focus{border-color:rgba(255,122,0,.45);box-shadow:0 0 0 3px rgba(255,122,0,.12)}
.otp-box,.otp-verify,.sub-section-title,.upload-grid,.guarantee-selector,.guarantee-block{margin-top:8px}.otp-box{display:flex;justify-content:space-between;gap:16px;align-items:center}.otp-verify{display:grid;gap:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:18px;padding:16px}
.otp-row{align-items:center}.guarantee-selector{display:flex;flex-wrap:wrap;gap:12px}.guarantee-selector label,.dom-toggle{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer}
.guarantee-block{padding:16px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.02)}
.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.upload-card{display:grid;gap:8px;padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer}.upload-card input{color:#fff}
.upload-card small.done{color:var(--green)}.upload-card small.pending{color:var(--muted)}
.step-actions{margin-top:6px}.step-actions.between{justify-content:space-between}.sub-section-title{font-weight:900;color:#fff;font-size:1.05rem}
.promoters-card{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.promoters-card.compact{margin-top:10px}.promoter-list{display:grid;gap:8px;padding-left:18px;color:var(--muted)}
.site-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 24px;margin:18px}.site-footer strong{display:block;margin-bottom:10px}
.toast-stack{position:fixed;top:104px;right:18px;display:grid;gap:12px;z-index:40}.toast{min-width:280px;max-width:340px;padding:14px 16px;border-radius:18px;background:rgba(11,22,38,.95);border:1px solid var(--line);box-shadow:var(--shadow);animation:toastIn .35s ease both}.toast strong{display:block;margin-bottom:4px}.toast p{margin:0;color:var(--muted)}
@keyframes toastIn{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:50}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}
.modal-dialog{position:relative;width:min(560px,calc(100vw - 28px));padding:28px;background:rgba(10,23,40,.96);border:1px solid rgba(255,255,255,.09);border-radius:28px;box-shadow:var(--shadow)}.guarantee-dialog{max-width:620px}.modal-close{position:absolute;right:14px;top:14px;border:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.4rem;cursor:pointer}.stars{font-size:1.3rem;margin-bottom:12px}.modal h3{margin:0 0 10px;font-size:1.9rem}.modal-copy,.modal p{color:var(--muted)}.modal-offer-line{margin-top:18px}.modal-amount{font-size:2.5rem;font-weight:900;margin:10px 0 18px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.guarantee-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.guarantee-cards article{padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:grid;gap:6px}
.hidden{display:none!important}
@media (max-width:1100px){.hero,.calculator-section,.wizard-grid,.insight-row{grid-template-columns:1fr}.summary-card,.wizard-offer-card{position:static}.hero-visual{min-height:280px}}
@media (max-width:780px){.site-shell{padding:12px}.topbar{padding:14px}.topbar,.section-head,.wizard-top,.promoters-card,.otp-box{flex-direction:column;align-items:flex-start}.hero{padding:26px 6px 14px}.calculator-section,.wizard-section,.product-tabs-wrap,.process-preview,.site-footer{padding-left:6px;padding-right:6px}.form-grid.two-col,.plans-grid,.upload-grid,.site-footer,.guarantee-cards{grid-template-columns:1fr}.product-tabs{overflow:auto}.toast-stack{left:12px;right:12px;top:auto;bottom:12px}.wizard-progress-box{min-width:0;width:100%}}