:root{color-scheme:dark;--bg:#08050f;--panel:#180c24;--panel-2:#221130;--ink:#fbf4ff;--muted:#bfaecb;--plum:#b45cdf;--violet:#d48cf4;--pink:#f5b9ff;--line:rgba(216,135,246,.2);--glow:rgba(205,69,255,.35);--width:1230px;--ease:cubic-bezier(.19,1,.22,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.9 Vazirmatn,Tahoma,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #f2acff;outline-offset:5px}::selection{background:#953ab4;color:#fff}.container{width:min(calc(100% - 64px),var(--width));margin-inline:auto}.skip-link{position:fixed;top:-100px;right:14px;background:#f0afff;color:#15091b;padding:7px 20px;z-index:300}.skip-link:focus{top:12px}.page-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.ambient-glow{position:absolute;filter:blur(100px);border-radius:50%;opacity:.16}.ambient-one{height:550px;width:900px;background:#730d9b;top:120px;left:-350px}.ambient-two{height:600px;width:760px;background:#762d84;top:2000px;right:-300px}#reading-progress{position:fixed;z-index:125;height:2px;top:0;right:0;width:var(--progress,0%);background:linear-gradient(90deg,#b957ff,#f3baff);box-shadow:0 0 18px #f1a0ff;pointer-events:none}
/* NAVIGATION */
.site-header{position:fixed;z-index:100;top:0;right:0;left:0;padding:15px 0;transition:padding .4s ease,background .4s ease}.site-header.is-scrolled{padding:7px 0;background:rgba(10,5,16,.75);backdrop-filter:blur(16px)}.nav-wrap{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 30px;border-radius:18px;border:1px solid rgba(246,176,255,.23);background:rgba(19,8,28,.63);box-shadow:0 2px 40px #1007169a, inset 0 1px #ffffff15;backdrop-filter:blur(28px)}.brand{display:inline-flex;align-items:center;flex:none;gap:11px;font-size:23px;line-height:1.1;font-weight:900;letter-spacing:-.8px;text-shadow:0 0 25px #eaa5fb55}.brand-light{width:10px;height:10px;background:#f2c0ff;border-radius:50%;box-shadow:0 0 15px #ed97ff,0 0 32px #a343ea;animation:light-pulse 3.5s ease-in-out infinite}.site-nav{display:flex;align-items:center;gap:clamp(12px,2.8vw,39px)}.site-nav a{position:relative;font-size:13px;color:#d7c9de;font-weight:600;white-space:nowrap;transition:color .25s}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff}.site-nav a[aria-current=page]:after,.site-nav a:hover:after{content:"";position:absolute;bottom:-17px;right:0;left:0;height:2px;background:#e49eff;box-shadow:0 0 12px #e878ff}.header-meta{color:#cb9bd5;font-size:9px;letter-spacing:.29em;white-space:nowrap}.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:#ebc3ff;margin:5px 0;border-radius:2px}.site-footer{position:relative;background:linear-gradient(180deg,transparent,#0b0514 46%);padding:80px 0 30px}.footer-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:35px;border-bottom:1px solid var(--line)}.footer-head p{font-size:13px;color:var(--muted)}.footer-logo{font-size:29px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:11px;color:#aa91b5;gap:16px}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-links a:hover{color:#f0b4ff}.footer-dev{color:#725f7e;font-size:10px}
/* TYPOGRAPHY */
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.55;letter-spacing:-.035em}h2{font-size:clamp(28px,3.5vw,51px);font-weight:800}h3{font-size:17px}.gradient-text{background:linear-gradient(115deg,#fff0ff 0%,#ddacfc 42%,#a950df 88%);color:transparent;background-clip:text;-webkit-background-clip:text}.section-kicker,.eyebrow{color:#df9ae8;font-size:10px;font-weight:700;letter-spacing:.29em}.section-kicker{display:block;margin-bottom:16px}.eyebrow{display:flex;align-items:center;gap:18px}.eyebrow-line{display:block;width:26px;height:1px;background:#dd97e9;box-shadow:0 0 12px #e19eff}.section-space{padding-block:85px}.section-heading{margin-bottom:44px}.section-heading.center{text-align:center}.section-heading p{color:var(--muted);max-width:530px;margin:7px auto 0}.section-heading-split{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-heading-split h2{margin-bottom:0}.section-heading-split p{margin:0;max-width:320px;font-size:14px}.glass-frame{position:relative;isolation:isolate;background:linear-gradient(130deg,rgba(62,29,78,.6),rgba(21,9,32,.8) 60%,rgba(72,31,75,.45));border:1px solid rgba(225,140,247,.29);border-radius:25px;box-shadow:inset 0 1px rgba(255,226,255,.12),0 20px 70px rgba(0,0,0,.28);overflow:hidden}.glass-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% -50%,#cc6fff24,transparent 55%);pointer-events:none;z-index:-1}
/* HERO */
.hero{min-height:810px;position:relative;isolation:isolate;overflow:hidden;padding-top:125px;background:radial-gradient(ellipse 65% 75% at 23% 49%,rgba(102,25,135,.4),transparent 70%),radial-gradient(ellipse 55% 65% at 85% 50%,rgba(85,19,106,.15),transparent 65%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#b26ff70c 1px,transparent 1px),linear-gradient(#b26ff70a 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent 3%,black 45%,transparent);pointer-events:none}.hero-haze{position:absolute;bottom:-50px;left:0;right:0;height:240px;opacity:.6;background:radial-gradient(ellipse 50% 70% at 28% 90%,#8d2bab35,transparent 80%);filter:blur(20px)}.hero-grid{display:grid;grid-template-columns:43% 57%;min-height:655px;align-items:center;position:relative}.hero-copy{z-index:4;padding:20px 0 80px;position:relative}.hero h1{font-size:clamp(43px,5.2vw,78px);line-height:1.46;letter-spacing:-.055em;font-weight:900;margin:30px 0 23px;text-shadow:0 4px 35px #0009}.hero-intro{font-size:clamp(14px,1.1vw,17px);line-height:2.35;color:#e4d6eb;max-width:505px}.action-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:33px;align-items:center;justify-content:center;min-height:53px;min-width:160px;padding:11px 24px;border-radius:12px;font-weight:800;font-size:13px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}.button:hover{transform:translateY(-3px)}.button .arrow{font-size:19px;font-weight:400;transition:transform .25s}.button:hover .arrow{transform:translate(-4px,-4px)}.button.primary{background:linear-gradient(130deg,#f4c3ff 0%,#b86cdb 100%);color:#1b0927;box-shadow:0 0 34px #d966f942,inset 0 1px #ffffff91}.button.primary:hover{box-shadow:0 0 42px #e482ff85}.button.secondary{border:1px solid #d49bea66;background:#170d20ac;box-shadow:inset 0 1px #ffffff12}.button.secondary:hover{border-color:#ecb3ff}.hero-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#b499c4;margin-top:44px;font-size:10px}.hero-meta span:last-child{letter-spacing:.18em;font-size:9px}.hero-meta-slash{color:#ad70bb}.live-indicator{width:7px;height:7px;border-radius:50%;background:#d899e8;box-shadow:0 0 14px #e5b0ff;animation:light-pulse 2s infinite}.hero-art{position:relative;height:min(660px,54vw);min-height:470px;transform-style:preserve-3d;perspective:1100px;pointer-events:auto}.hero-art-glow{position:absolute;inset:10%;background:radial-gradient(circle,#ad49d744 0%,#6c19832f 25%,transparent 67%);filter:blur(36px)}.orbital-webgl,.binary-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.orbital-webgl{opacity:.9;mix-blend-mode:screen;z-index:1;clip-path:ellipse(49% 49% at 50% 50%)}.binary-field{z-index:5;opacity:.76}.orbital-scene{position:absolute;z-index:3;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease-out}.orbit{position:absolute;top:50%;left:50%;height:45%;width:87%;border-radius:50%;border:2px solid rgba(224,145,255,.75);box-shadow:0 0 17px #ce6cff80,inset 0 0 18px #f2bdff3d;transform-style:preserve-3d;will-change:transform;pointer-events:none}.ellipse-a{transform:translate(-50%,-50%) rotate(-19deg) rotateX(68deg);animation:orbit-a 21s linear infinite;border-color:#f7afffaa;border-width:4px;filter:drop-shadow(0 0 13px #df76f9)}.ellipse-b{width:100%;height:48%;border-style:dashed;border-width:1px;opacity:.55;transform:translate(-50%,-50%) rotate(24deg) rotateX(59deg);animation:orbit-b 33s linear infinite}.ellipse-c{width:77%;height:68%;border-color:#d581ff6e;border-width:1px;transform:translate(-50%,-50%) rotate(-8deg) rotateX(34deg);animation:orbit-c 23s linear infinite}.ellipse-d{width:103%;height:93%;border:1px solid #ab4ac438;transform:translate(-50%,-50%) rotate(35deg) rotateX(70deg);animation:orbit-d 41s linear infinite}.orbit-lights{position:absolute;top:4%;right:18%;height:8px;width:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px #fba8ff,0 0 38px 16px #ca40ff}.orbital-sphere{position:absolute;left:50%;top:47%;width:39%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 33% 25%,#fff3ffcf 0%,#df92eb91 3%,#69307db2 21%,#2e153fd9 51%,#090511 81%);border:1px solid #eab0ffa6;box-shadow:inset -13px -22px 45px #070412,inset 7px 6px 38px #f0a6ffb0,0 0 50px #aa3ee56a,0 0 108px #8d37b150;animation:sphere-float 7s ease-in-out infinite}.orbital-sphere:before{content:"";position:absolute;inset:4%;border-radius:50%;border-top:1px solid #ffffff8b;transform:rotate(-30deg);filter:blur(.3px)}.sprout-mark{position:absolute;width:57%;height:57%;left:22%;top:23%;filter:drop-shadow(0 0 13px #ef98ff);animation:sprout-breathe 6s ease-in-out infinite}.orbit-core-glint{position:absolute;top:23%;left:32%;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#fff6 0%,#df9cfb4d 18%,transparent 72%);filter:blur(5px)}.orbit-platform{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);width:69%;height:12%;border:2px solid #f6aeff91;border-radius:50%;box-shadow:0 0 18px #b946f4, inset 0 0 15px #cb59e9;animation:platform-pulse 4s ease-in-out infinite}.platform-ring{position:absolute;inset:14%;border:4px solid #cc61ef8f;border-radius:50%;box-shadow:0 0 30px #d85cf5}.platform-ring-two{inset:36%;border-width:2px}.orbit-node{position:absolute;width:10px;height:10px;border-radius:50%;background:#f4cbff;box-shadow:0 0 17px #efafff,0 0 34px #be4cfa}.node-one{top:18%;left:20%;animation:node-drift 6s ease-in-out infinite}.node-two{top:39%;left:80%;animation:node-drift 4s ease-in-out -2s infinite}.node-three{top:76%;left:18%;animation:node-drift 5s ease-in-out -1s infinite}.hud-card{position:absolute;z-index:8;display:grid;place-items:center;width:78px;height:65px;border-radius:13px;border:1px solid #db89ffa6;background:linear-gradient(145deg,#481c6994,#160d2894);box-shadow:inset 0 1px #f5ccff61,0 0 34px #ad38dc4c;backdrop-filter:blur(10px);font:700 26px/1 monospace;color:#efc0ff;transform:rotateY(-18deg) rotateZ(-7deg);animation:hud-hover 6s ease-in-out infinite}.hud-card-code{left:4%;top:22%}.hud-card-layer{right:7%;top:12%;animation-delay:-2s}.hud-card-signal{right:0%;bottom:23%;font-size:17px;animation-delay:-4s}.hero-art-label{position:absolute;left:13%;right:15%;bottom:8%;display:flex;justify-content:space-between;color:#a17bb9;font:10px/1.6 monospace;letter-spacing:.15em;opacity:.72}.hero-edge{display:flex;justify-content:space-between;align-items:center;direction:ltr;position:relative;color:#ad86b5;font:9px/1 monospace;letter-spacing:.2em;padding-block:10px 34px}.scroll-cue{height:33px;width:16px;border:1px solid #b47bc4;border-radius:20px;position:relative}.scroll-cue:after{content:"";position:absolute;top:8px;left:6px;width:2px;height:8px;background:#dc94ff;animation:cue-down 2s infinite}
/* MANIFESTO STRIP */
.manifesto{position:relative;z-index:7;margin-top:-10px;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 12px;border:1px solid rgba(229,138,246,.45);background:linear-gradient(95deg,#381940a3,#1b0e28e6,#48224a7d);box-shadow:inset 0 1px #ffc8ff22,0 0 40px #ad4cdf25;border-radius:19px;backdrop-filter:blur(18px)}.manifesto-item{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 15px;border-left:1px solid #ca8bd32c}.manifesto-item:last-child{border:0}.manifesto-item .glyph{font:38px/1 Georgia,serif;color:#dc8ff2;text-shadow:0 0 19px #dd87f8}.manifesto-item strong{display:block;font-size:14px;font-weight:800}.manifesto-item small{display:block;font-size:11px;color:#ac91b5}
/* APPROACH */
.approach-shell{display:grid;grid-template-columns:1fr 1fr;min-height:455px;align-items:center;padding:52px 65px;gap:25px}.approach-copy{z-index:2}.approach-copy p{color:var(--muted);max-width:500px;line-height:2.35}.text-link{display:inline-flex;align-items:center;gap:20px;margin-top:8px;color:#f2b9ff;font-weight:700;transition:gap .2s}.text-link:hover{gap:27px}.stack-visual{position:relative;height:320px;perspective:900px;transform-style:preserve-3d}.stack-orbit{position:absolute;width:85%;height:50%;border:1px solid #d877fa75;border-radius:50%;left:8%;top:40%;transform:rotate(-13deg);box-shadow:0 0 32px #cd51df5c;animation:stack-spin 14s ease-in-out infinite alternate}.stack-orbit-b{width:72%;height:40%;left:17%;top:48%;opacity:.6;transform:rotate(21deg);animation-delay:-4s}.architecture-layers{position:absolute;inset:0;transform:rotateX(54deg) rotateZ(-30deg);transform-style:preserve-3d;animation:layer-bob 6s ease-in-out infinite}.layer{position:absolute;left:26%;top:34%;width:47%;height:46%;border:1px solid #efb0ff9f;border-radius:18px;display:grid;place-items:center;color:#f6dbff;font:900 50px monospace;background:linear-gradient(140deg,#a953d6b3,#39154ea6 65%,#d789f877);box-shadow:0 0 25px #d96ffa9c, inset 0 0 39px #fcddff48;transform-style:preserve-3d}.layer-top{transform:translateZ(115px)}.layer-middle{transform:translateZ(45px)}.layer-bottom{transform:translateZ(-25px)}.floating-bit{position:absolute;color:#d37ff0;font:11px monospace;letter-spacing:5px;writing-mode:vertical-rl;text-shadow:0 0 15px #d976f6;animation:binary-fall 9s linear infinite}.bit-one{left:8%;top:6%}.bit-two{right:4%;top:22%;animation-delay:-4s}.stack-flare{position:absolute;left:30%;bottom:4%;width:45%;height:18px;border-radius:50%;background:#c856fb;filter:blur(19px);opacity:.7}
/* PROCESS */
.process-section{position:relative}.process-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:70px 0 15px;gap:15px}.process-wave{position:absolute;inset:0 0 auto;width:100%;height:200px;pointer-events:none;overflow:visible;opacity:.7}.process-wave path{fill:none;stroke-linecap:round}.wave-soft{stroke:#b14add4d;stroke-width:9;filter:blur(7px)}.wave-active{stroke:url(#wave-grad);stroke-width:3;filter:drop-shadow(0 0 8px #e57aff)}.step{position:relative;text-align:center;padding:5px 8px;z-index:2}.step-orb{height:77px;width:77px;margin:0 auto 26px;display:grid;place-items:center;border:2px solid #ca71fa;border-radius:50%;background:radial-gradient(circle,#6f298a,#1b0c30 70%);box-shadow:0 0 0 6px #53176b4f,0 0 32px #db7bff91, inset 0 0 17px #eeabff6b;color:#f6d7ff;font:26px/1 monospace;animation:step-float 5s ease-in-out infinite}.step:nth-of-type(2) .step-orb{animation-delay:-1s}.step:nth-of-type(3) .step-orb{animation-delay:-2s}.step:nth-of-type(4) .step-orb{animation-delay:-3s}.step-index{display:block;color:#d28deb;letter-spacing:.24em;font:11px monospace}.step h3{margin:10px auto 7px;font-weight:800;font-size:14px}.step p{color:var(--muted);font-size:11px;line-height:2;max-width:230px;margin:auto}
/* SOLUTIONS */
.solutions-section{background:radial-gradient(ellipse 75% 30% at 45% 100%,#8123a820,transparent 70%);border-block:1px solid #d17dee10}.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card{min-height:255px;padding:25px 24px 22px;position:relative;overflow:hidden;border-radius:17px;background:linear-gradient(135deg,#3d1d50b8,#130a23 75%);border:1px solid #c87fe465;box-shadow:0 8px 30px #10031688,inset 0 1px #f3d9ff25;transform-style:preserve-3d;transition:transform .45s var(--ease),box-shadow .4s,border-color .4s}.solution-card:before{content:"";position:absolute;inset:-60% -50%;background:linear-gradient(105deg,transparent 33%,#f2bdff14 47%,transparent 58%);transform:translateX(58%);transition:transform .8s}.solution-card:hover:before{transform:translateX(-58%)}.solution-card:hover{transform:translateY(-9px) rotateX(2deg);border-color:#efb8ff;box-shadow:0 15px 50px #c24feb48,inset 0 1px #f3d9ff47}.solution-icon{display:grid;place-items:center;width:76px;height:76px;margin-bottom:16px;color:#efa9ff;background:radial-gradient(circle at 30% 30%,#a75bdf8a,#3b175b8a 75%);border:1px solid #d48bfc70;border-radius:18px;box-shadow:inset 0 0 25px #f4caff35,0 0 27px #ae4cdd4a;font:45px Georgia,serif;transform:rotate(-8deg);text-shadow:0 0 14px #fcbaff}.solution-card h3{font-size:15px;margin:8px 0}.solution-card p{color:var(--muted);font-size:12px;line-height:2}.solution-arrow{position:absolute;bottom:18px;left:21px;color:#eab0fc;font-size:21px}
/* INTEGRATION */
.integration-diagram{min-height:440px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:8px;padding:40px 40px;background:radial-gradient(ellipse 55% 85% at 50% 77%,#6a229454,#150a24 75%)}.integration-side{display:flex;flex-direction:column;gap:20px;z-index:3}.integration-side span{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(120deg,#54216e80,#160a24e8);border:1px solid #d58ae577;box-shadow:0 0 24px #c15fd437,inset 0 1px #f9d4ff24;border-radius:12px;font-weight:700;font-size:12px}.integration-side b{color:#eeb5ff;font:25px/1 Georgia}.integration-center{position:relative;height:330px;display:grid;place-items:center}.data-flow-svg{position:absolute;width:160%;height:75%;left:-30%;top:13%;overflow:visible;opacity:.9;pointer-events:none}.data-flow-svg path{stroke:#cf77fc;stroke-width:3;fill:none;stroke-dasharray:5 12;filter:drop-shadow(0 0 8px #d683ff);animation:flow-dashes 10s linear infinite}.data-flow-svg path:nth-child(2){animation-duration:6s;stroke:#ffbcff}.data-flow-svg path:nth-child(3){animation-duration:13s}.core-assembly{position:relative;width:155px;height:155px;transform:rotate(-45deg) skew(7deg,7deg);filter:drop-shadow(0 0 17px #d269fc);animation:core-float 6s ease-in-out infinite}.core-stage{position:absolute;inset:0;border:2px solid #f4b4ff;border-radius:14px;background:linear-gradient(140deg,#c45ef899,#2e1243cc);box-shadow:0 0 35px #ad39e8a8,inset 0 0 45px #eabfff4f}.core-stage.one{transform:translate(-35px,-35px)}.core-stage.two{transform:translate(-17px,-17px)}.core-stage.three{transform:translate(0,0)}.core-heart{position:absolute;inset:20px;display:grid;place-items:center;font:66px Georgia;color:#fff;transform:rotate(45deg);text-shadow:0 0 20px #f7beff}.core-caption{position:absolute;bottom:10px;letter-spacing:.22em;color:#c18edb;font:10px monospace}
/* VALUES */
.values-section{display:grid;grid-template-columns:1.3fr .9fr;align-items:center;gap:28px;min-height:500px;padding-block:18px}.values-copy h2{font-size:clamp(26px,3vw,40px)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.values-grid article{border-left:1px solid #d79ee52d;padding-left:12px}.values-grid article:last-child{border:0}.values-grid article>span{color:#e5a3f7;font:36px/1 Georgia;text-shadow:0 0 18px #e48efc}.values-grid h3{font-size:13px;margin:18px 0 6px}.values-grid p{color:var(--muted);font-size:11px;line-height:2}.values-visual{height:360px;position:relative;transform-style:preserve-3d;perspective:600px}.value-globe{position:absolute;top:20%;left:29%;width:43%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fbd6ffb2,#78388f80 19%,#27122fa8 66%,#090610);border:1px solid #dd8cf4aa;box-shadow:inset 0 0 30px #f4caff7c,0 0 55px #a434d686;animation:sphere-float 7s ease-in-out infinite}.value-sprout{position:absolute;inset:0;display:grid;place-items:center;color:#f3b2ff;font:100px Georgia;text-shadow:0 0 30px #dc65f0}.value-orbit{position:absolute;top:46%;left:14%;width:76%;height:35%;border-radius:50%;border:3px solid #d66afa8f;transform:rotate(-15deg);box-shadow:0 0 23px #d66afa;animation:stack-spin 16s ease-in-out infinite alternate}.orbit-small{width:90%;left:4%;top:40%;border-width:1px;opacity:.5;transform:rotate(25deg)}.value-floor{position:absolute;bottom:15px;left:0;right:0;height:60px;background:radial-gradient(ellipse,#a542c150,transparent 72%);filter:blur(13px)}
/* CTA */
.cta-section{padding-block:45px 60px}.cta-panel{min-height:330px;display:grid;place-items:center;background:radial-gradient(ellipse 70% 80% at 50% 70%,#63277c70,#140a1f 85%);text-align:center}.cta-content{position:relative;z-index:3;padding:45px 20px}.cta-content h2{font-size:clamp(26px,3.7vw,47px);margin:0 0 25px}.wave-mesh{position:absolute;inset:0;width:100%;height:100%;opacity:.83;pointer-events:none}
/* INTERNAL */
.inner-page{padding:168px 0 30px;min-height:75vh;position:relative}.inner-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 25%,#74139a47,transparent 50%);pointer-events:none}.inner-head{position:relative;padding-bottom:55px;border-bottom:1px solid #d58bfc3d}.inner-head h1{font-size:clamp(35px,5.5vw,74px);font-weight:900;line-height:1.5;margin:24px 0}.inner-head p{color:#dfcbe9;max-width:650px;font-size:17px}.inner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-block:65px}.inner-grid .solution-card{min-height:250px}.inner-note{color:#b89fc5;padding-bottom:65px;font-size:13px}.inner-visual{position:absolute;left:5%;top:80px;width:min(40vw,520px);height:440px;pointer-events:none;opacity:.32}.inner-visual .orbit{position:absolute;top:50%;left:50%}
/* MOTION */
@keyframes light-pulse{50%{opacity:.6;box-shadow:0 0 25px #ec91ff,0 0 45px #a343ea}}@keyframes orbit-a{to{transform:translate(-50%,-50%) rotate(341deg) rotateX(68deg)}}@keyframes orbit-b{to{transform:translate(-50%,-50%) rotate(-336deg) rotateX(59deg)}}@keyframes orbit-c{to{transform:translate(-50%,-50%) rotate(352deg) rotateX(34deg)}}@keyframes orbit-d{to{transform:translate(-50%,-50%) rotate(-325deg) rotateX(70deg)}}@keyframes sphere-float{50%{filter:brightness(1.15);scale:1.035}}@keyframes sprout-breathe{50%{opacity:.85;filter:drop-shadow(0 0 24px #e290ff)}}@keyframes platform-pulse{50%{box-shadow:0 0 24px #d454fc,inset 0 0 20px #e16dff}}@keyframes node-drift{50%{transform:translate(12px,-8px);opacity:.6}}@keyframes hud-hover{50%{transform:translateY(-14px) rotateY(-18deg) rotateZ(-7deg)}}@keyframes cue-down{to{transform:translateY(12px);opacity:0}}@keyframes stack-spin{to{transform:rotate(22deg)}}@keyframes layer-bob{50%{transform:rotateX(54deg) rotateZ(-26deg) translateZ(10px)}}@keyframes binary-fall{to{transform:translateY(60px);opacity:0}}@keyframes step-float{50%{transform:translateY(-8px)}}@keyframes flow-dashes{to{stroke-dashoffset:-340}}@keyframes core-float{50%{transform:rotate(-45deg) skew(7deg,7deg) translateY(-10px)}}
.js-enabled [data-reveal]{opacity:0;transform:translate3d(var(--reveal-x,0px),var(--reveal-y,48px),0) scale(.98);transition:opacity .9s var(--ease),transform 1.05s var(--ease);transition-delay:var(--reveal-delay,0ms)}.js-enabled [data-reveal="right"]{--reveal-x:70px;--reveal-y:0px}.js-enabled [data-reveal="left"]{--reveal-x:-70px;--reveal-y:0px}.js-enabled [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}.solutions-grid .solution-card:nth-child(2),.step:nth-of-type(2){--reveal-delay:110ms}.solutions-grid .solution-card:nth-child(3),.step:nth-of-type(3){--reveal-delay:220ms}.solutions-grid .solution-card:nth-child(4),.step:nth-of-type(4){--reveal-delay:330ms}
/* RESPONSIVE */
@media(max-width:1060px){.header-meta{display:none}.hero-grid{grid-template-columns:45% 55%}.hero h1{font-size:clamp(40px,5.5vw,65px)}.hero-art{min-height:410px}.approach-shell{padding:40px}.solutions-grid{grid-template-columns:repeat(2,1fr)}.values-section{grid-template-columns:1fr 1fr}.values-grid{gap:8px}.values-grid h3{font-size:12px}}
@media(max-width:750px){html{scroll-padding-top:65px}.container{width:min(calc(100% - 32px),var(--width))}.site-header{padding:8px 0}.nav-wrap{min-height:54px;border-radius:12px;padding:0 14px}.brand{font-size:22px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:74px;right:16px;left:16px;padding:20px;flex-direction:column;align-items:stretch;gap:0;background:#190d25f5;border:1px solid #cb7fe56d;box-shadow:0 20px 70px #000c;border-radius:15px;backdrop-filter:blur(30px)}.site-nav.is-open{display:flex}.site-nav a{padding:12px;font-size:15px}.site-nav a[aria-current=page]:after,.site-nav a:hover:after{bottom:6px;right:12px;width:35px}.hero{padding-top:95px;min-height:0}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{order:1;padding:10px 0 0;text-align:center}.eyebrow{justify-content:center}.hero h1{font-size:clamp(40px,10vw,65px);margin:14px 0 15px}.hero-intro{margin-inline:auto;max-width:590px}.action-row,.hero-meta{justify-content:center}.hero-art{order:2;height:min(100vw,520px);min-height:350px;margin-top:-10px}.hero-art-label{bottom:5%}.hero-edge{display:none}.manifesto{margin-top:5px;grid-template-columns:repeat(2,1fr);padding:12px}.manifesto-item{justify-content:flex-start;padding:12px;gap:10px;border-bottom:1px solid #ca8bd32c}.manifesto-item:nth-child(2){border-left:0}.manifesto-item:nth-child(n+3){border-bottom:0}.manifesto-item strong{font-size:12px}.manifesto-item small{font-size:10px}.manifesto-item .glyph{font-size:31px}.section-space{padding-block:65px}.approach-shell{grid-template-columns:1fr;padding:32px 25px;gap:0}.approach-copy{text-align:center}.approach-copy p{margin-inline:auto}.stack-visual{height:290px}.section-heading-split{flex-direction:column;align-items:stretch;gap:20px;text-align:center}.section-heading-split p{max-width:500px;margin:auto}.process-track{gap:12px;grid-template-columns:repeat(2,1fr);padding-top:25px}.process-wave{opacity:.25}.step{padding:17px 0}.step-orb{margin-bottom:17px}.integration-diagram{grid-template-columns:1fr;gap:15px;padding:20px}.integration-side{flex-direction:row;gap:8px}.integration-side span{flex:1;justify-content:center;text-align:center;flex-direction:column;padding:7px;font-size:9px;line-height:1.7;min-height:65px}.integration-center{height:280px}.integration-center .data-flow-svg{transform:rotate(90deg);width:100%;height:150%;left:0;top:-25%}.values-section{grid-template-columns:1fr;text-align:center;gap:0}.values-copy{order:1}.values-visual{order:2;height:310px}.values-grid article{border:0;border-left:1px solid #d79ee52d}.values-grid h3{font-size:12px}.footer-head,.footer-bottom{flex-direction:column;text-align:center;align-items:center}.footer-links{justify-content:center}.inner-page{padding-top:130px}.inner-grid{grid-template-columns:repeat(2,1fr)}.inner-visual{opacity:.15}}
@media(max-width:480px){.hero h1{font-size:42px}.hero-intro{font-size:13px;line-height:2.25}.button{min-width:138px;min-height:48px;padding:9px 13px;gap:12px;font-size:12px}.hero-art{height:370px;min-height:370px}.hud-card{width:50px;height:44px;font-size:17px;border-radius:8px}.orbital-sphere{width:45%}.manifesto{grid-template-columns:1fr 1fr}.manifesto-item{padding:10px 6px}.manifesto-item .glyph{font-size:25px}.manifesto-item strong{font-size:11px}.manifesto-item small{font-size:9px}.section-kicker{font-size:8px;letter-spacing:.22em}.section-heading h2,h2{font-size:30px}.solutions-grid{grid-template-columns:1fr;gap:12px}.solution-card{min-height:170px;display:grid;grid-template-columns:65px 1fr;align-items:center;column-gap:15px}.solution-icon{grid-row:span 2;width:60px;height:60px;font-size:36px;margin:0}.solution-card h3{margin:0}.solution-card p{margin:0}.step-orb{width:60px;height:60px;font-size:18px}.step h3{font-size:12px}.step p{font-size:10px}.values-grid{gap:3px}.values-grid p{font-size:10px}.values-grid h3{font-size:11px}.cta-panel{min-height:290px}.footer-links{gap:14px}.inner-grid{grid-template-columns:1fr}.inner-head p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js-enabled [data-reveal]{opacity:1;transform:none}.orbital-webgl,.binary-field{display:none}}
@media(prefers-contrast:more){:root{--muted:#ddd0e7;--line:rgba(252,204,255,.55)}.glass-frame,.solution-card{border-color:#f8c4ff}.eyebrow,.section-kicker{color:#f4c1ff}}
/* WebKit/Chromium compositing guard: avoid rectangular transformed-shadow artifacts. */
.orbit-platform{display:none}
.orbital-scene::after{content:"";position:absolute;left:20%;right:20%;bottom:14%;height:7%;border:2px solid #c66df2a6;border-radius:50%;box-shadow:0 0 14px #be64eaa8;pointer-events:none}

/* ---------------------------------------------------------
   SarvSync v0.4.1: approved reference fidelity + composited motion
   The approved, SHA-preserved design art is selectively used only
   as hero illustrative artwork, not as full-page image or text.
   No WebGL, no canvas draw loops, no per-frame shadows/filters.
---------------------------------------------------------- */
.brand-light{display:none}
.brand-logo{display:block;width:156px;height:auto;max-height:57px;object-fit:contain;object-position:right center}
.footer-logo .brand-logo{width:185px;max-height:78px}
.hero-art.hero-art-optimized{min-height:0;height:auto;aspect-ratio:585/319;overflow:hidden;perspective:none;transform-style:flat;isolation:isolate;contain:layout paint}
.hero-reference-art{position:absolute;inset:0;display:block;z-index:1;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);transition:transform .35s ease-out;pointer-events:none}
.hero-reference-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}
.hero-art-optimized .hero-art-label{display:none}
.hero-art-optimized .orbital-highlight{position:absolute;z-index:2;left:54%;top:51%;width:58%;height:25%;border-radius:50%;border:1px solid rgba(255,195,255,.32);pointer-events:none;mix-blend-mode:screen;transform:translate(-50%,-50%) rotate(-14deg);opacity:.8}
.hero-art-optimized .orbital-highlight-one{animation:orbit-glint-a 9s ease-in-out infinite alternate}
.hero-art-optimized .orbital-highlight-two{left:51%;top:51%;width:72%;height:29%;border-color:rgba(235,148,255,.19);animation:orbit-glint-b 13s ease-in-out infinite alternate}
.hero-art-optimized .binary-stream{position:absolute;z-index:3;white-space:nowrap;color:rgba(255,197,255,.75);font:600 clamp(8px,1vw,12px)/1 ui-monospace,monospace;letter-spacing:.72em;text-shadow:0 0 7px #e37aff;max-width:100%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 75%,transparent);opacity:.65}
.hero-art-optimized .binary-stream-front{width:62%;bottom:28%;left:16%;transform:rotate(-9deg);animation:data-travel-front 11s ease-in-out infinite alternate}
.hero-art-optimized .binary-stream-back{width:55%;top:19%;left:26%;transform:rotate(12deg);animation:data-travel-back 14s ease-in-out infinite alternate;opacity:.28}
@keyframes orbit-glint-a{from{transform:translate(-50%,-50%) rotate(-18deg) scale(.96);opacity:.36}to{transform:translate(-50%,-50%) rotate(-10deg) scale(1.025);opacity:.85}}
@keyframes orbit-glint-b{from{transform:translate(-50%,-50%) rotate(8deg) scale(.99);opacity:.22}to{transform:translate(-50%,-50%) rotate(17deg) scale(1.02);opacity:.6}}
@keyframes data-travel-front{from{translate:-12px 1px;opacity:.25}to{translate:20px -3px;opacity:.72}}
@keyframes data-travel-back{from{translate:20px 0;opacity:.1}to{translate:-15px 3px;opacity:.35}}
/* Keep top navigation responsive without a 28px blur over the entire viewport. */
.site-header.is-scrolled{backdrop-filter:none;background:rgba(10,5,16,.96)}
.nav-wrap{backdrop-filter:none;background:rgba(19,8,28,.96);box-shadow:0 2px 18px rgba(14,4,21,.55)}
.site-nav{backdrop-filter:none}
.ambient-glow{filter:none;opacity:.065}
.hero-haze{filter:none}
/* No live re-rasterization of complex glow shadows. */
.brand-light,.live-indicator,.orbital-sphere,.sprout-mark,.orbit-platform,.hud-card,.value-globe,.value-orbit,.stack-flare,.core-assembly,.step-orb{animation:none!important}
/* Preserve important section flows using transform-only effects. */
.process-wave .wave-active{animation-duration:26s}
.motion-offscreen *, .motion-tab-hidden *{animation-play-state:paused!important}
.motion-lite .hero-art-optimized .orbital-highlight-two,.motion-lite .binary-stream-back{animation:none;opacity:.2}
.motion-lite .hero-art-optimized .orbital-highlight-one{animation-duration:18s}
.motion-lite .binary-stream-front{animation-duration:22s}
.motion-reduced .orbital-highlight,.motion-reduced .binary-stream{animation:none!important;opacity:.12}
@media(max-width:750px){.brand-logo{width:125px;max-height:48px}.site-nav{background:#160a20}.hero-art.hero-art-optimized{height:auto;min-height:0;max-width:585px;width:100%;margin:2px auto 0;aspect-ratio:585/319}.hero-reference-art{transform:none!important}.hero-art-optimized .orbital-highlight-two,.hero-art-optimized .binary-stream-back{display:none}.hero-art-optimized .binary-stream-front{letter-spacing:.35em;font-size:8px}.hero-art-optimized .orbital-highlight-one{animation-duration:17s}}
@media(prefers-reduced-motion:reduce){.orbital-highlight,.binary-stream{animation:none!important}.hero-reference-art{transform:none!important;transition:none!important}}

/* A single composited satellite sweep adds unmistakable motion without re-rendering a 3D shader. */
.hero-live-orbit{position:absolute;z-index:4;left:53%;top:51%;width:71%;height:31%;border-radius:50%;border-top:1px solid rgba(253,199,255,.5);border-bottom:1px solid transparent;transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none;animation:hero-orbit-sweep 16s ease-in-out infinite alternate;opacity:.82}
.hero-live-orbit .orbit-satellite{position:absolute;width:7px;height:7px;top:17%;left:7%;border-radius:50%;background:#ffecff;box-shadow:0 0 12px 2px #f1a1ff,0 0 20px 3px #cc56f6}
@keyframes hero-orbit-sweep{from{transform:translate(-50%,-50%) rotate(-20deg);opacity:.32}to{transform:translate(-50%,-50%) rotate(4deg);opacity:.8}}
.wave-mesh-light{position:absolute;inset:-18% -8% -46%;pointer-events:none;overflow:hidden;mask-image:linear-gradient(0deg,#000 10%,transparent 96%);opacity:.72}
.wave-mesh-light:before{content:"";position:absolute;inset:18% -12% -10%;background-image:radial-gradient(circle,rgba(238,134,255,.68) 1px,transparent 1.5px);background-size:20px 20px;transform:perspective(900px) rotateX(72deg) translate3d(0,0,0);animation:mesh-glide 30s ease-in-out infinite alternate;will-change:transform,background-position;background-position:0 0}
@keyframes mesh-glide{from{transform:perspective(900px) rotateX(72deg) rotateZ(-3deg) translate3d(-34px,18px,0) scale(1);background-position:0 0}50%{transform:perspective(900px) rotateX(69deg) rotateZ(1deg) translate3d(14px,-10px,0) scale(1.04);background-position:18px -12px}to{transform:perspective(900px) rotateX(72deg) rotateZ(5deg) translate3d(48px,-26px,0) scale(1.02);background-position:38px -24px}}
.motion-offscreen .wave-mesh-light:before,.motion-tab-hidden .wave-mesh-light:before{animation-play-state:paused}
@media(max-width:750px){.hero-live-orbit{animation-duration:24s;opacity:.4}.wave-mesh-light:before{animation-duration:40s}}
@media(prefers-reduced-motion:reduce){.hero-live-orbit,.wave-mesh-light:before{animation:none!important;will-change:auto!important}}


/* --- SarvSync Motion Refinement v0.4.2 --- */
:root{--ring-turn:5s;--motion-plum:#dd78ff;--motion-plum-soft:rgba(221,120,255,.28);--motion-green:#bdcfb7;--motion-gold:#d8c7a1;--motion-deep:#0b0613}
.hero-kinetic{background:radial-gradient(circle at 17% 48%,rgba(156,63,193,.22),transparent 34%),radial-gradient(circle at 79% 22%,rgba(147,44,182,.2),transparent 31%),linear-gradient(180deg,#07040d,#090510 55%,#08050f)}
.hero-grid{gap:24px}
.hero-copy{padding-inline-start:0}
.hero-code-art{position:relative;min-height:540px;height:100%;display:flex;align-items:center;justify-content:center;contain:layout paint style}
.hero-code-scene{position:relative;isolation:isolate;width:min(100%,640px);aspect-ratio:1.15/1;max-width:640px;min-height:460px}
.scene-grid{position:absolute;inset:8% 12%;background-image:linear-gradient(90deg,rgba(233,165,255,.08) 1px,transparent 1px),linear-gradient(rgba(233,165,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,#000 58%,transparent 92%);opacity:.42}
.scene-aura{position:absolute;border-radius:50%;filter:blur(56px);pointer-events:none}.aura-one{inset:22% 28%;background:radial-gradient(circle,rgba(177,74,255,.24),transparent 70%)}.aura-two{inset:36% 16%;background:radial-gradient(circle,rgba(233,130,255,.14),transparent 72%)}
.hero-sphere-shell{position:absolute;left:50%;top:52%;width:clamp(220px,42vw,340px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:5}
.hero-sphere-glass,.hero-sphere-core,.hero-core-reflection{position:absolute;inset:0;border-radius:50%}
.hero-sphere-glass{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.34),rgba(245,193,255,.16) 14%,rgba(181,105,227,.18) 38%,rgba(57,17,79,.62) 70%,rgba(19,6,31,.96) 100%);box-shadow:inset 0 0 38px rgba(255,210,255,.3),0 0 0 1px rgba(255,219,255,.5),0 0 45px rgba(196,77,255,.28),0 0 110px rgba(188,58,255,.1)}
.hero-sphere-core{inset:12%;background:radial-gradient(circle at 42% 34%,rgba(255,255,255,.16),rgba(197,126,239,.16) 22%,rgba(92,28,126,.28) 48%,rgba(22,9,33,.85) 100%);filter:blur(1px)}
.hero-core-reflection{background:linear-gradient(155deg,rgba(255,255,255,.35),rgba(255,255,255,0) 42%);mask:linear-gradient(205deg,#000 0 24%,transparent 52%);opacity:.65}
.hero-symbol-wrap{position:relative;z-index:3;width:34%;min-width:82px;max-width:126px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 16px rgba(222,122,255,.3))}
.hero-symbol-wrap img{display:block;width:100%;height:auto}
.logo-energy{position:absolute;z-index:2;inset:18% 32%;border-radius:100px;mix-blend-mode:screen;filter:blur(16px);opacity:.55;pointer-events:none}
.energy-up{background:linear-gradient(180deg,transparent 0%,rgba(190,220,180,.0) 12%,rgba(190,220,180,.84) 44%,rgba(230,208,124,.86) 68%,rgba(212,123,255,.75) 100%);animation:logoEnergyUp 4.8s linear infinite}
.energy-down{background:linear-gradient(180deg,rgba(215,116,255,.72) 0%,rgba(236,215,123,.78) 36%,rgba(184,217,178,.72) 64%,transparent 100%);animation:logoEnergyDown 4.8s linear infinite}
@keyframes logoEnergyUp{from{transform:translateY(42%) scaleY(.95);opacity:.12}40%{opacity:.52}to{transform:translateY(-42%) scaleY(1.04);opacity:.08}}
@keyframes logoEnergyDown{from{transform:translateY(-42%) scaleY(1.05);opacity:.08}45%{opacity:.48}to{transform:translateY(42%) scaleY(.94);opacity:.12}}
.hero-orbit-ring,.hero-orbit-trail{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.hero-orbit-ring{width:86%;height:29%;border:2px solid rgba(228,139,255,.52);box-shadow:0 0 14px rgba(228,139,255,.28), inset 0 0 10px rgba(255,221,255,.16)}
.orbit-ring-back{z-index:1;opacity:.45}.orbit-ring-front{z-index:7;opacity:.9}
.orbit-ring-a,.orbit-ring-c{animation:heroRingSpin var(--ring-turn) linear infinite}
.orbit-ring-b,.orbit-ring-d{animation:heroRingSpinReverse var(--ring-turn) linear infinite}
.orbit-ring-a{transform:translate(-50%,-50%) rotate(-13deg) perspective(500px) rotateX(67deg)}
.orbit-ring-b{width:74%;height:24%;opacity:.22;border-color:rgba(224,121,255,.32);transform:translate(-50%,-50%) rotate(14deg) perspective(500px) rotateX(67deg)}
.orbit-ring-c{transform:translate(-50%,-50%) rotate(8deg) perspective(500px) rotateX(68deg)}
.orbit-ring-d{width:94%;height:33%;opacity:.18;border-color:rgba(224,121,255,.2);transform:translate(-50%,-50%) rotate(-24deg) perspective(500px) rotateX(69deg)}
.hero-orbit-trail{width:90%;height:31%;opacity:.48;filter:blur(14px);background:radial-gradient(circle at 12% 45%,rgba(246,193,255,.6),transparent 18%),radial-gradient(circle at 86% 58%,rgba(221,116,255,.52),transparent 18%)}
.trail-a{z-index:2;animation:heroRingSpin var(--ring-turn) linear infinite;transform:translate(-50%,-50%) rotate(-14deg) perspective(500px) rotateX(68deg)}
.trail-b{z-index:0;opacity:.24;animation:heroRingSpinReverse var(--ring-turn) linear infinite;transform:translate(-50%,-50%) rotate(12deg) perspective(500px) rotateX(68deg)}
@keyframes heroRingSpin{from{transform:translate(-50%,-50%) rotate(var(--ring-start, -14deg)) perspective(500px) rotateX(68deg)}to{transform:translate(-50%,-50%) rotate(calc(var(--ring-start, -14deg) + 360deg)) perspective(500px) rotateX(68deg)}}
@keyframes heroRingSpinReverse{from{transform:translate(-50%,-50%) rotate(var(--ring-start-rev, 10deg)) perspective(500px) rotateX(68deg)}to{transform:translate(-50%,-50%) rotate(calc(var(--ring-start-rev, 10deg) - 360deg)) perspective(500px) rotateX(68deg)}}
.orbit-ring-a{--ring-start:-12deg}.orbit-ring-b{--ring-start-rev:18deg}.orbit-ring-c{--ring-start:7deg}.orbit-ring-d{--ring-start-rev:-24deg}.trail-a{--ring-start:-14deg}.trail-b{--ring-start-rev:11deg}
.satellite-track{position:absolute;left:50%;top:52%;width:86%;height:29%;transform:translate(-50%,-50%);pointer-events:none;z-index:8}
.binary-track{animation:trackSpin var(--ring-turn) linear infinite;transform-style:preserve-3d}
.binary-track-b{width:74%;height:24%;animation-direction:reverse;opacity:.72}
@keyframes trackSpin{from{transform:translate(-50%,-50%) rotate(-13deg)}to{transform:translate(-50%,-50%) rotate(347deg)}}
@keyframes trackSpinReverse{from{transform:translate(-50%,-50%) rotate(14deg)}to{transform:translate(-50%,-50%) rotate(-346deg)}}
.binary-track-b{animation-name:trackSpinReverse}
.data-pill{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:18px;padding:0 8px;border-radius:999px;background:rgba(22,10,32,.62);border:1px solid rgba(241,178,255,.28);box-shadow:0 0 10px rgba(220,95,255,.18);color:rgba(253,229,255,.82);font:700 10px/1 ui-monospace,monospace;letter-spacing:.08em}
.binary-track .data-pill:nth-child(1){top:0;left:16%}.binary-track .data-pill:nth-child(2){top:50%;left:0;transform:translateY(-50%)}.binary-track .data-pill:nth-child(3){bottom:0;left:22%}.binary-track .data-pill:nth-child(4){top:2%;right:18%}.binary-track .data-pill:nth-child(5){top:50%;right:0;transform:translateY(-50%)}.binary-track .data-pill:nth-child(6){bottom:2%;right:23%}
.binary-track-b .data-pill:nth-child(1){top:7%;left:20%}.binary-track-b .data-pill:nth-child(2){top:52%;left:5%}.binary-track-b .data-pill:nth-child(3){bottom:8%;left:24%}.binary-track-b .data-pill:nth-child(4){top:8%;right:22%}.binary-track-b .data-pill:nth-child(5){top:48%;right:6%}.binary-track-b .data-pill:nth-child(6){bottom:6%;right:26%}
.icon-track{width:94%;height:36%;z-index:9;animation:trackSpin var(--ring-turn) linear infinite}
.icon-track-chart{animation-duration:var(--ring-turn)}.icon-track-stack{animation-duration:var(--ring-turn);animation-direction:reverse}
.orbit-chip{position:absolute;width:74px;height:74px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(62,25,84,.88),rgba(30,12,43,.9));border:1px solid rgba(241,182,255,.3);box-shadow:0 0 18px rgba(196,74,255,.2), inset 0 1px 0 rgba(255,240,255,.16);color:#f2c8ff;font-weight:800;font-size:24px}
.icon-track-code .orbit-chip{top:3%;left:3%}.icon-track-chart .orbit-chip{top:9%;right:4%}.icon-track-stack .orbit-chip{bottom:9%;right:14%}
.mini-chart,.mini-stack{display:flex;align-items:flex-end;gap:5px}.mini-chart i{display:block;width:8px;border-radius:4px;background:linear-gradient(180deg,#ffdaff,#c561ff)}.mini-chart i:nth-child(1){height:16px}.mini-chart i:nth-child(2){height:24px}.mini-chart i:nth-child(3){height:33px}.mini-stack{flex-direction:column;gap:6px}.mini-stack i{display:block;width:30px;height:8px;border-radius:999px;background:linear-gradient(90deg,#f3cfff,#b95ef2);box-shadow:0 0 10px rgba(217,118,255,.24)}
.scene-node{position:absolute;width:11px;height:11px;border-radius:50%;background:#f5d9ff;box-shadow:0 0 16px rgba(230,150,255,.7),0 0 28px rgba(212,92,255,.32);z-index:10}.node-top{top:9%;left:45%}.node-right{top:28%;right:12%}.node-bottom{bottom:15%;left:61%}.node-left{left:10%;top:42%}.node-small-a{top:18%;left:19%;width:7px;height:7px;opacity:.72}.node-small-b{bottom:24%;right:22%;width:8px;height:8px;opacity:.72}
.hero-motion-stage{--parallax-x:0px;--parallax-y:0px}
.hero-motion-stage .hero-code-scene{transform:translate3d(var(--parallax-x),var(--parallax-y),0);transition:transform .22s ease-out}
.hero-motion-stage.motion-offscreen .hero-code-scene,.motion-reduced .hero-code-scene{transform:none!important;transition:none!important}
.values-visual .modern-symbol,.values-grid .value-grid-symbol{display:inline-flex;align-items:center;justify-content:center}.values-visual .modern-symbol img{width:62px;height:auto;filter:drop-shadow(0 0 14px rgba(223,118,255,.24))}.values-grid .value-grid-symbol img{width:28px;height:auto;filter:drop-shadow(0 0 10px rgba(223,118,255,.2))}
.values-grid article:first-child span{font-size:inherit;line-height:1}
.motion-lite .satellite-track.binary-track .data-pill:nth-child(odd){display:none}
.motion-lite .icon-track-stack,.motion-lite .trail-b,.motion-lite .scene-grid{display:none}
.motion-lite .logo-energy{animation-duration:7.5s}
.motion-lite .icon-track{animation-duration:var(--ring-turn)}
.motion-reduced .hero-orbit-ring,.motion-reduced .hero-orbit-trail,.motion-reduced .satellite-track,.motion-reduced .logo-energy{animation:none!important}
.motion-reduced .trail-a,.motion-reduced .trail-b,.motion-reduced .logo-energy{opacity:.16}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{order:2;padding-bottom:35px}.hero-code-art{order:1;min-height:460px}.hero-code-scene{max-width:560px;width:min(100%,560px)}.hero-sphere-shell{width:min(72vw,300px)}}
@media (max-width:750px){.hero{min-height:auto;padding-top:112px}.hero-code-art{min-height:360px}.hero-code-scene{min-height:330px}.hero-sphere-shell{width:min(70vw,246px);top:50%}.hero-orbit-ring,.satellite-track{width:96%}.hero-orbit-trail{width:98%}.orbit-chip{width:56px;height:56px;border-radius:16px;font-size:18px}.mini-stack i{width:22px}.data-pill{min-width:26px;height:16px;padding:0 6px;font-size:8px}.node-top{top:13%}.node-left{left:6%}.node-right{right:7%}.hero-copy h1{margin-top:12px}.hero-intro{max-width:none}.values-visual .modern-symbol img{width:50px}}
@media (max-width:520px){.hero-code-art{min-height:312px}.hero-code-scene{width:min(100%,420px);min-height:290px}.hero-sphere-shell{width:min(74vw,214px)}.orbit-chip{display:none}.binary-track-b{display:none}.hero-grid{min-height:auto}.action-row{gap:10px}.button{min-width:0;flex:1 1 180px}.hero-edge{display:none}}
@media (prefers-reduced-motion:reduce){.hero-motion-stage .hero-code-scene{transform:none!important;transition:none!important}.hero-orbit-ring,.hero-orbit-trail,.binary-track,.icon-track,.logo-energy{animation:none!important}}

/* --- SarvSync Motion Refinement v0.4.3 --- */
.hero-cosmos{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-cosmos::before{content:"";position:absolute;inset:-10% -12%;background:radial-gradient(circle at 68% 35%,rgba(126,36,177,.16),transparent 24%),radial-gradient(circle at 24% 62%,rgba(188,88,255,.12),transparent 28%),radial-gradient(circle at 48% 42%,rgba(255,192,255,.06),transparent 16%);filter:blur(36px);opacity:.9}
.hero-nebula{position:absolute;border-radius:50%;filter:blur(52px);opacity:.5}.nebula-a{width:34vw;max-width:420px;min-width:220px;height:22vw;max-height:290px;min-height:150px;top:8%;right:8%;background:radial-gradient(circle,rgba(157,53,217,.26),transparent 72%);animation:nebulaFloatA 14s ease-in-out infinite alternate}.nebula-b{width:30vw;max-width:390px;min-width:200px;height:18vw;max-height:230px;min-height:130px;bottom:10%;left:6%;background:radial-gradient(circle,rgba(101,28,165,.24),transparent 70%);animation:nebulaFloatB 16s ease-in-out infinite alternate}
.hero-stars{position:absolute;inset:-6%;background-repeat:repeat;opacity:.65;mix-blend-mode:screen}
.hero-stars-far{background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(245,197,255,.7) 0 1.1px,transparent 1.9px),radial-gradient(circle,rgba(214,137,255,.5) 0 1px,transparent 1.8px);background-size:210px 210px,270px 270px,330px 330px;background-position:0 0,55px 40px,100px 120px;animation:starsTwinkleFar 9s ease-in-out infinite}
.hero-stars-near{background-image:radial-gradient(circle,rgba(255,248,255,.96) 0 1.4px,transparent 2.1px),radial-gradient(circle,rgba(240,166,255,.8) 0 1.2px,transparent 2px);background-size:150px 150px,190px 190px;background-position:20px 30px,100px 80px;opacity:.38;animation:starsTwinkleNear 6.5s ease-in-out infinite}
.hero-stars-glint{background-image:radial-gradient(circle,rgba(255,255,255,1) 0 1.8px,transparent 2.6px),radial-gradient(circle,rgba(255,221,255,.85) 0 1.5px,transparent 2.2px);background-size:320px 320px,420px 420px;background-position:140px 90px,20px 180px;opacity:.18;animation:starsGlint 4.8s linear infinite}
@keyframes nebulaFloatA{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-12px,10px,0) scale(1.04)}}
@keyframes nebulaFloatB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(14px,-8px,0) scale(1.03)}}
@keyframes starsTwinkleFar{0%,100%{opacity:.48}25%{opacity:.66}50%{opacity:.35}75%{opacity:.7}}
@keyframes starsTwinkleNear{0%,100%{opacity:.26}30%{opacity:.42}60%{opacity:.2}80%{opacity:.5}}
@keyframes starsGlint{0%{opacity:.1;transform:translate3d(0,0,0)}50%{opacity:.3;transform:translate3d(4px,-4px,0)}100%{opacity:.12;transform:translate3d(-4px,4px,0)}}
.hero-code-art{z-index:2}.hero-code-scene{z-index:2}
.hero-symbol-wrap{filter:drop-shadow(0 0 18px rgba(213,120,255,.26));mix-blend-mode:screen}
.hero-symbol-wrap img{filter:saturate(.66) brightness(.94) contrast(1.08) opacity(.95)}
.hero-symbol-wrap::before,.hero-symbol-wrap::after{content:"";position:absolute;left:-18%;right:-18%;height:14px;border-radius:999px;mix-blend-mode:screen;pointer-events:none;opacity:.75;background:linear-gradient(90deg,transparent,rgba(206,220,186,.22) 18%,rgba(238,220,147,.62) 38%,rgba(242,205,255,.86) 50%,rgba(219,126,255,.7) 62%,transparent 100%);filter:blur(5px)}
.hero-symbol-wrap::before{top:32%;animation:logoHorizontalSweep 4.2s linear infinite}
.hero-symbol-wrap::after{top:57%;animation:logoHorizontalSweepAlt 5.4s linear infinite}
@keyframes logoHorizontalSweep{0%{transform:translateX(-28%) scaleX(.6);opacity:0}18%{opacity:.72}48%{transform:translateX(0) scaleX(1);opacity:.86}100%{transform:translateX(28%) scaleX(.64);opacity:0}}
@keyframes logoHorizontalSweepAlt{0%{transform:translateX(26%) scaleX(.64);opacity:0}20%{opacity:.6}50%{transform:translateX(0) scaleX(1);opacity:.8}100%{transform:translateX(-26%) scaleX(.6);opacity:0}}

/* ====== v0.4.5: values orbital system; single immutable center ====== */
.values-visual{
  position:relative; height:456px; overflow:hidden;
  isolation:isolate; perspective:980px;
}
.value-system{
  position:absolute; width:min(70%,286px); aspect-ratio:1;
  left:50%; top:50%; transform:translate3d(-50%,-50%,0);
  z-index:2; isolation:isolate;
}
.values-visual .value-globe{
  position:absolute; inset:0; top:0; left:0;
  width:100%; height:100%; aspect-ratio:1;
  margin:0; z-index:2;
  display:grid; place-items:center;
  animation:none!important; transform:none;
  border-radius:50%;
  background:radial-gradient(circle at 32% 27%,rgba(253,220,255,.71),rgba(165,76,192,.52) 20%,rgba(69,28,93,.75) 58%,rgba(12,6,24,.98) 100%);
  border:1px solid rgba(238,168,255,.52);
  box-shadow:inset -15px -24px 39px rgba(5,0,15,.45),inset 4px 6px 26px rgba(244,181,255,.22),0 0 34px rgba(167,57,211,.21);
}
.value-globe .modern-emblem{
  display:block; position:relative; inset:auto; margin:0;
  width:clamp(58px,26%,90px); height:auto; aspect-ratio:1;
  transform:rotate(45deg);
  z-index:3;
}
.values-visual .value-orbit{
  position:absolute;
  left:50%;top:50%; width:142%;height:142%;
  border:2px solid rgba(216,116,249,.7);
  border-radius:50%;
  margin:0;
  transform-origin:center center;
  will-change:transform;
  pointer-events:none;
  box-shadow:0 0 12px rgba(206,77,239,.21),inset 0 0 8px rgba(222,123,255,.09);
  animation-duration:5s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
}
/* One complete turn per 5 seconds = exactly 12 turns per minute. */
.values-visual .value-ring-a-back,.values-visual .value-ring-a-front{animation-name:valueOrbitAxisA!important}
.values-visual .value-ring-b-back,.values-visual .value-ring-b-front{animation-name:valueOrbitAxisB!important}
.values-visual .value-ring-a-back,.values-visual .value-ring-b-back{
  z-index:1; border-color:rgba(186,97,232,.35); opacity:.5;
}
.values-visual .value-ring-a-front,.values-visual .value-ring-b-front{
  z-index:4; border-top-color:transparent; border-right-color:rgba(233,155,255,.72);
  border-bottom-color:rgba(240,166,255,.85); border-left-color:rgba(218,108,253,.55);
  opacity:.82;
}
.values-visual .value-ring-a-front{filter:none}
.values-visual .value-ring-b-front{border-color:rgba(202,105,245,.48);border-top-color:transparent;opacity:.65}
/* Axis A is an X-tilted plane; axis B is a Y-tilted plane.
   Both use the identical center of the globe, so they cannot drift off-axis. */
@keyframes valueOrbitAxisA{
  from{transform:translate3d(-50%,-50%,0) rotateZ(-24deg) rotateX(67deg)}
  to{transform:translate3d(-50%,-50%,0) rotateZ(336deg) rotateX(67deg)}
}
@keyframes valueOrbitAxisB{
  from{transform:translate3d(-50%,-50%,0) rotateZ(35deg) rotateY(66deg)}
  to{transform:translate3d(-50%,-50%,0) rotateZ(-325deg) rotateY(66deg)}
}
.modern-emblem{position:relative;display:inline-block;width:90px;height:90px;transform:rotate(45deg);filter:drop-shadow(0 0 16px rgba(221,111,255,.28))}
.modern-emblem .emblem-square{position:absolute;inset:0;border:2px solid rgba(238,177,255,.9);border-radius:18px;box-shadow:0 0 16px rgba(223,112,255,.18),inset 0 0 14px rgba(255,255,255,.07)}
.modern-emblem .emblem-square.inner{inset:19px;border-color:rgba(214,124,255,.88);border-radius:14px}
.modern-emblem .emblem-core{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#fff,#e38fff 60%,#9a3fde 100%);transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(229,146,255,.75),0 0 34px rgba(197,90,255,.34)}
.values-grid .modern-emblem.compact{width:36px;height:36px;display:inline-block;transform:rotate(45deg)}
.values-grid .modern-emblem.compact .emblem-square{border-width:1.5px;border-radius:9px}.values-grid .modern-emblem.compact .emblem-square.inner{inset:8px;border-radius:6px}.values-grid .modern-emblem.compact .emblem-core{width:7px;height:7px;box-shadow:0 0 10px rgba(229,146,255,.6)}

/* ====== v0.4.5: CTA dot waves; deeper 3D flowing field ====== */
.cta-panel{position:relative;overflow:hidden;isolation:isolate}
.cta-hover-glow{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(circle at var(--cta-pointer-x,50%) var(--cta-pointer-y,58%),rgba(238,158,255,.24),transparent 34%),radial-gradient(circle at 50% 92%,rgba(163,45,199,.2),transparent 68%);
}
.cta-dotfield{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;
  transform:translate3d(var(--cta-shift-x,0px),var(--cta-shift-y,0px),0);
  transition:transform 180ms ease-out;
  perspective:1200px;
  -webkit-mask-image:linear-gradient(to top,#000 10%,#000 64%,transparent 98%);
  mask-image:linear-gradient(to top,#000 10%,#000 64%,transparent 98%);
}
.cta-dotfield .dot-layer{
  --dot-size:1.25px;
  --dot-gap:18px;
  position:absolute;left:-20%;right:-20%;bottom:-12%;height:102%;
  background-image:radial-gradient(circle,rgba(243,173,255,.94) 0 var(--dot-size),transparent calc(var(--dot-size) + .72px));
  background-size:var(--dot-gap) var(--dot-gap);
  background-repeat:repeat;
  transform-origin:center bottom;
  will-change:transform,background-position,opacity;
}
.cta-dotfield .dot-layer-one{
  --dot-gap:18px; --dot-size:1.28px;
  opacity:.56;
  animation:dotFieldSurfA 18s ease-in-out infinite;
}
.cta-dotfield .dot-layer-two{
  --dot-gap:24px; --dot-size:1.12px;
  opacity:.34;
  animation:dotFieldSurfB 24s ease-in-out infinite;
}
.cta-dotfield .dot-layer-three{
  --dot-gap:30px; --dot-size:1.02px;
  opacity:.2;
  animation:dotFieldSurfC 30s ease-in-out infinite;
}
@keyframes dotFieldSurfA{
  0%{transform:perspective(1200px) rotateX(73deg) rotateZ(-6deg) translate3d(-42px,24px,0) scale(1.02);background-position:0 0}
  50%{transform:perspective(1200px) rotateX(71deg) rotateZ(-2deg) translate3d(24px,-18px,0) scale(1.06);background-position:22px -16px}
  100%{transform:perspective(1200px) rotateX(73deg) rotateZ(4deg) translate3d(58px,-34px,0) scale(1.03);background-position:44px -32px}
}
@keyframes dotFieldSurfB{
  0%{transform:perspective(1200px) rotateX(77deg) rotateZ(4deg) translate3d(62px,-8px,0) scale(.96);background-position:10px 12px}
  50%{transform:perspective(1200px) rotateX(74deg) rotateZ(-1deg) translate3d(-10px,20px,0) scale(1.01);background-position:-20px 28px}
  100%{transform:perspective(1200px) rotateX(77deg) rotateZ(-7deg) translate3d(-68px,36px,0) scale(1.05);background-position:-44px 46px}
}
@keyframes dotFieldSurfC{
  0%{transform:perspective(1200px) rotateX(80deg) rotateZ(-3deg) translate3d(-30px,34px,0) scale(.9);background-position:0 18px}
  50%{transform:perspective(1200px) rotateX(78deg) rotateZ(3deg) translate3d(18px,8px,0) scale(.97);background-position:26px 0}
  100%{transform:perspective(1200px) rotateX(80deg) rotateZ(7deg) translate3d(54px,-18px,0) scale(1.02);background-position:48px -20px}
}
.cta-panel:hover .dot-layer-one{opacity:.68}
.cta-panel:hover .dot-layer-two{opacity:.46}
.cta-panel:hover .dot-layer-three{opacity:.28}
.cta-dotfield{--cta-visible:1}
.cta-content{z-index:4}
.motion-offscreen .cta-dotfield .dot-layer,
.motion-tab-hidden .cta-dotfield .dot-layer{animation-play-state:paused!important}
.motion-lite .cta-dotfield .dot-layer-three{display:none}
.motion-lite .cta-dotfield .dot-layer-one{animation-duration:12s!important}
.motion-lite .cta-dotfield .dot-layer-two{animation-duration:16s!important}
@media(max-width:750px){
  .values-section{min-height:auto;gap:20px}
  .values-visual{height:392px}
  .value-system{width:min(72%,248px)}
  .cta-dotfield .dot-layer{height:88%;bottom:-2%}
}
@media(max-width:480px){
  .values-visual{height:350px}
  .value-system{width:min(74%,214px)}
}
.motion-reduced .values-visual .value-orbit,.motion-reduced .cta-dotfield .dot-layer{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .values-visual .value-orbit,.cta-dotfield .dot-layer{animation:none!important;will-change:auto!important}
  .cta-dotfield{transform:none!important;transition:none!important}
}

/* SarvSync v0.5.1 — mobile-only, static SVG connector to eliminate continuous
   stroke-dashoffset repaint + SVG drop-shadow during touch scrolling. */
@media (max-width: 750px), (hover: none) and (pointer: coarse) {
  .integration-diagram .data-flow-svg {
    filter: none !important;
    opacity: .58;
    overflow: hidden;
  }
  .integration-diagram .data-flow-svg path,
  .integration-diagram .data-flow-svg path:nth-child(2),
  .integration-diagram .data-flow-svg path:nth-child(3) {
    animation: none !important;
    stroke-dashoffset: 0 !important;
    filter: none !important;
    stroke-dasharray: 4 12;
    stroke-width: 2;
  }
  .integration-diagram .core-assembly {
    animation: none !important;
    filter: none !important;
    will-change: auto !important;
  }
  .integration-diagram .core-stage {
    box-shadow: inset 0 0 18px rgba(234,191,255,.2);
  }
  .integration-diagram .integration-side span {
    box-shadow: inset 0 1px rgba(249,212,255,.10);
  }
  .integration-diagram {
    isolation: isolate;
  }
}