@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--night:#070b18;--night2:#0c1427;--ink:#f5f6ff;--muted:#a9b2c7;--line:#ffffff1c;--cyan:#61f4eb;--blue:#5e82ff;--violet:#b58cff;--pink:#ff7fac;--gold:#ffd477;--green:#73f0ba;--max:1260px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--night);font:15px/1.55 'DM Sans',sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 8% 0%,#213b7260,transparent 35%),radial-gradient(ellipse at 90% 34%,#63317d24,transparent 33%),linear-gradient(180deg,#080c19,#080e1d 55%,#060914)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#9cb8ff50 .7px,transparent .8px);background-size:36px 36px;opacity:.16;mask-image:linear-gradient(#000,transparent 72%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center}.brand img{width:142px;height:auto}.nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600;color:#c2c9d7}.nav a:hover,.lang:hover{color:var(--cyan)}.navright{display:flex;align-items:center;gap:10px}.lang{font-size:11px;letter-spacing:.08em;color:#a9b2c7;padding:7px 8px;border:1px solid transparent;border-radius:8px}.lang.active{border-color:#ffffff2a;color:#fff}.contact-link{font-size:12px;font-weight:700;color:var(--night);background:linear-gradient(110deg,var(--cyan),#b0ffdb);padding:10px 16px;border-radius:999px;box-shadow:0 0 24px #61f4eb33;transition:.2s}.contact-link:hover{transform:translateY(-2px);box-shadow:0 0 34px #61f4eb77}.menu{display:none;border:0;background:transparent;font-size:22px}.mobile-menu{display:none}
.hero{padding:46px 0 32px;min-height:430px;display:grid;align-items:center;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.eyebrow{display:flex;gap:10px;align-items:center;color:#9daec5;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.19em}.eyebrow:before{content:"";width:20px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.hero h1{font:600 clamp(48px,6vw,76px)/.99 Manrope,sans-serif;letter-spacing:-.065em;margin:18px 0 15px;max-width:650px}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#9afaf0 0%,#83a8ff 40%,#e4a2ff 78%,#ff9dc8);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy{font-size:16px;color:#b5bfd2;max-width:525px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:10px;align-items:center;margin-top:22px}.button{display:inline-flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid #ffffff24;border-radius:999px;font-size:12px;font-weight:700;transition:.2s}.button.primary{color:#091021;background:linear-gradient(105deg,var(--cyan),#a4f4d5);border:0}.button:hover{transform:translateY(-2px);border-color:var(--cyan)}.button .arrow{font-size:17px}.hero-art{height:345px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff16;border-radius:25px;background:radial-gradient(ellipse at 55% 50%,#1d3868aa,#0a1126a8 55%,#10132a99);box-shadow:inset 0 0 80px #6579ff0d,0 24px 80px #0004}.hero-art:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 10deg,transparent,#64f5e744,transparent,#a96cff42,transparent,#ff7fac37,transparent);filter:blur(36px);animation:nebula 24s linear infinite;z-index:-1}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08102099,transparent 48%),repeating-linear-gradient(0deg,transparent 0 34px,#ffffff07 35px),repeating-linear-gradient(90deg,transparent 0 34px,#ffffff07 35px);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.portal{position:absolute;width:230px;height:230px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#101c3d 38%,#77fff0a8 40%,#558eff77 45%,transparent 63%);filter:drop-shadow(0 0 35px #65f8e866);animation:portalPulse 4s ease-in-out infinite}.portal:before,.portal:after{content:"";position:absolute;inset:4px;border:1px solid #98fff5a8;border-radius:50%;transform:scaleX(.48) rotate(35deg);animation:ring 12s linear infinite}.portal:after{inset:-15px;border-color:#bb8cff88;transform:scaleX(.56) rotate(-48deg);animation-direction:reverse}.portal-core{position:absolute;width:90px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#f5fffd,#7cf7e1 23%,#658cff 62%,#9d5bff);box-shadow:0 0 50px #7bf5ec99,0 0 100px #7e74ff55;animation:core 3.2s ease-in-out infinite}.orbit{position:absolute;inset:8% 14%;border:1px solid #8ca8ff33;border-radius:50%;transform:rotate(-27deg) scaleY(.72);animation:ring 30s linear infinite}.orbit.two{inset:15% 4%;transform:rotate(32deg) scaleY(.67);animation-direction:reverse;border-color:#68e8dd38}.signal{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px 4px #67f4e75d;animation:blink 2.8s ease-in-out infinite}.s1{left:18%;top:25%}.s2{right:18%;top:28%;background:var(--pink);animation-delay:.7s}.s3{left:23%;bottom:24%;background:var(--gold);animation-delay:1.3s}.s4{right:23%;bottom:20%;background:#a58cff;animation-delay:1.8s}.art-label{position:absolute;font:10px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d0d9ec;z-index:2}.art-label.a{left:7%;top:9%}.art-label.b{right:7%;bottom:8%;text-align:right}.art-micro{position:absolute;left:7%;bottom:8%;font:10px monospace;letter-spacing:.04em;color:#92b7cc;z-index:2}.art-micro i{color:var(--green);font-style:normal}.ticker{display:none}
.portfolio{padding:50px 0 58px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}.section-title h2{font:600 clamp(32px,4vw,48px)/1.05 Manrope,sans-serif;letter-spacing:-.05em;margin:10px 0 0}.section-title p{max-width:380px;color:var(--muted);font-size:13px;margin:0}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.filter{border:1px solid #ffffff20;background:#ffffff06;color:#bac4d8;padding:8px 13px;border-radius:999px;font-size:11px;cursor:pointer;transition:.2s}.filter:hover,.filter[aria-pressed="true"]{border-color:#6ff4e6a8;color:#eafffc;background:#69f6e51a;box-shadow:0 0 18px #63efe617}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.product-card{--accent:var(--cyan);--tint:#164e5a;min-height:186px;padding:17px;border:1px solid #ffffff1b;border-radius:16px;background:linear-gradient(145deg,#ffffff0c,#ffffff03);position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;align-items:stretch;cursor:pointer;transition:transform .3s var(--ease),border-color .3s,background .3s,box-shadow .3s}.product-card:before{content:"";position:absolute;inset:auto -35px -65px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0,transparent 68%);opacity:.13;filter:blur(8px);transition:opacity .3s,transform .5s}.product-card:after{content:"";position:absolute;right:17px;top:17px;width:31px;height:31px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 70%);opacity:.7;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}.product-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--tint) 46%,#10172a),#111629);box-shadow:0 14px 45px #0003,0 0 23px color-mix(in srgb,var(--accent) 12%,transparent)}.product-card:hover:before{opacity:.24;transform:scale(1.35)}.product-card[hidden]{display:none}.product-sector{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--accent);max-width:82%;position:relative;z-index:1}.product-card h3{font:650 18px/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:14px 0 6px;position:relative;z-index:1;max-width:90%}.product-card p{font-size:12px;line-height:1.45;color:#aeb9cc;margin:0;position:relative;z-index:1;max-width:95%}.card-open{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#dce7f7;position:relative;z-index:1}.card-open span{font-size:17px;color:var(--accent);transition:transform .2s}.product-card:hover .card-open span{transform:translate(3px,-3px)}.product-card[data-theme="planning"]{--accent:#66f2de;--tint:#15514d}.product-card[data-theme="flow"]{--accent:#7aa0ff;--tint:#273e79}.product-card[data-theme="dialog"]{--accent:#dc92ff;--tint:#512b68}.product-card[data-theme="telecom"]{--accent:#79c9ff;--tint:#1d4b68}.product-card[data-theme="municipal"]{--accent:#70e5c0;--tint:#175242}.product-card[data-theme="fire"]{--accent:#ff9b76;--tint:#663426}.product-card[data-theme="compute"]{--accent:#9eabff;--tint:#323870}.product-card[data-theme="restaurant"]{--accent:#ffd27b;--tint:#6b4a21}.product-card[data-theme="sobina"]{--accent:#ff91bd;--tint:#652c4b}.product-card[data-theme="praxis"]{--accent:#73d6ff;--tint:#17465a}.product-card[data-theme="optigraph"]{--accent:#dbed87;--tint:#4d5b23}.product-card[data-theme="vision"]{--accent:#b8a0ff;--tint:#382d67}
.platform-strip{padding:0 0 62px}.platform-inner{border:1px solid #ffffff1a;border-radius:18px;padding:20px 23px;background:linear-gradient(100deg,#101a2d,#111427);display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.platform-copy h2{font:600 22px/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:4px 0 6px}.platform-copy p{font-size:12px;color:var(--muted);margin:0;max-width:570px}.pipeline{display:flex;align-items:center;gap:8px}.pipe-node{padding:8px 11px;border:1px solid #ffffff1b;border-radius:9px;background:#ffffff06;font:10px monospace;color:#d9e5f3;white-space:nowrap}.pipe-arrow{color:var(--cyan);font-size:16px;animation:arrowFlow 1.6s ease-in-out infinite}.sectors{padding:44px 0;background:linear-gradient(180deg,#0a1020aa,#0b1120);border-block:1px solid #ffffff12}.sector-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sector{border:1px solid #ffffff14;border-radius:14px;padding:16px;background:#ffffff04}.sector .num{font:10px monospace;color:#8e9bb5}.sector h3{font:600 15px/1.2 Manrope,sans-serif;margin:10px 0 6px}.sector p{font-size:11px;color:var(--muted);line-height:1.45;margin:0}.about{padding:48px 0}.about-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:start}.about h2{font:600 34px/1.03 Manrope,sans-serif;letter-spacing:-.05em;margin:10px 0}.about-copy{font-size:13px;color:var(--muted);max-width:700px}.about-copy p{margin:0 0 10px}.cta{padding:8px 0 48px}.cta-box{padding:25px 30px;border:1px solid #7cebe650;border-radius:17px;background:radial-gradient(ellipse at 82% 0%,#8a62da42,transparent 40%),linear-gradient(110deg,#122a37,#15152b 78%);display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #a58aff2c;border-radius:50%;right:17%;top:-135px;box-shadow:0 0 0 20px #7bf5ea0a,0 0 0 48px #a58aff09;animation:portalPulse 5s ease-in-out infinite}.cta-box h2{font:600 25px/1.1 Manrope,sans-serif;margin:0 0 5px;position:relative;z-index:1}.cta-box p{color:#aebbd0;font-size:12px;margin:0;position:relative;z-index:1}.cta-box .button{position:relative;z-index:1;background:var(--cyan);color:#0b1422;border:0;white-space:nowrap}.footer{border-top:1px solid #ffffff16;padding:20px 0 15px;background:#080b16}.foot-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot-brand img{width:124px;filter:none}.foot-brand p{font-size:10px;color:#8996ae;margin:7px 0 0}.foot-links{display:flex;gap:20px;font-size:11px;color:#bac5d5}.foot-links a:hover{color:var(--cyan)}.foot-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff13;margin-top:15px;padding-top:10px;font-size:9px;color:#74819a}
.gateway{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:22px;background:#030610d9;backdrop-filter:blur(16px)}.gateway.open{display:flex;animation:fadeIn .25s both}.gateway-panel{width:min(1120px,100%);max-height:min(790px,calc(100vh - 44px));overflow:auto;border:1px solid #ffffff25;border-radius:23px;background:#0a1020;box-shadow:0 40px 140px #000b;position:relative;animation:panelIn .45s var(--ease) both;scrollbar-color:#586c91 #0b1020}.gateway-close{position:sticky;top:12px;float:right;z-index:9;margin:12px 12px -46px 0;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff38;background:#07101fdd;cursor:pointer;font-size:18px}.world-hero{--world-a:#56f4e4;--world-b:#6c76ff;--world-c:#ff82bc;min-height:280px;padding:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 45%,color-mix(in srgb,var(--world-a) 24%,transparent),transparent 36%),radial-gradient(ellipse at 94% 5%,color-mix(in srgb,var(--world-b) 23%,transparent),transparent 35%),linear-gradient(115deg,#111a30,#101227)}.world-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,black 70%);opacity:.35}.world-hero:after{content:"";position:absolute;right:15%;top:50%;width:270px;height:270px;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--world-a) 55%,transparent);border-radius:50%;box-shadow:0 0 45px color-mix(in srgb,var(--world-a) 20%,transparent),inset 0 0 42px color-mix(in srgb,var(--world-b) 18%,transparent),0 0 0 24px #fff05,0 0 0 56px #fff03;animation:portalPulse 6s ease-in-out infinite}.world-copy,.world-orb{position:relative;z-index:1}.world-kicker{font:10px monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--world-a)}.world-copy h2{font:600 clamp(34px,5vw,57px)/1.02 Manrope,sans-serif;letter-spacing:-.055em;margin:12px 0}.world-copy p{font-size:13px;color:#bdc8dc;max-width:520px;margin:0}.world-orb{height:230px;display:grid;place-items:center}.world-orb .orb-core{width:120px;height:120px;border-radius:40% 60% 52% 48%;transform:rotate(35deg);background:radial-gradient(circle at 30% 25%,#fff,var(--world-a) 24%,var(--world-b) 67%,var(--world-c));box-shadow:0 0 45px color-mix(in srgb,var(--world-a) 50%,transparent),0 0 115px color-mix(in srgb,var(--world-b) 38%,transparent);animation:worldFloat 6s ease-in-out infinite}.world-orb .orb-ring{position:absolute;width:245px;height:96px;border:1px solid color-mix(in srgb,var(--world-a) 70%,transparent);border-radius:50%;transform:rotate(-27deg);animation:ring 14s linear infinite}.world-orb .orb-ring.r2{width:235px;height:125px;transform:rotate(50deg);border-color:color-mix(in srgb,var(--world-c) 70%,transparent);animation-direction:reverse}.world-data{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.1em;text-transform:uppercase;color:#a8bad3}.world-data i{display:inline-block;width:6px;height:6px;background:var(--world-a);border-radius:50%;box-shadow:0 0 9px var(--world-a);margin-right:6px}.world-body{padding:25px 34px 32px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.world-body h3{font:600 20px Manrope,sans-serif;margin:0 0 12px}.world-body p{font-size:13px;color:#aebad0;margin:0 0 14px}.world-features{list-style:none;padding:0;margin:0;display:grid;gap:9px}.world-features li{font-size:12px;color:#d8e0ef;padding-left:20px;position:relative}.world-features li:before{content:"✳";position:absolute;left:0;color:var(--world-a)}.world-aside{border:1px solid #ffffff19;border-radius:14px;padding:18px;background:linear-gradient(145deg,#ffffff08,#ffffff02)}.world-aside .world-kicker{display:block;margin-bottom:10px}.world-aside p{margin:0 0 14px}.world-connect{display:flex;gap:8px;flex-wrap:wrap}.world-connect button{border:1px solid #ffffff25;border-radius:999px;padding:7px 10px;background:#ffffff08;color:#e1e9f5;font-size:10px;cursor:pointer}.world-connect button:hover{border-color:var(--world-a);color:var(--world-a)}.world-cta{margin-top:18px;display:inline-flex;gap:9px;align-items:center;color:var(--world-a);font-size:11px;font-weight:700}
.reveal{opacity:0;transform:translateY(13px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.visible{opacity:1;transform:none}.product-card:nth-child(4n+2){transition-delay:.06s}.product-card:nth-child(4n+3){transition-delay:.12s}.product-card:nth-child(4n){transition-delay:.18s}
@keyframes nebula{to{transform:rotate(360deg)}}@keyframes portalPulse{0%,100%{filter:brightness(.9);transform:translate(-50%,-50%) scale(.96)}50%{filter:brightness(1.22);transform:translate(-50%,-50%) scale(1.04)}}@keyframes core{0%,100%{transform:translate(-50%,-50%) scale(.9);filter:hue-rotate(0)}50%{transform:translate(-50%,-50%) scale(1.12);filter:hue-rotate(28deg)}}@keyframes ring{to{rotate:360deg}}@keyframes blink{0%,100%{opacity:.42;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}@keyframes worldFloat{0%,100%{transform:translateY(4px) rotate(35deg) scale(.96)}50%{transform:translateY(-7px) rotate(45deg) scale(1.05)}}@keyframes arrowFlow{0%,100%{opacity:.5;transform:translateX(-2px)}50%{opacity:1;transform:translateX(2px)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes panelIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:980px){.wrap{width:calc(100% - 42px)}.product-grid{grid-template-columns:repeat(3,1fr)}.hero{min-height:390px}.hero-art{height:310px}.section-title{align-items:flex-start;flex-direction:column;gap:8px}.section-title p{max-width:580px}.pipeline{gap:5px}.pipe-node{padding:7px 8px;font-size:9px}.sector-list{grid-template-columns:repeat(2,1fr)}.world-hero{grid-template-columns:1.2fr .8fr}.world-hero:after{right:8%}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.topbar{height:64px}.brand img{width:116px}.nav{display:none}.contact-link{display:none}.menu{display:block}.navright{gap:3px}.mobile-menu.open{display:flex;position:absolute;top:63px;left:0;right:0;padding:14px 17px;background:#0b1224f5;border:1px solid #ffffff20;border-radius:0 0 15px 15px;flex-direction:column;gap:5px;box-shadow:0 14px 28px #0006}.mobile-menu a{padding:9px 4px;color:#dfe7f5;font-size:13px}.hero{padding:34px 0 24px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(43px,13vw,64px);max-width:540px;margin:13px 0}.hero-copy{font-size:14px}.hero-actions{margin-top:17px}.button{font-size:11px;padding:9px 12px}.hero-art{height:250px}.portfolio{padding:37px 0 43px}.section-title{margin-bottom:17px}.section-title h2{font-size:32px}.section-title p{font-size:12px}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{min-height:178px;padding:13px;border-radius:13px}.product-card h3{font-size:15px;margin:12px 0 5px}.product-card p{font-size:10px}.product-sector{font-size:8px}.product-card:after{width:22px;height:22px;right:12px;top:12px}.card-open{font-size:8px;padding-top:10px}.platform-strip{padding-bottom:38px}.platform-inner{grid-template-columns:1fr;padding:16px}.platform-copy h2{font-size:20px}.pipeline{overflow:auto;padding:2px 0 5px}.pipe-node{font-size:8px}.sectors{padding:32px 0}.sector-list{grid-template-columns:1fr 1fr;gap:7px}.sector{padding:12px}.sector h3{font-size:12px}.sector p{font-size:10px}.about{padding:34px 0}.about-inner{grid-template-columns:1fr;gap:8px}.about h2{font-size:28px}.about-copy{font-size:12px}.cta{padding-bottom:35px}.cta-box{padding:18px;align-items:flex-start;flex-direction:column}.cta-box h2{font-size:21px}.foot-top{align-items:flex-start;flex-direction:column}.foot-links{gap:14px}.foot-bottom{flex-direction:column;gap:5px}.gateway{padding:7px}.gateway-panel{max-height:calc(100vh - 14px);border-radius:16px}.world-hero{grid-template-columns:1fr;padding:23px 19px 12px;gap:5px;min-height:0}.world-hero:after{width:215px;height:215px;right:14%;top:59%}.world-copy{z-index:2}.world-copy h2{font-size:34px;margin:8px 0}.world-copy p{font-size:12px}.world-orb{height:165px}.world-orb .orb-core{width:90px;height:90px}.world-orb .orb-ring{width:190px;height:78px}.world-orb .orb-ring.r2{width:185px;height:95px}.world-data{bottom:0}.world-body{padding:19px;grid-template-columns:1fr;gap:17px}.world-body h3{font-size:18px}.world-aside{padding:14px}.gateway-close{margin:8px 8px -42px 0;width:32px;height:32px}}
.product-card[data-theme="voice"]{--accent:#ff91cf;--tint:#662e61}.world-hero[data-world="voice"]{--world-a:#ff91cf;--world-b:#9b7bff;--world-c:#74e9d7}
.hero-paint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.76;mix-blend-mode:screen}.hero-art-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0a1228cc 0%,#0b102b55 45%,transparent 100%),linear-gradient(0deg,#0a1023aa,transparent 55%);z-index:0;pointer-events:none}.hero-art .portal,.hero-art .orbit,.hero-art .signal,.hero-art .art-label,.hero-art .art-micro{z-index:1}.hero-art .portal{mix-blend-mode:screen}.hero-art .art-label{color:#f4f2ff;text-shadow:0 1px 14px #090d1ccc}.hero-art .art-micro{color:#c8d4e8;text-shadow:0 1px 10px #080b15}
.product-card[data-theme="planning"]{--accent:#66f2de;--tint:#15514d}.product-card[data-theme="flow"]{--accent:#7aa0ff;--tint:#273e79}.product-card[data-theme="dialog"]{--accent:#dc92ff;--tint:#512b68}.product-card[data-theme="voice"]{--accent:#ff91cf;--tint:#662e61}.product-card[data-theme="telecom"]{--accent:#79c9ff;--tint:#1d4b68}.product-card[data-theme="municipal"]{--accent:#70e5c0;--tint:#175242}.product-card[data-theme="fire"]{--accent:#ff9b76;--tint:#663426}.product-card[data-theme="compute"]{--accent:#9eabff;--tint:#323870}.product-card[data-theme="restaurant"]{--accent:#ffd27b;--tint:#6b4a21}.product-card[data-theme="sobina"]{--accent:#ff91bd;--tint:#652c4b}.product-card[data-theme="praxis"]{--accent:#73d6ff;--tint:#17465a}.product-card[data-theme="optigraph"]{--accent:#dbed87;--tint:#4d5b23}.product-card[data-theme="vision"]{--accent:#b8a0ff;--tint:#382d67}
.world-hero[data-world="sobina"] .world-orb:before{background:linear-gradient(0deg,transparent 62%,#ff91c355 63% 64%,transparent 65%),repeating-linear-gradient(90deg,transparent 0 20px,#ff91c333 21px 22px),linear-gradient(180deg,transparent 54%,#1b1c43 55%);clip-path:polygon(0 100%,0 66%,8% 66%,8% 47%,17% 47%,17% 70%,26% 70%,26% 35%,36% 35%,36% 58%,45% 58%,45% 45%,53% 45%,53% 69%,63% 69%,63% 28%,74% 28%,74% 61%,83% 61%,83% 43%,92% 43%,92% 72%,100% 72%,100% 100%);opacity:.63}.world-hero[data-world="optigraph"] .world-orb:before{background:radial-gradient(circle at 70% 28%,#fff4a5 0 4%,#ffe46e66 5% 12%,transparent 13%),linear-gradient(180deg,transparent 64%,#6ac782aa 65% 66%,transparent 67%),repeating-linear-gradient(10deg,transparent 0 20px,#c8e77744 21px 22px);opacity:.8}.world-hero[data-world="praxis"] .world-orb:before{background:repeating-linear-gradient(0deg,transparent 0 17px,#72d7ff33 18px 19px),repeating-linear-gradient(90deg,transparent 0 17px,#72d7ff33 18px 19px),linear-gradient(135deg,transparent 47%,#a8caff90 48% 49%,transparent 50%);transform:perspective(150px) rotateX(20deg);opacity:.7}.world-hero[data-world="compute"] .world-orb:before{background:repeating-linear-gradient(90deg,transparent 0 22px,#91a4ff66 23px 26px,transparent 27px 38px),repeating-linear-gradient(0deg,transparent 0 34px,#6ce4ff46 35px 38px);mask-image:linear-gradient(transparent,#000 20%);opacity:.7}.world-hero[data-world="restaurant"] .world-orb:before{background:radial-gradient(ellipse at 50% 82%,#ffd2738a,transparent 55%),linear-gradient(0deg,#4b263a 0 16%,transparent 17%),radial-gradient(ellipse at 50% 0%,#ff9d8b55,transparent 50%);opacity:.8}.world-hero[data-world="municipal"] .world-orb:before{background:linear-gradient(0deg,#1d4d69 0 16%,transparent 17%),repeating-linear-gradient(90deg,transparent 0 18px,#71e9be55 19px 20px),linear-gradient(180deg,transparent 44%,#6de5c055 45% 46%,transparent 47%);clip-path:polygon(0 100%,0 62%,14% 62%,14% 43%,28% 43%,28% 61%,42% 61%,42% 29%,55% 29%,55% 61%,68% 61%,68% 46%,82% 46%,82% 60%,100% 60%,100% 100%);opacity:.7}.world-hero[data-world="fire"] .world-orb:before{background:radial-gradient(ellipse at 50% 70%,#ffad4d88,transparent 58%),repeating-radial-gradient(circle at 50% 50%,transparent 0 25px,#ff8d6870 26px 27px);opacity:.8}.world-hero[data-world="telecom"] .world-orb:before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 22px,#71caff66 23px 24px),linear-gradient(30deg,transparent 49%,#71caff66 50%,transparent 51%);opacity:.7}.world-hero[data-world="dialog"] .world-orb:before{background:radial-gradient(ellipse at 26% 48%,#e093ff55 0 12%,transparent 13%),radial-gradient(ellipse at 69% 32%,#8b8bff66 0 10%,transparent 11%),radial-gradient(ellipse at 63% 72%,#ff8ec844 0 9%,transparent 10%);opacity:.8}.world-hero[data-world="voice"] .world-orb:before{background:repeating-linear-gradient(90deg,transparent 0 9px,#ff9de277 10px 12px,transparent 13px 20px);mask-image:radial-gradient(ellipse,#000 10%,transparent 68%);transform:scaleY(.42);opacity:.8}.world-hero[data-world="flow"] .world-orb:before,.world-hero[data-world="planning"] .world-orb:before{background:radial-gradient(circle at 22% 25%,var(--world-a) 0 3px,transparent 4px),radial-gradient(circle at 72% 30%,var(--world-b) 0 4px,transparent 5px),radial-gradient(circle at 37% 72%,var(--world-c) 0 4px,transparent 5px),linear-gradient(32deg,transparent 29%,#a7baff66 30% 31%,transparent 32% 59%,#a7baff66 60% 61%,transparent 62%);opacity:.85}.world-hero[data-world="vision"] .world-orb:before{background:repeating-linear-gradient(0deg,transparent 0 12px,#bd9aff44 13px 14px),radial-gradient(ellipse at 50% 50%,transparent 0 28%,#c0a8ff72 29% 30%,transparent 31%);opacity:.75}.world-orb:before{content:"";position:absolute;inset:7% 2%;border-radius:50%;pointer-events:none}.world-capabilities{font:600 11px monospace;letter-spacing:.11em;text-transform:uppercase;color:#93a4c0;margin:18px 0 10px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Focused future interface: one signal color, precise motion, clear hierarchy. */
:root{--cyan:#9be3f5;--blue:#76a7c8;--violet:#9bb4c5;--pink:#b1c3cc;--gold:#c7d7dc;--green:#9be3f5}
body:before{background:radial-gradient(ellipse at 72% 18%,#18324888,transparent 38%),linear-gradient(180deg,#080d15,#0a111b 58%,#070b11)}
body:after{opacity:.08;background-image:radial-gradient(#c7deea55 .65px,transparent .8px)}
.nav a:hover,.lang:hover,.foot-links a:hover{color:var(--cyan)}
.contact-link,.button.primary,.cta-box .button{background:#bcecf6;color:#07111a;box-shadow:0 0 26px #8edcf326}
.hero h1 em{background:none;color:#bcecf6}
.hero-art{--pointer-x:0px;--pointer-y:0px;background:radial-gradient(ellipse at 54% 48%,#152f42,#0a111c 62%);border-color:#bde7f51a;box-shadow:inset 0 0 90px #8ccce90b,0 28px 90px #0007}
.hero-art:before{background:conic-gradient(from 10deg,transparent,#9be3f51b,transparent,#6b9fb51b,transparent);filter:blur(48px)}
.hero-paint{filter:grayscale(1) contrast(1.18);opacity:.22;mix-blend-mode:screen}
.hero-art-overlay{background:linear-gradient(90deg,#09111ddd 0%,#0b1423aa 49%,#0b142366 100%),linear-gradient(0deg,#09111dcc,transparent 68%)}
.hero-art .portal{transform:translate(calc(-50% + var(--pointer-x)),calc(-50% + var(--pointer-y)));background:radial-gradient(circle,#101e2b 38%,#bcecf577 40%,#6e9db355 46%,transparent 64%);filter:drop-shadow(0 0 28px #9be3f544)}
.hero-art .portal:before,.hero-art .portal:after{border-color:#c3f0fa88}.hero-art .portal:after{border-color:#8eb4c188}
.portal-core{background:radial-gradient(circle at 40% 35%,#f2fcff,#bcecf5 23%,#5d8fac 70%);box-shadow:0 0 44px #9be3f566,0 0 100px #7ab2cd22}
.orbit,.orbit.two{border-color:#b8deef2e}.signal,.s2,.s3,.s4{background:#a9e5f3;box-shadow:0 0 12px 3px #9be3f544}
.eyebrow:before{background:#8ecfe2}
.button{border-radius:7px}.button.primary{border:1px solid #bcecf6}.button:hover{border-color:#bcecf6;box-shadow:0 0 28px #9be3f51f}
.filter{border-radius:6px}.filter:hover,.filter[aria-pressed=true]{border-color:#9be3f5a8;color:#eafaff;background:#9be3f510;box-shadow:none}
.product-grid{gap:10px}.product-card{--accent:#a9dfee!important;--tint:#162e3b!important;border-radius:10px;background:linear-gradient(145deg,#ffffff08,#ffffff02);min-height:180px}.product-card:before{opacity:.055;background:radial-gradient(circle,#9be3f5,transparent 68%);filter:blur(14px)}.product-card:after{width:23px;height:23px;border-color:#a9dfee55;background:transparent;box-shadow:inset 0 0 8px #9be3f51a,0 0 12px #9be3f51a}.product-card:hover{transform:translateY(-3px);border-color:#a9dfee66;background:linear-gradient(145deg,#142a37,#101722);box-shadow:0 16px 40px #0005}.product-sector,.card-open span{color:#a9dfee}
.platform-inner{background:linear-gradient(110deg,#101d29,#111721);border-radius:10px}.pipe-arrow{color:#a9dfee}.sector{border-radius:9px}.cta-box{border-radius:10px;border-color:#a9dfee38;background:radial-gradient(ellipse at 82% 0%,#4871871a,transparent 42%),linear-gradient(110deg,#12232d,#141923 78%)}.cta-box:after{border-color:#a9dfee20;box-shadow:0 0 0 20px #a9dfee08,0 0 0 48px #a9dfee05}
.gateway{background:#03080ddf}.gateway-panel{border-radius:14px;background:#0a1017;border-color:#c4e6f51f}.world-hero{background:radial-gradient(ellipse at 78% 45%,#8bc8df1b,transparent 36%),linear-gradient(115deg,#101a24,#0d121a)}.world-hero:before{opacity:.17}.world-orb{filter:grayscale(1) saturate(.45)}.world-orb:before,.world-orb:after{border-color:#bcecf555}.orb-core{background:radial-gradient(circle at 35% 28%,#f1fcff,#bcecf5 28%,#42677e 75%);box-shadow:0 0 46px #9be3f555,0 0 100px #8ac8e022}.world-status i,.world-data i{background:#a9e3f2;box-shadow:0 0 12px #9be3f5}.world-connect button{border-radius:6px}.world-cta{color:#bcecf6}
@media(max-width:650px){.hero-art{height:250px}.hero-art .portal{width:190px;height:190px}.hero-art .portal-core{width:70px;height:70px}}


/* Original RazumX logo stays intact; its Sirius signal animates gently in place. */
.brand{position:relative;padding:3px 6px;border-radius:7px;background:#edf4f7;overflow:hidden}
.brand img{display:block;width:142px;height:auto;padding:0;background:transparent;border-radius:0}
.brand:after{content:"";position:absolute;right:3%;top:8%;width:34%;height:84%;pointer-events:none;background:radial-gradient(ellipse at 72% 47%,#9cf4ff5c,transparent 58%);mix-blend-mode:screen;animation:siriusBeacon 3.4s ease-in-out infinite}
.foot-brand img{width:124px;padding:3px 5px;border-radius:5px;background:#edf4f7;filter:none}
@keyframes siriusBeacon{0%,100%{opacity:.12;transform:scale(.82)}48%{opacity:.72;transform:scale(1.08)}57%{opacity:.22;transform:scale(.94)}}
.hero-art{cursor:crosshair}
.space-field{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-art-overlay{z-index:1}
.hero-art:after{z-index:1}
.hero-art .portal,.hero-art .orbit,.hero-art .signal{z-index:2}
.hero-art .art-label,.hero-art .art-micro{z-index:3}
.art-label.a{color:#bcecf6}.art-label.b{color:#d8e8f2}.art-micro{color:#a5c7d4}.art-micro i{color:#a9e3f2}

/* Xweather-inspired editorial rhythm: pale canvas, cinematic product worlds, restrained signal color. */
.topbar{height:68px;border-bottom:1px solid #162b371f}
.nav{gap:27px;color:#263b47;font-weight:500}
.nav a,.lang,.contact-link,.button,.filter,.spotlight-enter{transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease}
.contact-link{border-radius:7px;background:#102633;color:#fff;box-shadow:none;padding:10px 16px}
.contact-link:hover{background:#1a4354;box-shadow:none}
.hero{padding:56px 0 42px;min-height:485px}
.hero-grid{grid-template-columns:.88fr 1.12fr;gap:44px}
.hero h1{font-weight:400;letter-spacing:-.065em;font-size:clamp(46px,5.2vw,70px)}
.hero-copy{max-width:490px}
.hero-art{height:390px;border-radius:9px}
.portfolio{padding:57px 0 64px;background:#f8fafb}
.section-title{margin-bottom:25px}
.section-title h2{font-weight:400;letter-spacing:-.055em}
.filters{gap:7px;margin-bottom:20px}
.filter{border-radius:4px;padding:8px 12px}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;border-top:1px solid #1733421a}
.product-card{min-height:170px;border:0;border-bottom:1px solid #1733421a;border-radius:0;background:transparent;box-shadow:none;padding:19px 17px 16px}
.product-card:before{display:none}
.product-card:after{right:16px;top:20px;width:18px;height:18px;border-radius:50%;background:transparent;opacity:.65;box-shadow:none}
.product-card h3{font-size:17px;font-weight:500;margin:13px 0 6px}
.product-card p{font-size:12px;max-width:90%}
.product-sector{font-size:9px;letter-spacing:.08em;text-transform:none;font-weight:500}
.card-open{padding-top:13px;color:#345367;font-size:9px;letter-spacing:.045em}
.card-open span:first-child{color:inherit}
.card-open span:last-child{color:#126e88}
.product-card:hover{transform:none;border-color:#17334234;background:#edf4f6;box-shadow:none}
.product-card:hover:after{border-color:#078da9;background:#078da9;box-shadow:0 0 12px #078da955}
.spotlight{padding:48px 0 56px;background:#eef3f5;border-block:1px solid #17334218}
.spotlight-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:0 0 21px}
.spotlight-heading h2{font:400 clamp(31px,4vw,46px)/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:10px 0 0}
.spotlight-heading>p{font-size:13px;color:#526575;max-width:360px;margin:0 0 2px}
.spotlight-layout{display:grid;grid-template-columns:.72fr 1.28fr;min-height:360px;background:#f8fafb;border-top:1px solid #1733421b;border-bottom:1px solid #1733421b}
.spotlight-copy{padding:32px 34px 22px;display:flex;flex-direction:column;align-items:flex-start}
.spotlight-sector{font:11px/1.4 monospace;color:#17647e}
.spotlight-name{font:400 clamp(26px,3vw,38px)/1.08 Manrope,sans-serif;letter-spacing:-.05em;margin:14px 0 12px;color:#10232e}
.spotlight-description{font-size:14px;line-height:1.55;color:#435b69;max-width:460px;margin:0}
.spotlight-enter{border:0;background:transparent;color:#153444;padding:0;margin:22px 0 22px;font-size:12px;cursor:pointer;display:flex;gap:13px;align-items:center}
.spotlight-enter span{width:34px;height:34px;border:1px solid #183e4d30;border-radius:50%;display:grid;place-items:center;font-size:17px}
.spotlight-enter:hover{color:#087f9d}.spotlight-enter:hover span{border-color:#087f9d;transform:translate(2px,-2px)}
.spotlight-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid #1733421b;width:100%}
.spotlight-tabs button{font:11px 'DM Sans',sans-serif;color:#536976;background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 2px;cursor:pointer;margin-right:12px}
.spotlight-tabs button[aria-selected="true"]{color:#102b39;border-color:#087f9d}
.spotlight-scene{--scene-glow:#77bfd0;position:relative;min-height:360px;overflow:hidden;background:linear-gradient(180deg,#223d4a 0%,#182b34 48%,#111d24 100%);isolation:isolate}
.spotlight[data-world="sobina"] .spotlight-scene{--scene-glow:#a9c8dc;background:linear-gradient(180deg,#60727c 0%,#263943 52%,#121d25 100%)}
.spotlight[data-world="fire"] .spotlight-scene{--scene-glow:#e4aa78;background:linear-gradient(180deg,#786958 0%,#3c3834 54%,#1b2022 100%)}
.scene-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--scene-glow) 27%,transparent),transparent 42%),linear-gradient(0deg,#071117b8,transparent 70%)}
.scene-sky:before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,transparent 44%,#09141a 45%),linear-gradient(180deg,#ffffff09,transparent 35%);opacity:.8}
.scene-globe{position:absolute;width:min(52vw,460px);aspect-ratio:1;left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid #d7eff16c;border-radius:50%;background:radial-gradient(circle at 50% 44%,#a6d3df1b,#9fc7d20b 52%,transparent 70%);box-shadow:0 0 0 1px #d6e8e91a,inset 0 0 65px #a4d5e51c,0 0 100px #a3c9d51a;animation:globeDrift 18s ease-in-out infinite}
.globe-latitudes,.globe-longitudes{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 44px,#d8eef14a 45px 46px,transparent 47px 78px);mask-image:linear-gradient(90deg,transparent,#000 13% 87%,transparent)}
.globe-longitudes{background:repeating-linear-gradient(90deg,transparent 0 54px,#d8eef14b 55px 56px,transparent 57px 100px);border-radius:50%;transform:scaleX(.6);mask-image:linear-gradient(180deg,transparent,#000 10% 90%,transparent)}
.scene-point{position:absolute;width:7px;height:7px;border-radius:50%;background:#e8fbff;box-shadow:0 0 15px 5px color-mix(in srgb,var(--scene-glow) 60%,transparent);animation:blink 2.5s ease-in-out infinite}
.scene-point.p1{left:25%;top:31%}.scene-point.p2{right:21%;top:37%;animation-delay:.5s}.scene-point.p3{left:32%;bottom:25%;animation-delay:1s}.scene-point.p4{right:30%;bottom:23%;animation-delay:1.5s}
.scene-tag{position:absolute;padding:5px 8px;border:1px solid #e2f1f244;background:#162832b8;color:#e9f6f7;font:9px monospace;letter-spacing:.08em;backdrop-filter:blur(6px)}
.scene-tag.t1{left:3%;top:28%}.scene-tag.t2{right:0;top:51%}.scene-tag.t3{left:17%;bottom:16%}
.scene-readout{position:absolute;top:19px;left:21px;right:21px;display:flex;justify-content:space-between;color:#e4f2f4;font:9px monospace;letter-spacing:.1em}
.scene-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a5e4d2;box-shadow:0 0 9px #a5e4d2;margin-right:6px;animation:blink 2s infinite}
.scene-caption{position:absolute;bottom:20px;left:22px;right:22px;max-width:420px;color:#e2edf0;font-size:12px;line-height:1.45;text-shadow:0 1px 9px #000}
.platform-strip{position:relative;overflow:hidden;padding:0;background:#09141b}
.platform-strip:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 40%,#2450647a,transparent 44%),linear-gradient(110deg,#09141b,#10232c 68%,#0a141c)}
.platform-inner{position:relative;min-height:320px;padding:42px 4px;display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center;border:0;border-radius:0;background:transparent}
.platform-copy h2{font:400 clamp(32px,4.4vw,50px)/1.04 Manrope,sans-serif;letter-spacing:-.055em;color:#f3f8fa;margin:13px 0}
.platform-copy p{color:#b5c8d1;font-size:13px;max-width:430px}
.platform-copy .eyebrow{color:#9db5c0}
.platform-copy .eyebrow:before{background:#94d5e3}
.platform-visual{position:relative;display:grid;place-items:center;min-height:238px}
.platform-globe{width:190px;height:190px;border:1px solid #d4f1f155;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);display:grid;place-items:center;color:#d9f6fb;font:12px monospace;letter-spacing:.16em;box-shadow:inset 0 0 55px #73c9df15,0 0 65px #65bad21a;animation:globeDrift 16s ease-in-out infinite}
.platform-globe:before,.platform-globe:after{content:"";position:absolute;inset:18px 0;border:1px solid #b8eaf044;border-radius:50%;transform:scaleX(.45)}
.platform-globe:after{inset:0;border-color:#b8eaf033;transform:scaleY(.43)}
.platform-globe i{position:absolute;width:4px;height:4px;background:#c4f3fa;border-radius:50%;box-shadow:0 0 9px #9be3f5}
.platform-globe i:nth-child(1){left:23%;top:28%}.platform-globe i:nth-child(2){right:21%;top:35%}.platform-globe i:nth-child(3){left:30%;bottom:25%}.platform-globe i:nth-child(4){right:27%;bottom:22%}
.platform-visual .pipeline{position:absolute;bottom:0;left:0;right:0;justify-content:center;flex-wrap:wrap}
.platform-visual .pipe-node{border-radius:2px;background:#ffffff09;border-color:#d5edf22b;color:#d9e8ed}
.platform-visual .pipe-arrow{color:#9be3f5}
.sectors{background:#f2f6f7;border-block:1px solid #1733421a;padding:53px 0}
.sector{border-radius:2px;background:transparent;border:0;border-top:1px solid #17334228;padding:15px 5px}
.sector .num{color:#5b7888}
.about{background:#f8fafb;padding:54px 0}
.about h2{font-weight:400}
.cta{background:#f8fafb;padding:0 0 50px}
.cta-box{border:0;border-radius:3px;background:#e7eff2;padding:24px 28px}
.cta-box:after{border-color:#1487a52e;box-shadow:0 0 0 22px #1487a50a,0 0 0 50px #1487a506}
.footer{background:#edf2f4;border-top:1px solid #1733421b}
.gateway-panel{border-radius:8px}
@keyframes globeDrift{0%,100%{transform:translate(-50%,-50%) rotate(-5deg)}50%{transform:translate(-50%,-50%) rotate(5deg)}}
.topbar{position:relative;z-index:20}
.nav-products{border:0;background:transparent;color:inherit;font:inherit;font-weight:500;padding:9px 0;cursor:pointer}
.nav-products span{display:inline-block;margin-left:3px;transition:transform .2s}
.nav-products[aria-expanded="true"] span{transform:rotate(180deg)}
.nav-products:hover{color:#087f9d}
.mega-menu{position:absolute;z-index:30;left:50%;top:calc(100% + 1px);width:min(calc(100vw - 40px),1420px);padding:25px 30px 27px;background:#fbfcfd;color:#10232e;border:1px solid #17334220;border-radius:0 0 8px 8px;box-shadow:0 24px 55px #152a3826;transform:translate(-50%,-8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s}
.mega-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mega-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #1733421a;color:#58707c;font:10px monospace;letter-spacing:.12em}
.mega-heading a{color:#243e4b;font:11px 'DM Sans',sans-serif;letter-spacing:0}
.mega-heading a b,.mega-feature a b{font-size:16px;font-weight:400;margin-left:7px}
.mega-content{display:grid;grid-template-columns:1fr 250px;gap:27px;padding-top:19px}
.mega-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mega-group h3{font:10px monospace;letter-spacing:.06em;color:#58707c;margin:0 0 9px}
.mega-list{display:grid;gap:3px}
.mega-list button{text-align:left;border:0;border-left:2px solid transparent;background:transparent;padding:7px 8px;cursor:pointer;color:#152e3c}
.mega-list button:hover{background:#edf3f5;border-left-color:#17839c}
.mega-list strong{display:block;font-size:12px;font-weight:500;line-height:1.3}
.mega-list span{display:block;color:#647985;font-size:10px;line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mega-feature{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:190px;padding:18px;color:#f3f7f8;background:radial-gradient(ellipse at 80% 10%,#376276,#122630 72%);border-radius:5px;position:relative;overflow:hidden}
.mega-feature:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #ceeaf32e;border-radius:50%;right:-42px;top:-85px;box-shadow:0 0 0 20px #ceeaf30b,0 0 0 47px #ceeaf308}
.mega-feature>*{position:relative}
.mega-feature>span{font:9px monospace;letter-spacing:.12em;color:#b2d5df}
.mega-feature strong{font:400 21px/1.12 Manrope,sans-serif;letter-spacing:-.035em}
.mega-feature a{font-size:10px;color:#c9e8ee;margin-top:3px}
@media(max-width:980px){.mega-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-content{grid-template-columns:1fr 210px}.mega-menu{max-height:calc(100vh - 85px);overflow:auto}}
@media(max-width:650px){.mega-menu{display:none}.nav-products{display:none}}
@media(max-width:900px){.spotlight-layout{grid-template-columns:.82fr 1.18fr}.spotlight-copy{padding:25px}.platform-inner{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.topbar{height:64px}.hero{padding:34px 0 27px}.hero-grid{gap:23px}.hero-art{height:270px}.portfolio{padding:40px 0 46px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.product-card{min-height:184px;padding:15px 5px}.product-card h3{font-size:14px}.product-card p{font-size:10px}.spotlight{padding:37px 0 41px}.spotlight-heading{align-items:flex-start;flex-direction:column;gap:8px}.spotlight-layout{grid-template-columns:1fr}.spotlight-copy{padding:22px 19px 17px;min-height:270px}.spotlight-scene{min-height:300px}.scene-globe{width:260px;top:45%}.scene-caption{font-size:11px}.platform-inner{grid-template-columns:1fr;padding:35px 0;gap:8px}.platform-visual{min-height:230px}.sectors{padding:39px 0}.about{padding:40px 0}}

/* Typography tuned to echo the RazumX wordmark while staying clear at reading sizes. */
body{font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.58;font-optical-sizing:auto}
h1,h2,h3,h4,.nav,.nav-products,.contact-link,.button,.product-card,.spotlight-enter,.mega-menu{font-family:'Manrope','Avenir Next','Segoe UI',sans-serif;font-optical-sizing:auto}
.nav,.nav-products{font-size:13px;letter-spacing:-.025em;font-weight:500}
.hero h1{font-weight:400;letter-spacing:-.065em;line-height:1.02}
.section-title h2,.spotlight-heading h2,.spotlight-name,.platform-copy h2,.about h2,.cta-box h2{font-weight:400;letter-spacing:-.055em}
.section-title h2{line-height:1.08}
.product-card h3{font-family:'Manrope','Avenir Next','Segoe UI',sans-serif;font-weight:500;letter-spacing:-.035em}
.product-card p,.spotlight-description,.section-title p,.about-copy,.platform-copy p{font-family:'DM Sans','Segoe UI',Arial,sans-serif}
.eyebrow,.product-sector,.card-open,.filter,.mega-heading>span,.mega-group h3,.scene-readout,.scene-tag,.scene-index,.scene-live,.art-micro,.world-kicker,.world-data{font-family:'IBM Plex Mono','Cascadia Code','SFMono-Regular',Consolas,monospace}
.mega-menu{font-family:'DM Sans','Segoe UI',Arial,sans-serif}
.mega-list strong{font-family:'Manrope','Avenir Next','Segoe UI',sans-serif;font-weight:500}
.mega-list span{font-family:'DM Sans','Segoe UI',Arial,sans-serif}
.spotlight-enter,.contact-link,.button{font-weight:600;letter-spacing:-.015em}
.gateway-panel{font-family:'DM Sans','Segoe UI',Arial,sans-serif}
.world-copy h2,.world-body h3{font-family:'Manrope','Avenir Next','Segoe UI',sans-serif;font-weight:500;letter-spacing:-.045em}

/* Cinematic imagery and restrained animated product data, inspired by the supplied Xweather examples. */
.hero-art{height:390px;border-radius:4px;background:#08131e;box-shadow:0 24px 70px #122c3c22;cursor:default}
.hero-art:before,.hero-art:after{display:none}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;animation:none}
.hero-art-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07111c2e,#07111c00 55%),linear-gradient(0deg,#07111c9c,transparent 56%);pointer-events:none}
.hero-sirius-pin{position:absolute;left:67%;top:38%;z-index:2;display:flex;align-items:center;gap:10px;color:#effaff;font:9px monospace;letter-spacing:.11em;text-shadow:0 1px 8px #000}
.hero-sirius-pin i{display:block;width:9px;height:9px;border-radius:50%;background:#f5fdff;box-shadow:0 0 0 5px #b7edff30,0 0 18px #a9eaff;animation:beacon 2.7s ease-in-out infinite}
.hero-art .art-label{font-family:'IBM Plex Mono',Consolas,monospace;font-size:9px;letter-spacing:.1em}
.hero-art .art-label.b{top:15px;bottom:auto}
.hero-world-links{position:absolute;right:18px;bottom:15px;z-index:3;display:grid;grid-template-columns:repeat(5,31px) 46px;justify-content:end;gap:5px;width:max-content}
.hero-world-links button,.hero-world-links a{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;min-width:0;height:31px;border:1px solid #effbff55;border-radius:50%;background:#07131bd9;color:#f2fbff;padding:0;font:14px/1 'IBM Plex Mono',Consolas,monospace;letter-spacing:0;text-decoration:none;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,border-color .2s,color .2s,transform .2s}
.hero-world-links button:after{content:attr(data-product-name);position:absolute;left:50%;bottom:calc(100% + 7px);z-index:5;max-width:160px;padding:6px 8px;border:1px solid #effbff45;border-radius:3px;background:#07131bf2;color:#f2fbff;font:8px/1.25 'IBM Plex Mono',Consolas,monospace;letter-spacing:.04em;text-align:center;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s,transform .16s}
.hero-world-links button:hover,.hero-world-links button:focus-visible{background:#d7f4ff;color:#102b3a;border-color:#d7f4ff;transform:translateY(-2px)}
.hero-world-links button:hover:after,.hero-world-links button:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.hero-world-links button:nth-child(6):after{left:auto;right:-2px;transform:translateY(4px)}.hero-world-links button:nth-child(6):hover:after,.hero-world-links button:nth-child(6):focus-visible:after{transform:translateY(0)}
.hero-world-links a{border-radius:3px;font-size:7px;letter-spacing:.04em;background:#07131bf2}
.hero-world-links button:hover,.hero-world-links a:hover{background:#d7f4ff;color:#102b3a;border-color:#d7f4ff}
.spotlight-scene{--scene-accent:#b9e9f1;min-height:360px;background:#0b1720;position:relative;overflow:hidden;isolation:isolate}
.scene-image,.world-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:photoDrift 22s ease-in-out infinite alternate}
.scene-image{object-position:center}
.scene-shade,.world-image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07131cb0 0%,#07131c42 55%,#07131c2b),linear-gradient(0deg,#08141ddd 0%,transparent 54%);pointer-events:none}
.spotlight[data-world="sobina"] .spotlight-scene{--scene-accent:#d7e9ef}
.spotlight[data-world="fire"] .spotlight-scene{--scene-accent:#f4c78f}
.scene-data-line{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.scene-data-line path{fill:none;stroke:var(--scene-accent);stroke-width:1.5;stroke-dasharray:8 8;opacity:.65;filter:drop-shadow(0 0 4px var(--scene-accent));animation:traceFlow 9s linear infinite}
.scene-data-line .scene-branch{stroke-width:1;opacity:.38;animation-duration:13s;animation-direction:reverse}
.scene-data-line circle{fill:#f5fcff;stroke:var(--scene-accent);stroke-width:2;filter:drop-shadow(0 0 6px var(--scene-accent));animation:beacon 2.6s ease-in-out infinite}
.scene-data-line circle:nth-of-type(2){animation-delay:.8s}.scene-data-line circle:nth-of-type(3){animation-delay:1.5s}
.scene-readout{position:absolute;z-index:2;left:20px;right:20px;top:17px;display:flex;justify-content:space-between;color:#f5fbfc;font:9px monospace;letter-spacing:.1em;text-shadow:0 1px 6px #000}
.scene-live i,.world-live i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#a8e7d0;box-shadow:0 0 9px #a8e7d0;animation:beacon 2.4s ease-in-out infinite}
.scene-callout{position:absolute;z-index:2;left:22px;top:68px;width:min(260px,55%);padding:12px 14px;color:#f3f8f9;background:#07151bc4;border-left:2px solid var(--scene-accent);backdrop-filter:blur(8px);animation:calloutIn .5s ease both}
.scene-phase-label{display:block;color:#c3d8de;font:9px monospace;letter-spacing:.12em;text-transform:uppercase}
.scene-phase{display:block;font:500 17px/1.2 Manrope,sans-serif;margin-top:6px}
.scene-phase-copy{font:11px/1.4 'DM Sans',sans-serif;color:#ccdade;margin:5px 0 0}
.scene-steps{position:absolute;z-index:2;left:20px;right:20px;bottom:54px;display:flex;align-items:center;gap:0;overflow:hidden}
.scene-steps button{position:relative;flex:1;min-width:52px;padding:11px 7px 5px;border:0;border-top:1px solid #e4f4f34a;background:transparent;color:#cad6d8;text-align:left;font:9px monospace;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene-steps button:before{content:"";position:absolute;left:0;top:-3px;width:5px;height:5px;border-radius:50%;background:#91a9b0;transition:.2s}
.scene-steps button[aria-selected="true"]{color:#fff;border-top-color:var(--scene-accent)}
.scene-steps button[aria-selected="true"]:before{width:7px;height:7px;top:-4px;background:var(--scene-accent);box-shadow:0 0 12px var(--scene-accent)}
.scene-caption{position:absolute;z-index:2;left:20px;bottom:18px;right:20px;color:#e5eff1;font-size:10px;line-height:1.35;text-shadow:0 1px 5px #000}
.world-hero{grid-template-columns:.82fr 1.18fr;gap:22px;padding:28px;min-height:350px;background:#0c1820}
.world-hero:before,.world-hero:after{display:none}
.world-copy{z-index:2}
.world-scene{--world-accent:#c5eaf0;height:294px;min-width:0;position:relative;overflow:hidden;background:#0a1720;border-radius:3px;isolation:isolate}
.world-hero[data-world="sobina"] .world-scene{--world-accent:#dcecf0}
.world-hero[data-world="fire"] .world-scene{--world-accent:#f0c187}
.world-hero[data-world="optigraph"] .world-scene{--world-accent:#e7d59d}
.world-hero[data-world="restaurant"] .world-scene{--world-accent:#eac58e}
.world-hero[data-world="dialog"] .world-scene{--world-accent:#bee3ec}
.world-trace{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.world-trace path{fill:none;stroke:var(--world-accent);stroke-width:1.4;stroke-dasharray:7 7;opacity:.72;filter:drop-shadow(0 0 4px var(--world-accent));animation:traceFlow 8s linear infinite}
.world-trace .trace-secondary{opacity:.34;stroke-width:1;animation-duration:12s;animation-direction:reverse}
.world-trace circle{fill:#fff;stroke:var(--world-accent);stroke-width:2;filter:drop-shadow(0 0 6px var(--world-accent));animation:beacon 2.6s ease-in-out infinite}
.world-scene-readout{position:absolute;z-index:2;top:14px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;color:#f3fafb;font:8px monospace;letter-spacing:.08em;text-shadow:0 1px 7px #000}
.world-status{font:8px monospace;letter-spacing:.06em;color:#d4e6e9}
.world-live{font:8px monospace;letter-spacing:.08em;color:#e3eff0}
.world-step-display{position:absolute;z-index:2;left:16px;bottom:50px;max-width:260px;padding:10px 13px;background:#06131bc9;border-left:2px solid var(--world-accent);color:#f2f7f8;backdrop-filter:blur(7px)}
.world-step-label{display:block;font:8px monospace;letter-spacing:.11em;color:#c6d9dc;text-transform:uppercase}
.world-step-title{display:block;font:500 16px Manrope,sans-serif;margin-top:4px}
.world-step-copy{margin:3px 0 0;font:10px/1.35 'DM Sans',sans-serif;color:#c7d7db}
.world-steps{position:absolute;z-index:2;left:15px;right:15px;bottom:13px;display:flex;overflow-x:auto;scrollbar-width:none}
.world-steps::-webkit-scrollbar{display:none}
.world-steps button{flex:1;min-width:62px;border:0;border-top:1px solid #d7e9ea57;background:transparent;padding:8px 4px 0;text-align:left;color:#b9c9cc;font:8px monospace;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world-steps button[aria-selected="true"]{border-color:var(--world-accent);color:#fff}
.world-body{grid-template-columns:1.1fr .9fr}
@keyframes photoDrift{from{transform:scale(1)}to{transform:scale(1.055)}}
@keyframes traceFlow{to{stroke-dashoffset:-180}}
@keyframes beacon{0%,100%{opacity:.56;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}
@keyframes calloutIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:800px){.world-hero{grid-template-columns:1fr}.world-scene{height:275px}.hero-art{height:320px}}
@media(max-width:650px){.hero-art{height:255px}.hero-sirius-pin{left:60%;top:34%;font-size:7px}.hero-world-links{left:auto;right:12px;bottom:9px;grid-template-columns:repeat(5,27px) 42px;gap:4px}.hero-world-links button,.hero-world-links a{height:27px;font-size:13px}.hero-world-links button:after{font-size:7px}.hero-art .art-label.b{top:12px;bottom:auto}.spotlight-scene{min-height:325px}.scene-steps{gap:0;overflow-x:auto;scrollbar-width:none}.scene-steps button{flex:0 0 82px}.scene-callout{left:13px;top:56px}.scene-readout{left:13px;right:13px;top:13px}.scene-caption{left:13px;right:13px;bottom:13px}.world-hero{padding:20px 14px 14px}.world-scene{height:270px}.world-body{grid-template-columns:1fr}}
.platform-visual{min-height:238px;overflow:hidden;border:1px solid #afdae626;border-radius:12px;isolation:isolate}
.platform-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;animation:photoDrift 26s ease-in-out infinite alternate}
.platform-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07121dc9,#07121d64),linear-gradient(0deg,#08131ddd,transparent 75%);pointer-events:none}
.platform-visual .pipeline{z-index:1;bottom:20px;left:12px;right:12px;justify-content:center;flex-wrap:wrap}
.platform-globe{display:none}
.nav-trigger{border:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:500;letter-spacing:-.025em;padding:9px 0;cursor:pointer;white-space:nowrap}
.nav-trigger span{display:inline-block;margin-left:3px;transition:transform .2s}
.nav-trigger[aria-expanded="true"] span{transform:rotate(180deg)}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"]{color:#087f9d}
.nav a:hover,.nav-trigger:hover{color:#087f9d}
.mega-list a{display:block;text-align:left;text-decoration:none;border:0;border-left:2px solid transparent;background:transparent;padding:7px 8px;color:#152e3c}
.mega-list a:hover{background:#edf3f5;border-left-color:#17839c}
.hero-world-links a{display:flex;align-items:center;gap:6px;border:1px solid #effbff45;background:#07131b7a;color:#f2fbff;padding:6px 8px;font:9px monospace;letter-spacing:.08em;text-decoration:none;backdrop-filter:blur(8px);transition:.2s}
.hero-world-links a:hover{background:#d7f4ff;color:#102b3a;border-color:#d7f4ff}
.spotlight-tabs{margin-top:auto;padding-top:13px;gap:6px}
.spotlight-tabs button{margin:0;padding:7px 8px;border:1px solid #17334220;border-radius:3px;font-size:10px;line-height:1.2}
.spotlight-tabs button[aria-selected="true"]{background:#e2f0f3;border-color:#078da966}
.spotlight-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;margin-top:9px}
.spotlight-products button{min-width:0;text-align:left;background:#fff;border:1px solid #1733421c;border-radius:3px;padding:7px 9px;color:#294453;font:10px 'DM Sans',sans-serif;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}
.spotlight-products button:hover,.spotlight-products button[aria-selected="true"]{background:#e7f2f5;border-color:#078da966;color:#075a70}
.platform-copy h2{color:#112b39!important}
.platform-copy .eyebrow{color:#496473}
/* Flow has six distinct work views over its construction-site image. */
.scene-data-line,.world-trace{display:none}
.spotlight .scene-callout,.world-hero .world-step-display{display:none}
.flow-visualization{position:absolute;z-index:3;top:61px;right:4%;width:57%;height:204px;pointer-events:none}
.world-scene .flow-visualization{top:45px;right:3%;width:61%;height:190px}
.flow-board{position:relative;width:100%;height:100%;box-sizing:border-box;padding:12px 14px 10px;border:1px solid #d9edf044;border-radius:4px;background:linear-gradient(135deg,#081923ed,#102630e8);box-shadow:0 12px 34px #02080c70,inset 0 1px #ffffff13;color:#e9f4f5;backdrop-filter:blur(11px);animation:flowPanelIn .42s cubic-bezier(.2,.75,.25,1) both;overflow:hidden}
.product-board{--board-accent:#83d6e8;position:relative;width:100%;height:100%;box-sizing:border-box;padding:12px 14px 10px;border:1px solid #d9edf044;border-radius:4px;background:linear-gradient(135deg,#081923ed,#102630e8);box-shadow:0 12px 34px #02080c70,inset 0 1px #ffffff13;color:#e9f4f5;backdrop-filter:blur(11px);animation:flowPanelIn .42s cubic-bezier(.2,.75,.25,1) both;overflow:hidden}
.product-board:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#a6ecfa08,transparent 45%,#a6ecfa05)}
.product-board--plan{--board-accent:#b7d9ee}.product-board--dialog{--board-accent:#9ee2d5}.product-board--network{--board-accent:#8bdcf0}.product-board--civic{--board-accent:#b8d8e8}.product-board--forest{--board-accent:#b6d8a7}.product-board--compute{--board-accent:#9bc7ee}.product-board--restaurant{--board-accent:#e5c89b}.product-board--property{--board-accent:#d1c0ed}.product-board--energy{--board-accent:#d9d994}.product-board--vision{--board-accent:#a4d4d7}
.pb-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #d7edf022;color:#c3d5d9;font:7px monospace;letter-spacing:.12em}.pb-head span{display:flex;align-items:center;gap:7px}.pb-head span b{color:var(--board-accent);font-size:13px}.pb-head em{display:flex;align-items:center;gap:5px;color:#a9d8c8;font-style:normal;font-size:6px}.pb-head em i{width:5px;height:5px;border-radius:50%;background:#9de1c4;box-shadow:0 0 7px #9de1c4;animation:statusPulse 1.8s infinite}
.pb-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(120px,.78fr) minmax(150px,1.22fr);align-items:center;gap:16px;height:calc(100% - 43px);padding:6px 2px 3px}.pb-process small{color:#88b1bd;font:6px monospace;letter-spacing:.1em}.pb-process strong{display:block;margin-top:4px;color:#f0f7f8;font:500 14px/1.15 Manrope,sans-serif}.pb-process p{margin:5px 0 9px;color:#b4c8cd;font-size:8px;line-height:1.35}.pb-sequence{display:flex;align-items:center;gap:5px}.pb-sequence i{display:grid;place-items:center;width:14px;height:14px;border:1px solid #d5edf02c;border-radius:50%;color:#819ba3;font:6px monospace;font-style:normal}.pb-sequence i.is-done{border-color:var(--board-accent);background:color-mix(in srgb,var(--board-accent) 19%,transparent);color:#f0fbfc;box-shadow:0 0 8px color-mix(in srgb,var(--board-accent) 32%,transparent)}
.pb-visual{position:relative;min-width:0;height:116px;display:grid;place-items:center;border:1px solid #d8eef01e;border-radius:3px;background:linear-gradient(0deg,#8cd7e50a 1px,transparent 1px),linear-gradient(90deg,#8cd7e50a 1px,transparent 1px),#06141b70;background-size:20px 20px;color:#dcebed;overflow:hidden}
.pb-footer{position:absolute;z-index:1;right:14px;bottom:9px;left:14px;display:flex;align-items:center;gap:8px;color:#98b4bc;font:6px monospace;letter-spacing:.05em}.pb-footer b{color:var(--board-accent);font-size:10px}
.pb-chart{width:88%;display:grid;gap:8px}.pb-chart-row{display:grid;grid-template-columns:minmax(62px,.68fr) 1.32fr;align-items:center;gap:8px;color:#bed0d3;font-size:7px}.pb-chart-row>span{height:6px;background:#d9edf018;overflow:hidden}.pb-chart-row i{display:block;width:var(--bar);height:100%;transform-origin:left;background:linear-gradient(90deg,#73b9cb,var(--board-accent));box-shadow:0 0 9px color-mix(in srgb,var(--board-accent) 45%,transparent);animation:scheduleGrow .7s calc(var(--delay)*.1s) both}
.pb-chat{width:84%;display:grid;gap:6px}.pb-bubble{justify-self:start;max-width:75%;padding:6px 8px;border:1px solid #a3dce72a;border-radius:8px 8px 8px 2px;background:#b9edf10c;color:#d9e9eb;font-size:7px;animation:fieldCardIn .42s both}.pb-bubble-out{justify-self:end;border-color:#a5e7d542;background:#95d9cf15;border-radius:8px 8px 2px 8px;animation-delay:.12s}
.pb-map{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at 52% 50%,#9ad8db13,transparent 58%)}.pb-map:before,.pb-map:after{content:"";position:absolute;inset:12% 18%;border:1px solid #c1e4e427;border-radius:48% 52% 43% 57%;transform:rotate(-18deg)}.pb-map:after{inset:24% 9%;transform:rotate(21deg);border-color:#c1e4e41d}.pb-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--board-accent);stroke-width:1.5;stroke-dasharray:5 5;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--board-accent) 65%,transparent));animation:traceFlow 8s linear infinite}.pb-map>i{position:absolute;z-index:1;width:5px;height:5px;border:1px solid #efffff;border-radius:50%;background:var(--board-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--board-accent) 17%,transparent),0 0 9px var(--board-accent);animation:statusPulse 2s infinite}.pb-map>i:nth-child(1){left:19%;top:64%}.pb-map>i:nth-child(2){left:43%;top:36%;animation-delay:.3s}.pb-map>i:nth-child(3){left:70%;top:58%;animation-delay:.7s}.pb-map>i:nth-child(4){left:82%;top:24%;animation-delay:1s}.pb-map-label{position:absolute;z-index:2;right:7px;top:6px;max-width:45%;padding:5px 7px;border-left:1px solid var(--board-accent);background:#071820db;color:#e2eff0;font:6px monospace}
.pb-nodes{display:flex;align-items:center;justify-content:center;gap:5px;width:90%;font-size:7px}.pb-nodes i{display:grid;place-items:center;min-height:34px;max-width:28%;padding:5px;border:1px solid color-mix(in srgb,var(--board-accent) 45%,transparent);background:#bce5f10b;color:#d9e9eb;font-style:normal;text-align:center;animation:nodeGlow 2.6s ease-in-out infinite}.pb-nodes i:nth-of-type(2){animation-delay:.45s}.pb-nodes i:nth-of-type(3){animation-delay:.9s}.pb-nodes b{color:var(--board-accent);animation:statusPulse 1.5s infinite}.pb-nodes>span{position:absolute;inset:20% 15%;border:1px solid #abdbea22;border-radius:50%;transform:rotate(-20deg)}
.pb-frames{position:relative;display:flex;gap:5px;width:91%;height:70%;align-items:center;justify-content:center}.pb-frames i{position:relative;display:flex;align-items:flex-end;width:30%;height:62%;padding:5px;border:1px solid #acdbe53b;background:linear-gradient(155deg,#5c829033,#06151c);color:#d8e9eb;font:6px monospace;font-style:normal;animation:frameScan 2.8s ease-in-out infinite}.pb-frames i:nth-child(2){height:82%;animation-delay:.3s}.pb-frames i:nth-child(3){height:70%;animation-delay:.6s}.pb-frames b{position:absolute;left:50%;top:34%;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--board-accent);border-radius:50%;color:#e8fbfb;text-shadow:0 0 8px var(--board-accent);animation:statusPulse 2s infinite}
.pb-gantt{display:grid;gap:7px;width:91%}.pb-gantt>div{display:grid;grid-template-columns:minmax(58px,.7fr) 1.3fr;align-items:center;gap:8px;color:#c8d8dc;font-size:7px}.pb-gantt>div>span{height:9px;background:linear-gradient(90deg,#c7e8f011 25%,#c7e8f022 25% 26%,#c7e8f011 26% 50%,#c7e8f022 50% 51%,#c7e8f011 51% 75%,#c7e8f022 75% 76%,#c7e8f011 76%);overflow:hidden}.pb-gantt i{display:block;width:var(--bar);height:100%;background:linear-gradient(90deg,#548ea8,var(--board-accent));transform-origin:left;animation:scheduleGrow .75s calc(var(--delay)*.11s) both}
.pb-stock{width:90%;display:grid;gap:7px}.pb-stock>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;padding:5px 7px;border-bottom:1px solid #d7edf01c;background:#c8eee908;color:#d6e5e7;font-size:7px;animation:fieldCardIn .42s both}.pb-stock>div:nth-child(2){animation-delay:.1s}.pb-stock>div:nth-child(3){animation-delay:.2s}.pb-stock b{color:var(--board-accent);font:6px monospace;letter-spacing:.06em}.stock-dot{width:5px;height:5px;border-radius:50%;background:#9de1c4;box-shadow:0 0 6px currentColor}.stock-1{background:#e6d18e}.stock-2{background:#9acbe3}
.pb-radar{position:relative;width:110px;height:110px;border:1px solid #b8d9a866;border-radius:50%;background:radial-gradient(circle,transparent 0 24%,#bad9a718 25% 26%,transparent 27% 49%,#bad9a725 50% 51%,transparent 52% 74%,#bad9a725 75% 76%,transparent 77%),linear-gradient(0deg,transparent 49.5%,#bad9a742 50%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,#bad9a742 50%,transparent 50.5%);overflow:hidden}.pb-radar:before{content:"";position:absolute;inset:50%;width:50%;height:50%;transform-origin:0 0;background:linear-gradient(40deg,#b9e2a94d,transparent 75%);animation:radarSweep 4s linear infinite}.radar-sweep{position:absolute;inset:50%;width:48%;height:1px;transform-origin:0 0;background:linear-gradient(90deg,#d8f5c7,#d8f5c700);animation:radarSweep 4s linear infinite}.radar-point{position:absolute;left:67%;top:29%;width:5px;height:5px;border-radius:50%;background:#ffdc9c;box-shadow:0 0 0 4px #ffd58b35,0 0 10px #ffd58b;animation:statusPulse 1.7s infinite}.radar-point-b{left:34%;top:70%;width:4px;height:4px;animation-delay:.6s}.pb-radar>span{position:absolute;left:8px;bottom:8px;max-width:48%;padding:4px 5px;background:#081820e8;color:#dcebd8;font:6px monospace}
.pb-network{position:relative;width:100%;height:100%}.pb-network svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a6ddec78;stroke-width:1.4;stroke-dasharray:5 5;animation:traceFlow 7s linear infinite}.net-node{position:absolute;z-index:1;display:grid;place-items:center;min-width:43px;height:21px;padding:0 5px;border:1px solid #9fe1ee66;background:#0d2029;color:#e3f5f6;font:6px monospace;font-style:normal;animation:nodeGlow 2.5s infinite}.net-node.n1{left:7%;top:38%}.net-node.n2{left:42%;top:12%;animation-delay:.3s}.net-node.n3{right:8%;bottom:22%;animation-delay:.6s}.pb-network>b{position:absolute;left:51%;top:53%;width:7px;height:7px;border-radius:50%;background:var(--board-accent);box-shadow:0 0 0 8px #8bdcf01b,0 0 15px var(--board-accent);animation:statusPulse 1.8s infinite}
.pb-civic{width:87%;display:grid;gap:6px}.pb-civic>div{display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid #b9dce61c;background:#d7f1f307;color:#9bb2b9;font-size:7px;transition:.3s}.pb-civic>div i{display:grid;place-items:center;width:15px;height:15px;border:1px solid #9abdc344;border-radius:50%;color:#b7cdd2;font:6px monospace;font-style:normal}.pb-civic>div.is-current{border-color:#b8d8e866;background:#b9e5f012;color:#f0f8f8;transform:translateX(5px)}.pb-civic>div.is-current i{border-color:var(--board-accent);color:#fff;box-shadow:0 0 8px #b8d8e844}
.pb-offers{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:90%}.offer-card{position:relative;display:flex;flex-direction:column;gap:5px;min-height:67px;padding:7px;border:1px solid #d1c0ed40;background:linear-gradient(145deg,#dbcaf014,#dbcaf006);animation:flowPanelIn .45s both}.offer-card:nth-child(2){animation-delay:.12s}.offer-card small{color:#b9a8d8;font:6px monospace;letter-spacing:.1em}.offer-card b{color:#f0eafa;font-size:8px;font-weight:500}.offer-card span{color:#b7b1c4;font-size:6px}.offer-card i{position:absolute;right:6px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--board-accent);box-shadow:0 0 7px var(--board-accent);animation:statusPulse 2s infinite}
@keyframes nodeGlow{0%,100%{box-shadow:inset 0 0 0 transparent;transform:translateY(0)}50%{box-shadow:inset 0 0 18px color-mix(in srgb,var(--board-accent) 22%,transparent);transform:translateY(-2px)}}
@keyframes frameScan{0%,100%{background-position:0 0;filter:brightness(.72)}50%{filter:brightness(1.35);border-color:var(--board-accent)}}
@keyframes radarSweep{to{transform:rotate(360deg)}}
.flow-board:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#a6ecfa08,transparent 45%,#a6ecfa05)}
.flow-board-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #d7edf022;color:#b5cbd1;font:8px monospace;letter-spacing:.11em}
.flow-board-head b{font:7px monospace;letter-spacing:.08em;color:#a6e5d4}
.flow-brief-main{display:flex;align-items:center;gap:13px;padding:12px 4px 10px}
.flow-target{position:relative;flex:0 0 51px;height:51px;display:grid;place-items:center;border:1px solid #b4dce52e;border-radius:50%;background:radial-gradient(circle,#77c9dc2c,transparent 68%)}
.flow-target:before,.flow-target:after{content:"";position:absolute;border:1px solid #b5e8ef43;border-radius:50%;inset:9px}
.flow-target:after{inset:19px;border-color:#ddf8fb8a}
.flow-target i{width:5px;height:5px;border-radius:50%;background:#e4fbff;box-shadow:0 0 9px #9ce8f6;animation:briefTarget 2.4s ease-in-out infinite}
.flow-brief-main small{display:block;color:#91bdc8;font:7px monospace;letter-spacing:.11em}
.flow-brief-main strong{display:block;margin-top:4px;font:500 13px/1.2 Manrope,sans-serif}
.flow-brief-main p{margin:4px 0 0;color:#aabfc5;font-size:9px}
.flow-brief-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.flow-brief-rows span{padding:7px 8px;background:#d7f1f309;border:1px solid #d7f1f318;color:#a8bdc3;font:7px monospace}
.flow-brief-rows b{display:block;margin-top:4px;color:#edf6f7;font:9px 'DM Sans',sans-serif}
.flow-gantt{padding-top:10px}
.flow-gantt-scale,.flow-gantt-row{display:grid;grid-template-columns:82px repeat(4,1fr);align-items:center;gap:4px}
.flow-gantt-scale{padding:0 0 5px;color:#8eabb5;font:6px monospace;letter-spacing:.03em}
.flow-gantt-row{height:26px;border-top:1px solid #d7edf011}
.flow-gantt-row label{color:#c5d5d8;font-size:8px}
.flow-gantt-row i{grid-column:2/6;display:block;height:8px;border-radius:2px;background:linear-gradient(90deg,#54b8cf,#b4e9e2);transform-origin:left center;box-shadow:0 0 9px #67c8d529;animation:scheduleGrow .7s cubic-bezier(.15,.75,.3,1) both}
.flow-gantt-row .gantt-a{grid-column:2/4;width:75%}.flow-gantt-row .gantt-b{grid-column:3/5;width:82%;animation-delay:.08s;background:linear-gradient(90deg,#65b8d0,#9fc5f0)}.flow-gantt-row .gantt-c{grid-column:3/6;width:90%;animation-delay:.16s}.flow-gantt-row .gantt-d{grid-column:5/6;width:70%;animation-delay:.24s;background:linear-gradient(90deg,#c3d9a1,#d8eac1)}
.flow-board-foot{position:relative;z-index:1;margin-top:auto;padding-top:6px;color:#9eb6bd;font-size:8px;line-height:1.3}
.flow-field-map{position:relative;height:116px;margin:4px 0 3px;overflow:hidden;background:linear-gradient(0deg,#98ced00b 1px,transparent 1px),linear-gradient(90deg,#98ced00b 1px,transparent 1px);background-size:23px 23px}
.flow-field-map svg{position:absolute;inset:0;width:100%;height:100%}
.field-route-base,.field-branch{fill:none;stroke:#d5e9e866;stroke-width:2;stroke-dasharray:2 5}
.field-route-progress{fill:none;stroke:#88e3e6;stroke-width:2.5;stroke-dasharray:18 220;stroke-linecap:round;filter:drop-shadow(0 0 4px #80e9e8);animation:fieldRouteDraw 2.4s ease-in-out infinite}
.field-pin{position:absolute;left:60%;top:41%;padding:4px 6px;border:1px solid #b8eef05c;background:#102a35;color:#e7f8fa;font:6px monospace;letter-spacing:.1em}
.field-pin:before{content:"";position:absolute;left:-4px;top:50%;width:6px;height:6px;border-radius:50%;background:#e7fbff;box-shadow:0 0 0 4px #8ee5e333;transform:translateY(-50%)}
.field-update{position:absolute;right:5px;top:7px;padding:5px 7px;background:#071820d9;border-left:2px solid #9addd9;color:#d9edee;font:7px monospace;animation:fieldCardIn .45s .18s both}
.flow-control-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;padding:10px 0 4px}
.flow-control-map{position:relative;min-height:99px;padding:6px;border:1px solid #d7edf01b;background:linear-gradient(0deg,#8cd7e50d 1px,transparent 1px),linear-gradient(90deg,#8cd7e50d 1px,transparent 1px);background-size:20px 20px}
.flow-control-map svg{width:100%;height:72px;fill:none;stroke:#aedee566;stroke-width:2;stroke-dasharray:4 4}
.flow-control-map span{display:block;color:#91b7c0;font:6px monospace;letter-spacing:.07em}
.flow-control-list{display:grid;align-content:center;gap:6px}
.flow-control-list p{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:5px;margin:0;padding-bottom:5px;border-bottom:1px solid #d6edf012;color:#b9cbd0;font-size:7px}
.flow-control-list b{color:#e5f0f1;font-size:7px;font-weight:500}
.status{width:5px;height:5px;border-radius:50%}.status-cyan{background:#85dceb}.status-green{background:#8de0bd}.status-amber{background:#efcb83}.status-violet{background:#b9a8f3}
.flow-live-tag{display:flex;align-items:center;gap:5px!important}.flow-live-tag i{width:5px;height:5px;border-radius:50%;background:#8de0bd;box-shadow:0 0 8px #8de0bd;animation:statusPulse 1.7s infinite}
.flow-verify-table{padding-top:9px}
.verify-row{display:grid;grid-template-columns:1.12fr 1fr .7fr;gap:7px;align-items:center;min-height:23px;border-bottom:1px solid #d7edf016;color:#c2d2d5;font-size:7px}
.verify-head{min-height:17px;color:#85a6af;font:6px monospace;letter-spacing:.08em}
.verify-row b{font-size:7px;font-weight:500;white-space:nowrap}
.verify-check{color:#a4e4c8}.verify-review{color:#edcf8f}.verify-sign{color:#c3b6f5}
.verify-row:not(.verify-head) b{animation:verifyReveal .38s both}
.verify-row:nth-child(3) b{animation-delay:.14s}.verify-row:nth-child(4) b{animation-delay:.28s}
.flow-invoice-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px;padding:11px 2px 4px}
.invoice-sheet{position:relative;display:grid;gap:4px;min-height:96px;padding:10px 11px;border:1px solid #d9edf02b;border-radius:2px;background:linear-gradient(145deg,#eaf3f1,#cddfdf);color:#16333d;box-shadow:0 8px 18px #0003;animation:invoiceLift .55s both}
.invoice-sheet:before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 18px 18px 0;border-color:transparent #9fb8bb transparent transparent}
.invoice-sheet small{font:7px monospace;letter-spacing:.12em;color:#42636a}
.invoice-sheet strong{font:500 10px Manrope,sans-serif}
.invoice-sheet span{color:#577077;font-size:7px}
.invoice-sheet i{position:absolute;right:12px;bottom:10px;width:16px;height:16px;border:1px solid #358e79;border-radius:50%;display:grid;place-items:center;color:#21725e;font-style:normal;font-size:9px}
.invoice-route{display:grid;gap:7px;color:#d1e3e5;font:6px monospace;letter-spacing:.06em}
.invoice-route i{display:block;width:1px;height:9px;margin-left:5px;background:linear-gradient(#94d9d8,#a7bce9);position:relative}
.invoice-route i:after{content:"";position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%;background:#dffcff;box-shadow:0 0 7px #a7ecf5;animation:statusPulse 1.8s infinite}
.flow-invoice .flow-board-foot{padding-top:3px}
.spotlight[data-world="flow"] .flow-visualization{right:3%;width:56%}
.world-hero[data-world="flow"] .flow-visualization{right:2%;width:62%}
@keyframes flowPanelIn{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
@keyframes briefTarget{0%,100%{transform:scale(.72);opacity:.6}50%{transform:scale(1.18);opacity:1}}
@keyframes scheduleGrow{from{transform:scaleX(.08);opacity:.35}to{transform:scaleX(1);opacity:1}}
@keyframes fieldRouteDraw{0%{stroke-dashoffset:210;opacity:.3}55%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes fieldCardIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@keyframes statusPulse{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.22)}}
@keyframes verifyReveal{from{opacity:.25;transform:translateX(5px)}to{opacity:1;transform:none}}
@keyframes invoiceLift{from{opacity:.3;transform:translateY(7px) rotate(-1deg)}to{opacity:1;transform:none}}
@media(max-width:850px){.flow-visualization{right:3%;width:59%}.world-scene .flow-visualization{width:64%}.flow-board{padding:10px 11px 8px}.flow-brief-main strong{font-size:11px}}
@media(max-width:650px){.spotlight .flow-visualization{top:53px;left:4%;right:4%;width:92%;height:180px}.world-scene .flow-visualization{top:45px;left:3%;right:3%;width:94%;height:174px}.flow-board,.product-board{padding:9px 10px 7px}.flow-board-head{font-size:7px}.flow-brief-main{gap:8px;padding:7px 2px}.flow-target{flex-basis:42px;height:42px}.flow-brief-main strong{font-size:10px}.flow-brief-rows span{padding:5px 6px}.flow-gantt-scale,.flow-gantt-row{grid-template-columns:70px repeat(4,1fr)}.flow-gantt-row{height:23px}.flow-field-map{height:91px}.flow-control-layout{gap:7px;padding:6px 0 2px}.flow-control-map{min-height:87px}.flow-control-map svg{height:61px}.flow-invoice-body{gap:8px;padding-top:8px}.invoice-sheet{min-height:82px;padding:8px}.invoice-route{font-size:5px}.pb-main{grid-template-columns:minmax(95px,.74fr) minmax(135px,1.26fr);gap:8px;height:calc(100% - 38px);padding-top:5px}.pb-process strong{font-size:11px}.pb-process p{font-size:7px;margin:4px 0 7px}.pb-sequence{gap:3px}.pb-sequence i{width:12px;height:12px}.pb-visual{height:100px}.pb-footer{right:10px;left:10px;bottom:7px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.flow-board,.flow-board *,.product-board,.product-board *{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.nav-trigger{display:none}.spotlight-tabs{margin-top:18px}.spotlight-products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-world-links a{justify-content:center}}

/* Sirius flare: the supplied RazumX wordmark remains the exact source artwork. */
.brand:after{display:none}
.brand-signal{position:absolute;left:83.5%;top:50%;z-index:2;width:0;height:0;pointer-events:none}
.brand-signal:before{content:"";position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#fff 0 2%,#d9faff 5%,#55dff680 13%,transparent 68%),linear-gradient(90deg,transparent 4%,#d8fbffb0 49%,#fff 50%,#d8fbffb0 51%,transparent 96%),linear-gradient(0deg,transparent 4%,#d8fbffb0 49%,#fff 50%,#d8fbffb0 51%,transparent 96%);filter:drop-shadow(0 0 9px #64def5);opacity:.42;transform:scale(.7);animation:siriusTwinkle 3.1s ease-in-out infinite}
.brand-signal:after{content:"";position:absolute;left:-16px;top:-16px;width:32px;height:32px;border:1px solid #c8f7ff99;border-radius:50%;opacity:0;animation:siriusWave 3.1s ease-out infinite}
.brand:hover .brand-signal:before{animation-duration:1.1s}
@keyframes siriusTwinkle{0%,100%{opacity:.18;transform:scale(.68)}44%{opacity:.9;transform:scale(1.12)}55%{opacity:.3;transform:scale(.82)}}
@keyframes siriusWave{0%{opacity:0;transform:scale(.28)}38%{opacity:.62}100%{opacity:0;transform:scale(1.55)}}
.space-field{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none;mix-blend-mode:screen;opacity:.9}
.hero-art{cursor:crosshair}.hero-art-overlay{z-index:1}.hero-art:after{z-index:1}.hero-art .portal,.hero-art .orbit,.hero-art .signal{z-index:2}.hero-art .art-label,.hero-art .art-micro{z-index:3}

/* Sirius coordinates sit beside the photographed star; its flare runs once on page load. */
.hero-sirius-pin{left:78.9%;top:33%;width:0;height:0;display:block;z-index:3}
.hero-sirius-pin i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border:1px solid #f1fcff;border-radius:50%;background:#effaff;box-shadow:0 0 0 3px #b7edff20,0 0 10px 2px #a9eaff77;animation:siriusPulseOff .42s ease-in-out 3 both}
.hero-sirius-pin span{position:absolute;left:-118px;right:auto;top:-75px;width:max-content;color:#eaf7ff;font:8px/1.55 'IBM Plex Mono',Consolas,monospace;letter-spacing:.045em;text-align:right;text-shadow:0 1px 9px #020810,0 0 14px #020810;white-space:nowrap}
@keyframes siriusPulseOff{0%{opacity:.12;transform:scale(.68);box-shadow:0 0 0 1px #b7edff12,0 0 3px #a9eaff33}35%{opacity:1;transform:scale(1.2);box-shadow:0 0 0 6px #b7edff35,0 0 20px 7px #a9eaffb0}68%{opacity:.32;transform:scale(.86);box-shadow:0 0 0 2px #b7edff18,0 0 6px #a9eaff55}100%{opacity:.08;transform:scale(.68);box-shadow:0 0 0 1px #b7edff10,0 0 3px #a9eaff22}}
@media(max-width:650px){.hero-sirius-pin{left:78.9%;top:33%}.hero-sirius-pin span{left:-100px;right:auto;font-size:6px;top:-60px}}
@media(prefers-reduced-motion:reduce){.hero-sirius-pin i{animation:none;opacity:1}}

/* The orbit controls keep all product names exact, revealing each name on hover/focus. */
.hero-world-links button{width:31px;min-width:31px;height:31px;padding:0;font-size:14px}
.hero-world-links a{width:46px;min-width:46px;height:31px;padding:0 3px;border-radius:3px;font-size:7px;letter-spacing:.04em}
@media(max-width:650px){.hero-world-links{left:auto;right:12px;grid-template-columns:repeat(5,27px) 42px;gap:4px}.hero-world-links button{width:27px;min-width:27px;height:27px;font-size:13px}.hero-world-links a{width:42px;min-width:42px;height:27px;padding:0 2px;font-size:6px}}

.back-to-top{position:fixed;right:22px;bottom:22px;z-index:1000;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #a6d6e455;border-radius:999px;background:#0c202bdc;color:#eaf8fb;font:700 9px 'IBM Plex Mono',Consolas,monospace;letter-spacing:.08em;box-shadow:0 8px 24px #07131d38;backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s,background .2s;cursor:pointer}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:#173b4b}.back-to-top b{font-size:15px;font-weight:400}
@media(max-width:650px){.back-to-top{right:14px;bottom:14px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
.art-label.a{color:#bcecf6}.art-label.b{color:#d8e8f2}.art-micro{color:#a5c7d4}.art-micro i{color:#a9e3f2}

/* Light RazumX canvas: the supplied dark wordmark is shown without a tile. */
:root{--night:#f3f7f8;--night2:#ffffff;--ink:#122331;--muted:#526575;--line:#102b3b20;--cyan:#078da9;--blue:#276fbe;--violet:#637caa;--pink:#4f9eb1;--gold:#9a7a34;--green:#287d84}
body{color:var(--ink);background:#f3f7f8}
body:before{background:radial-gradient(ellipse at 3% 0%,#d9edf2 0%,transparent 34%),radial-gradient(ellipse at 95% 40%,#e7edf4 0%,transparent 28%),linear-gradient(180deg,#f8fbfc,#eef4f6 60%,#f8fafb)}
body:after{background-image:radial-gradient(#47718335 .65px,transparent .8px);opacity:.13}
.topbar{border-bottom-color:#163c4d1c}.nav{color:#38505f}.nav a:hover,.lang:hover,.foot-links a:hover{color:#087f9d}.lang{color:#526575}.lang.active{color:#122331;border-color:#173c4b26}
.brand{background:transparent;padding:0;overflow:visible}.brand img{width:142px;padding:0;background:transparent}.brand-signal:before{mix-blend-mode:screen}.foot-brand img{background:transparent;padding:0;filter:none}
.contact-link{background:#102c3b;color:#f2f8fa;box-shadow:0 6px 20px #102c3b1a}.contact-link:hover{box-shadow:0 10px 28px #102c3b29}
.hero h1 em{background:none;color:#157e9e}.hero-copy{color:#4f6472}.button{color:#1a3444;border-color:#173c4b28}.button.primary,.cta-box .button{background:#0e819e;color:#f4fbfd;border-color:#0e819e;box-shadow:0 8px 24px #0e819e22}.button:hover{border-color:#0d829d}.eyebrow{color:#526a79}.eyebrow:before{background:#148aa5}
.hero-art{border-color:#8ed7ea45;box-shadow:inset 0 0 80px #609eb914,0 26px 70px #122c3c1f}.hero-art-overlay{background:linear-gradient(90deg,#07111bcc 0%,#0b152799 45%,#0b142355 100%),linear-gradient(0deg,#08111bb5,transparent 62%)}
.portfolio{background:transparent}.section-title p{color:#556c7a}.filters .filter{background:#fff;border-color:#173c4b24;color:#425968}.filters .filter:hover,.filters .filter[aria-pressed=true]{background:#e6f3f6;border-color:#078da966;color:#125a70}
.product-card{--accent:#138aa5!important;--tint:#e1eff3!important;color:#132d3d;border-color:#173c4b1d;background:linear-gradient(145deg,#ffffff,#f6fafb);box-shadow:0 5px 20px #18374708}.product-card h3{color:#112c3c}.product-card p{color:#526979}.product-sector,.card-open span{color:#087f9d}.product-card:before{opacity:.07}.product-card:after{border-color:#138aa555;box-shadow:0 0 12px #138aa51a}.product-card:hover{border-color:#138aa566;background:linear-gradient(145deg,#f5fbfc,#eaf4f7);box-shadow:0 18px 40px #193b4a16}.filter{color:#425968}
.platform-inner{background:linear-gradient(110deg,#e7f1f4,#f5f8fa);border-color:#1b45541f}.platform-copy p{color:#526575}.pipe-node{color:#294456;background:#ffffffa6;border-color:#163c4b1b}.pipe-arrow{color:#078da9}
.sectors{background:linear-gradient(180deg,#eaf1f4,#eff4f6);border-color:#153e4d18}.sector{background:#ffffffb8;border-color:#153e4d1b}.sector .num{color:#55707e}.sector p{color:#526575}
.about-copy{color:#526575}.cta-box{border-color:#4a9bae55;background:radial-gradient(ellipse at 82% 0%,#a4d8e222,transparent 42%),linear-gradient(110deg,#e5f1f4,#f4f7f8 78%)}.cta-box h2{color:#122b3a}.cta-box p{color:#526575}.cta-box:after{border-color:#1687a530;box-shadow:0 0 0 20px #1687a30b,0 0 0 48px #1687a307}
.footer{background:#eaf1f3;border-top-color:#153e4d20}.foot-brand p,.foot-links{color:#526575}.foot-bottom{border-top-color:#153e4d1c;color:#607380}
.gateway-panel{--ink:#f5f6ff;--muted:#a9b2c7;--cyan:#61f4eb;color:var(--ink)}

/* A four-sector atomic system: Sirius is only the distant RazumX emblem. */
.hero-world-links{position:absolute;inset:0;z-index:4;display:block;pointer-events:none;overflow:hidden}
.system-map{position:absolute;left:34%;top:53%;width:63%;height:84%;transform:translate(-50%,-50%) rotate(var(--manual-turn,0deg));transform-origin:center;pointer-events:auto;touch-action:none;cursor:grab}
.system-map.is-dragging{cursor:grabbing}
.sector-orbit{position:absolute;left:50%;top:50%;width:var(--orbit-w);height:var(--orbit-h);border:1px dashed var(--orbit-color);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--plane-angle));animation:orbitPrecession 72s linear infinite;box-shadow:0 0 16px color-mix(in srgb,var(--orbit-color) 16%,transparent)}
.sector-orbit:before{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--orbit-color) 23%,transparent);border-radius:50%;transform:scale(.985);pointer-events:none}
.sector-orbit-1{--orbit-w:35%;--orbit-h:30%;--orbit-color:#9deeff9c;--plane-angle:-24deg}
.sector-orbit-2{--orbit-w:55%;--orbit-h:48%;--orbit-color:#c6d7ff8c;--plane-angle:23deg}
.sector-orbit-3{--orbit-w:76%;--orbit-h:67%;--orbit-color:#d3c5ff82;--plane-angle:-64deg}
.sector-orbit-4{--orbit-w:96%;--orbit-h:85%;--orbit-color:#a7e7db82;--plane-angle:63deg}
.sector-orbit-label{position:absolute;z-index:2;padding:3px 6px;border:1px solid #cbeaff27;border-radius:2px;background:#061521c9;color:#d2e9f2;font:600 7px/1.2 'IBM Plex Mono',Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;animation:planetCounter 72s linear infinite}
.sector-orbit-1 .sector-orbit-label{left:50%;top:-12px;transform:translateX(-50%)}
.sector-orbit-2 .sector-orbit-label{right:-8px;top:50%;transform:translate(100%,-50%)}
.sector-orbit-3 .sector-orbit-label{left:50%;bottom:-12px;transform:translateX(-50%)}
.sector-orbit-4 .sector-orbit-label{left:-8px;top:50%;transform:translate(-100%,-50%)}
.orbit-node{position:absolute;z-index:3;width:0;height:0;transform:translate(-50%,-50%)}
.orbit-world{position:absolute;left:0;top:0;display:grid;place-items:center;width:40px;min-width:40px;height:40px;padding:0;border:1px solid #e4f5ff87;border-radius:50%;background:#071521dd;color:#f2fbff;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 0 12px #6ec4df45;transition:scale .2s,box-shadow .2s,border-color .2s;animation:planetCounter 72s linear infinite}
.orbit-world i{display:block;width:34px;height:34px;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 34% 26%,#faffff 0%,#b7e5ef 16%,#427e9b 54%,#0a1b2b 82%);box-shadow:inset -6px -7px 12px #020912aa,0 0 10px #a4e5ff77}
.orbit-world i img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 3px #00101b);animation:planetAxialSpin 21s linear infinite;transition:scale .25s}
.orbit-world>span{position:absolute;left:50%;top:calc(100% + 8px);z-index:10;max-width:180px;padding:5px 8px;border:1px solid #dff6ff75;border-radius:2px;background:#071521f2;color:#f1fbff;font:600 9px/1.2 'DM Sans',Arial,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .18s,transform .18s}
.orbit-world:hover,.orbit-world:focus-visible{z-index:12;scale:1.18;border-color:#fff;box-shadow:0 0 24px #9feaffb8;outline:2px solid #dcf7ff}
.orbit-world:hover i img,.orbit-world:focus-visible i img{scale:1.12}
.orbit-world:hover>span,.orbit-world:focus-visible>span{opacity:1;transform:translate(-50%,0)}
.razumx-core{position:absolute;left:50%;top:50%;z-index:5;display:grid;justify-items:center;gap:5px;transform:translate(-50%,-50%) rotate(calc(var(--manual-turn,0deg) * -1));pointer-events:none}
.core-orb{display:grid;place-items:center;width:74px;height:74px;border:1px solid #c8f6ff9c;border-radius:50%;background:radial-gradient(circle at 32% 24%,#efffff 0%,#8fdbf0 10%,#286d91 37%,#102b48 65%,#06111e 100%);box-shadow:inset -9px -11px 20px #020a16b8,0 0 23px #5fd7f38c,0 0 60px #50b8df36;animation:coreBreath 5.6s ease-in-out infinite}
.core-orb img{width:46px;height:auto;filter:none;opacity:.98}
.core-caption{color:#eefaff;font:700 8px/1 'IBM Plex Mono',Consolas,monospace;letter-spacing:.2em;text-shadow:0 1px 9px #00101c}
.product-card:after{display:none!important}
.planet-thumbnail{position:absolute;right:16px;top:12px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;opacity:.82;filter:drop-shadow(0 0 9px #7fdcf355);transition:transform .24s ease,opacity .24s ease,filter .24s ease}
.planet-thumbnail img{width:100%;height:100%;object-fit:contain}
.product-card:hover .planet-thumbnail,.product-card:focus-visible .planet-thumbnail{opacity:1;transform:scale(1.65);filter:drop-shadow(0 0 15px #a5e9ff9c)}
.product-card h3,.product-card p,.card-open{position:relative;z-index:1}
.product-card .product-sector{padding-right:46px}
.hero-sirius-pin{left:78.9%;top:33%;z-index:6}
.hero-sirius-pin i{left:-6px;top:-6px;width:12px;height:12px;animation:siriusTriple 8s ease-in-out infinite}
.hero-coordinate-readout{position:absolute;right:18px;top:16px;z-index:6;color:#effaff;font:600 11px/1.55 'IBM Plex Mono',Consolas,monospace;letter-spacing:.06em;text-align:right;text-shadow:0 1px 9px #020810,0 0 14px #020810;white-space:nowrap}
@keyframes orbitPrecession{from{transform:translate(-50%,-50%) rotate(var(--plane-angle))}to{transform:translate(-50%,-50%) rotate(calc(var(--plane-angle) + 360deg))}}
@keyframes planetCounter{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes planetAxialSpin{to{transform:rotate(360deg)}}
@keyframes coreBreath{0%,100%{box-shadow:inset -9px -11px 20px #020a16b8,0 0 23px #5fd7f38c,0 0 60px #50b8df36}50%{box-shadow:inset -9px -11px 20px #020a16b8,0 0 34px #82e9ffb8,0 0 78px #50b8df52}}
@keyframes siriusTriple{0%,100%{opacity:.28;transform:scale(.72);box-shadow:0 0 0 2px #b7edff12,0 0 5px #a9eaff40}5%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 7px #b7edff40,0 0 20px 8px #a9eaffc7}10%{opacity:.35;transform:scale(.78)}15%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 7px #b7edff40,0 0 20px 8px #a9eaffc7}20%{opacity:.35;transform:scale(.78)}25%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 7px #b7edff40,0 0 20px 8px #a9eaffc7}30%{opacity:.28;transform:scale(.72);box-shadow:0 0 0 2px #b7edff12,0 0 5px #a9eaff40}}
@media(max-width:650px){.system-map{left:36%;top:53%;width:68%;height:78%}.sector-orbit-1{--orbit-w:39%;--orbit-h:29%}.sector-orbit-2{--orbit-w:58%;--orbit-h:47%}.sector-orbit-3{--orbit-w:78%;--orbit-h:64%}.sector-orbit-4{--orbit-w:96%;--orbit-h:80%}.sector-orbit-label{font-size:5px;padding:2px 4px}.orbit-world{width:32px;min-width:32px;height:32px}.orbit-world i{width:27px;height:27px}.orbit-world>span{font-size:7px}.core-orb{width:58px;height:58px}.core-orb img{width:36px}.hero-coordinate-readout{right:10px;top:10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.sector-orbit,.orbit-world,.core-orb{animation:none!important}.hero-sirius-pin i{animation:none;opacity:1}}

/* Refined system interaction: fixed orbital paths, individually draggable sectors. */
.system-map{transform:translate(-50%,-50%);pointer-events:none;touch-action:auto;cursor:default}
.system-map.is-dragging{cursor:default}
.sector-orbit{border:0;animation:none;pointer-events:none;touch-action:none}
.sector-orbit-1{z-index:4}.sector-orbit-2{z-index:3}.sector-orbit-3{z-index:2}.sector-orbit-4{z-index:1}
.sector-orbit:before{display:none}
.orbit-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;touch-action:none}
.orbit-track ellipse{fill:none;stroke:var(--orbit-color);stroke-width:.72;stroke-dasharray:1.5 1.25;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:grab;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--orbit-color) 60%,transparent))}
.orbit-track ellipse:hover{stroke:#e6fbff;stroke-width:1}
.sector-orbit.is-dragging .orbit-track ellipse{stroke:#e6fbff;stroke-width:1;cursor:grabbing}
.sector-orbit-label{font-size:8px;animation:none;transform:rotate(calc(var(--plane-angle)*-1))}
.sector-orbit-1 .sector-orbit-label{transform:translateX(-50%) rotate(calc(var(--plane-angle)*-1))}
.sector-orbit-2 .sector-orbit-label{transform:translate(100%,-50%) rotate(calc(var(--plane-angle)*-1))}
.sector-orbit-3 .sector-orbit-label{transform:translateX(-50%) rotate(calc(var(--plane-angle)*-1))}
.sector-orbit-4 .sector-orbit-label{transform:translate(-100%,-50%) rotate(calc(var(--plane-angle)*-1))}
.orbit-node{pointer-events:none}
.orbit-world{z-index:8;pointer-events:auto;animation:none;transform:translate(-50%,-50%) rotate(calc(var(--plane-angle)*-1));touch-action:manipulation}
.orbit-world i{width:38px;height:38px;background:transparent;box-shadow:none}
.orbit-world i img{width:100%;height:100%;object-fit:contain;animation:planetAxialSpin 24s linear infinite;filter:drop-shadow(0 2px 6px #00101bcc)}
.orbit-world:hover i img,.orbit-world:focus-visible i img{scale:1.08}
.razumx-core{transform:translate(-50%,-50%);gap:0}
.core-orb{width:126px;height:126px;border:0;background:transparent;box-shadow:none;animation:coreBreath 5.6s ease-in-out infinite}
.core-orb img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px #70dcf399);animation:planetAxialSpin 72s linear infinite,coreImagePulse 5.6s ease-in-out infinite}
.core-caption{margin-top:-5px;padding:4px 8px;border:1px solid #d4f4ff59;border-radius:3px;background:#061521d9}
@media(max-width:650px){.system-map{left:36%;top:53%;width:68%;height:78%}.sector-orbit-label{font-size:7px}.core-orb{width:96px;height:96px}.orbit-world i{width:30px;height:30px}.orbit-world{width:36px;min-width:36px;height:36px}.orbit-world>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.orbit-world i img,.core-orb img{animation:none!important}.core-orb{animation:none!important}.hero-sirius-pin i{animation:none!important;opacity:.72!important}}
.hero-sirius-pin i{animation:siriusTriple 7.2s ease-in-out 1 both}
@keyframes siriusTriple{0%,34%,100%{opacity:0;transform:scale(.65);box-shadow:0 0 0 1px #b7edff00,0 0 4px #a9eaff00}3%,8%,13%,18%,23%,28%{opacity:1;transform:scale(1.15);box-shadow:0 0 0 7px #b7edff42,0 0 20px 8px #a9eaffc7}5%,10%,15%,20%,25%,30%{opacity:.3;transform:scale(.76);box-shadow:0 0 0 2px #b7edff12,0 0 5px #a9eaff40}}
@keyframes coreImagePulse{0%,100%{filter:drop-shadow(0 0 15px #70dcf36b) brightness(.98)}50%{filter:drop-shadow(0 0 27px #70dcf3be) brightness(1.08)}}

/* Make the orbital artwork read clearly at a glance. */
.hero-art .art-label.b{left:18px;right:auto;top:16px;bottom:auto;text-align:left;z-index:7}
.hero-coordinate-readout{right:18px;top:16px;z-index:7;font:400 9px/1.3 'IBM Plex Mono',Consolas,monospace;letter-spacing:.1em}
.hero-world-links{z-index:5}
.system-map{left:35%;top:54%;width:72%;height:94%;z-index:5}
.orbit-track ellipse{stroke-width:1.35;stroke-dasharray:2.2 1.6;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--orbit-color) 85%,transparent))}
.orbit-track ellipse:hover,.sector-orbit.is-dragging .orbit-track ellipse{stroke-width:1.8}
.orbit-world{width:48px;min-width:48px;height:48px;border-color:#e8fbffcf;background:#061521ed;box-shadow:0 0 16px #70cee982,0 0 30px #5ca7d047}
.orbit-world i{width:44px;height:44px}
.orbit-world:hover,.orbit-world:focus-visible{scale:1.14;box-shadow:0 0 24px #9feaffd4,0 0 42px #67c6ec77}
.razumx-core:before{content:"";position:absolute;z-index:-1;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#69d9ff52 0%,#348bb733 38%,transparent 72%);filter:blur(10px);pointer-events:none}
.core-orb{width:170px;height:170px}
.core-caption{font-size:9px;letter-spacing:.22em}
.product-card .product-sector{display:block;min-height:2.6em;line-height:1.3;}
@media(max-width:650px){.system-map{left:37%;top:54%;width:72%;height:88%}.orbit-world{width:39px;min-width:39px;height:39px}.orbit-world i{width:35px;height:35px}.core-orb{width:116px;height:116px}.razumx-core:before{width:140px;height:140px}.product-card .product-sector{min-height:2.6em}}

/* Product landing: bring the portfolio into view sooner and keep card baselines exact. */
.portfolio{padding-top:30px;padding-bottom:46px}
.portfolio .section-title{margin-bottom:16px}
.portfolio .section-title h2{font-size:clamp(34px,3.5vw,42px);line-height:1.02}
.portfolio .filters{margin-bottom:12px}
.portfolio .product-card{min-height:150px;padding:14px 16px 12px}
.portfolio .product-card .product-sector{display:block;box-sizing:border-box;height:2.6em;min-height:2.6em;flex:0 0 2.6em;line-height:1.3;overflow:hidden}
.portfolio .product-card h3{margin-top:8px}

/* Visible orbital guide, with the live product planets layered above it. */
.hero-world-links{display:block!important;visibility:visible!important;opacity:1!important;z-index:5!important}
.hero-world-links:before,.hero-world-links:after{content:"";position:absolute;z-index:0;display:block;left:1%;top:8%;width:78%;height:88%;border:1px dashed #b9eaffb8;border-radius:50%;transform:rotate(-24deg);filter:drop-shadow(0 0 6px #64c8ec80);pointer-events:none}
.hero-world-links:after{left:8%;top:17%;width:62%;height:68%;border-color:#9bd9ff85;transform:rotate(28deg)}
.system-core-fallback{position:absolute;left:39%;top:53%;z-index:2;display:block!important;width:152px;height:152px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 22px #6bdcffbb);pointer-events:none}
.system-map{display:block!important;visibility:visible!important;opacity:1!important;left:39%!important;top:53%!important;width:78%!important;height:96%!important;z-index:3!important;pointer-events:auto!important;touch-action:none!important}
.sector-orbit{overflow:visible}
.orbit-track ellipse{stroke:#c9f2ff!important;stroke-opacity:.92!important;stroke-width:1.7!important;stroke-dasharray:1.8 1.1!important;filter:drop-shadow(0 0 7px #70d9ffb3)!important}
.orbit-world{width:54px!important;min-width:54px!important;height:54px!important;visibility:visible!important;opacity:1!important}
.orbit-world i{width:48px!important;height:48px!important}
.orbit-world>span{font-size:10px}
.razumx-core{z-index:9!important}
.core-orb{width:152px!important;height:152px!important}
.core-caption{font-size:10px!important}
@media(max-width:650px){.portfolio{padding-top:25px}.portfolio .section-title h2{font-size:32px}.portfolio .product-card{min-height:145px;padding:12px 11px 10px}.portfolio .product-card h3{margin-top:7px}.about{min-height:72vh}.system-map{left:40%!important;top:54%!important;width:78%!important;height:88%!important}.system-core-fallback{left:40%;top:54%;width:105px;height:105px}.hero-world-links:before{left:2%;top:9%;width:83%;height:82%}.hero-world-links:after{left:7%;top:18%;width:68%;height:62%}.orbit-world{width:39px!important;min-width:39px!important;height:39px!important}.orbit-world i{width:34px!important;height:34px!important}.core-orb{width:105px!important;height:105px!important}}

/* The hero system is a single, predictable SVG stage: core + four sector orbits. */
.hero-world-links{position:absolute!important;inset:0!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:5!important;overflow:hidden!important;pointer-events:none!important}
.hero-world-links:before,.hero-world-links:after{display:none!important;content:none!important}
.orbit-system{position:absolute;left:4%;top:53%;width:68%;height:90%;display:block;overflow:visible;transform:translateY(-50%);z-index:4;pointer-events:auto}
.system-orbit{fill:none;stroke-width:1.5;stroke-dasharray:5 5;stroke-opacity:.82;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #8adfff77)}
.system-planet{cursor:pointer;outline:none}
.planet-halo{fill:#071521;fill-opacity:.92;stroke:#d7f4ff;stroke-opacity:.88;stroke-width:1.1;filter:drop-shadow(0 0 4px #72d8ff9c);transition:fill .18s,stroke .18s,stroke-width .18s}
.system-planet:hover .planet-halo,.system-planet:focus-visible .planet-halo{fill:#16374a;stroke:#fff;stroke-width:2}
.system-core-glow{fill:#4cc9f51c;stroke:#bcefff99;stroke-width:1.1;filter:drop-shadow(0 0 9px #61d8ffa8)}
.system-core-name{fill:#effaff;font:700 8px 'IBM Plex Mono',Consolas,monospace;letter-spacing:1.5px;text-anchor:middle;text-shadow:0 1px 5px #00101c}
@media(max-width:650px){.orbit-system{left:0;top:53%;width:82%;height:88%}.system-orbit{stroke-width:1.2;stroke-dasharray:4 5}.system-core-name{font-size:9px}}

/* The orbital system is part of the hero artwork itself, so it stays visible even before JavaScript runs. */
.orbit-system{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;transform:none!important;overflow:hidden!important;z-index:5!important;pointer-events:auto!important}
.orbit-track{transform-box:view-box;transform-origin:360px 330px;animation:orbitRevolve 64s linear infinite}
.orbit-track-2{animation-duration:78s;animation-direction:reverse}
.orbit-track-3{animation-duration:96s}
.orbit-track-4{animation-duration:118s;animation-direction:reverse}
.system-orbit{fill:none;stroke-width:2;stroke-dasharray:7 8;stroke-opacity:.78;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #8adfff99)}
.orbit-track-1 .system-orbit{stroke:#9be8f5}.orbit-track-2 .system-orbit{stroke:#b4d0ff}.orbit-track-3 .system-orbit{stroke:#d1bdff}.orbit-track-4 .system-orbit{stroke:#9de8d6}
.system-planet{cursor:pointer;outline:none;pointer-events:auto}
.planet-halo{fill:#071521;fill-opacity:.94;stroke:#d7f4ff;stroke-opacity:.95;stroke-width:2;filter:drop-shadow(0 0 7px #72d8ffb8);transition:fill .18s,stroke .18s}
.system-planet image{pointer-events:none;filter:drop-shadow(0 0 5px #8be8ffb0)}
.system-planet:hover .planet-halo,.system-planet:focus-visible .planet-halo{fill:#1b5268;stroke:#fff;stroke-width:2.6}
.system-core-glow{fill:#4cc9f52b;stroke:#d3f5ff;stroke-width:2;filter:drop-shadow(0 0 14px #61d8ffdd)}
.system-core-name{fill:#effaff;font:700 14px 'IBM Plex Mono',Consolas,monospace;letter-spacing:2px;text-anchor:middle;paint-order:stroke;stroke:#06131e;stroke-width:4px;stroke-linejoin:round}
@keyframes orbitRevolve{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.orbit-track{animation:none}}

/* Keep the complete solar layout inside the hero frame and preserve its geometry. */
.planet-halo,.system-core-glow,.system-core-name{display:none!important}
.system-planet image{pointer-events:auto!important;filter:none!important}

/* Sirius locator: three measured triads, a longer final flash, then dark. */
.hero-sirius-pin{left:78.9%!important;top:33%!important;z-index:8!important}
.hero-sirius-pin i{animation:siriusSequence 9.5s linear 1 both!important}
@keyframes siriusSequence{
  0%,6.84%,13.68%,26.32%,33.16%,40%,52.63%,59.47%,66.32%,78.95%,99.99%{opacity:1;transform:scale(1.15);box-shadow:0 0 0 6px #b7edff45,0 0 20px 7px #a9eaffc9}
  2.1%,8.95%,15.79%,28.42%,35.26%,42.1%,54.74%,61.58%,68.42%{opacity:.08;transform:scale(.68);box-shadow:0 0 0 1px #b7edff10,0 0 3px #a9eaff22}
  78.95%,99.99%{opacity:1;transform:scale(1.2);box-shadow:0 0 0 8px #b7edff55,0 0 24px 9px #a9eaffdd}
  100%{opacity:0;transform:scale(.68);box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.hero-sirius-pin i{animation:none!important;opacity:1!important}}

/* Calm hero system: still worlds, barely visible guides, and a soft core pulse. */
.orbit-track,.orbit-track-2,.orbit-track-3,.orbit-track-4{animation:none!important;transform:none!important}
.system-orbit{stroke:#c7e4ec;stroke-width:.85;stroke-dasharray:none;stroke-opacity:.13;filter:none}
.orbit-track-1 .system-orbit,.orbit-track-2 .system-orbit,.orbit-track-3 .system-orbit,.orbit-track-4 .system-orbit{stroke:#c7e4ec}
.system-planet image{filter:none!important;pointer-events:auto!important;transform-box:fill-box;transform-origin:center;transition:transform .28s ease,filter .28s ease}
.system-planet:hover image,.system-planet:focus-visible image{transform:scale(1.12);filter:drop-shadow(0 0 6px #c8f3ff66)!important}
.system-planet.is-selected image{transform:scale(1.62);filter:drop-shadow(0 0 12px #bceaffaa)!important}
.system-core image{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 13px #70dcf355);animation:coreBreath 7s ease-in-out infinite}
@keyframes coreBreath{0%,100%{filter:drop-shadow(0 0 10px #70dcf344) brightness(.98)}50%{filter:drop-shadow(0 0 19px #70dcf377) brightness(1.045)}}
@media(prefers-reduced-motion:reduce){.system-core image,.system-planet image{animation:none!important;transition:none!important}}

/* A quiet signal leaves Sirius and briefly wakes the Earth horizon. */
.hero-signal-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:4;overflow:hidden;pointer-events:none}
.hero-signal-trace{fill:none;stroke:#c9dce2;stroke-width:1.8;stroke-opacity:.2;filter:none}
.hero-gateway-response{fill:none;opacity:1}
.hero-atmosphere-aura,.hero-atmosphere-edge{stroke-linecap:round}
.hero-atmosphere-aura,.hero-atmosphere-edge{opacity:0}
.hero-entry-bloom{opacity:0;transform-box:fill-box;transform-origin:center;filter:blur(18px)}
.hero-signal-pulses{pointer-events:none}
.hero-signal-pulse{fill:#edfcff;filter:drop-shadow(0 0 8px #b5ecff) drop-shadow(0 0 18px #8bdfff) drop-shadow(0 0 34px #72d7ff88)}
.hero-sirius-marker{fill:#f4fdff;filter:drop-shadow(0 0 8px #b5ecff) drop-shadow(0 0 20px #8bdfff) drop-shadow(0 0 38px #72d7ff99);transform-box:fill-box;transform-origin:center;animation:siriusCycle 30s linear infinite}
.hero-world-signals,.hero-world-signal,.hero-world-hit{pointer-events:all}
.hero-world-network{fill:none;stroke:#b8efff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.16;filter:drop-shadow(0 0 5px #8bdfff);stroke-dasharray:2 16;animation:networkFlow 18s linear infinite;pointer-events:none}
.hero-sector-lane{fill:none;stroke:var(--sector-color);stroke-width:28;stroke-linecap:round;stroke-linejoin:round;opacity:.025;filter:blur(18px)}
.hero-world-signal{cursor:default;outline:none;pointer-events:all}
.hero-world-hit{fill:transparent;pointer-events:all}
.hero-world-halo{fill:var(--sector-color);opacity:.36;filter:drop-shadow(0 0 10px var(--sector-color)) drop-shadow(0 0 21px var(--sector-color));transform-box:fill-box;transform-origin:center;transition:transform .28s ease,opacity .28s ease}
.hero-world-core{fill:#effcff;opacity:.78;filter:drop-shadow(0 0 6px #c7f3ff) drop-shadow(0 0 13px #8bdfff)}
.hero-world-signal.is-signal-active .hero-world-halo{animation:worldSignalPulse 2.9s ease-out both}
.hero-world-signal.is-signal-active .hero-world-core{animation:coreSignalPulse 2.9s ease-out both}
.hero-world-signal:hover .hero-world-halo,.hero-world-signal:focus-visible .hero-world-halo{animation:none;opacity:1;transform:scale(1.8)}
.hero-world-signal:hover .hero-world-core,.hero-world-signal:focus-visible .hero-world-core{opacity:1;filter:drop-shadow(0 0 7px #e4fbff) drop-shadow(0 0 16px #8bdfff)}
.hero-world-caption{position:absolute;left:18px;bottom:15px;z-index:7;min-width:150px;padding:6px 10px;border-left:1px solid #b8eaf0a6;background:linear-gradient(90deg,#07111cbb,transparent);color:#edfaff;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease;pointer-events:none;text-shadow:0 1px 8px #000}
.hero-world-caption.is-visible{opacity:1;transform:none}
.hero-world-caption span{display:block;margin-bottom:3px;color:#b5dce3;font:600 7px/1.3 'IBM Plex Mono',Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.hero-world-caption strong{display:block;font:600 12px/1.25 'DM Sans',Arial,sans-serif}
.hero-world-caption em{display:block;margin-top:2px;color:#b5dce3;font:500 7px/1.3 'IBM Plex Mono',Consolas,monospace;letter-spacing:.08em;font-style:normal;text-transform:uppercase}
@keyframes networkFlow{to{stroke-dashoffset:-72}}
@keyframes worldSignalPulse{0%,100%{opacity:.36;transform:scale(.8)}24%{opacity:1;transform:scale(2.2)}58%{opacity:.52;transform:scale(1.12)}76%{opacity:1;transform:scale(1.8)}}
@keyframes coreSignalPulse{0%,100%{opacity:.78;transform:scale(.78)}24%,76%{opacity:1;transform:scale(1.5)}}
@keyframes siriusCycle{0%,2.17%,4.33%,8.33%,10.5%,12.67%,16.67%,18.83%,21%,25%{opacity:1;transform:scale(1.15)}1.5%,3.67%,5.83%,9.83%,12%,14.17%,18.17%,20.33%,22.5%,31.67%,100%{opacity:0;transform:scale(.68)}}
@media(prefers-reduced-motion:reduce){.hero-signal-pulse{display:none}.hero-sirius-marker{animation:none;opacity:1}.hero-entry-bloom,.hero-world-halo{animation:none;opacity:.36}.hero-world-core{animation:none!important}.hero-gateway-response{opacity:1}.hero-atmosphere-aura,.hero-atmosphere-edge{stroke-dashoffset:0;opacity:.18}.hero-sector-lane{animation:none;opacity:.06}.hero-world-network{animation:none}}
.hero-art.motion-paused .hero-image,.hero-art.motion-paused .hero-gateway-light,.hero-art.motion-paused .hero-sirius-marker,.hero-art.motion-paused .hero-world-signals *{animation-play-state:paused!important}
.product-board--community{--board-accent:#8edec9}
.product-board--insurance{--board-accent:#90c8f5}
.pb-community,.pb-insurance{position:relative;width:96%;height:100%;display:grid;place-items:center;overflow:hidden}
.pb-community svg,.pb-insurance svg{width:100%;height:100%;overflow:visible}
.community-route,.community-link,.insurance-route,.insurance-route-secondary{fill:none;stroke:var(--board-accent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4 5;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--board-accent) 65%,transparent));animation:communityFlow 6s linear infinite}
.community-link{stroke:#d4c4ff;stroke-width:1;stroke-dasharray:2 6;opacity:.6;animation-duration:8s;animation-direction:reverse}
.community-building rect{fill:#88d9d017;stroke:#9de4d5a8;stroke-width:1.2}
.community-roof{fill:none;stroke:#d9fff0;stroke-width:1.5}
.community-windows{fill:#9ee7d7;opacity:.64;animation:communityWindows 3.6s ease-in-out infinite alternate}
.community-building--b .community-windows{animation-delay:.8s}.community-building--c .community-windows{animation-delay:1.6s}
.community-door{fill:#d4c4ff;opacity:.78}
.community-resident{fill:#f2fffb;stroke:var(--board-accent);stroke-width:1.5;filter:drop-shadow(0 0 5px var(--board-accent));animation:statusPulse 2s infinite}
.resident-b{animation-delay:.55s}.resident-c{animation-delay:1.1s}
.community-hub{fill:#e3fff7;stroke:#8edec9;stroke-width:3;filter:drop-shadow(0 0 6px #8edec9);animation:communityHub 2.4s ease-in-out infinite}
.community-caption{position:absolute;right:4px;bottom:3px;padding:3px 6px;border-left:1px solid var(--board-accent);background:#071820db;color:#dff8f3;font:6px monospace;letter-spacing:.06em}
.product-board--community[data-stage="0"] .community-building--a,.product-board--community[data-stage="1"] .community-building--b,.product-board--community[data-stage="2"] .community-building--c,.product-board--community[data-stage="3"] .community-building--a,.product-board--community[data-stage="4"] .community-building--b,.product-board--community[data-stage="5"] .community-building--c{filter:drop-shadow(0 0 5px #8edec9);transform:translateY(-2px)}
.product-board--community .community-building{transition:filter .35s,transform .35s}
.insurance-route{stroke:#92cffb;stroke-width:2;stroke-dasharray:5 6;animation:insuranceFlow 5s linear infinite}
.insurance-route-secondary{stroke:#d8c7ff;stroke-width:1;stroke-dasharray:2 7;opacity:.58;animation:insuranceFlow 8s linear infinite reverse}
.insurance-shield,.insurance-claim-box{fill:#8bc9f20e;stroke:#9bd5ff;stroke-width:1.5;stroke-linejoin:round}
.insurance-ring{fill:#0b1d28;stroke:#9bd5ff;stroke-width:1.5}
.insurance-mark{fill:none;stroke:#e3f5ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #8ecfff);stroke-dasharray:36;stroke-dashoffset:0;animation:insuranceMark 3s ease-in-out infinite}
.insurance-step{transform-box:fill-box;transform-origin:center;animation:insuranceStep 2.8s ease-in-out infinite}
.insurance-step--premium{animation-delay:.4s}.insurance-step--claim{animation-delay:.8s}.insurance-step--settlement{animation-delay:1.2s}
.product-board--insurance[data-stage="0"] .insurance-step--policy,.product-board--insurance[data-stage="1"] .insurance-step--premium,.product-board--insurance[data-stage="2"] .insurance-step--premium,.product-board--insurance[data-stage="3"] .insurance-step--claim,.product-board--insurance[data-stage="4"] .insurance-step--claim,.product-board--insurance[data-stage="5"] .insurance-step--settlement{filter:drop-shadow(0 0 5px #90c8f5);transform:scale(1.12)}
.product-board--insurance .insurance-step{transition:filter .35s,transform .35s}
.insurance-labels{position:absolute;right:1%;bottom:1px;left:1%;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;color:#c8dce5;text-align:center;font:5.5px monospace;letter-spacing:.02em}
@keyframes communityFlow{to{stroke-dashoffset:-72}}
@keyframes communityWindows{from{opacity:.35}to{opacity:1;filter:drop-shadow(0 0 4px #9ee7d7)}}
@keyframes communityHub{0%,100%{r:5;opacity:.65}50%{r:8;opacity:1}}
@keyframes insuranceFlow{to{stroke-dashoffset:-66}}
@keyframes insuranceMark{0%,20%{stroke-dashoffset:36;opacity:.45}60%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes insuranceStep{0%,100%{opacity:.72}50%{opacity:1;filter:drop-shadow(0 0 4px #90c8f5)}}
@media(prefers-reduced-motion:reduce){.community-route,.community-link,.community-windows,.community-resident,.community-hub,.insurance-route,.insurance-route-secondary,.insurance-mark,.insurance-step{animation:none!important}.community-hub{r:6;opacity:1}.insurance-step{opacity:1}}
.product-board--community .community-building rect{fill:#62cdb522!important;stroke:#b7f2df!important;stroke-width:1.5!important}
.product-board--community .community-roof{stroke:#effff9!important;stroke-width:2!important}
.product-board--community .community-windows{fill:#9ee7d7!important;opacity:.95!important}
.community-route{stroke:#b4f5e3!important;stroke-width:2!important;filter:drop-shadow(0 0 4px #75d9c4)!important}
.community-link{stroke:#d8c7ff!important;stroke-width:1.5!important;opacity:.9!important}
.community-caption{right:4px!important;bottom:3px!important;z-index:2!important;max-width:45%;padding:3px 5px!important;background:#071820ed!important;color:#eafff8!important;font-size:5px!important;line-height:1.2!important;text-align:right!important}
.insurance-labels{grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-items:center!important;gap:0!important;font-size:5px!important;line-height:1.2!important}
.insurance-labels span{max-width:100%;padding:1px 2px;background:#071820d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.insurance-shield,.insurance-claim-box{fill:#183749!important;stroke:#9bd5ff!important;stroke-width:2!important}
.insurance-ring{fill:#183749!important;stroke:#9bd5ff!important;stroke-width:2!important}
.insurance-mark{stroke:#effaff!important;stroke-width:2.4!important}
.insurance-route{stroke:#b7e1ff!important;stroke-width:2.4!important;filter:drop-shadow(0 0 4px #8ecfff)!important}