:root{--bg:#09031b;--card:#140b2d;--line:#302255;--violet:#7b4dff;--cyan:#25d9ff;--text:#f7f5ff;--muted:#a69dbc;--lime:#b9ff4a;--danger:#ff7b98}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#251061 0,transparent 28rem),var(--bg);color:var(--text);font:16px/1.5 Inter,Arial,sans-serif}.hero{max-width:1440px;margin:auto;padding:36px clamp(20px,5vw,72px) 52px;display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}.brand{display:flex;gap:12px;font-weight:800;line-height:1.05;letter-spacing:.04em}.mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #7557b5;border-radius:50%;color:var(--cyan)}h1{font-size:clamp(38px,6vw,76px);line-height:.96;max-width:900px;margin:10px 0 20px;letter-spacing:-.045em}.hero p{max-width:680px;color:#c9c1dd}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--cyan);font-weight:800}main{max-width:1440px;margin:auto;padding:0 clamp(16px,4vw,64px) 80px}.steps{display:flex;gap:8px;overflow:auto;padding-bottom:16px}.steps button{border:1px solid var(--line);background:#120925;color:var(--muted);border-radius:999px;padding:10px 16px;white-space:nowrap}.steps button.active{background:var(--violet);color:white;border-color:var(--violet)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.builder{display:grid;gap:22px}.panel,.summary{background:linear-gradient(145deg,rgba(24,12,54,.96),rgba(13,7,31,.98));border:1px solid var(--line);border-radius:24px;padding:clamp(18px,3vw,32px);box-shadow:0 24px 80px #0004}.section-title{display:flex;gap:18px;align-items:start;margin-bottom:24px}.section-title>span{color:var(--cyan);font-size:13px;font-weight:800;border:1px solid #3a2c64;border-radius:999px;padding:6px 9px}.section-title h2,.section-title p{margin:0}.section-title p,.fine{color:var(--muted);font-size:14px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.package{appearance:none;text-align:left;background:#0e0820;color:var(--text);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:175px;cursor:pointer;transition:.2s}.package:hover{transform:translateY(-2px);border-color:#6c4f9d}.package.selected{border:2px solid var(--cyan);background:linear-gradient(145deg,#21114c,#0d0820)}.package strong{display:block;font-size:19px;line-height:1.2;margin-bottom:12px}.package .price{font-size:22px;font-weight:800;margin-top:14px}.package .tag{color:var(--lime);font-size:12px}.options{display:grid;gap:10px}.option{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) 130px;gap:14px;align-items:center;background:#0d071e;border:1px solid #291d48;border-radius:15px;padding:14px}.option small{display:block;color:var(--muted)}.option .cost{text-align:right;font-weight:700}.option .included{color:var(--lime)}select,input[type=number]{width:100%;background:#17102b;color:white;border:1px solid #423064;border-radius:10px;padding:10px 12px;font:inherit}input[type=checkbox]{width:22px;height:22px;accent-color:var(--cyan)}.switch{display:flex;gap:10px;align-items:center}.summary{position:sticky;top:18px}.summary h2{font-size:22px}.total-label{color:var(--muted);margin-top:26px}.total{font-size:42px;font-weight:900;line-height:1.1;margin:4px 0 20px}.meta{border-top:1px solid var(--line);padding:14px 0;color:var(--muted)}button{font:inherit;cursor:pointer}.primary,.secondary{width:100%;border-radius:13px;padding:14px 16px;font-weight:800;margin-top:10px}.primary{background:linear-gradient(90deg,var(--violet),#5b7bff);color:white;border:0}.secondary{background:transparent;color:white;border:1px solid #5a477f}.link-btn{border:0;background:transparent;color:var(--muted);width:100%;padding:14px}h3{margin-top:32px}dialog{width:min(820px,calc(100% - 24px));max-height:90vh;background:#100824;color:white;border:1px solid var(--line);border-radius:22px;padding:26px}dialog::backdrop{background:#05010dcc;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin-top:0}.dialog-head button{border:0;background:transparent;color:white;font-size:34px}.spec-table{width:100%;border-collapse:collapse}.spec-table td,.spec-table th{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left}.spec-table td:last-child,.spec-table th:last-child{text-align:right}.spec-total{font-size:25px;font-weight:900;text-align:right;margin-top:20px}.dialog-actions{max-width:280px;margin-left:auto}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:24px clamp(20px,5vw,72px);display:flex;justify-content:space-between;color:var(--muted)}footer a{color:var(--cyan)}@media(max-width:1050px){.layout{grid-template-columns:1fr}.summary{position:relative;top:0}.package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.hero{grid-template-columns:1fr;padding-top:22px}.hero>div:last-child{margin-top:8px}.layout{display:flex;flex-direction:column}.builder{display:contents}.summary{order:2}.panel:nth-of-type(2){order:3}.panel:nth-of-type(3){order:4}.panel:nth-of-type(4){order:5}.package-grid{grid-template-columns:1fr}.option{grid-template-columns:1fr}.option .cost{text-align:left}.total{font-size:36px}footer{display:grid;gap:8px}}@media print{body{background:white;color:#111}.hero,.steps,.layout,footer,.dialog-head button,.dialog-actions{display:none!important}dialog{display:block!important;position:static;width:100%;max-height:none;border:0;color:#111;background:white}.spec-table td,.spec-table th{border-color:#ddd}.eyebrow{color:#555}}