.calculator{padding:100px 6%;background:#e0e7e1;color:#17282c;overflow:clip}.calculator-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.calculator-label{font-size:12px;color:#516963;margin-bottom:18px}.calculator-heading h2>span{color:#b1422c}.calculator-heading>p{color:#48615e;line-height:1.7;font-size:14px;max-width:350px}.calculator-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:start}.calculator #calculator-form{display:flex;flex-direction:column;gap:32px;margin:0}.calculator fieldset{border:0;min-width:0;margin:0;padding:0}.calculator fieldset[hidden]{display:none}.calculator legend{font-size:19px;font-weight:600;margin-bottom:17px;letter-spacing:-.3px}.calc-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.calculator .calc-product-grid label{position:relative;border:1px solid #9cafa5;padding:15px 10px;border-radius:6px;font-size:13px;min-height:50px;color:#2c4944;cursor:pointer;text-align:center;display:block;transition:background .2s,border-color .2s}.calc-product-grid input{position:absolute;opacity:0;width:1px;height:1px;left:12px;top:12px}.calc-product-grid label:has(input:checked){background:#25483e;color:#f3f6ee;border-color:#25483e}.calc-product-grid label:has(input:focus-visible){outline:3px solid #a83f27;outline-offset:3px}.scope-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#48615e}.scope-heading output{font-size:18px;font-weight:600;color:#17282c}.calculator input[type=range]{width:100%;margin:20px 0 12px;padding:0;min-height:30px;accent-color:#34594d;border:0;background:transparent;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:11px;color:#526b65}.calc-features>p{font-size:12px;line-height:1.6;color:#48615e;margin:-4px 0 16px}.calculator #feature-options{display:flex;flex-direction:column;gap:8px}.calculator #feature-options label{display:flex;flex-direction:row;align-items:center;gap:13px;border:1px solid #abbab0;padding:14px;border-radius:7px;color:#213d38;cursor:pointer;transition:background .2s,border-color .2s,translate .2s}.calculator #feature-options input{width:17px;height:17px;accent-color:#34594d;margin:0;flex-shrink:0}.calculator #feature-options strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.calculator #feature-options small{display:block;font-size:11px;line-height:1.5;color:#536c65;margin-top:4px}.calculator #feature-options label:has(input:checked){border-color:#456d5e;background:#ceded2}.calc-options-note{color:#48615e;font-size:12px;line-height:1.7;margin-top:-10px}.calculator .platform-options{display:flex;gap:8px;flex-wrap:wrap}.calculator .platform-options label{font-size:12px;color:#263f39;display:flex;align-items:center;flex-direction:row;gap:7px;padding:12px;border:1px solid #9cafa5;border-radius:5px;cursor:pointer}.platform-options input{width:16px;height:16px;margin:0;accent-color:#34594d}.calc-result{position:sticky;top:30px;min-width:0;background:#18232d;border:1px solid #536c77;color:#f0f4ed;border-radius:15px;perspective:1000px;box-shadow:12px 18px 0 #b7c9be}.calc-result-content{position:relative;z-index:1;padding:0 30px 28px}.calc-orbit-art{height:185px;position:relative;overflow:hidden;border-radius:15px 15px 0 0;--module-spread:0;isolation:isolate}.calc-core{position:absolute;left:calc(50% - 47px);top:50px;width:94px;height:86px;border:1px solid #718697;background:#304857;border-radius:12px;display:grid;place-items:center;transform:rotateX(15deg) rotateY(-25deg) rotateZ(-12deg);box-shadow:9px 9px 0 #0b151e;animation:core-drift 7s ease-in-out infinite}.calc-core>span{font-size:45px;font-weight:800;letter-spacing:-4px}.calc-core>span>span{color:#ff765e}.calc-floating-tag{position:absolute;border:1px solid #8296a5;padding:12px 18px;border-radius:6px;font-size:11px;letter-spacing:1px;box-shadow:6px 8px 0 #0b151e;background:#354b59;transform:rotateY(-22deg) rotateZ(-12deg);animation:tag-orbit 8s ease-in-out infinite;transition:translate .6s}.tag-design{left:12%;top:38px;color:#18232d;background:#e3937c;animation-delay:-2s;translate:calc(var(--module-spread) * -2px) 0}.tag-code{right:9%;top:60px;background:#c4d8cd;color:#18232d;animation-delay:-5s;translate:calc(var(--module-spread) * 2px) 0}.tag-connect{left:18%;top:130px;background:#304f62;animation-delay:-3s}.calc-ring{position:absolute;width:75%;height:160px;left:12%;top:20px;border:1px solid #718596;border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);animation:ring-roll 16s linear infinite;z-index:-1}.demo-estimate-label{display:inline-block;padding:7px 10px;border:1px solid #a3b2bd;border-radius:4px;color:#e7b59b;font-size:11px}.price-label{font-size:12px;color:#aab9c7;margin:23px 0 10px}.calc-price{font-size:clamp(25px,2.55vw,40px);font-weight:600;letter-spacing:-1.7px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.calc-duration{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:21px;font-size:12px;color:#b3c2cf}.calc-duration>strong{font-size:25px;font-weight:500;color:#f0f4ed;letter-spacing:-.5px;margin-left:auto;font-variant-numeric:tabular-nums}.calc-timeline{display:flex;gap:7px;margin-top:25px}.calc-timeline>div{flex:var(--phase-size,1);min-width:0}.calc-timeline span{display:block;font-size:10px;color:#b3c2cf;margin-bottom:7px}.calc-timeline i{display:block;padding:9px 6px;background:#3c5b69;color:#f0f4ed;font-size:11px;font-style:normal;line-height:1;border-radius:4px;transform-origin:left;animation:phase-in .65s cubic-bezier(.16,1,.3,1) both}.calc-timeline>div:nth-child(2) i{background:#b66a52;animation-delay:.1s}.calc-timeline>div:nth-child(3) i{background:#496f60;animation-delay:.2s}.calc-model-note{font-size:11px;color:#aabecb;line-height:1.7;margin-top:22px}.calc-breakdown{border-top:1px solid #50616e;border-bottom:1px solid #50616e;margin-top:20px;padding:0}.calc-breakdown summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;cursor:pointer;padding:16px 0;list-style:none}.calc-breakdown summary::-webkit-details-marker{display:none}.calc-breakdown summary>span{font-size:19px;color:#ff987e}.calc-breakdown[open] summary>span{rotate:45deg}.calc-breakdown ul{list-style:none;margin:0;padding:0 0 15px}.calc-breakdown li{display:flex;justify-content:space-between;gap:15px;padding:7px 0;color:#c1ced7;font-size:11px;line-height:1.5}.calc-breakdown li>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}#transfer-estimate{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:15px 17px;margin-top:23px;border:0;border-radius:5px;background:#ff9178;color:#19232a;font-size:14px;font-weight:600;transition:background .2s,translate .2s,box-shadow .2s}#reset-estimate{display:block;margin:12px auto 0;padding:10px;min-height:44px;background:none;color:#c3d1dc;border:0;text-decoration:underline;text-underline-offset:4px;font-size:11px}.calc-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.effects-switch{position:fixed;bottom:16px;right:16px;z-index:15;border:1px solid #607685;background:#18232d;color:#dce6eb;border-radius:20px;padding:10px 14px;font-size:10px;min-height:40px;box-shadow:0 4px 18px #0002;cursor:pointer}.flying-badges{position:absolute;inset:0;pointer-events:none;overflow:hidden;perspective:900px}.flying-label{display:flex;align-items:center;gap:20px;position:absolute;z-index:1;border:1px solid #6a7f92;padding:12px 16px;border-radius:5px;background:#202d39;font-size:11px;letter-spacing:.1em;color:#dbe5ec;box-shadow:6px 8px 0 #0b111b;animation:badge-float 8s ease-in-out infinite}.flying-label>span{color:#ff927b;font-size:16px}.badge-web{left:18%;top:16%;animation-delay:-3s;rotate:-12deg}.badge-app{right:11%;top:25%;animation-delay:-6s;rotate:11deg}.badge-system{left:13%;bottom:23%;animation-delay:-1s;rotate:-7deg}
@keyframes core-drift{0%,100%{transform:rotateX(15deg) rotateY(-25deg) rotateZ(-12deg) translateY(0)}50%{transform:rotateX(-5deg) rotateY(-10deg) rotateZ(-4deg) translateY(-8px)}}@keyframes tag-orbit{0%,100%{transform:rotateY(-22deg) rotateZ(-12deg) translateY(0)}50%{transform:rotateY(8deg) rotateZ(6deg) translateY(-11px)}}@keyframes ring-roll{from{transform:rotateX(65deg) rotateZ(-20deg)}to{transform:rotateX(65deg) rotateZ(340deg)}}@keyframes phase-in{from{transform:scaleX(.3);opacity:.5}to{transform:scaleX(1);opacity:1}}@keyframes badge-float{0%,100%{transform:translate3d(0,0,0) rotateY(-10deg)}50%{transform:translate3d(6px,-14px,15px) rotateY(6deg)}}
@media(hover:hover) and (pointer:fine){#transfer-estimate:hover{background:#ffab98;translate:0 -2px;box-shadow:0 6px 14px #0002}.calculator #feature-options label:hover{background:#d3dfd5;border-color:#6b8c7e;translate:0 -1px}.calculator .calc-product-grid label:hover{border-color:#426e5c}.effects-switch:hover{background:#2b4354}.calc-floating-tag{transition:translate .6s}}
body[data-effects=calm] .calc-orbit-art *,body[data-effects=calm] .flying-label{animation:none!important}body[data-effects=calm] .flying-badges{display:none}body[data-effects=calm] .kinetic-word,body[data-effects=calm] .kinetic-orbit{transform:none!important}
@media(max-width:1100px){.calculator-layout{gap:4%;grid-template-columns:1fr 1fr}.calc-result-content{padding:0 22px 25px}.calc-price{font-size:clamp(23px,2.6vw,32px)}.calc-product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.calculator{padding:70px 6%}.calculator-heading{display:block;margin-bottom:35px}.calculator-heading>p{margin-top:25px}.calculator-layout{display:flex;flex-direction:column;gap:35px}.calculator #calculator-form{width:100%;gap:28px}.calc-product-grid{grid-template-columns:1fr 1fr}.calc-product-grid label:last-child{grid-column:1 / -1}.calc-result{position:relative;top:0;width:100%;box-shadow:5px 8px 0 #b7c9be}.calc-price{font-size:clamp(23px,7vw,32px);letter-spacing:-1.1px}.calc-duration>strong{font-size:25px}.calculator legend{font-size:18px}.calculator .calc-product-grid label{padding:14px 10px}.scope-heading{font-size:11px}.scope-heading output{font-size:17px}.calc-orbit-art{height:170px}.calc-result-content{padding:0 20px 23px}.flying-label{font-size:9px;gap:8px;padding:8px 11px}.badge-web{left:12%;top:15%}.badge-app{right:7%;top:26%}.badge-system{left:9%;bottom:22%}.effects-switch{right:10px;bottom:10px;font-size:9px;padding:9px 12px;max-width:165px}footer{padding-bottom:70px}.calc-timeline span{font-size:9px}}
.calc-price{white-space:normal;display:flex;flex-wrap:wrap;column-gap:.15em}.calc-price>span{white-space:nowrap}.fx-outside *{animation-play-state:paused!important}
.effects-switch{position:static;z-index:auto;flex-shrink:0;box-shadow:none}.hero-bottom{gap:12px}@media(max-width:700px){.hero-bottom .live-label{display:none}.hero-bottom{gap:6px}}
@media(hover:hover) and (pointer:fine){.lab-tabs button,.device-bar button,.compare-presets button{transition:background .2s,color .2s,border-color .2s}.lab-tabs button:not([aria-selected=true]):hover{background:#b7c9c6}.device-bar button:not([aria-pressed=true]):hover{background:#c8d6d0}.compare-presets button:not([aria-pressed=true]):hover{background:#b7c9c6}}
@media(prefers-reduced-motion:reduce){.calc-orbit-art *, .flying-label,.calc-timeline i{animation:none!important}.flying-badges{display:none}.calculator *{scroll-behavior:auto;transition:none!important}}