:root{--sn-cyan:#55e7ff;--sn-blue:#5b8cff;--sn-violet:#9b73ff;--sn-green:#55f0b4;--sn-ink:#030914;--sn-panel:rgba(8,20,38,.72);--sn-line:rgba(111,214,255,.17)}
body.sn-page{background:#030914;color:#eef8ff;overflow-x:hidden}.sn-page .topbar{background:rgba(3,9,20,.78);border-bottom-color:rgba(102,216,255,.13);backdrop-filter:blur(18px)}
.sn-shell{width:min(1320px,calc(100% - 32px));margin:auto}.sn-hero{min-height:88vh;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:42px;padding:70px 0 44px;position:relative}.sn-hero:before{content:"";position:absolute;inset:-120px -20vw auto;height:700px;background:radial-gradient(circle at 25% 35%,rgba(57,189,255,.19),transparent 30%),radial-gradient(circle at 70% 25%,rgba(126,88,255,.16),transparent 32%);pointer-events:none}.sn-grid-bg{position:fixed;inset:0;opacity:.24;pointer-events:none;background-image:linear-gradient(rgba(90,220,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,220,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.sn-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(85,231,255,.22);background:rgba(85,231,255,.07);padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#bdf6ff}.sn-dot{width:8px;height:8px;border-radius:50%;background:var(--sn-green);box-shadow:0 0 18px var(--sn-green);animation:snPulse 2s infinite}@keyframes snPulse{50%{opacity:.45;transform:scale(.72)}}
.sn-hero h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.88;letter-spacing:-.065em;margin:22px 0 24px;max-width:850px}.sn-gradient{background:linear-gradient(90deg,#fff 5%,#a8efff 48%,#a98fff);-webkit-background-clip:text;background-clip:text;color:transparent}.sn-hero .lead{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.65;color:#a9bed5;max-width:760px}.sn-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.sn-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:12px;border:1px solid var(--sn-line);font-weight:800}.sn-btn.primary{background:linear-gradient(135deg,#297fff,#845fff);box-shadow:0 12px 42px rgba(74,117,255,.28)}.sn-btn.ghost{background:rgba(255,255,255,.035)}
.sn-visual{position:relative;min-height:600px;border:1px solid rgba(92,215,255,.15);border-radius:28px;overflow:hidden;background:#071323;box-shadow:0 45px 100px rgba(0,0,0,.45)}.sn-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.58;filter:saturate(.78) contrast(1.05)}.sn-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,20,.05),rgba(2,10,20,.78)),linear-gradient(90deg,rgba(21,100,180,.25),transparent 50%)}.sn-network{position:absolute;inset:0;z-index:2}.sn-node{position:absolute;padding:8px 11px;border:1px solid rgba(104,228,255,.25);background:rgba(3,15,28,.82);border-radius:10px;font-size:.73rem;font-weight:800;backdrop-filter:blur(8px);box-shadow:0 0 24px rgba(62,194,255,.12)}.sn-node:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:7px;background:var(--sn-green);box-shadow:0 0 10px var(--sn-green)}.n1{left:8%;top:14%}.n2{right:8%;top:24%}.n3{left:12%;bottom:24%}.n4{right:10%;bottom:13%}.n5{left:42%;top:48%;font-size:.82rem;border-color:rgba(155,115,255,.38)}.sn-line-anim{position:absolute;height:1px;transform-origin:left;background:linear-gradient(90deg,transparent,var(--sn-cyan),transparent);opacity:.7;animation:flow 3s linear infinite}@keyframes flow{0%{filter:brightness(.7)}50%{filter:brightness(1.8)}100%{filter:brightness(.7)}}
.sn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px auto 72px}.sn-stat{padding:19px;border:1px solid var(--sn-line);background:rgba(7,20,37,.68);border-radius:16px}.sn-stat strong{display:block;font-size:1.35rem}.sn-stat span{font-size:.82rem;color:#8fa9c2}.sn-section{padding:82px 0}.sn-section-head{max-width:840px;margin-bottom:32px}.sn-kicker{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#74eaff;font-weight:900}.sn-section h2{font-size:clamp(2rem,4.4vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px}.sn-section-head p{font-size:1.08rem;color:#9bb1c8;line-height:1.7}.sn-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sn-card{position:relative;border:1px solid var(--sn-line);background:linear-gradient(180deg,rgba(10,27,49,.72),rgba(5,15,29,.8));border-radius:20px;padding:24px;overflow:hidden}.sn-card:after{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-70px;background:radial-gradient(circle,rgba(73,203,255,.12),transparent 70%)}.sn-icon{font-size:1.55rem;margin-bottom:18px}.sn-card h3{font-size:1.18rem;margin:0 0 9px}.sn-card p{color:#93aac2;line-height:1.62;margin:0}.sn-card small{display:block;margin-top:14px;color:#6e8aa5}.sn-arch{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.sn-stack{display:grid;gap:10px}.sn-layer{border:1px solid var(--sn-line);background:rgba(6,21,39,.75);border-radius:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.sn-layer b{font-size:.95rem}.sn-layer span{color:#7e9bb6;font-size:.82rem}.sn-layer.core{border-color:rgba(85,231,255,.42);box-shadow:inset 0 0 30px rgba(45,173,255,.07)}
.sn-diagram{min-height:520px;border:1px solid var(--sn-line);border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(52,147,255,.11),transparent 30%),rgba(5,16,30,.78);position:relative;display:grid;place-items:center;overflow:hidden}.sn-core{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;background:radial-gradient(circle,#153e68,#081729 65%);border:1px solid rgba(93,224,255,.38);box-shadow:0 0 60px rgba(63,191,255,.2)}.sn-orbit{position:absolute;width:360px;height:360px;border:1px dashed rgba(102,215,255,.18);border-radius:50%;animation:spin 35s linear infinite}.sn-orbit.two{width:470px;height:470px;animation-duration:55s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.sn-satellite{position:absolute;padding:8px 10px;background:#07182b;border:1px solid var(--sn-line);border-radius:9px;font-size:.72rem;font-weight:800}.s1{top:-15px;left:43%}.s2{right:-34px;top:47%}.s3{bottom:-15px;left:40%}.s4{left:-32px;top:47%}
.sn-table-wrap{overflow:auto;border:1px solid var(--sn-line);border-radius:18px;background:rgba(5,17,31,.7)}.sn-table{width:100%;border-collapse:collapse;min-width:780px}.sn-table th,.sn-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.065);text-align:left}.sn-table th{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:#7fe9ff;background:rgba(255,255,255,.025)}.sn-table td{color:#abc0d4;font-size:.9rem}.sn-table td strong{color:#eef8ff}.sn-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(85,240,180,.08);border:1px solid rgba(85,240,180,.18);color:#9ff6d3;font-size:.72rem;font-weight:800}
.sn-photo-band{position:relative;min-height:480px;border-radius:26px;overflow:hidden;border:1px solid var(--sn-line)}.sn-photo-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sn-photo-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,18,.94),rgba(2,9,18,.45) 58%,rgba(2,9,18,.1))}.sn-photo-copy{position:relative;z-index:2;max-width:620px;padding:55px}.sn-photo-copy h2{font-size:clamp(2.1rem,4vw,4rem);margin:0 0 15px}.sn-photo-copy p{color:#b3c5d6;line-height:1.7;font-size:1.05rem}
.sn-calc{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.sn-form,.sn-result{border:1px solid var(--sn-line);border-radius:20px;background:rgba(6,20,37,.76);padding:24px}.sn-field{margin:0 0 16px}.sn-field label{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:#a8bfd4;margin-bottom:7px}.sn-field input{width:100%;accent-color:#55e7ff}.sn-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sn-result-box{padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025)}.sn-result-box span{font-size:.76rem;color:#829db6;display:block}.sn-result-box strong{font-size:1.25rem;display:block;margin-top:5px}.sn-disclaimer{font-size:.78rem;color:#718ca5;line-height:1.55;margin-top:16px}
.sn-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sn-step{padding:20px;border-top:2px solid rgba(85,231,255,.35);background:rgba(7,20,36,.55);border-radius:0 0 16px 16px}.sn-step b{display:block;margin-bottom:7px}.sn-step span{color:#88a2ba;font-size:.86rem;line-height:1.5}.sn-faq details{border-bottom:1px solid rgba(255,255,255,.08);padding:17px 0}.sn-faq summary{cursor:pointer;font-weight:800}.sn-faq p{color:#91aac2;line-height:1.65;max-width:900px}.sn-footer-cta{padding:70px 0 95px}.sn-footer-box{padding:42px;border:1px solid rgba(85,231,255,.22);border-radius:24px;background:radial-gradient(circle at 80% 20%,rgba(104,78,255,.15),transparent 35%),rgba(7,21,39,.8)}.sn-footer-box h2{font-size:clamp(2rem,4vw,3.8rem);margin:0 0 12px}.sn-footer-box p{color:#9db4c9;max-width:760px;line-height:1.65}.sn-credit{color:#68839c;font-size:.8rem;margin-top:22px}
@media(max-width:1000px){.sn-hero,.sn-arch,.sn-calc{grid-template-columns:1fr}.sn-visual{min-height:480px}.sn-card-grid{grid-template-columns:1fr 1fr}.sn-stats{grid-template-columns:1fr 1fr}.sn-roadmap{grid-template-columns:1fr 1fr}}@media(max-width:680px){.sn-shell{width:min(100% - 20px,1320px)}.sn-hero{padding-top:35px;min-height:auto}.sn-hero h1{font-size:3.4rem}.sn-visual{min-height:390px}.sn-card-grid,.sn-stats,.sn-roadmap,.sn-result-grid{grid-template-columns:1fr}.sn-section{padding:58px 0}.sn-photo-copy{padding:28px}.sn-photo-band{min-height:520px}.sn-node{font-size:.62rem}.n5{left:32%}.sn-footer-box{padding:28px}}
@media(prefers-reduced-motion:reduce){.sn-dot,.sn-orbit,.sn-line-anim{animation:none}}

/* Enterprise depth interactions */
.sn-layer-tabs .sn-layer{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:.25s ease}
.sn-layer-tabs .sn-layer:hover,.sn-layer-tabs .sn-layer:focus-visible{transform:translateX(5px);border-color:rgba(85,231,255,.38);outline:none}
.sn-layer-tabs .sn-layer.is-active{border-color:rgba(85,231,255,.55);background:linear-gradient(100deg,rgba(44,130,255,.16),rgba(9,24,44,.82));box-shadow:0 0 0 1px rgba(85,231,255,.06),inset 0 0 38px rgba(45,173,255,.08)}
.sn-diagram-xl{min-height:560px}.sn-orbit.three{width:260px;height:260px;border-style:solid;border-color:rgba(155,115,255,.18);animation-duration:22s}.sn-orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#9b73ff;box-shadow:0 0 18px #9b73ff}.d1{left:48%;top:-4px}.d2{right:-4px;top:48%}.d3{left:48%;bottom:-4px}.d4{left:-4px;top:48%}.sn-core{position:relative;z-index:4;flex-direction:column;line-height:1.05}.sn-core small{display:block;font-size:.57rem;letter-spacing:.17em;color:#72eaff;margin-bottom:7px}.sn-core span{display:block;font-size:.55rem;color:#7897b5;font-weight:700;margin-top:8px}
.sn-layer-detail-wrap{margin-top:16px}.sn-layer-detail{position:relative;display:grid;grid-template-columns:105px 1fr;gap:26px;border:1px solid rgba(94,220,255,.18);border-radius:22px;padding:28px;background:radial-gradient(circle at 5% 20%,rgba(60,158,255,.12),transparent 28%),rgba(5,17,31,.76);animation:snDetailIn .35s ease}.sn-layer-detail[hidden]{display:none}.sn-detail-number{font-size:4rem;font-weight:950;line-height:1;color:rgba(108,227,255,.18);letter-spacing:-.08em}.sn-layer-detail h3{font-size:clamp(1.7rem,3vw,2.5rem);margin:5px 0 10px}.sn-layer-detail p{color:#9fb6ca;line-height:1.7;max-width:980px}.sn-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.sn-detail-grid div{padding:15px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:13px}.sn-detail-grid strong,.sn-detail-grid span{display:block}.sn-detail-grid strong{font-size:.78rem;color:#dff8ff;margin-bottom:5px}.sn-detail-grid span{font-size:.78rem;color:#7f9ab3;line-height:1.45}@keyframes snDetailIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Planetary system visualization */
.sn-system-map{height:680px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--sn-line);border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(48,134,255,.16),transparent 20%),radial-gradient(circle at 30% 20%,rgba(155,115,255,.08),transparent 25%),#04101e;box-shadow:inset 0 0 90px rgba(0,0,0,.35)}
.sn-system-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(160,235,255,.55) 0 1px,transparent 1.5px);background-size:83px 79px;opacity:.18}
.sn-sun{position:relative;z-index:8;width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 36% 30%,#317bd1,#0a203b 56%,#061322 72%);border:1px solid rgba(115,231,255,.45);box-shadow:0 0 45px rgba(50,177,255,.35),0 0 120px rgba(70,94,255,.14);text-align:center}.sn-sun:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(85,231,255,.12);border-radius:50%;animation:snHalo 3s ease-in-out infinite}.sn-sun small{font-size:.6rem;letter-spacing:.18em;color:#a9f5ff}.sn-sun strong{font-size:1.65rem;letter-spacing:.02em}.sn-sun span{font-size:.58rem;color:#78a0bf;margin-top:6px}@keyframes snHalo{50%{transform:scale(1.06);opacity:.45}}
.sn-ring{position:absolute;border:1px dashed rgba(112,218,255,.14);border-radius:50%;animation:spin 44s linear infinite}.sn-ring.r1{width:330px;height:330px}.sn-ring.r2{width:480px;height:480px;animation-duration:62s;animation-direction:reverse}.sn-ring.r3{width:625px;height:625px;animation-duration:82s}.sn-planet{position:absolute;min-width:94px;padding:10px 12px;border:1px solid rgba(101,220,255,.23);border-radius:999px;background:rgba(6,23,41,.94);box-shadow:0 0 28px rgba(63,191,255,.12);font-size:.67rem;font-weight:900;text-align:center;letter-spacing:.04em}.sn-planet small{display:block;color:#6e91ae;font-size:.52rem;margin-top:2px}.p1{left:42%;top:-20px}.p2{left:42%;bottom:-20px}.p3{right:-50px;top:45%}.p4{left:-48px;top:45%}.p5{left:42%;top:-20px}.p6{right:5%;top:10%}.p7{left:5%;bottom:10%}.sn-map-caption{position:absolute;left:22px;bottom:18px;z-index:10;display:flex;gap:8px;flex-wrap:wrap}.sn-map-caption span{padding:7px 10px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(3,12,23,.74);font-size:.68rem;color:#86a6bf}.sn-map-caption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55e7ff;box-shadow:0 0 10px #55e7ff;margin-right:6px}

/* Contact fallback */
.sn-contact-panel{margin-top:26px;padding:20px;border:1px solid rgba(85,231,255,.16);border-radius:18px;background:rgba(2,13,25,.55);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.sn-contact-label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:#70e7ff;font-weight:900;margin-bottom:5px}.sn-contact-panel strong{font-size:clamp(1.05rem,2vw,1.35rem);word-break:break-word}.sn-contact-panel small{display:block;color:#7592ad;margin-top:6px}.sn-contact-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sn-copy-status{grid-column:1/-1;min-height:1em;color:#8ff2c9;font-size:.78rem}

@media(max-width:1000px){.sn-detail-grid{grid-template-columns:1fr 1fr}.sn-contact-panel{grid-template-columns:1fr}.sn-contact-actions{justify-content:flex-start}.sn-system-map{height:620px;transform:translateZ(0)}}
@media(max-width:680px){.sn-layer-detail{grid-template-columns:1fr;padding:20px}.sn-detail-number{font-size:2.8rem}.sn-detail-grid{grid-template-columns:1fr}.sn-system-map{height:500px}.sn-ring.r1{width:250px;height:250px}.sn-ring.r2{width:360px;height:360px}.sn-ring.r3{width:460px;height:460px}.sn-sun{width:145px;height:145px}.sn-sun strong{font-size:1.25rem}.sn-planet{min-width:76px;padding:7px 8px;font-size:.56rem}.sn-map-caption{left:12px;right:12px}.sn-diagram-xl{min-height:450px}.sn-orbit{width:280px;height:280px}.sn-orbit.two{width:390px;height:390px}.sn-orbit.three{width:210px;height:210px}}
@media(prefers-reduced-motion:reduce){.sn-ring,.sn-sun:after{animation:none}}

/* Resident cost model */
.sn-resident-section{background:linear-gradient(180deg,transparent,rgba(13,39,67,.18),transparent)}
.sn-resident-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.sn-resident-calc,.sn-resident-result{border:1px solid var(--sn-line);border-radius:22px;background:rgba(6,20,37,.78);padding:26px}.sn-cost-total{padding:24px;border:1px solid rgba(85,231,255,.2);border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(76,109,255,.16),transparent 38%),rgba(255,255,255,.025)}.sn-cost-total span,.sn-cost-total small{display:block;color:#83a0ba}.sn-cost-total strong{font-size:clamp(2.6rem,5vw,5rem);line-height:1;margin:10px 0 8px;letter-spacing:-.05em}.sn-cost-horizon{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.sn-cost-horizon div{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.sn-cost-horizon span{display:block;color:#7895b0;font-size:.75rem}.sn-cost-horizon strong{font-size:1.2rem}.sn-cost-stack{margin-top:22px}.sn-stack-row{display:grid;grid-template-columns:130px 1fr 60px;gap:10px;align-items:center;margin:10px 0;color:#8da8c0;font-size:.75rem}.sn-stack-row i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#55e7ff,#735dff);min-width:2px;transition:width .3s ease}.sn-stack-row b{text-align:right;color:#dcefff}
.sn-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sn-compare-card{position:relative;min-height:540px;border:1px solid var(--sn-line);border-radius:24px;padding:26px;background:rgba(5,17,31,.75);overflow:hidden}.sn-compare-card.old{background:radial-gradient(circle at 50% 45%,rgba(255,102,102,.09),transparent 34%),rgba(5,17,31,.78)}.sn-compare-card.future{background:radial-gradient(circle at 50% 45%,rgba(85,231,255,.12),transparent 35%),rgba(5,17,31,.78)}.sn-compare-title span{display:block;color:#6ee8ff;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:900}.sn-compare-title strong{font-size:1.35rem;display:block;margin-top:5px}.sn-compare-card>p{position:absolute;left:26px;right:26px;bottom:20px;color:#8fa9c0;line-height:1.6}
.sn-mini-orbit{height:350px;position:relative;display:grid;place-items:center}.sn-person-core{width:145px;height:145px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 35% 30%,#32476a,#101a2a 65%);border:1px solid rgba(255,255,255,.18);font-weight:900;box-shadow:0 0 50px rgba(255,120,110,.12)}.sn-person-core small{color:#ffb5a9;margin-top:5px}.sn-service-orbit{position:absolute;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#0a1828;font-size:.65rem;font-weight:900;box-shadow:0 0 20px rgba(255,255,255,.04);animation:snFloat 4s ease-in-out infinite}.sn-service-orbit small{display:block;color:#829cb3;text-align:center}.so1{left:13%;top:23%}.so2{right:12%;top:20%;animation-delay:-1s}.so3{left:7%;bottom:25%;animation-delay:-2s}.so4{right:15%;bottom:20%;animation-delay:-3s}.so5{left:43%;top:5%;animation-delay:-1.7s}@keyframes snFloat{50%{transform:translateY(-8px)}}
.sn-clean-model{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sn-clean-core{width:min(330px,88%);padding:28px;border:1px solid rgba(85,231,255,.28);border-radius:20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(67,187,255,.2),transparent 55%),rgba(7,25,45,.9);box-shadow:0 0 50px rgba(68,187,255,.13)}.sn-clean-core small{display:block;color:#6ee8ff;letter-spacing:.13em;font-size:.62rem}.sn-clean-core strong{display:block;font-size:1.4rem;margin-top:7px}.sn-clean-line{height:42px;width:1px;background:linear-gradient(#55e7ff,rgba(85,231,255,.1))}.sn-choice-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.sn-choice-row span{padding:8px 10px;border:1px solid rgba(85,231,255,.13);border-radius:999px;color:#91acc3;background:rgba(8,24,42,.8);font-size:.7rem}.sn-manifesto{margin-top:18px;padding:32px;border:1px solid rgba(85,231,255,.18);border-radius:22px;text-align:center;background:linear-gradient(100deg,rgba(31,108,178,.13),rgba(85,57,166,.1))}.sn-manifesto span{display:block;color:#65e8ff;letter-spacing:.18em;font-size:.62rem;font-weight:900}.sn-manifesto strong{display:block;font-size:clamp(1.7rem,4vw,3.5rem);margin:10px 0;letter-spacing:-.03em}.sn-manifesto p{color:#96adc2;margin:0}
@media(max-width:1000px){.sn-resident-grid,.sn-compare-grid{grid-template-columns:1fr}}@media(max-width:680px){.sn-cost-horizon{grid-template-columns:1fr}.sn-stack-row{grid-template-columns:95px 1fr 48px}.sn-compare-card{min-height:510px;padding:20px}.sn-service-orbit{font-size:.58rem}.sn-compare-card>p{left:20px;right:20px}}
@media(prefers-reduced-motion:reduce){.sn-service-orbit{animation:none}}

/* Example building / digital twin */
.sn-case-section{background:linear-gradient(180deg,transparent,rgba(8,34,58,.24),transparent)}
.sn-case-hero{position:relative;border:1px solid var(--sn-line);border-radius:26px;overflow:hidden;min-height:520px;background:#071421;box-shadow:0 28px 80px rgba(0,0,0,.24)}
.sn-case-hero picture,.sn-case-hero img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}
.sn-case-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,22,.05),rgba(3,12,22,.28) 55%,rgba(3,12,22,.72)),linear-gradient(90deg,rgba(4,18,31,.18),transparent 50%,rgba(4,18,31,.08));pointer-events:none}
.sn-case-scanline{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(85,231,255,.8),transparent);box-shadow:0 0 18px rgba(85,231,255,.7);animation:snCaseScan 6s linear infinite;pointer-events:none}
@keyframes snCaseScan{0%{top:4%;opacity:0}10%{opacity:.8}90%{opacity:.8}100%{top:96%;opacity:0}}
.sn-hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 7px;border-radius:999px;border:1px solid rgba(113,229,255,.32);background:rgba(3,16,29,.82);backdrop-filter:blur(10px);color:#e9f9ff;cursor:pointer;box-shadow:0 0 0 0 rgba(85,231,255,.28);transition:.25s ease}
.sn-hotspot:before{content:"";position:absolute;left:18px;top:50%;width:1px;height:52px;background:linear-gradient(rgba(85,231,255,.65),transparent);transform:translateY(12px);pointer-events:none}
.sn-hotspot span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(85,231,255,.14);border:1px solid rgba(85,231,255,.28);font-size:.62rem;font-weight:900;color:#69e8ff}
.sn-hotspot b{font-size:.62rem;letter-spacing:.08em}
.sn-hotspot:hover,.sn-hotspot.is-active{transform:translateY(-2px);border-color:rgba(85,231,255,.75);box-shadow:0 0 0 8px rgba(85,231,255,.08),0 0 26px rgba(85,231,255,.18)}
.hs-core{left:47%;top:53%}.hs-home{right:14%;top:31%}.hs-access{left:39%;bottom:18%}.hs-energy{left:17%;top:34%}
.sn-case-console{display:grid;grid-template-columns:300px 1fr;gap:16px;margin-top:16px;border:1px solid var(--sn-line);border-radius:22px;background:rgba(5,18,33,.86);padding:18px}
.sn-case-status{padding:18px;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center}
.sn-case-status strong{font-size:.72rem;letter-spacing:.1em}.sn-case-status small{display:block;margin-top:8px;color:#7894ab;line-height:1.5}.sn-status-dot{width:9px;height:9px;border-radius:50%;background:#64ebff;box-shadow:0 0 16px rgba(100,235,255,.9);margin-bottom:12px;animation:snPulse 2s ease-in-out infinite}
@keyframes snPulse{50%{opacity:.45;box-shadow:0 0 4px rgba(100,235,255,.4)}}
.sn-case-panel{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;padding:16px 18px}.sn-case-panel[hidden]{display:none}.sn-case-no{font-size:2.5rem;line-height:1;font-weight:900;color:rgba(96,228,255,.18)}.sn-case-panel h3{font-size:1.35rem;margin:4px 0 8px}.sn-case-panel p{margin:0;color:#94adc2;line-height:1.65}.sn-case-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.sn-case-tags span{padding:6px 9px;border-radius:999px;border:1px solid rgba(85,231,255,.13);background:rgba(85,231,255,.04);color:#7fdff1;font-size:.62rem;font-weight:800;letter-spacing:.04em}
.sn-case-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.sn-case-metrics div{padding:18px;border:1px solid var(--sn-line);border-radius:16px;background:rgba(6,20,36,.68)}.sn-case-metrics strong{display:block;font-size:1.45rem}.sn-case-metrics span{display:block;color:#819db5;font-size:.72rem;margin-top:5px;line-height:1.4}
.sn-case-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;margin-top:16px;padding:26px;border:1px solid rgba(85,231,255,.16);border-radius:22px;background:linear-gradient(105deg,rgba(36,116,183,.12),rgba(28,22,74,.1))}.sn-case-story h3{font-size:1.45rem;margin:6px 0 0}.sn-case-story p{margin:0;color:#92aabf;line-height:1.7}
@media(max-width:900px){.sn-case-console{grid-template-columns:1fr}.sn-case-status{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.sn-case-metrics{grid-template-columns:1fr 1fr}.sn-case-story{grid-template-columns:1fr}.sn-case-hero,.sn-case-hero picture,.sn-case-hero img{min-height:460px}.hs-core{left:43%;top:53%}.hs-home{right:7%;top:26%}.hs-access{left:34%;bottom:15%}.hs-energy{left:8%;top:32%}}
@media(max-width:620px){.sn-case-hero,.sn-case-hero picture,.sn-case-hero img{min-height:420px}.sn-hotspot b{display:none}.sn-hotspot{padding-right:7px}.sn-hotspot:before{height:35px}.sn-case-panel{grid-template-columns:1fr}.sn-case-no{font-size:2rem}.sn-case-metrics{grid-template-columns:1fr}.hs-core{left:44%;top:52%}.hs-home{right:5%;top:25%}.hs-access{left:35%;bottom:16%}.hs-energy{left:7%;top:31%}}
@media(prefers-reduced-motion:reduce){.sn-case-scanline,.sn-status-dot{animation:none}}


/* ================================================================
   SAMEIENETT · PROGRESSIVE ARCHITECTURE
   01–04 builds the same visual layer by layer.
   ================================================================ */

.sn-progressive-arch {
    isolation: isolate;
    background:
        radial-gradient(circle at 50% 50%, rgba(52, 147, 255, .13), transparent 28%),
        radial-gradient(circle at 50% 50%, rgba(129, 91, 255, .05), transparent 56%),
        rgba(5, 16, 30, .82);
}

.sn-build-caption {
    position: absolute;
    z-index: 20;
    top: 18px;
    left: 18px;
    display: grid;
    gap: 3px;
    max-width: 265px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 13px;
    background: rgba(5, 17, 31, .72);
    backdrop-filter: blur(12px);
}

.sn-build-caption span {
    color: #6fe7ff;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .16em;
}

.sn-build-caption strong {
    font-size: .9rem;
}

.sn-build-caption small {
    color: #6f8ca8;
    font-size: .66rem;
    line-height: 1.35;
}

.sn-arch-stage {
    position: absolute;
    inset: 0;
    pointer-events: none;
    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.2,.8,.2,1),
        filter .45s ease;
}

.sn-build-core {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sn-build-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: .5s ease;
}

.ring-distribution {
    width: 285px;
    height: 285px;
    border: 1px solid rgba(91, 226, 255, .25);
    box-shadow: inset 0 0 35px rgba(51, 178, 255, .025);
}

.ring-homes {
    width: 405px;
    height: 405px;
    border: 1px dashed rgba(122, 167, 255, .20);
}

.ring-services {
    width: 515px;
    height: 515px;
    border: 1px dotted rgba(167, 117, 255, .26);
}

.sn-build-node {
    position: absolute;
    z-index: 8;
    min-width: 70px;
    padding: 8px 9px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 11px;
    background: rgba(7, 24, 43, .95);
    text-align: center;
    font-size: .67rem;
    font-weight: 900;
    box-shadow: 0 9px 28px rgba(0,0,0,.24);
}

.sn-build-node small {
    display: block;
    margin-top: 2px;
    color: #718da8;
    font-size: .53rem;
    font-weight: 700;
}

.sn-build-node.switch {
    border-color: rgba(90, 229, 255, .27);
}

.sn-build-node.home {
    border-color: rgba(99, 161, 255, .25);
}

.sn-build-node.service {
    border-color: rgba(170, 116, 255, .25);
}

/* Distribution nodes */
.sw1 { left: 50%; top: 24%; }
.sw2 { left: 76%; top: 50%; }
.sw3 { left: 50%; top: 76%; }
.sw4 { left: 24%; top: 50%; }

/* Homes */
.h1 { left: 50%; top: 14%; }
.h2 { left: 82%; top: 31%; }
.h3 { left: 82%; top: 69%; }
.h4 { left: 50%; top: 86%; }
.h5 { left: 18%; top: 69%; }
.h6 { left: 18%; top: 31%; }

/* Services */
.svc1 { left: 50%; top: 5%; }
.svc2 { left: 87%; top: 22%; }
.svc3 { left: 94%; top: 58%; }
.svc4 { left: 72%; top: 91%; }
.svc5 { left: 28%; top: 91%; }
.svc6 { left: 6%; top: 48%; }

.sn-build-link {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 124px;
    height: 1px;
    transform-origin: left center;
    background: linear-gradient(90deg, rgba(93, 225, 255, .42), transparent);
}

.link1 { transform: rotate(-90deg); }
.link2 { transform: rotate(0deg); }
.link3 { transform: rotate(90deg); }
.link4 { transform: rotate(180deg); }

.sn-build-legend {
    position: absolute;
    z-index: 20;
    left: 18px;
    bottom: 17px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
    padding: 9px 11px;
    border-radius: 11px;
    background: rgba(5,17,31,.66);
    color: #738da6;
    font-size: .6rem;
}

.sn-build-legend span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sn-build-legend i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.core-dot { background: #65e4ff; }
.dist-dot { background: #3db9ff; }
.home-dot { background: #678fff; }
.service-dot { background: #a872ff; }

/* Build states: later stages remain in DOM but fade away until selected. */
.sn-progressive-arch[data-stage="01"] .stage-distribution,
.sn-progressive-arch[data-stage="01"] .stage-homes,
.sn-progressive-arch[data-stage="01"] .stage-services {
    opacity: 0;
    transform: scale(.82);
    filter: blur(4px);
}

.sn-progressive-arch[data-stage="02"] .stage-homes,
.sn-progressive-arch[data-stage="02"] .stage-services {
    opacity: 0;
    transform: scale(.86);
    filter: blur(4px);
}

.sn-progressive-arch[data-stage="03"] .stage-services {
    opacity: 0;
    transform: scale(.90);
    filter: blur(4px);
}

.sn-progressive-arch[data-stage="02"] .stage-distribution,
.sn-progressive-arch[data-stage="03"] .stage-distribution,
.sn-progressive-arch[data-stage="03"] .stage-homes,
.sn-progressive-arch[data-stage="04"] .stage-distribution,
.sn-progressive-arch[data-stage="04"] .stage-homes,
.sn-progressive-arch[data-stage="04"] .stage-services {
    opacity: 1;
    transform: scale(1);
    filter: none;
}

.sn-progressive-arch[data-stage="04"] .ring-services {
    animation: snServicePulse 3.3s ease-in-out infinite;
}

@keyframes snServicePulse {
    50% {
        box-shadow: 0 0 36px rgba(166, 113, 255, .11);
        border-color: rgba(179, 132, 255, .45);
    }
}

.sn-layer-deep-action {
    margin-top: 18px;
}

.sn-layer-deep-action .sn-btn {
    width: fit-content;
}

@media (max-width: 680px) {
    .sn-build-caption {
        top: 10px;
        left: 10px;
        max-width: 200px;
    }

    .ring-distribution {
        width: 220px;
        height: 220px;
    }

    .ring-homes {
        width: 310px;
        height: 310px;
    }

    .ring-services {
        width: 395px;
        height: 395px;
    }

    .sn-build-node {
        min-width: 61px;
        padding: 6px 7px;
        font-size: .57rem;
    }

    .sn-build-node small {
        font-size: .47rem;
    }

    .sn-build-legend {
        display: none;
    }

    .sn-build-link {
        width: 95px;
    }
}

/* ===== IANS SameieNett V2.1 DATA ORBIT EXPERIENCE ===== */
body.sameienett-v21{
  background:
    radial-gradient(circle at 76% 18%,rgba(38,103,205,.16),transparent 30%),
    radial-gradient(circle at 18% 66%,rgba(74,37,169,.10),transparent 35%),
    linear-gradient(180deg,#020814 0%,#06101d 50%,#030913 100%)!important;
}
body.sameienett-v21::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.30;
  background-image:
    radial-gradient(circle at 12% 19%,#4ad9ff 0 1px,transparent 1.4px),
    radial-gradient(circle at 73% 28%,#776fff 0 1px,transparent 1.4px),
    radial-gradient(circle at 46% 79%,#46a5ff 0 1px,transparent 1.4px);
  background-size:170px 130px,230px 170px,290px 210px;
}
.sameienett-v21 main{position:relative}
.sameienett-v21 main::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background:
    linear-gradient(115deg,transparent 0 48%,rgba(62,145,255,.06) 49%,transparent 50%),
    linear-gradient(-22deg,transparent 0 48%,rgba(123,80,255,.05) 49%,transparent 50%);
  background-size:250px 180px,320px 240px;
}

.sn-orbit-host{
  min-height:430px!important;border:1px solid rgba(72,129,198,.22)!important;border-radius:22px!important;
  overflow:hidden!important;background:linear-gradient(160deg,rgba(5,20,42,.93),rgba(3,10,24,.88))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.02)!important;
}
.sn-orbit-shell{position:relative;width:100%;height:100%;min-height:430px;isolation:isolate}
.sn-grid-lines{position:absolute;inset:0;opacity:.25;background:
  linear-gradient(26deg,transparent 49%,rgba(74,162,255,.07) 50%,transparent 51%),
  linear-gradient(-18deg,transparent 49%,rgba(95,91,255,.06) 50%,transparent 51%);
  background-size:165px 125px,210px 170px}
.sn-grid-lines::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#4bd6ff 0 1px,transparent 1.5px);background-size:92px 72px;opacity:.22}
.sn-core-glow{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(61,184,255,.20),rgba(31,90,173,.08) 42%,transparent 70%);filter:blur(4px)}
.sn-orbit-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(66,125,194,.16);border-radius:50%;pointer-events:none}
.sn-orbit-ring.r1{width:42%;aspect-ratio:1}.sn-orbit-ring.r2{width:64%;aspect-ratio:1}.sn-orbit-ring.r3{width:86%;aspect-ratio:1}
.sn-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 40% 35%,rgba(27,117,200,.34),rgba(4,18,37,.96) 70%);border:1px solid rgba(78,181,229,.38);box-shadow:0 0 55px rgba(37,150,255,.18),0 0 0 10px rgba(38,106,180,.04)}
.sn-core span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#4ce6df,#3e8cff,#7658ff);font-weight:900;color:#fff;box-shadow:0 0 22px rgba(68,145,255,.25)}
.sn-core strong{display:block;font-size:14px;color:#f0f7ff;letter-spacing:.04em}.sn-core small{display:block;color:#7f98b1;font-size:9px;line-height:1.35}

.sn-node{position:absolute;appearance:none;border:1px solid rgba(83,139,201,.23);border-radius:999px;padding:8px 12px;min-width:110px;background:rgba(4,18,38,.90);color:#eaf5ff;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.22);animation:snFloat var(--dur,28s) ease-in-out infinite alternate;cursor:default}
.sn-node strong,.sn-node small{display:block}.sn-node strong{font-size:10px}.sn-node small{font-size:8px;color:#6faed1;margin-top:2px}
.sn-node.n1{left:8%;top:16%}.sn-node.n2{right:7%;top:22%}.sn-node.n3{right:10%;bottom:16%}.sn-node.n4{left:6%;bottom:19%}.sn-node.n5{left:48%;top:8%}.sn-node.n6{left:44%;bottom:7%}.sn-node.n7{left:2%;top:49%}.sn-node.n8{right:1%;top:51%}
.sn-node:nth-of-type(odd){border-color:rgba(66,207,203,.26)}.sn-node:nth-of-type(even){border-color:rgba(104,107,240,.25)}
.sn-data-beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(71,196,255,.28),transparent);transform-origin:left center;opacity:.7}.sn-data-beam.b1{left:18%;top:29%;width:32%;rotate:18deg}.sn-data-beam.b2{left:51%;top:35%;width:35%;rotate:-16deg}.sn-data-beam.b3{left:26%;top:70%;width:48%;rotate:-4deg}

.sn-floating-info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}
.sn-floating-info article{padding:15px 16px;border-radius:12px;border:1px solid rgba(72,126,187,.19);background:linear-gradient(160deg,rgba(6,21,42,.86),rgba(3,12,27,.78))}
.sn-floating-info span{font-size:9px;color:#55d5ff;font-weight:900}.sn-floating-info strong,.sn-floating-info small{display:block}.sn-floating-info strong{font-size:12px;margin-top:7px;color:#eef6ff}.sn-floating-info small{font-size:9px;color:#7f94aa;margin-top:4px;line-height:1.45}

@keyframes snFloat{from{translate:0 -4px}to{translate:0 5px}}
@media (prefers-reduced-motion:reduce){.sn-node{animation:none!important}}
@media(max-width:900px){.sn-orbit-host{min-height:360px!important}.sn-orbit-shell{min-height:360px}.sn-node{min-width:92px;padding:7px 9px}.sn-core{width:140px;height:140px}.sn-floating-info{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.sn-node.n7,.sn-node.n8{display:none}.sn-floating-info{grid-template-columns:1fr}.sn-core{width:125px;height:125px}.sn-node{font-size:9px}}

/* ===== IANS SameieNett V2.2 HERO ORBIT MATCH ===== */
.sn-hero-orbit-v22{
  position:relative!important;
  min-height:480px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(71,143,222,.26)!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(38,132,231,.13),transparent 33%),
    linear-gradient(155deg,rgba(6,24,48,.97),rgba(2,10,23,.94))!important;
  box-shadow:0 32px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)!important;
}
.sn-v22-space{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.sn-v22-stars{position:absolute;inset:0;opacity:.32;background-image:
  radial-gradient(circle,#4bdcff 0 1px,transparent 1.5px),
  radial-gradient(circle,#7f72ff 0 1px,transparent 1.5px);
  background-size:86px 72px,137px 111px;background-position:0 0,34px 29px}
.sn-v22-stars::after{
  content:"";position:absolute;inset:-15%;
  background:
    linear-gradient(28deg,transparent 49.5%,rgba(67,169,255,.08) 50%,transparent 50.5%),
    linear-gradient(-24deg,transparent 49.5%,rgba(102,81,255,.06) 50%,transparent 50.5%);
  background-size:190px 150px,240px 180px;
}
.sn-v22-ring{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(61,126,203,.18);pointer-events:none}
.sn-v22-ring.r1{width:42%;aspect-ratio:1}
.sn-v22-ring.r2{width:63%;aspect-ratio:1}
.sn-v22-ring.r3{width:84%;aspect-ratio:1}
.sn-v22-core{
  position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  width:172px;height:172px;border-radius:50%;
  display:grid;place-items:center;text-align:center;padding:22px;z-index:4;
  background:radial-gradient(circle at 38% 32%,rgba(49,151,235,.34),rgba(4,17,35,.97) 69%);
  border:1px solid rgba(80,181,234,.42);
  box-shadow:0 0 65px rgba(44,157,255,.18),0 0 0 10px rgba(43,111,189,.04);
}
.sn-v22-core-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#4de5df,#398fff,#7e5dff);color:white;font-weight:900;box-shadow:0 0 24px rgba(67,148,255,.28)}
.sn-v22-core strong{font-size:15px;line-height:1.02;color:#f1f7ff;letter-spacing:.03em}
.sn-v22-core small{font-size:8px;color:#7e97b2;line-height:1.35}

.sn-v22-orbit{
  --radius:150px;
  position:absolute;left:50%;top:48%;width:0;height:0;
  transform-origin:0 0;z-index:3;
  animation:snV22Orbit var(--speed,48s) linear infinite;
}
.sn-v22-orbit.orbit-1{--radius:128px}
.sn-v22-orbit.orbit-2{--radius:188px}
.sn-v22-orbit.orbit-3{--radius:245px}
.sn-v22-node{
  position:absolute;left:var(--radius);top:0;
  transform:translate(-50%,-50%);
  min-width:108px;padding:8px 11px;border-radius:999px;
  background:rgba(4,18,37,.94);
  border:1px solid rgba(80,153,224,.28);
  box-shadow:0 10px 28px rgba(0,0,0,.25),0 0 22px rgba(39,136,255,.05);
  text-align:center;
  animation:snV22Counter var(--speed,48s) linear infinite;
}
.sn-v22-node strong,.sn-v22-node small{display:block}
.sn-v22-node strong{font-size:10px;color:#eaf6ff}
.sn-v22-node small{font-size:7px;color:#69acd1;margin-top:2px}
.sn-v22-orbit:nth-of-type(3n) .sn-v22-node{border-color:rgba(67,214,199,.30)}
.sn-v22-orbit:nth-of-type(4n) .sn-v22-node{border-color:rgba(128,101,255,.30)}

.sn-v22-caption{
  position:absolute;left:24px;bottom:20px;z-index:5;
  padding:10px 12px;border-radius:11px;
  border:1px solid rgba(65,135,205,.18);
  background:rgba(3,14,29,.72);backdrop-filter:blur(8px)
}
.sn-v22-caption span,.sn-v22-caption strong{display:block}
.sn-v22-caption span{font-size:8px;font-weight:900;color:#54d8ff;letter-spacing:.12em}
.sn-v22-caption strong{font-size:11px;color:#dcecff;margin-top:4px}

@keyframes snV22Orbit{
  from{transform:rotate(var(--start,0deg))}
  to{transform:rotate(calc(var(--start,0deg) + 360deg))}
}
@keyframes snV22Counter{
  from{transform:translate(-50%,-50%) rotate(calc(var(--start,0deg) * -1))}
  to{transform:translate(-50%,-50%) rotate(calc((var(--start,0deg) + 360deg) * -1))}
}
@media(prefers-reduced-motion:reduce){
  .sn-v22-orbit,.sn-v22-node{animation-play-state:paused!important}
}
@media(max-width:1050px){
  .sn-hero-orbit-v22{min-height:420px!important}
  .sn-v22-orbit.orbit-1{--radius:108px}
  .sn-v22-orbit.orbit-2{--radius:158px}
  .sn-v22-orbit.orbit-3{--radius:205px}
  .sn-v22-node{min-width:92px;padding:7px 9px}
  .sn-v22-core{width:145px;height:145px}
}
@media(max-width:680px){
  .sn-hero-orbit-v22{min-height:380px!important}
  .sn-v22-orbit.orbit-3{--radius:175px}
  .sn-v22-node{min-width:78px}
  .sn-v22-node strong{font-size:8px}
  .sn-v22-node small{display:none}
}

/* ===== IANS SameieNett V2.3 HERO ORBIT CLEAN ===== */
.sn-v23-host{
  position:relative!important;
  min-height:520px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(73,145,224,.27)!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(40,139,239,.16),transparent 30%),
    radial-gradient(circle at 80% 15%,rgba(94,70,220,.08),transparent 28%),
    linear-gradient(155deg,rgba(5,22,46,.98),rgba(2,9,22,.97))!important;
  box-shadow:0 36px 110px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.025)!important;
}

.sn-v23-space{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.sn-v23-stars{position:absolute;inset:0;opacity:.28;background-image:
  radial-gradient(circle,#4fe0ff 0 1px,transparent 1.5px),
  radial-gradient(circle,#786fff 0 1px,transparent 1.5px);
  background-size:88px 72px,142px 116px;background-position:0 0,31px 27px}
.sn-v23-stars::after{
  content:"";position:absolute;inset:-12%;
  background:
    linear-gradient(28deg,transparent 49.4%,rgba(68,171,255,.07) 50%,transparent 50.6%),
    linear-gradient(-23deg,transparent 49.4%,rgba(108,85,255,.055) 50%,transparent 50.6%);
  background-size:205px 158px,255px 190px
}

.sn-v23-ring{
  position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);
  border-radius:50%;pointer-events:none;
  border:1px solid rgba(68,132,208,.17)
}
.sn-v23-ring.ring1{width:38%;height:32%}
.sn-v23-ring.ring2{width:60%;height:52%}
.sn-v23-ring.ring3{width:82%;height:70%}

.sn-v23-core{
  position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);
  width:178px;height:178px;border-radius:50%;z-index:5;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  text-align:center;padding:22px;
  background:radial-gradient(circle at 38% 32%,rgba(52,157,242,.38),rgba(4,17,35,.98) 69%);
  border:1px solid rgba(83,186,239,.44);
  box-shadow:0 0 72px rgba(45,160,255,.21),0 0 0 12px rgba(45,112,190,.04)
}
.sn-v23-core-icon{
  display:grid;place-items:center;width:44px;height:44px;border-radius:14px;
  background:linear-gradient(135deg,#4ee6df,#3a91ff,#7f5dff);
  color:#fff;font-weight:900;box-shadow:0 0 26px rgba(68,150,255,.30)
}
.sn-v23-core strong{font-size:15px;line-height:1.02;color:#f1f7ff;letter-spacing:.035em}
.sn-v23-core small{font-size:8px;color:#819ab5;line-height:1.35}

.sn-v23-node{
  position:absolute;z-index:4;transform:translate(-50%,-50%);
  min-width:108px;max-width:145px;padding:8px 11px;border-radius:999px;
  background:rgba(4,18,37,.95);border:1px solid rgba(80,154,225,.29);
  box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 22px rgba(39,136,255,.055);
  text-align:center;white-space:nowrap;
  transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;
}
.sn-v23-node:hover{border-color:rgba(82,210,255,.58);box-shadow:0 12px 34px rgba(0,0,0,.30),0 0 28px rgba(50,160,255,.13);background:rgba(6,25,48,.98)}
.sn-v23-node strong,.sn-v23-node small{display:block}
.sn-v23-node strong{font-size:10px;color:#eaf6ff}
.sn-v23-node small{font-size:7px;color:#6fb1d6;margin-top:2px}
.sn-v23-node:nth-child(3n){border-color:rgba(68,216,201,.30)}
.sn-v23-node:nth-child(4n){border-color:rgba(127,102,255,.30)}

.sn-v23-caption{
  position:absolute;left:22px;bottom:18px;z-index:6;
  padding:10px 12px;border-radius:11px;
  border:1px solid rgba(65,136,205,.18);
  background:rgba(3,14,29,.74);backdrop-filter:blur(8px)
}
.sn-v23-caption span,.sn-v23-caption strong{display:block}
.sn-v23-caption span{font-size:8px;font-weight:900;color:#55d9ff;letter-spacing:.12em}
.sn-v23-caption strong{font-size:11px;color:#dcecff;margin-top:4px}

/* V2.1 floating cards: keep them separated from following content */
.sameienett-v21 .sn-floating-info{margin-top:34px!important;margin-bottom:34px!important}

@media(max-width:1050px){
  .sn-v23-host{min-height:450px!important}
  .sn-v23-core{width:150px;height:150px}
  .sn-v23-node{min-width:92px;max-width:120px;padding:7px 9px}
}
@media(max-width:700px){
  .sn-v23-host{min-height:390px!important}
  .sn-v23-core{width:126px;height:126px;padding:16px}
  .sn-v23-node{min-width:76px;max-width:95px;padding:6px 7px}
  .sn-v23-node strong{font-size:8px}
  .sn-v23-node small{display:none}
  .sn-v23-caption{display:none}
}

/* ===== IANS SameieNett V2.4 GPU SMOOTH ORBIT ===== */
.sn-v23-nodes{position:absolute;inset:0;z-index:4;pointer-events:none}
.sn-v23-node{
  left:0!important;
  top:0!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  contain:layout style paint;
}

/* ===== IANS SameieNett V2.4.1 SMOOTH ORBIT FIX ===== */
.sn-v23-nodes{position:absolute;inset:0;z-index:4;pointer-events:none}
.sn-v23-nodes .sn-v23-node{
  left:50%!important;
  top:47%!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-origin:center center;
}

/* ===== IANS SameieNett V2.5 CSS ORBIT ENGINE ===== */
.sn-v25-host{
  position:relative!important;
  min-height:520px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(73,145,224,.27)!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(40,139,239,.16),transparent 31%),
    radial-gradient(circle at 82% 14%,rgba(94,70,220,.08),transparent 28%),
    linear-gradient(155deg,rgba(5,22,46,.98),rgba(2,9,22,.97))!important;
  box-shadow:0 36px 110px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.025)!important;
}
.sn-v25-space{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.sn-v25-stars{position:absolute;inset:0;opacity:.28;background-image:
  radial-gradient(circle,#4fe0ff 0 1px,transparent 1.5px),
  radial-gradient(circle,#786fff 0 1px,transparent 1.5px);
  background-size:88px 72px,142px 116px;background-position:0 0,31px 27px}
.sn-v25-stars::after{content:"";position:absolute;inset:-12%;background:
  linear-gradient(28deg,transparent 49.4%,rgba(68,171,255,.07) 50%,transparent 50.6%),
  linear-gradient(-23deg,transparent 49.4%,rgba(108,85,255,.055) 50%,transparent 50.6%);
  background-size:205px 158px,255px 190px}

.sn-v25-ring{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:1px solid rgba(68,132,208,.17)}
.sn-v25-ring.ring-a{width:39%;aspect-ratio:1}
.sn-v25-ring.ring-b{width:61%;aspect-ratio:1}
.sn-v25-ring.ring-c{width:83%;aspect-ratio:1}

.sn-v25-core{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:178px;height:178px;border-radius:50%;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:22px;background:radial-gradient(circle at 38% 32%,rgba(52,157,242,.38),rgba(4,17,35,.98) 69%);border:1px solid rgba(83,186,239,.44);box-shadow:0 0 72px rgba(45,160,255,.21),0 0 0 12px rgba(45,112,190,.04)}
.sn-v25-core-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#4ee6df,#3a91ff,#7f5dff);color:#fff;font-weight:900;box-shadow:0 0 26px rgba(68,150,255,.30)}
.sn-v25-core strong{font-size:15px;line-height:1.02;color:#f1f7ff;letter-spacing:.035em}
.sn-v25-core small{font-size:8px;color:#819ab5;line-height:1.35}

.sn-v25-orbiter{
  position:absolute;
  left:50%;top:47%;
  width:0;height:0;
  z-index:5;
  transform:rotate(var(--start));
  animation:snV25Orbit var(--dur) linear infinite;
  will-change:transform;
}
.sn-v25-orbiter.ring-1{--radius:150px}
.sn-v25-orbiter.ring-2{--radius:220px}
.sn-v25-node{
  position:absolute;
  left:var(--radius);
  top:0;
  transform:translate(-50%,-50%) rotate(calc(var(--start) * -1));
  min-width:108px;max-width:145px;padding:8px 11px;border-radius:999px;
  background:rgba(4,18,37,.95);border:1px solid rgba(80,154,225,.29);
  box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 22px rgba(39,136,255,.055);
  text-align:center;white-space:nowrap;
  animation:snV25Counter var(--dur) linear infinite;
  will-change:transform;
  backface-visibility:hidden;
}
.sn-v25-node strong,.sn-v25-node small{display:block}
.sn-v25-node strong{font-size:10px;color:#eaf6ff}
.sn-v25-node small{font-size:7px;color:#6fb1d6;margin-top:2px}
.sn-v25-orbiter:nth-child(3n) .sn-v25-node{border-color:rgba(68,216,201,.30)}
.sn-v25-orbiter:nth-child(4n) .sn-v25-node{border-color:rgba(127,102,255,.30)}

.sn-v25-caption{position:absolute;left:22px;bottom:18px;z-index:7;padding:10px 12px;border-radius:11px;border:1px solid rgba(65,136,205,.18);background:rgba(3,14,29,.74);backdrop-filter:blur(8px)}
.sn-v25-caption span,.sn-v25-caption strong{display:block}
.sn-v25-caption span{font-size:8px;font-weight:900;color:#55d9ff;letter-spacing:.12em}
.sn-v25-caption strong{font-size:11px;color:#dcecff;margin-top:4px}

@keyframes snV25Orbit{
  from{transform:rotate(var(--start))}
  to{transform:rotate(calc(var(--start) + 360deg))}
}
@keyframes snV25Counter{
  from{transform:translate(-50%,-50%) rotate(calc(var(--start) * -1))}
  to{transform:translate(-50%,-50%) rotate(calc((var(--start) + 360deg) * -1))}
}
@media(prefers-reduced-motion:reduce){
  .sn-v25-orbiter,.sn-v25-node{animation-play-state:paused!important}
}
@media(max-width:1050px){
  .sn-v25-host{min-height:450px!important}
  .sn-v25-orbiter.ring-1{--radius:122px}
  .sn-v25-orbiter.ring-2{--radius:178px}
  .sn-v25-core{width:150px;height:150px}
  .sn-v25-node{min-width:90px;max-width:118px;padding:7px 9px}
}
@media(max-width:700px){
  .sn-v25-host{min-height:390px!important}
  .sn-v25-orbiter.ring-1{--radius:98px}
  .sn-v25-orbiter.ring-2{--radius:142px}
  .sn-v25-core{width:126px;height:126px;padding:16px}
  .sn-v25-node{min-width:74px;max-width:90px;padding:6px 7px}
  .sn-v25-node strong{font-size:8px}
  .sn-v25-node small{display:none}
  .sn-v25-caption{display:none}
}