.calc-page{min-height:100vh;color:var(--navy);background:radial-gradient(circle at 82% 9%,#4ca6ee33,#0000 28%),linear-gradient(#f7fbff,#eaf3fb 55%,#f6f9fc);padding:132px max(18px,4vw) 70px}.calc-hero{grid-template-columns:minmax(0,1.4fr) minmax(250px,.55fr);align-items:end;gap:40px;max-width:1500px;margin:0 auto 36px;display:grid}.calc-kicker{letter-spacing:.16em;text-transform:uppercase;color:#287ec1;margin:0 0 14px;font:600 11px IBM Plex Mono,monospace}.calc-hero>div>p:last-child{color:#132a4aad;max-width:700px;margin:30px 0 0;font-size:18px;line-height:1.6}.calc-status{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8a;border:1px solid #ffffffdb;padding:20px 22px;box-shadow:0 20px 55px #132a4a14}.calc-shell{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff80;border:1px solid #ffffffdb;grid-template-columns:minmax(420px,1.04fr) minmax(500px,.96fr);max-width:1500px;min-height:780px;margin:auto;display:grid;box-shadow:0 38px 100px #132a4a24}.calc-view{background:radial-gradient(circle at 50% 32%,#5bb5fa3d,#0000 38%),linear-gradient(145deg,#dcecf8,#eef7fd 48%,#c5dcec);flex-direction:column;min-height:780px;padding:28px;display:flex;position:relative;overflow:hidden}.calc-view:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.calc-stage{isolation:isolate;perspective:1200px;touch-action:none;cursor:grab;outline:none;flex:1;place-items:center;min-height:520px;display:grid;position:relative}.calc-stage:active{cursor:grabbing}.calc-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--sky)}.calc-orbit{border:1px solid #132a4a24;border-radius:50%;position:absolute;transform:rotateX(68deg)}.calc-orbit-one{width:78%;height:38%}.calc-orbit-two{border-style:dashed;width:55%;height:26%}.window-shadow{filter:blur(20px);background:#204b6c33;border-radius:50%;height:26%;position:absolute;bottom:-20%;left:8%;right:8%;transform:rotateX(82deg)translateZ(-30px)}.window-body{background:linear-gradient(135deg,color-mix(in srgb,var(--frame),#fff 24%),var(--frame));transform-style:preserve-3d;border:1px solid #ffffffeb;gap:2.2%;padding:4.8%;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 8px #ffffff47,inset 0 -8px 14px #1a395229}.window-glass{background:linear-gradient(145deg,#d1f0ffe6,#7abee747 48%,#ffffff9e);border:1px solid #ffffffd9;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #398ec63d}.window-glass:before{content:"";background:linear-gradient(90deg,#0000,#ffffffa3,#0000);width:32%;height:150%;position:absolute;top:-30%;left:15%;transform:rotate(17deg)}.window-glass b{background:radial-gradient(circle at 66% 25%,#ffffffbf,#0000 24%)}.window-handle{z-index:4;background:linear-gradient(90deg,#d9e2e8,#fff 45%,#adb9c2);border-radius:3px;width:7px;height:36px;position:absolute;top:46%;right:5px;transform:translateZ(8px);box-shadow:0 2px 6px #132a4a3d}.window-depth{background:var(--frame-side);transform-origin:0 0;position:absolute}.depth-top{width:100%;height:18px;top:0;left:0;transform:rotateX(90deg)translateY(-18px)}.depth-side{width:18px;height:100%;top:0;right:-18px;transform:rotateY(90deg)}.open-turn .window-pane:last-child{transform:rotateY(-34deg)}.open-tilt .window-pane:last-child{transform:rotateX(8deg)rotateY(-12deg)}.calc-view-foot{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font:600 10px IBM Plex Mono,monospace;display:flex;position:relative}.calc-live-spec{border-top:1px solid #132a4a26;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 0;padding:18px 0 0;display:grid;position:relative}.calc-panel{background:#ffffffdb;flex-direction:column;min-width:0;display:flex}.calc-progress{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);padding:20px 24px;display:grid}.calc-step{flex:1;padding:38px clamp(24px,4vw,58px);overflow:auto}.step-head{grid-template-columns:42px 1fr;gap:10px;margin-bottom:34px;display:grid}.option-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.option-grid button.selected{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:0 14px 28px #132a4a2e}.option-grid button.selected i{color:#74c4ff}.dimension-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.number-field{border:1px solid var(--line);background:#fff;gap:8px;padding:18px;display:grid}.number-field input:focus{border-color:var(--sky)}.calc-error{color:#9e3030;background:#fff0f0;padding:11px;font-weight:600}.profile-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.profile-grid button.selected{border-color:var(--sky);box-shadow:inset 0 0 0 2px var(--sky)}.color-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.color-choice{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;min-height:94px;padding:10px}.color-choice.selected{border-color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}.extra-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.extra-grid label i{color:#287ec1;font-size:18px;font-style:normal}.extra-grid label.selected{color:#fff;background:var(--navy);border-color:var(--navy)}.extra-grid label.selected i{color:#74c4ff}.calc-summary{background:linear-gradient(145deg,#4ca6ee21,#fffc);border:1px solid #4ca6ee4d;padding:25px}.calc-summary dl{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 0;padding-top:18px;display:grid}.summary-actions{gap:10px;margin-top:18px;display:grid}.summary-actions>a:first-child b{background:var(--sky);place-items:center;width:40px;height:40px;display:grid}.summary-actions .text-link{text-align:center;font-size:13px;text-decoration:underline}.calc-actions{border-top:1px solid var(--line);justify-content:space-between;padding:18px 24px;display:flex}.calc-back{color:var(--navy);background:0 0}.calc-back:disabled{opacity:.28;cursor:not-allowed}.calc-next{background:var(--navy);color:#fff;align-items:center;gap:38px;font-weight:600;display:flex}.calc-next:disabled{opacity:.35;cursor:not-allowed}.calc-disclaimer{color:#132a4a8c;max-width:1500px;margin:22px auto 0;font-size:12px;line-height:1.5}@media (width<=1050px){.calc-shell{grid-template-columns:1fr}.calc-view{min-height:650px}.calc-panel{min-height:760px}.calc-hero{grid-template-columns:1fr}.calc-status{max-width:420px}.window-model{width:min(68%,520px)}}@media (width<=620px){.calc-page{padding:100px 10px 38px}.calc-hero{gap:22px;margin:0 8px 24px}.calc-hero>div>p:last-child{margin-top:20px;font-size:15px}.calc-status{padding:14px}.calc-shell{border-radius:0}.calc-view{min-height:500px;padding:16px}.calc-stage{min-height:340px}.window-model{width:84%}.calc-live-spec{grid-template-columns:1fr 1fr}.calc-progress{gap:4px;padding:15px 16px}.calc-progress b{display:none}.calc-step{padding:28px 18px}.step-head{grid-template-columns:30px 1fr}.option-grid,.color-grid{grid-template-columns:1fr 1fr}.dimension-grid,.extra-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1fr}.calc-actions{padding:14px}.calc-next{gap:18px}.calc-summary dl{grid-template-columns:1fr}.calc-disclaimer{padding:0 8px}}@media (prefers-reduced-motion:reduce){.calc-orbit{display:none}.calc-stage{pointer-events:none;cursor:default}.window-model{transform:rotateX(-3deg)rotateY(-8deg)!important}}