/* Decorative paths remain in the side gutters, with the bend aligned to periods. */
.order .order-total{display:flex;align-items:baseline;gap:12px;white-space:nowrap}
.plan .devices{display:flex;align-items:center;gap:12px;font:500 1rem/1.5 'Segoe UI',Arial,sans-serif;padding:22px 0;color:#d5ded9}
.plan .device-stack{display:inline-flex;align-items:center;justify-content:center;width:26px;height:28px;flex:0 0 26px;color:#d9b360}
.device-stack svg{width:24px;height:26px}
.plan.premium .device-stack{color:#63cda0}
.plan .select-plan{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 22px;font:600 1rem/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.01em;border-radius:14px;background:linear-gradient(110deg,#b8973510,#6eb79508);transition:background .3s,box-shadow .3s,transform .3s}
.plan .select-plan svg{display:block;flex:0 0 18px;stroke-width:1.8;transition:transform .3s}
.plan .select-plan:hover{background:#cda54c18;box-shadow:0 0 24px #cda54c12;transform:translateY(-2px)}
.plan .select-plan:hover svg{transform:translateX(3px)}
.plan.premium .select-plan{border-color:#398761;background:linear-gradient(110deg,#42b87b12,#42b87b04)}
.plan .select-plan:focus-visible{outline:2px solid #8fdab7;outline-offset:4px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;border:0;background:none;align-items:stretch}
.steps>i{display:none}
.steps>div{position:relative;display:flex;align-items:center;gap:16px;min-height:106px;padding:24px;border:1px solid #677b6538;border-radius:20px;background:linear-gradient(130deg,#131b16,#090d0b);overflow:hidden;transition:transform .3s,border-color .3s}
.steps>div::after{content:'';position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#c3a654,#4fb88a,transparent);animation:step-glow 6s ease-in-out infinite;pointer-events:none}
.steps>div:nth-of-type(2)::after{animation-delay:2s}.steps>div:nth-of-type(3)::after{animation-delay:4s}
.steps>div:hover{transform:translateY(-3px);border-color:#4c9a735e}
.steps>div>b{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;margin:0;border:1px solid #aa914f70;border-radius:13px;color:#e2bd65;background:#bc9c4110;font:600 1rem/1 'Segoe UI',Arial,sans-serif}
.steps>div:last-of-type>b{color:#79d9aa;border-color:#3e9a7160;background:#3e9a7110}
.steps>div>span{font:500 1rem/1.5 'Segoe UI',Arial,sans-serif;color:#d9e2dc}
@keyframes step-glow{0%,100%{opacity:.25;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:900px){.steps{grid-template-columns:1fr}.steps>div{min-height:88px;padding:20px 24px}}
@media(prefers-reduced-motion:reduce){.steps>div::after{animation:none}.steps>div,.plan .select-plan,.plan .select-plan svg{transition:none}}
.traffic{display:none!important}
.hero{max-width:none;isolation:isolate;margin-top:62px}
.hero h1,.hero-copy{max-width:calc(100% - 240px);margin-left:auto;margin-right:auto}
.hero-wires{position:absolute;inset:0 -2vw -22px;pointer-events:none;z-index:-1}
.hero-wire{position:absolute;top:0;width:calc((100% - 610px)/2);min-width:120px;height:100%;overflow:visible}
.wire-red{left:0;color:#c96451}.wire-green{right:0;color:#2ca574;transform:scaleX(-1)}
.wire-tracks path,.wire-energy path{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.wire-tracks path{stroke-width:1;opacity:.28}
.wire-energy path{stroke-width:2;stroke-dasharray:9 8 2 13;filter:drop-shadow(0 0 5px currentColor);animation:wire-run 2.8s linear infinite}
.wire-energy path+path{opacity:.5;animation-delay:-1.4s}
.wire-green .wire-energy path{stroke-width:2;stroke-dasharray:22 28;animation-duration:7s}
.wire-badge{position:absolute;top:43%;width:100px;transform:translateY(-50%);filter:drop-shadow(0 0 16px #000)}
.badge-red{left:0;color:#da7964}.badge-green{right:0;color:#58c698}
.wire-badge svg{display:block;width:100%;overflow:visible}
.badge-body{fill:#0b100d;stroke:currentColor;stroke-width:1.2}
.badge-orbit{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:15 85;animation:wire-run 5s linear infinite;filter:drop-shadow(0 0 4px currentColor)}
.wire-badge text{fill:currentColor;text-anchor:middle;font:600 20px Arial,sans-serif;letter-spacing:2px}
.brand-mark{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;width:44px;height:48px}
.brand-mark::before,.brand-mark::after,.brand-mark b{display:none!important}
.brand-mark svg{width:100%;height:100%;filter:drop-shadow(0 0 7px #2ca57455)}
.shield-shell{fill:#0b2219;stroke:#55c795;stroke-width:1.5}
.shield-inner{stroke:#b9a765;stroke-width:1;stroke-dasharray:35 80;animation:logo-run 5s linear infinite}
.shield-check{stroke:#9ddcbb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:logo-glow 4s ease-in-out infinite}
.motion-canvas{position:absolute;inset:0;overflow:visible}
.bolt-base,.bolt-current,.stream-base,.stream-current{fill:none;stroke-linecap:round;stroke-linejoin:round}
.bolt-base{stroke:#ca4d39;stroke-width:3;opacity:.32;filter:blur(1px)}
.bolt-current{stroke:#ffb9a4;stroke-width:1.2;stroke-dasharray:76 24;animation:wire-run 6.5s linear infinite;filter:drop-shadow(0 0 3px #ff4d36) drop-shadow(0 0 9px #bf382d)}
.bolt-branch{fill:none;stroke:#eb745a;stroke-width:.7;filter:drop-shadow(0 0 4px #ec422f);animation:branch-glow 6.5s ease-in-out infinite}
@keyframes branch-glow{0%,100%{opacity:.12}40%{opacity:.75}70%{opacity:.3}}
.stream-base{stroke:#36ae80;stroke-width:32;opacity:.09}
.stream-current{stroke:#44bf90;stroke-width:2;stroke-dasharray:20 10;animation:wire-run 3.6s linear infinite;filter:drop-shadow(0 0 5px #36ae80)}
.binary-digit{fill:#64dba4;font:9px monospace;text-anchor:middle;filter:drop-shadow(0 0 2px #36ae80)}
.bolt-spark{stroke:#ffd2a0;stroke-width:1;filter:drop-shadow(0 0 4px #f08058)}
.bolt-end{fill:#e68b6f;filter:drop-shadow(0 0 6px #e68b6f)}
.periods{position:relative;background:rgba(8,12,10,.65)}
.periods button{position:relative}
footer .brand-mark{display:grid;width:34px;height:40px}
@media(prefers-reduced-motion:reduce){.bolt-current,.stream-current,.bolt-branch{animation:none}.binary-digit,.bolt-spark{display:none}}
@keyframes wire-run{to{stroke-dashoffset:-100}}
@keyframes logo-run{to{stroke-dashoffset:-115}}
@keyframes logo-glow{50%{opacity:.55}}
@media(max-width:900px){.hero h1,.hero-copy{max-width:calc(100% - 170px)}.hero h1{font-size:clamp(2.4rem,6.6vw,4.8rem)}.hero-wires{inset:0 -8px -22px}.hero-wire{width:calc((100% - 480px)/2);min-width:80px}.wire-badge{width:76px}.periods{max-width:calc(100% - 150px)}}
@media(max-width:520px){.hero{margin-top:38px}.hero h1,.hero-copy{max-width:calc(100% - 82px)}.hero h1{font-size:clamp(2rem,8.3vw,2.8rem)}.hero-copy{font-size:.9rem}.hero-wire{width:55px;min-width:0}.wire-badge{width:48px;top:40%}.hero-wires{inset:0 -7px -16px}.periods{max-width:calc(100% - 68px)}.periods button{font-size:.75rem}.brand-mark{width:34px;height:40px}}
@media(prefers-reduced-motion:reduce){.wire-energy path,.badge-orbit,.shield-inner,.shield-check{animation:none}}