:root{--bg-0: #050b15;--bg-1: #0a1626;--panel: rgba(13, 31, 51, .66);--panel-2: rgba(9, 22, 38, .72);--panel-border: rgba(46, 199, 224, .22);--panel-border-soft: rgba(120, 160, 195, .14);--cyan: #22d3e8;--cyan-bright: #62f0fb;--cyan-dim: rgba(34, 211, 232, .12);--red: #ec3b2f;--text: #b9cbdc;--text-dim: #708aa3;--text-h: #eef7fd;--shadow-cyan: 0 0 0 1px rgba(34, 211, 232, .55), 0 10px 34px -8px rgba(34, 211, 232, .45);--sans: "Segoe UI", system-ui, Roboto, sans-serif;--condensed: "Oswald", "PT Sans Narrow", "Arial Narrow", var(--sans);font:16px/1.5 var(--sans);color:var(--text);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100svh;color:var(--text);background-color:var(--bg-0);background-image:radial-gradient(1200px 600px at 82% -12%,rgba(34,211,232,.13),transparent 60%),radial-gradient(900px 520px at -5% 112%,rgba(34,211,232,.08),transparent 55%),linear-gradient(125deg,transparent 49.5%,rgba(46,199,224,.045) 49.5%,rgba(46,199,224,.045) 50.5%,transparent 50.5%),linear-gradient(235deg,transparent 49.5%,rgba(46,199,224,.045) 49.5%,rgba(46,199,224,.045) 50.5%,transparent 50.5%),linear-gradient(180deg,var(--bg-1),var(--bg-0) 65%);background-size:auto,auto,48px 84px,48px 84px,auto;background-attachment:fixed}h1,h2,h3{margin:0;color:var(--text-h);font-weight:600}button{font-family:inherit;cursor:pointer;color:inherit}.page{width:100%;max-width:880px;margin:0 auto;padding:40px 20px 56px}.masthead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:38px}.shield{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:var(--cyan-bright);background:radial-gradient(circle at 50% 35%,rgba(34,211,232,.22),transparent 70%);border:1.5px solid var(--panel-border);box-shadow:0 0 26px -6px #22d3e880}.masthead-badge{display:inline-flex;flex-direction:column;align-items:center;line-height:.92;padding:10px 26px;border-radius:8px;background:linear-gradient(180deg,#091626e6,#050b15e6);border:1px solid var(--panel-border);box-shadow:inset 0 0 24px #22d3e814,0 8px 30px -10px #000000b3}.badge-l1{font-family:var(--condensed);font-weight:700;letter-spacing:.32em;font-size:clamp(20px,5vw,30px);color:var(--cyan-bright);text-indent:.32em}.badge-l2{font-family:var(--condensed);font-weight:700;letter-spacing:.34em;font-size:clamp(22px,5.4vw,33px);color:var(--red);text-shadow:0 0 18px rgba(236,59,47,.45);text-indent:.34em}.masthead-note{margin:0;font-size:13px;letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase}.calc{display:flex;flex-direction:column;gap:26px}.block-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);margin-bottom:16px}.step{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:6px;font-size:13px;font-weight:700;color:var(--cyan-bright);background:var(--cyan-dim);border:1px solid var(--panel-border)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px 18px 20px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,transform .15s,box-shadow .2s}.product:hover{border-color:var(--panel-border);transform:translateY(-2px)}.product.is-active{border-color:var(--cyan);box-shadow:var(--shadow-cyan);background:linear-gradient(180deg,rgba(34,211,232,.1),var(--panel))}.product-media{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:4px;min-height:116px}.media-frame{--hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);display:block;width:104px;aspect-ratio:1 / 1.08;padding:2px;clip-path:var(--hex);background:linear-gradient(160deg,#62f0fb8c,#22d3e826);transition:background .2s,filter .2s}.product-media.is-combo .media-frame{width:86px}.media-hex{display:grid;place-items:center;width:100%;height:100%;clip-path:var(--hex);background:radial-gradient(circle at 50% 24%,rgba(34,211,232,.18),transparent 62%),repeating-linear-gradient(45deg,#11202e 0,#11202e 4px,#16293a 4px,#16293a 8px),#0e1d2a}.media-hex img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}.product-media.is-combo:after{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-family:var(--condensed);font-weight:700;font-size:30px;line-height:1;color:var(--cyan-bright);text-shadow:0 0 10px var(--bg-0),0 0 6px var(--bg-0)}.product:hover .media-frame,.product.is-active .media-frame{background:linear-gradient(160deg,var(--cyan-bright),var(--cyan));filter:drop-shadow(0 0 12px rgba(34,211,232,.6))}.product-name{font-size:17px;font-weight:700;color:var(--text-h);line-height:1.15}.product-sub{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--cyan-bright);text-transform:uppercase}.product-desc{font-size:12.5px;line-height:1.42;color:var(--text-dim);flex-grow:1}.product-price{margin-top:10px;font-family:var(--condensed);font-weight:700;font-size:21px;letter-spacing:.01em;color:var(--cyan-bright)}.product-price i{font-style:normal;font-size:13px;font-weight:600;color:var(--text-dim)}.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hex{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1 / 1.08;padding:0;border:none;background:transparent;color:var(--text);transition:transform .15s,color .2s}.hex:before,.hex:after{content:"";position:absolute;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:opacity .2s,filter .2s}.hex:after{top:-2.5px;right:-2.5px;bottom:-2.5px;left:-2.5px;z-index:0;background:var(--cyan);opacity:0}.hex:before{top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 50% 18%,rgba(34,211,232,.12),transparent 62%),repeating-linear-gradient(45deg,#14202f 0,#14202f 4px,#182838 4px,#182838 8px),#111d2b}.hex:hover{transform:translateY(-3px)}.hex:hover:after{opacity:.4}.hex.is-active{color:var(--cyan-bright)}.hex.is-active:after{opacity:1;filter:drop-shadow(0 0 16px rgba(34,211,232,.75))}.hex.is-active:before{background:radial-gradient(circle at 50% 20%,rgba(34,211,232,.34),transparent 60%),repeating-linear-gradient(45deg,#123040 0,#123040 4px,#18415a 4px,#18415a 8px),#0d2c3c}.hex-num{position:relative;z-index:2;font-family:var(--condensed);font-weight:700;font-size:clamp(30px,8vw,44px);line-height:1;color:var(--cyan-bright)}.hex.is-active .hex-num{text-shadow:0 0 14px rgba(34,211,232,.6)}.hex-cap{position:relative;z-index:2;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-h)}.down{padding:22px 24px 18px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border-soft)}.down-readout{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.down-pct{font-family:var(--condensed);font-weight:700;font-size:40px;line-height:1;color:var(--cyan-bright)}.down-input{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:10px;background:var(--panel-2);border:1px solid var(--panel-border-soft);transition:border-color .2s,box-shadow .2s}.down-input:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3e82e}.down-input input{width:9ch;border:none;background:transparent;outline:none;text-align:right;font-family:var(--condensed);font-weight:700;font-size:22px;letter-spacing:.01em;color:var(--text-h)}.down-cur{font-size:14px;font-weight:600;color:var(--text-dim)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--cyan) var(--fill, 20%),rgba(255,255,255,.09) var(--fill, 20%));outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#d6fbff,var(--cyan) 70%);border:2px solid #06131f;box-shadow:0 0 0 4px #22d3e840,0 2px 8px #00000080}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#d6fbff,var(--cyan) 70%);border:2px solid #06131f;box-shadow:0 0 0 4px #22d3e840}.slider-scale{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-dim)}.result{margin-top:6px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#22d3e824,#091626d9);border:1px solid var(--cyan);box-shadow:var(--shadow-cyan)}.result-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 20px 24px}.result-label{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-bright)}.result-value{font-family:var(--condensed);font-weight:700;font-size:clamp(40px,11vw,62px);line-height:1;color:var(--text-h);text-shadow:0 0 28px rgba(34,211,232,.4)}.result-value i{font-style:normal;font-size:.4em;font-weight:600;color:var(--cyan-bright)}.result-term{font-size:13px;color:var(--text-dim)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;background:#050b158c;border-top:1px solid var(--panel-border)}.result-grid>div{padding:16px 18px;text-align:center}.result-grid>div+div{border-left:1px solid var(--panel-border-soft)}.result-grid dt{font-size:12px;color:var(--text-dim);margin-bottom:5px}.result-grid dd{margin:0;font-size:15px;font-weight:700;color:var(--text-h)}.foot{margin-top:30px;text-align:center;font-size:12px;color:var(--text-dim)}@media(max-width:680px){.products{grid-template-columns:1fr}.terms{grid-template-columns:repeat(2,1fr);gap:16px}.result-grid{grid-template-columns:1fr}.result-grid>div+div{border-left:none;border-top:1px solid var(--panel-border-soft)}}