@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@600;700&display=swap');

:root{--ink:#101827;--muted:#667085;--line:#e3e8ef;--paper:#f5f7fa;--white:#fff;--orange:#ff6b35;--mint:#2dd4bf;--blue:#246bfd;--deep:#101827;--shadow:0 24px 70px rgba(16,24,39,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button,a{transition:.2s ease}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));background:var(--deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--orange);font-weight:800;letter-spacing:-1px}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{font-size:10px;opacity:.6;margin-top:2px}.status{font-size:12px;padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:99px;color:#dce3ed}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;box-shadow:0 0 0 4px rgba(45,212,191,.12)}
main{overflow:hidden}.hero{min-height:520px;background:var(--deep);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:74px max(24px,calc((100vw - 1240px)/2)) 92px;position:relative}.hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-130px;top:-90px}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.19em;margin:0 0 22px}.hero h1{font-family:Unbounded,Manrope,sans-serif;font-size:clamp(42px,5.4vw,72px);line-height:1.03;letter-spacing:-.055em;margin:0;max-width:780px}.hero h1 span{color:var(--orange)}.lead{font-size:17px;line-height:1.65;color:#b9c2d1;max-width:630px;margin:26px 0 28px}.term-card{display:flex;align-items:center;gap:20px;width:max-content;padding:15px 18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px}.term-card>div{display:flex;align-items:center;gap:10px}.term-card b{font-family:Unbounded;font-size:34px}.term-card span{font-size:11px;line-height:1.25;color:#c0c8d5}.term-card .plus{color:#718096;font-size:20px}.term-card .gift{padding:8px 12px;border-radius:12px;background:rgba(255,107,53,.16)}.term-card .gift b{color:var(--orange)}.verified{font-size:11px;color:#7f8ba0;margin:17px 0 0}
.hero-visual{display:grid;place-items:center;position:relative}.phone-card{position:relative;width:264px;height:340px;border-radius:32px;background:linear-gradient(145deg,#273347,#111824);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(4deg);z-index:2}.phone-card:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.06);border-radius:25px}.phone-card b{font-family:Unbounded;font-size:20px;letter-spacing:.06em;margin-top:30px}.phone-card small{color:#8390a3;margin-top:8px}.phone-top{position:absolute;top:20px;display:flex;gap:4px}.phone-top i{width:5px;height:5px;border-radius:50%;background:#5f6c80}.wave{height:80px;display:flex;align-items:center;gap:7px}.wave span{width:5px;background:var(--orange);border-radius:4px;animation:wave 1.15s ease-in-out infinite}.wave span:nth-child(1),.wave span:nth-child(7){height:20px}.wave span:nth-child(2),.wave span:nth-child(6){height:42px;animation-delay:.1s}.wave span:nth-child(3),.wave span:nth-child(5){height:66px;animation-delay:.2s}.wave span:nth-child(4){height:44px;animation-delay:.3s}@keyframes wave{50%{transform:scaleY(.55);opacity:.65}}.phone-orbit{position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.phone-orbit span{position:absolute;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#233047;color:#75839a;font-family:Unbounded;font-size:11px}.phone-orbit span:first-child{top:32px;right:18px}.phone-orbit span:last-child{bottom:28px;left:10px}
.workspace{max-width:1240px;margin:-42px auto 70px;padding:0 24px;display:grid;grid-template-columns:1.25fr .75fr;gap:26px;position:relative;z-index:4}.controls,.summary{background:#fff;border-radius:28px;box-shadow:var(--shadow)}.controls{padding:34px}.section-heading{display:flex;gap:15px;align-items:flex-start}.section-heading>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#edf2ff;color:var(--blue);font-size:12px;font-weight:800}.section-heading h2{font-size:25px;letter-spacing:-.03em;margin:2px 0 4px}.section-heading p{color:var(--muted);font-size:13px;margin:0}.fixed-plan{display:grid;grid-template-columns:repeat(4,1fr);background:#f7f9fc;border:1px solid var(--line);border-radius:18px;margin:28px 0;padding:18px 20px}.fixed-plan div{padding:0 14px;border-right:1px solid var(--line)}.fixed-plan div:first-child{padding-left:0}.fixed-plan div:last-child{border:0;padding-right:0}.fixed-plan span,.fixed-plan b{display:block}.fixed-plan span{font-size:10px;color:var(--muted);margin-bottom:6px}.fixed-plan b{font-size:13px}
fieldset{border:0;padding:0;margin:28px 0 0}legend{font-weight:800;font-size:14px;margin-bottom:12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:17px;cursor:pointer;position:relative}.choice:hover{border-color:#bdc8d8}.choice.active{border-color:var(--blue);background:#f6f9ff;box-shadow:0 0 0 3px rgba(36,107,253,.08)}.choice input{position:absolute;opacity:0}.radio{width:19px;height:19px;border-radius:50%;border:1.5px solid #a9b3c2;grid-row:1/3}.choice.active .radio{border:6px solid var(--blue)}.choice b,.choice small{display:block}.choice b{font-size:13px}.choice small{color:var(--muted);font-size:10px;margin-top:3px;line-height:1.35}.choice strong{grid-column:2;font-size:11px;color:var(--blue);margin-top:9px}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.legend-row legend{margin:0}.hint{font-size:9px;color:#8b96a7}.packages{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.package{border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px 10px;text-align:left;cursor:pointer;color:var(--ink)}.package:hover{border-color:#b8c4d4}.package.active{background:var(--ink);border-color:var(--ink);color:#fff}.package b,.package span,.package small{display:block}.package b{font-size:11px}.package span{font-weight:800;font-size:13px;margin-top:9px}.package small{font-size:9px;color:#8792a4;margin-top:3px}.package.active small{color:#9da9bb}.custom-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:12px}.custom-grid label{position:relative;background:#f7f9fc;border:1px solid var(--line);border-radius:14px;padding:9px 12px;color:var(--muted);font-size:9px}.custom-grid input{display:block;border:0;background:transparent;padding:3px 0 0;width:100%;font-weight:800;color:var(--ink);outline:0}.custom-grid label>span{position:absolute;right:12px;bottom:10px;color:var(--muted);font-size:10px}.microcopy{font-size:9px;line-height:1.5;color:#7c8797;margin:10px 2px 0}
.summary{background:var(--ink);color:#fff;padding:28px;align-self:start;position:sticky;top:20px}.summary-head{display:flex;justify-content:space-between;align-items:center}.summary-head span{font-size:10px;letter-spacing:.15em;color:var(--mint);font-weight:800}.summary-head small{font-size:9px;padding:7px 9px;background:rgba(255,255,255,.08);border-radius:99px;color:#b9c2d1}.total-label{font-size:11px;color:#8e9aad;margin-top:35px}.total{font-family:Unbounded;font-size:42px;letter-spacing:-.05em;margin:5px 0 16px}.effective{display:flex;justify-content:space-between;align-items:center;padding:12px 0 22px;border-bottom:1px solid rgba(255,255,255,.11);font-size:10px;color:#8e9aad}.effective b{color:#fff;font-size:12px}.receipt{padding:15px 0}.receipt div{display:flex;justify-content:space-between;gap:16px;font-size:11px;padding:9px 0}.receipt b{font-size:11px;white-space:nowrap}.receipt small{display:block;color:#717e92;font-size:9px;margin-top:-5px;line-height:1.4}.start-payment{padding:15px 16px;border-radius:15px;background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.18)}.start-payment span,.start-payment b,.start-payment small{display:block}.start-payment span{font-size:9px;color:#92a0b4}.start-payment b{font-size:21px;margin:3px 0;color:var(--mint)}.start-payment small{font-size:8px;color:#718096;line-height:1.35}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.summary-actions button{border-radius:12px;padding:12px 9px;font-size:10px;font-weight:800;cursor:pointer}.primary{border:0;background:var(--orange);color:#fff}.primary:hover{background:#ff7c4c}.secondary{background:transparent;border:1px solid rgba(255,255,255,.18);color:#fff}.secondary:hover{background:rgba(255,255,255,.06)}
.explain{max-width:1192px;margin:0 auto 55px;padding:0 0}.section-heading.light>span{background:#fff}.explain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.explain article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.explain article i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#eafbf8;color:#0a9b86;font-style:normal;font-size:12px;font-weight:800}.explain article:nth-child(n+3) i{background:#fff2ec;color:var(--orange)}.explain h3{font-size:13px;margin:18px 0 8px}.explain p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.source-bar{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.source-bar b,.source-bar span{display:block}.source-bar b{font-size:11px}.source-bar span{font-size:9px;color:var(--muted);margin-top:4px}.source-bar a{color:var(--blue);font-size:10px;font-weight:800;text-decoration:none}.legal{font-size:8px;line-height:1.55;color:#8792a3;margin:12px 3px}
footer{max-width:1192px;margin:auto;padding:20px 0 35px;border-top:1px solid #dce2ea;display:flex;justify-content:space-between;font-size:10px;color:#7c8796}footer a{color:var(--ink);text-decoration:none;font-weight:800}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
.license-cell .stepper{display:flex;align-items:center;gap:5px}.stepper button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:15px;font-weight:800;cursor:pointer}.stepper button:hover{border-color:var(--blue);color:var(--blue)}.stepper input{width:42px;height:25px;border:0;background:transparent;text-align:center;color:var(--ink);font-size:13px;font-weight:800;outline:0;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.embed-mode{background:transparent;padding:0}.embed-mode .topbar,.embed-mode .hero,.embed-mode .explain,.embed-mode footer{display:none!important}.embed-mode main{overflow:visible}.embed-mode .workspace{margin:0 auto;padding:12px 16px 24px}.embed-mode .summary{top:12px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{display:none}.workspace{grid-template-columns:1fr;margin-top:-40px}.summary{position:relative;top:0}.fixed-plan{grid-template-columns:1fr 1fr;gap:15px}.fixed-plan div{border:0;padding:0}.explain{padding:0 24px}.explain-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{height:66px}.status{display:none}.hero{min-height:auto;padding-bottom:75px}.hero h1{font-size:37px}.lead{font-size:14px}.term-card{width:100%;justify-content:center}.workspace{padding:0 14px}.controls,.summary{border-radius:22px}.controls{padding:22px}.choice-grid,.packages,.custom-grid,.explain-grid{grid-template-columns:1fr}.fixed-plan{padding:15px}.packages{grid-template-columns:1fr 1fr}.legend-row{align-items:flex-start;flex-direction:column}.total{font-size:36px}.source-bar{align-items:flex-start;gap:15px;flex-direction:column}footer{margin:0 24px}.summary-actions{grid-template-columns:1fr}}
@media print{body{background:#fff}.topbar,.hero,.controls,.explain,.summary-actions,footer,.toast{display:none!important}.workspace{display:block;margin:0;padding:0}.summary{display:block!important;position:static;box-shadow:none;border-radius:0;min-height:100vh;padding:50px}.summary:before{content:"Lead‑Deal × SIPUNI — расчёт предложения";display:block;font-family:Unbounded;font-size:24px;margin-bottom:40px}.total{font-size:48px}}