/* Ferroxpad theme layer: deep space #07050f, molten orange #ff6b2c, plasma cyan #3de8ff, magnetic violet #8a5cff, text #eef0ff */
:root{--violet:#8a5cff;--ink:#eef0ff}
body{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;background:#07050f}
h1,h2,h3,.sg-node b,.gauge-value,.chart-head strong,.fx-word{font-family:"Chakra Petch","Inter",sans-serif}
h1,h2{letter-spacing:-.02em;font-weight:600;text-transform:none}
h1 em,h2 em{background:linear-gradient(90deg,#ff6b2c,#ff9a4a 40%,#3de8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-shell{background:radial-gradient(60% 40% at 80% 20%,#8a5cff14,#0000 70%),radial-gradient(50% 35% at 10% 60%,#ff6b2c0c,#0000 70%)}
.eyebrow{font-family:"Chakra Petch",sans-serif;letter-spacing:.18em}
.button{border-radius:4px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-family:"Chakra Petch",sans-serif;letter-spacing:.04em}
.button-primary{color:#07050f;background:linear-gradient(90deg,#ff6b2c,#ff8f3c);box-shadow:0 0 28px #ff6b2c44}
.fx-brand img{width:30px;height:30px;object-fit:contain;border-radius:0}
.fx-word{font-weight:700;letter-spacing:.08em;font-size:16px;color:#eef0ff}
.fx-word b{color:#ff6b2c;font-weight:700}
.footer .fx-word{font-size:13px}
/* hero planet with magnetosphere */
.fx-stage{min-height:460px}
.fx-planet{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffb36b,#ff6b2c 32%,#7a1f3a 66%,#1a0b24 88%);box-shadow:0 0 90px #ff6b2c55,inset -30px -40px 70px #07050fcc;animation:fxSpin 40s linear infinite}
.fx-planet b{position:absolute;inset:-2px;border-radius:50%;background:repeating-linear-gradient(170deg,#0000 0 14px,#ffffff08 14px 16px);mix-blend-mode:overlay}
.fx-mag{position:absolute;left:50%;top:50%;border:1.5px solid #3de8ff;border-radius:50%;opacity:.55;transform:translate(-50%,-50%) rotate(-18deg) scaleY(.42)}
.fx-mag.m1{width:380px;height:380px;border-color:#3de8ff88;animation:fxPulse 6s ease-in-out infinite}
.fx-mag.m2{width:470px;height:470px;border-color:#8a5cff77;border-style:dashed;animation:fxPulse 8s ease-in-out infinite reverse}
.fx-mag.m3{width:560px;height:560px;border-color:#ff6b2c44;animation:fxPulse 10s ease-in-out infinite}
@keyframes fxPulse{50%{opacity:.25;transform:translate(-50%,-50%) rotate(-12deg) scaleY(.5)}}
@keyframes fxSpin{to{filter:hue-rotate(12deg)}}
.fx-card{background:linear-gradient(160deg,#120d26f0,#0a0718f0);border:1px solid #3de8ff33;border-radius:6px;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:0 0 0 1px #ff6b2c22,0 30px 80px #000c;transform:translate(70px,90px)}
.fx-card img{width:64px;height:64px}
.fx-card .ticker{color:#3de8ff}
/* module selector: magnetosphere arc (planet below, modules on field lines above) */
.sg-orbit.fx-arc{width:min(760px,100%);height:330px;margin:0 auto;position:relative}
.fx-arc .sg-rings{inset:auto;left:50%;top:0;width:560px;height:560px;margin-left:-280px;overflow:visible}
.fx-arc .sg-rings path:not(.sg-link){fill:none;stroke-width:1.2}
.fx-arc .sg-rings .r1{stroke:#3de8ff;stroke-opacity:.45;stroke-dasharray:3 7;animation:fxFlow 6s linear infinite}
.fx-arc .sg-rings .r2{stroke:#8a5cff;stroke-opacity:.5;stroke-dasharray:14 8;animation:fxFlow 4s linear infinite reverse}
.fx-arc .sg-rings .r3{stroke:#ff6b2c;stroke-opacity:.45;stroke-dasharray:2 5;animation:fxFlow 3s linear infinite}
.fx-arc .sg-rings .r4{stroke:url(#sgRingG);stroke-opacity:.5;stroke-dasharray:60 200;animation:fxFlow 5s linear infinite}
@keyframes fxFlow{to{stroke-dashoffset:-200}}
.fx-arc .sg-link{stroke:#3de8ff;filter:drop-shadow(0 0 5px #3de8ff)}
.fx-arc .sg-core{top:280px;width:150px;height:150px;margin:-75px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb36b,#ff6b2c 35%,#6a1a38 70%,#14081f);border:0;box-shadow:0 0 70px #ff6b2c66,inset -18px -24px 40px #07050fcc}
.fx-arc .sg-core img{width:70px;height:70px;border-radius:0;filter:drop-shadow(0 4px 10px #000a)}
.fx-arc .sg-core i{border-color:#3de8ff55;border-radius:50%}
.fx-arc .sg-node{top:280px;width:136px;border-radius:3px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#0f0b1de6;border:1px solid #2e2848}
.fx-arc .sg-node span{color:#8a5cff}
.fx-arc .sg-node[aria-selected=true]{background:linear-gradient(160deg,#2a1220f0,#160d2af0);border-color:#ff6b2c;box-shadow:0 0 26px #ff6b2c55}
.sg-glass{background:linear-gradient(160deg,#120d26e0,#08061ae8);border-color:#2e2848}
.sg-corner{border-color:#3de8ff !important}
.sg-ca-row{border-radius:4px}
.sg-copy{border-radius:3px;border-color:#3de8ff66;background:#3de8ff14;color:#3de8ff;font-family:"Chakra Petch",monospace}
.sg-copy:hover{background:#3de8ff2e}
.sg-copy.copied{background:#3de8ff;color:#07050f}
.ca-inline,.ca-line,.sg-ca-text{color:#ff8f3c;font-family:ui-monospace,"IBM Plex Mono",monospace}
.gauge-bar i{background:linear-gradient(90deg,#8a5cff,#ff6b2c)}
/* why section */
.intro-section{grid-template-columns:1fr;gap:26px}
.fx-why{color:#a3a7c7;max-width:720px;margin-top:16px;line-height:1.7;font-size:15px}
.fx-feats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.fx-feats a{display:flex;flex-direction:column;gap:4px;padding:14px;background:#0f0b1dcc;border:1px solid #2a2442;border-top:2px solid #ff6b2c;transition:.2s}
.fx-feats a:nth-child(2n){border-top-color:#3de8ff}.fx-feats a:nth-child(3n){border-top-color:#8a5cff}
.fx-feats a:hover{transform:translateY(-3px);border-color:#5a4f86}
.fx-feats img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:8px}
.fx-feats span{font:11px ui-monospace,monospace;color:#8a5cff}
.fx-feats b{font-family:"Chakra Petch",sans-serif;font-size:16px}
.fx-feats small{color:#8b8fb0;font-size:12.5px;line-height:1.5}
.fx-video[hidden]{display:none}
.fx-video{margin:0}
@media (max-width:980px){
  .sg-orbit.fx-arc{height:auto}
  .fx-arc .sg-rings{width:260px;height:260px;margin-left:-130px}
  .fx-arc .sg-core{top:auto;width:110px;height:110px;margin:90px 0 30px}
  .fx-arc .sg-node{top:auto;width:auto}
  .fx-feats{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .fx-planet{width:200px;height:200px}
  .fx-mag.m1{width:290px;height:290px}.fx-mag.m2{width:350px;height:350px}.fx-mag.m3{width:400px;height:400px}
  .fx-card{transform:translate(0,110px)}
  .fx-stage{min-height:520px}
  .sg-nav-links a.sg-nav-minor{display:none}
}
.fx-feats a{padding:0 0 14px;overflow:hidden}
.fx-feats a>span,.fx-feats a>b,.fx-feats a>small{padding:0 14px}
.fx-feats img{aspect-ratio:1/1;margin:0 0 10px}
.fx-video{max-width:980px}
.fx-hero-ca{margin-top:44px;padding-top:18px;border-top:1px solid #2a2442;display:flex;flex-direction:column;gap:8px;max-width:520px}
.fx-ca-label{font:600 10px "Chakra Petch",sans-serif;letter-spacing:.18em;color:#8a5cff}
.fx-hero-ca .sg-ca-row{display:flex;justify-content:space-between}