/* Interactive expedition and RAM estimate. All effects remain optional. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:80;background:linear-gradient(90deg,var(--cyan),var(--pink));transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-sparks i{position:absolute;left:8%;bottom:-20px;width:4px;height:4px;background:var(--cyan);box-shadow:0 0 14px var(--cyan);border-radius:1px;animation:exp-spark 14s linear infinite;opacity:0}.hero-sparks i:nth-child(3n){background:var(--pink);box-shadow:0 0 12px var(--pink)}.hero-sparks i:nth-child(2){left:18%;animation-delay:-7s}.hero-sparks i:nth-child(3){left:29%;animation-delay:-3s}.hero-sparks i:nth-child(4){left:38%;animation-delay:-11s}.hero-sparks i:nth-child(5){left:48%;animation-delay:-5s}.hero-sparks i:nth-child(6){left:57%;animation-delay:-13s}.hero-sparks i:nth-child(7){left:65%;animation-delay:-2s}.hero-sparks i:nth-child(8){left:74%;animation-delay:-9s}.hero-sparks i:nth-child(9){left:84%;animation-delay:-6s}.hero-sparks i:nth-child(10){left:93%;animation-delay:-10s}.hero-sparks i:nth-child(11){left:44%;animation-delay:-1s}.hero-sparks i:nth-child(12){left:70%;animation-delay:-4s}
.hero-content>*:not(.hero-sparks){position:relative}.hero-content>.hero-mascot,.hero-content>.hero-orbit,.hero-content>.hero-label{position:absolute}.hero-calc-link{color:var(--cyan);font-size:12px;display:inline-block;margin-top:18px;text-underline-offset:5px;width:fit-content}
.expedition-section{border-top:1px solid var(--line);background:radial-gradient(ellipse at 75% 60%,#273d571f,transparent 60%)}.expedition-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.expedition-tabs button{border:1px solid #45516b;border-radius:30px;padding:12px 20px;background:#101527;color:#cbd7ee;font:600 13px system-ui;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.expedition-tabs [aria-selected=true]{color:#07141c;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 24px #66f3f222}.expedition-stage{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:40px;border:1px solid #35435e;border-radius:24px;background:linear-gradient(120deg,#101a2c,#141125);overflow:hidden}.expedition-copy h3{font-size:clamp(26px,3vw,38px);letter-spacing:-1px;margin:10px 0 20px}.expedition-copy p{color:var(--muted);line-height:1.8;font-size:14px}.expedition-copy ul{padding-left:18px;margin:20px 0 28px;color:#cbd5eb;font-size:13px;line-height:2}.expedition-copy .eyebrow{font-size:10px}.expedition-copy .button{white-space:normal}
.world-scene{position:relative;min-height:290px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#66f3f210,transparent 65%)}.world-scene:before,.world-scene:after{content:'';position:absolute;width:230px;height:80px;border:1px solid #66f3f249;transform:rotate(-18deg);border-radius:50%;bottom:35px;animation:exp-ring 7s ease-in-out infinite}.world-scene:after{width:290px;height:110px;border-color:#fc40e63c;bottom:20px;animation-delay:-3s}.world-island{position:relative;width:180px;height:130px;animation:exp-float 6s ease-in-out infinite;filter:drop-shadow(0 25px 22px #0008);z-index:1}.world-island .island-top{position:absolute;inset:0 0 30px;clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%);background:repeating-conic-gradient(#26666d 0 25%,#23515b 0 50%) 0/32px 32px;border-top:3px solid var(--cyan)}.world-island .island-depth{position:absolute;left:0;right:0;top:45px;height:100px;clip-path:polygon(0 0,50% 45%,100% 0,82% 65%,50% 100%,18% 65%);background:linear-gradient(110deg,#2c2045,#48335d 50%,#1c2036 50%);z-index:-1}.world-island .island-beacon{position:absolute;width:30px;height:48px;left:75px;top:-25px;border:1px solid var(--cyan);background:linear-gradient(145deg,#78fff39c,#266c8b);box-shadow:0 0 30px #66f3f255;transform:rotate(-8deg)}.scene-label{position:absolute;bottom:0;font:10px Consolas,monospace;letter-spacing:2px;color:#8ea6c7}.world-scene[data-scene=community] .island-top{background:repeating-conic-gradient(#754470 0 25%,#403255 0 50%) 0/32px 32px;border-color:var(--pink)}.world-scene[data-scene=community] .island-beacon{box-shadow:-45px 16px 0 -5px #66f3f2,45px 16px 0 -5px #fc40e6}.world-scene[data-scene=modpack] .island-top{background:repeating-conic-gradient(#70674b 0 25%,#423e4e 0 50%) 0/32px 32px}.world-scene[data-scene=modpack] .island-beacon{background:var(--pink);box-shadow:0 0 45px #fc40e670;transform:rotate(20deg)}
.ram-section{background:#0b1020;border-block:1px solid var(--line)}.ram-heading{max-width:740px;margin-bottom:35px}.ram-heading>p:last-child{color:var(--muted);line-height:1.8;margin-top:20px;font-size:14px}.ram-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:start}.ram-controls{border:1px solid #36435b;background:#131a2c;border-radius:20px;padding:30px}.ram-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ram-field{display:grid;gap:10px;align-content:start}.ram-field label{font-size:12px;font-weight:650;color:#d9e5f7}.ram-field input,.ram-field select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #4b5a77;border-radius:8px;background:#0b1020;color:#f0f1ff;padding:13px;font:14px system-ui}.ram-field small{color:var(--muted);font-size:11px;line-height:1.6}.ram-field.full{grid-column:1/-1}.ram-slider-caption{display:flex;justify-content:space-between;align-items:center;gap:12px}.ram-slider-caption output{color:var(--cyan);font:700 17px Consolas,monospace}.ram-field input[type=range]{accent-color:var(--cyan);padding:0;height:30px;cursor:pointer}.ram-checkbox{display:flex;align-items:flex-start;gap:10px;padding:20px 0;margin-top:12px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7;color:#d2def4}.ram-checkbox input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--cyan)}.ram-local-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px}.ram-error{color:#ffb3cc;font-size:13px;padding-top:16px}
.ram-result{position:sticky;top:105px;padding:32px;border:1px solid #66f3f26b;border-radius:20px;background:radial-gradient(ellipse at top right,#66f3f21a,transparent 65%),linear-gradient(140deg,#151d31,#181328);overflow:hidden}.ram-result-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.ram-result-top .eyebrow{margin:0;font-size:9px}.ram-result-tag{font:10px Consolas,monospace;color:#bec9df;border:1px solid #4d5871;padding:5px 8px;border-radius:20px}.ram-big{font-size:clamp(48px,5vw,74px);font-weight:750;letter-spacing:-3px;line-height:1.15;margin:22px 0 4px;color:var(--cyan);font-variant-numeric:tabular-nums}.ram-big small{font-size:24px;letter-spacing:0;color:#dbe5fb}.ram-range{font-size:12px;color:var(--muted);line-height:1.7}.ram-capacity{display:flex;gap:5px;margin:24px 0 10px;height:12px}.ram-capacity span{height:100%;flex:1;border-radius:3px;background:#2b354b;transition:background .3s,box-shadow .3s}.ram-capacity span.filled{background:linear-gradient(90deg,#43d9d9,#82f3f3);box-shadow:0 0 10px #66f3f229}.ram-result.is-custom .ram-capacity span.filled{background:var(--pink)}.ram-scale{display:flex;justify-content:space-between;font:10px Consolas,monospace;color:#acbad1}.ram-recommend{padding:20px 0;border-bottom:1px solid var(--line)}.ram-recommend strong{display:block;font-size:22px;margin-bottom:7px}.ram-recommend p{font-size:13px;line-height:1.7;color:var(--muted)}.ram-breakdown{font-size:12px;display:grid;gap:12px;margin:22px 0}.ram-breakdown>div{display:flex;justify-content:space-between;gap:20px}.ram-breakdown dd{color:#e5edff;white-space:nowrap}.ram-result .button{width:100%;white-space:normal}.ram-result .ram-copy{display:block;margin:14px auto 0;color:var(--cyan);background:none;border:0;font:12px system-ui;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.ram-result .button[aria-disabled=true]{opacity:.5;pointer-events:none}.ram-assumptions{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;line-height:1.8}.ram-assumptions summary{cursor:pointer;font-weight:650;color:#e0e9fc}.ram-assumptions p{margin-top:12px}.ram-tip{margin-top:28px;display:flex;gap:18px;align-items:center;padding:20px 25px;border:1px solid #fc40e637;border-radius:15px;background:#21152d}.ram-tip svg{width:36px;height:36px;flex-shrink:0;color:var(--pink)}.ram-tip p{font-size:12px;line-height:1.8;color:#c9c4da}.ram-tip strong{color:#f8e9fb}.expedition-section [hidden],.ram-section [hidden]{display:none!important}
.motion-enabled .plan:after{content:'';position:absolute;inset:-100% auto -100% -50%;width:30%;background:linear-gradient(90deg,transparent,#66f3f20d,transparent);transform:rotate(25deg);pointer-events:none;transition:left .8s}.motion-enabled .plan:hover:after{left:130%}.page-paused *, .page-paused *:before,.page-paused *:after{animation-play-state:paused!important}.motion-off .hero-sparks{display:none}
@keyframes exp-spark{0%{transform:translate3d(0,0,0) rotate(0deg);opacity:0}15%,75%{opacity:.55}100%{transform:translate3d(35px,-800px,0) rotate(160deg);opacity:0}}@keyframes exp-float{50%{transform:translateY(-14px) rotate(3deg)}}@keyframes exp-ring{50%{transform:rotate(-8deg) scale(.92);opacity:.4}}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header nav>a{font-size:12px}.expedition-stage{gap:25px;padding:30px}.ram-controls,.ram-result{padding:24px}}
@media(max-width:800px){.expedition-stage,.ram-layout{grid-template-columns:1fr}.expedition-stage{gap:20px}.world-scene{min-height:245px;grid-row:1}.ram-result{position:relative;top:auto}.ram-fields{gap:18px}.expedition-tabs button{font-size:12px;padding:11px 16px}.ram-tip{padding:18px}.hero-calc-link{position:relative;z-index:2}}
@media(max-width:420px){.ram-fields{grid-template-columns:1fr}.ram-field.full{grid-column:auto}.ram-controls,.ram-result{padding:22px}.expedition-stage{padding:24px}.ram-result-top{align-items:flex-start}.ram-big{font-size:62px}.expedition-tabs{gap:7px}.expedition-tabs button{padding:10px 12px;font-size:11px}}
.client-tool-link{display:inline-block;margin:14px 0 0;color:var(--cyan);font-size:12px;text-underline-offset:4px}.portal-ram-helper{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:26px 0;padding:24px;border:1px solid #66f3f24d;border-radius:16px;background:radial-gradient(ellipse at right,#fc40e613,transparent 60%),#111e2e}.portal-ram-helper .eyebrow{font-size:9px;margin:0 0 10px}.portal-ram-helper h2{font-size:22px;letter-spacing:-.5px;margin:0 0 10px}.portal-ram-helper p{font-size:12px;color:var(--muted);line-height:1.7}.portal-ram-helper .button{flex-shrink:0;font-size:12px}.motion-enabled .customer-welcome-art,.motion-enabled .connection-mascot{animation:exp-float 7s ease-in-out infinite}.motion-enabled .sidebar-guide img{animation:mascot-breathe 8s ease-in-out infinite}.motion-enabled .customer-stats article{transition:transform .25s,box-shadow .25s}.motion-enabled .customer-stats article:hover{transform:translateY(-3px);box-shadow:0 8px 25px #66f3f212}
@media(max-width:800px){.portal-ram-helper{flex-direction:column;align-items:flex-start;padding:20px}.portal-ram-helper .button{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-sparks{display:none}.reading-progress{display:none}}