:root{color-scheme:dark;--bg:#080d21;--text:#f6f7ff;--muted:#a3acc7;--cyan:#40d9ff;--purple:#a58cff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1160px,calc(100% - 44px));margin:auto}.ambient{position:absolute;inset:0 0 auto;height:950px;z-index:-1;background:radial-gradient(ellipse at 75% 27%,#182d74a0,transparent 42%),radial-gradient(ellipse at 13% 60%,#35165e66,transparent 38%),linear-gradient(#080d21,#0b1026);pointer-events:none}.ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#5e91d912 1px,transparent 1px),linear-gradient(90deg,#5e91d912 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#0009,transparent 90%)}.site-header{position:sticky;top:0;z-index:20;background:#080d21dd;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:850;line-height:1;letter-spacing:.5px;white-space:nowrap}.brand b{color:#6ce5ff}.brand small{display:block;font-size:10px;letter-spacing:5px;color:#c1c8e5;margin-top:6px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2dd8ff,#835aff);box-shadow:0 0 25px #4087ff66;font-weight:950;font-size:24px}.nav nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:650}.nav nav a:hover,.text-link:hover{color:var(--cyan)}.nav-contact{border:1px solid #5e7eaf;border-radius:9px;padding:9px 15px}.menu-toggle{display:none;background:transparent;border:1px solid #5e7eaf;color:white;border-radius:9px;padding:7px 12px}.hero{min-height:680px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding-top:35px;padding-bottom:90px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.4px;color:#67dfff}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #4d91b45e;background:#12344c77;padding:9px 15px;border-radius:30px}.live-dot{width:7px;height:7px;border-radius:50%;background:#52ffba;box-shadow:0 0 12px #52ffba}.hero h1{font-size:clamp(47px,5.4vw,78px);line-height:1.09;letter-spacing:-3px;margin:24px 0}.hero h1 span,h2 span{background:linear-gradient(100deg,#4ce3ff,#b18aff);background-clip:text;color:transparent}.hero p{color:#b4bfd9;font-size:17px;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border-radius:11px;font-size:13px;font-weight:750;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(110deg,#2dcaf2,#8b70ed);color:#071126;box-shadow:0 10px 36px #367bfa44}.ghost{border:1px solid #61739e;background:#ffffff09}.hero-stats{display:flex;gap:35px;margin-top:52px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:26px;line-height:1.2}.hero-stats small{font-size:11px;color:#9ba9c7}.hero-art{height:480px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #5f9cff3b;border-radius:50%;animation:spin 28s linear infinite}.orbit-one{width:370px;height:370px;box-shadow:0 0 45px #3d68ec19}.orbit-two{width:490px;height:260px;transform:rotate(-30deg);border-style:dashed;animation:spin 42s linear infinite reverse}.core{position:relative;z-index:2;width:235px;height:235px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a64c9,#111b4c 68%,#0b1231);border:2px solid #68a4ff;box-shadow:0 0 40px #3478ff88,inset 0 0 55px #40ccff3a;display:flex;flex-direction:column;align-items:center;justify-content:center}.core span{font-size:112px;font-weight:950;line-height:1;text-shadow:0 0 26px #79deff}.core small{font-size:11px;letter-spacing:2px;color:#8defff}.satellite{position:absolute;z-index:3;width:62px;height:62px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#213d86,#151c43);border:1px solid #5b8ff0;box-shadow:0 0 24px #4e87ff55;font-size:30px}.sat-1{top:46px;left:100px}.sat-2{right:25px;top:120px}.sat-3{bottom:55px;right:110px}.sat-4{left:20px;bottom:145px}.art-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#316cff20;filter:blur(70px)}.scroll-hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;color:#7f91b5}.section{padding-top:94px;padding-bottom:94px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:33px}.section-heading h2,.center-heading h2,.about-layout h2,.knowledge-layout h2,.cta h2{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-1.5px;margin:10px 0 14px}.section-heading p,.about-layout p,.knowledge-layout p,.cta p{color:var(--muted);max-width:630px}.section-counter{font-size:11px;color:#7483ac;letter-spacing:2px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product-card{position:relative;min-height:310px;display:flex;flex-direction:column;padding:29px;border:1px solid #3b4b72;border-radius:17px;background:linear-gradient(155deg,#172445dd,#10172f 75%);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.product-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 0%,var(--accent),transparent 55%);opacity:.09;pointer-events:none}.product-card:hover,.product-card:focus-visible{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 16px 38px #0006,0 0 22px color-mix(in srgb,var(--accent),transparent 78%)}.product-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:15px;background:color-mix(in srgb,var(--accent),transparent 86%);color:var(--accent);font-size:29px;margin-bottom:19px}.tag{color:var(--accent);font-size:10px;letter-spacing:1.5px;font-weight:800}.product-card h3{font-size:25px;margin:5px 0 6px}.product-card p{color:#aab6d0;font-size:13px;line-height:1.8;margin:0 0 24px}.card-link{margin-top:auto;display:flex;justify-content:space-between;color:var(--accent);font-size:13px;font-weight:750}.card-link b{font-size:20px}.products-note{text-align:center;color:#7888aa;font-size:12px;margin-top:28px}.about-section{background:linear-gradient(120deg,#0e1939,#0d1129)}.about-layout,.knowledge-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-visual{height:360px;position:relative;display:grid;place-items:center}.about-ring{width:245px;height:245px;border-radius:50%;display:grid;place-items:center;border:1px solid #5d98ef;background:radial-gradient(circle,#1d3d83,#101c3b 70%);box-shadow:0 0 90px #2b80ff42}.about-ring span{font-size:110px;font-weight:950;color:#83e8ff;text-shadow:0 0 24px #52baff}.about-chip{position:absolute;padding:9px 15px;border:1px solid #5076bb;background:#152a56;border-radius:8px;color:#a9dbff;font-size:10px;letter-spacing:1.3px}.chip-a{top:20px;left:12px}.chip-b{top:95px;right:5px}.chip-c{bottom:24px;left:70px}.text-link{color:#68d9ff;font-weight:700;font-size:14px}.center-heading{text-align:center;margin-bottom:38px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-grid article{padding:25px 20px;border:1px solid #2d3b5e;border-radius:14px;background:#101831}.benefit-grid article span{font-size:30px;color:#67dcff}.benefit-grid h3{font-size:16px;margin:12px 0 7px}.benefit-grid p{font-size:13px;color:#a5b0cb;margin:0}.knowledge-section{background:#0b122b}.knowledge-art{min-height:300px;border-radius:18px;border:1px solid #425c9d;background:radial-gradient(circle at 75% 15%,#6c4bc766,transparent 50%),linear-gradient(145deg,#17295c,#10142f);padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 65px #2e6fff1e}.knowledge-art>span{font-size:11px;letter-spacing:2px;color:#b5c6eb}.knowledge-art strong{font-size:55px;line-height:1.05;letter-spacing:-2px}.knowledge-art em{font-style:normal;color:#6fe2ff}.cta{text-align:center;padding:68px 20px;border:1px solid #45639b;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#3656ac77,transparent 75%),#121c40}.cta p{margin:0 auto 25px}.footer{background:#070b1a;border-top:1px solid #273453;padding-top:60px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding-bottom:50px}.footer-grid p{color:#8491b0;font-size:13px;max-width:280px}.footer-grid h3{font-size:14px;margin:0 0 16px}.footer-grid>div:not(:first-child) a{display:block;color:#96a3c0;font-size:13px;margin:9px 0}.footer-grid a:hover{color:#6fe2ff}.footer-bottom{border-top:1px solid #25304c;padding:22px 0;display:flex;justify-content:space-between;gap:15px;color:#7e8ba8;font-size:12px}#fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:100}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:50;background:white;color:black;padding:10px}@keyframes spin{to{rotate:360deg}}@media(max-width:900px){.nav nav{gap:13px}.hero{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.75);margin:-40px}.product-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.about-layout,.knowledge-layout{gap:30px}}@media(max-width:700px){.nav{min-height:68px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0c1430;padding:18px 22px;flex-direction:column;align-items:stretch;border-bottom:1px solid #3c4d78}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px;padding-bottom:80px}.hero h1{letter-spacing:-2px}.hero-art{height:330px;transform:scale(.68);margin:-45px 0}.hero-stats{gap:23px;margin-top:32px}.section{padding-top:65px;padding-bottom:65px}.section-counter{display:none}.product-grid,.about-layout,.knowledge-layout{grid-template-columns:1fr}.about-visual{height:290px}.benefit-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.knowledge-art strong{font-size:44px}}@media(max-width:430px){.product-grid,.benefit-grid{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.hero-stats{justify-content:space-between}.hero-art{transform:scale(.56);margin:-65px 0}.brand{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* V2: original Mesra logo, active orbital scene and four floating satellites */
.brand-logo{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 8px #39c9ff70)}
.core{overflow:hidden;background:radial-gradient(circle at 35% 30%,#1a3d81,#09132c 75%);animation:core-breathe 5s ease-in-out infinite;isolation:isolate}
.core img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 0 12px #2c9cff90);animation:logo-hover 5s ease-in-out infinite}
.core small{position:absolute;bottom:18px;letter-spacing:2px;text-shadow:0 1px 8px #000}
.about-ring img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 0 18px #22bafc80)}
.hero-art .orbit-one{animation:orbit-one-spin 26s linear infinite}
.hero-art .orbit-two{animation:orbit-two-spin 19s linear infinite reverse}
.satellite{will-change:transform;animation:float-sat 4s ease-in-out infinite alternate, satellite-glow 3s ease-in-out infinite alternate;transition:background .3s,box-shadow .3s}
.sat-1{animation-delay:0s,0s}.sat-2{animation-delay:-1s,-.6s}.sat-3{animation-delay:-2s,-1.2s}.sat-4{animation-delay:-3s,-1.8s}
.sat-1:hover,.sat-2:hover,.sat-3:hover,.sat-4:hover{background:#2a5eb0;box-shadow:0 0 32px #56ccff}
.orbit-spark{position:absolute;z-index:1;width:9px;height:9px;border-radius:50%;background:#7de8ff;box-shadow:0 0 14px 4px #5cbbff;animation:spark-pulse 2.2s ease-in-out infinite alternate}
.spark-one{top:48px;right:170px}.spark-two{bottom:88px;left:145px;animation-delay:-1s;background:#b79aff}
@keyframes orbit-one-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes orbit-two-spin{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}
@keyframes float-sat{from{transform:translate3d(0,-13px,0) rotate(-8deg)}to{transform:translate3d(9px,13px,0) rotate(8deg)}}
@keyframes satellite-glow{from{box-shadow:0 0 10px #4e87ff44}to{box-shadow:0 0 29px #4eafffbb}}
@keyframes core-breathe{0%,100%{box-shadow:0 0 35px #3478ff66,inset 0 0 45px #40ccff2b}50%{box-shadow:0 0 70px #3478ffaa,inset 0 0 65px #40ccff66}}
@keyframes logo-hover{0%,100%{transform:translateY(2px) scale(.97)}50%{transform:translateY(-4px) scale(1.04)}}
@keyframes spark-pulse{from{opacity:.35;transform:scale(.6)}to{opacity:1;transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){.satellite,.core,.core img,.hero-art .orbit-one,.hero-art .orbit-two,.orbit-spark{animation:none!important}}

/* Build 003: unmistakable continuous orbital animation */
.hero-art{isolation:isolate}
.hero-art .satellite{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;margin:-31px 0 0 -31px;animation:mesra-satellite-orbit 16s linear infinite!important;transform-origin:center;z-index:5;background:linear-gradient(135deg,#2d58b3,#131f52);box-shadow:0 0 18px #40d9ff88;}
.hero-art .sat-1{animation-delay:0s!important}
.hero-art .sat-2{animation-delay:-4s!important}
.hero-art .sat-3{animation-delay:-8s!important}
.hero-art .sat-4{animation-delay:-12s!important}
@keyframes mesra-satellite-orbit{from{transform:rotate(0deg) translateX(205px) rotate(0deg)}to{transform:rotate(360deg) translateX(205px) rotate(-360deg)}}
.hero-art .orbit-one{border:2px solid #6faaff6b;animation:mesra-orbit-pulse 4s ease-in-out infinite!important}
@keyframes mesra-orbit-pulse{0%,100%{box-shadow:0 0 15px #3b7dff30;opacity:.65}50%{box-shadow:0 0 50px #4aafff90;opacity:1}}
.hero-art .orbit-two{animation:orbit-two-spin 12s linear infinite!important;border-color:#56d8ff77}
.hero-art .core{animation:core-breathe 3s ease-in-out infinite!important}
.hero-art .core img{animation:logo-hover 3s ease-in-out infinite!important}
.hero-art:after{content:'';position:absolute;inset:3%;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 78%,#31c9ff33 83%,transparent 88%);animation:mesra-light-sweep 9s linear infinite;z-index:0}
@keyframes mesra-light-sweep{to{transform:rotate(360deg)}}

@media(max-width:700px){@keyframes mesra-satellite-orbit{from{transform:rotate(0deg) translateX(185px) rotate(0deg)}to{transform:rotate(360deg) translateX(185px) rotate(-360deg)}}}
@media(prefers-reduced-motion:reduce){.hero-art .satellite,.hero-art .orbit-one,.hero-art .orbit-two,.hero-art .core,.hero-art .core img,.hero-art:after{animation:none!important}.hero-art .sat-1{transform:translate(-170px,-100px)}.hero-art .sat-2{transform:translate(170px,-100px)}.hero-art .sat-3{transform:translate(170px,100px)}.hero-art .sat-4{transform:translate(-170px,100px)}}

/* Build 004: logo background transparency and SEO release */

/* Build 005: enforce round image compositing; remove any cached rectangular logo matte. */
.hero-art .core img{clip-path:circle(49% at 50% 50%);background:transparent!important}
.about-ring img,.brand-logo{background:transparent!important}