/* The feature illustrations are built entirely with HTML, CSS and inline SVG. */
.features-section{position:relative;isolation:isolate;margin-top:80px;padding:84px 0 100px;overflow:hidden;background:var(--bg,#08080a)}
.feature-container{position:relative;z-index:2;max-width:1080px}
.features-section .center-heading{position:relative;z-index:1;margin-bottom:78px;text-align:center}
.features-section .center-heading h2{font-size:clamp(29px,3.2vw,42px);font-weight:600;letter-spacing:-1px}
.feature-beam{position:absolute;z-index:0;pointer-events:none;top:3px;left:50%;width:min(630px,68%);height:2px;transform:translateX(-50%);background:linear-gradient(90deg,#6700ff,#f5009a 12%,#ff087d 35%,#ff459e 50%,#ff087d 65%,#f5009a 88%,#6700ff);box-shadow:0 0 6px 1px #ff218bcc,0 6px 28px 5px #ef008699;animation:feature-emitter-breathe 8s ease-in-out infinite}
.feature-beam::before{content:"";position:absolute;left:-80%;right:-80%;top:8px;height:650px;transform-origin:50% 0;background:radial-gradient(ellipse 44% 79% at 50% 0,#b800ff9c 0,#9700ec76 27%,#6100b744 50%,#3d007b1c 70%,transparent 92%);filter:blur(29px);animation:feature-beam-breathe 8s ease-in-out infinite}
.feature-beam::after{content:"";position:absolute;inset:1px -12% auto;height:270px;transform-origin:50% 0;background:radial-gradient(ellipse 47% 93% at 50% 0,#ff006fd6 0,#ef007983 20%,#ce009e37 46%,#9800b30c 67%,transparent 90%);filter:blur(18px);animation:feature-pink-breathe 8s ease-in-out infinite}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;direction:rtl;perspective:1400px}
.feature-card{display:block;position:relative;isolation:isolate;min-width:0;overflow:hidden;direction:rtl;border:1px solid #ffffff09;border-radius:28px;background:linear-gradient(150deg,#0c0c0e,#0b0b0d 63%,#101013);color:var(--text,#f2f2f4);box-shadow:0 13px 35px #0003;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .23s ease,border-color .3s,box-shadow .3s;will-change:auto}
.feature-card::after{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;background:radial-gradient(380px circle at var(--pointer-x,50%) var(--pointer-y,50%),#b2b8ff0c,transparent 65%);opacity:0;transition:opacity .3s}
.feature-card:hover,.feature-card:focus-visible{border-color:#c8c7ff36;box-shadow:0 18px 50px #0006,0 0 20px #7c42ff08}
.feature-card:hover::after,.feature-card:focus-visible::after{opacity:1}
.js-motion .feature-card[data-reveal].is-visible{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .06s linear,opacity .7s ease,border-color .3s,box-shadow .3s}
.feature-art{height:340px;position:relative;overflow:hidden;direction:ltr;z-index:1;pointer-events:none;mask-image:linear-gradient(#000 84%,transparent)}
.feature-body{position:relative;z-index:2;padding:13px 27px 30px}
.feature-kicker{display:block;direction:ltr;text-align:right;color:#9999a2;font-family:Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:1.6px;margin-bottom:12px}
.feature-body h3{font-size:20px;font-weight:600;line-height:1.7;letter-spacing:-.3px;margin:0 0 9px}
.feature-body p{max-width:240px;color:#9a9aa4;font-size:12px;line-height:2.05;margin:0;padding-left:13px}
.art-speck{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#656569,#141415);box-shadow:0 3px 4px #0007}
.speck-one{width:7px;height:7px;left:18%;top:52px;opacity:.55}
.speck-two{width:12px;height:12px;right:16%;top:74px;opacity:.75}
.identity-art{background:radial-gradient(ellipse at 52% 62%,#ffffff03,transparent 67%)}
.honeycomb{position:absolute;left:50%;top:28px;width:151px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,46px);gap:7px 4px;opacity:.75}
.honeycomb i{height:50px;display:block;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);background:linear-gradient(150deg,#222225,#0c0c0f 80%);filter:drop-shadow(0 1px 1px #fff1)}
.honeycomb i:nth-child(2){opacity:.5;transform:translateY(-23px)}
.honeycomb i:nth-child(4),.honeycomb i:nth-child(5),.honeycomb i:nth-child(6){transform:translateY(171px)}
.identity-side{position:absolute;top:147px;width:94px;height:94px;border:1px solid #ffffff09;border-radius:15px;background:linear-gradient(140deg,#ffffff08,#ffffff02);box-shadow:inset 1px 1px 0 #ffffff04}
.identity-side::before,.identity-side::after{content:"";position:absolute;left:14px;top:17px;width:46px;height:4px;background:#ffffff08;border-radius:4px}
.identity-side::after{top:29px;width:33px;opacity:.6}
.side-one{left:-27px;transform:perspective(350px) rotateY(9deg)}
.side-two{right:-38px;top:152px;transform:perspective(350px) rotateY(-9deg)}
.identity-window{position:absolute;width:207px;height:117px;left:calc(50% - 103px);border:1px solid #ffffff15;border-radius:18px}
.rear-window{top:111px;left:calc(50% - 110px);height:121px;background:linear-gradient(155deg,#252527,#161617);box-shadow:inset 0 1px 1px #ffffff12,0 10px 14px #0005;transform:rotate(-3deg)}
.rear-window::before{content:"";position:absolute;top:19px;left:16px;width:80px;height:9px;border-radius:6px;background:linear-gradient(90deg,#3949cf,#bb6c8c,#ba944d,#4a4844);filter:blur(2px)}
.front-window{top:139px;overflow:hidden;background:linear-gradient(138deg,#474047d9,#2b2b2e 25%,#252527 64%,#18181b);box-shadow:inset 0 1px 1px #ffffff26,inset 0 -3px 4px #0006,0 13px 22px #0008;animation:feature-float 7.4s ease-in-out infinite;transition:border-color .4s,box-shadow .4s}
.front-window::before{content:"";position:absolute;inset:5px;border:1px solid #ffffff08;border-radius:13px}
.front-window::after,.stack-front::after{content:"";position:absolute;z-index:3;inset:-65% auto -65% -75%;width:58%;background:linear-gradient(100deg,transparent,#a8c5ff03 25%,#e1ddff12 51%,#bacdff03 72%,transparent);rotate:-18deg;pointer-events:none;opacity:0;animation:feature-glass-sweep 10s ease-in-out infinite}
.window-bar{position:relative;height:35px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px 0}
.window-bar>i{width:37px;height:13px;border-radius:7px;background:linear-gradient(#565356,#3a393c);box-shadow:inset 0 1px 2px #fff1}
.window-bar>span{width:72px;height:28px;border-radius:7px;background:#12121488;border:1px solid #fff1;position:relative}
.window-bar>span::before,.window-bar>span::after{content:"";position:absolute;left:10px;top:9px;width:37px;height:2px;background:#ffffff0c}
.window-bar>span::after{top:15px;width:49px}
.window-bar>span::after{transform-origin:left;animation:feature-data-scan 7s ease-in-out infinite}
.window-layout{display:flex;align-items:center;gap:10px;padding:17px 14px 8px}
.mini-brand-orb{display:grid;place-items:center;position:relative;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 40% 25%,#68a3ff,#3167f9 55%,#264da7);color:#d6e7ff;font-size:16px;box-shadow:0 0 10px #3f79ff38,inset 0 1px 1px #ffffff69}
.mini-brand-orb::after{content:"";position:absolute;inset:-4px;border:1px solid #79a5ff50;border-radius:50%;opacity:.35;animation:feature-orb-halo 6s ease-in-out infinite}
.window-layout>div{display:grid;gap:4px;flex:1}
.window-layout>div i{width:32px;height:2px;border-radius:4px;background:#ffffff0c}
.window-layout>div i:nth-child(2){width:53px}
.window-layout>div i:nth-child(3){width:22px}
.mini-state{font-size:6px;direction:rtl;white-space:nowrap;color:#71b894;padding:2px 4px;border-radius:2px;background:#1b47332b}
.window-footer{display:flex;justify-content:space-between;padding:2px 14px}
.window-footer>i{width:28px;height:2px;border-radius:2px;background:#ffffff08}
.window-footer>i:last-child{width:42px}
.art-floor{position:absolute;width:200px;height:16px;background:#0007;filter:blur(12px);border-radius:50%;bottom:49px;left:50%;transform:translateX(-50%)}
.stack-art{background:radial-gradient(ellipse at 48% 62%,#2d38410d,transparent 66%)}
.stack-line{position:absolute;inset:62px 43px 52px;border:1px solid #353944;border-radius:28px;opacity:.7;box-shadow:-1px 0 0 #38799b22,1px 0 0 #52659822}
.stack-line::before,.stack-line::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#91bfe3;box-shadow:0 0 8px #559fff}
.stack-line::before{left:-2px;top:27%;opacity:.4;animation:feature-rail-scan 7s ease-in-out infinite}.stack-line::after{right:-2px;bottom:18%;opacity:.3;animation:feature-rail-scan 7s ease-in-out infinite reverse;animation-delay:-3.5s}
.stack-panel{position:absolute;left:calc(50% - 83px);width:166px;height:162px;border-radius:23px;border:1px solid #ffffff0c;background:linear-gradient(142deg,#343335,#1a1a1b 55%,#151517);box-shadow:inset 0 2px 3px #ffffff0d,0 10px 20px #0006}
.stack-back{top:101px;transform:translateY(-19px) scale(.92);background:linear-gradient(110deg,#655e3470,#22222a 30%,#3232586b 62%,#5229415b);opacity:.8}
.stack-mid{top:106px;transform:translateY(-8px) scale(.96);background:linear-gradient(#393739,#202022 29%)}
.stack-front{top:112px;padding:34px 19px 15px;overflow:hidden;color:#eee;direction:rtl;background:linear-gradient(145deg,#3a393b,#28282a 46%,#19191c);box-shadow:inset 0 2px 2px #ffffff19,inset 0 -1px 0 #fff1,0 18px 22px #0009;animation:feature-float 8s ease-in-out infinite;animation-delay:-3s;transition:border-color .4s,box-shadow .4s}
.stack-front::after{animation-delay:-4.5s}
.stack-front::before{content:"";position:absolute;top:15px;left:19px;right:19px;height:19px;border-top:1px solid #fff1;border-radius:10px;opacity:.55}
.stack-label{display:block;font-size:7px;letter-spacing:.1px;color:#c3c3c9;margin-bottom:7px}
.stack-front strong{display:block;font-size:17px;font-weight:550;line-height:1.65;letter-spacing:-.5px}
.stack-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:12px;font-size:6px;color:#96969e}
.stack-bottom i{display:grid;place-items:center;font:19px/1 Arial,sans-serif;font-style:normal;width:22px;height:22px;border-radius:50%;color:#dbe8ff;background:radial-gradient(circle at 30% 25%,#6bacff,#3678fa 60%,#1b419f);box-shadow:0 0 9px #426bff50,inset 0 1px 2px #fff5}
.floating-tag{position:absolute;z-index:3;left:calc(50% - 58px);width:119px;min-height:47px;background:linear-gradient(135deg,#202021,#171719);border:1px solid #ffffff06;border-radius:13px;padding:10px 14px;font-size:6px;color:#8f8f96;box-shadow:0 6px 17px #0005;direction:rtl;line-height:1.5}
.floating-tag b{display:block;color:#dedee5;font-size:8px;font-weight:500;margin-top:3px}
.floating-tag>span{display:inline-block;height:4px;width:4px;background:#c3574a;border-radius:50%;margin-left:5px;box-shadow:0 0 6px #a23d3322}
.tag-top{top:22px;transform:translateX(15px);animation:feature-tag-float 8s ease-in-out infinite}
.tag-bottom{top:281px;transform:translateX(10px);animation:feature-tag-float 9s ease-in-out infinite;animation-delay:-3s}
.tag-bottom>span{background:#519b72}
.ecosystem-art{background:radial-gradient(ellipse at 48% 55%,#22232515,transparent 65%)}
.ecosystem-lines{position:absolute;left:50%;top:15px;transform:translateX(-50%);width:330px;height:310px;max-width:none;fill:none;stroke:#28282c;stroke-width:1;opacity:.8}
.ecosystem-toolbar{position:absolute;left:calc(50% - 116px);top:120px;display:flex;flex-direction:column;align-items:center;gap:12px;width:38px;padding:12px 0 9px;border:1px solid #ffffff0e;border-radius:20px;background:linear-gradient(110deg,#333336,#1b1b1d);box-shadow:inset 0 1px 1px #ffffff16,0 8px 15px #0003}
.ecosystem-toolbar .icon{width:13px;height:13px;color:#adadb4;stroke-width:1.5}
.ecosystem-toolbar>span{display:grid;place-items:center;font:21px/1 Arial,sans-serif;border-radius:50%;height:24px;width:24px;color:#d4e3ff;background:radial-gradient(circle at 30% 20%,#79b6ff,#487de9 60%,#244098);box-shadow:inset 0 1px 2px #ffffff60,0 0 8px #467cff24}
.core-box{position:absolute;left:calc(50% - 52px);top:135px;width:99px;height:103px;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(140deg,#252528,#151518);box-shadow:inset 0 1px 1px #ffffff12,0 9px 15px #0006;display:grid;place-items:center;animation:feature-float 8.3s ease-in-out infinite;animation-delay:-2s}
.core-box::before{content:"";position:absolute;inset:6px;border:1px solid #ffffff09;border-radius:17px}
.core-box::after{content:"";position:absolute;left:9px;right:9px;top:-82px;height:75px;border:1px solid #ffffff06;border-radius:17px;background:linear-gradient(150deg,#17171933,transparent);box-shadow:0 192px 0 -1px #0d0d0e,0 192px 0 0 #ffffff06}
.core-orb{position:relative;z-index:2;width:65px;height:65px;border-radius:50%;padding:5px;background:conic-gradient(from 15deg,#666578,#dedcea,#909bdf,#3067ed,#574293,#c38891,#e0d7d4,#666578);box-shadow:0 0 15px #b2abef0b,0 5px 12px #0006,inset 0 1px 1px #ffffffa0}
.core-orb::before{content:"";position:absolute;z-index:0;inset:0;border-radius:50%;background:conic-gradient(from 15deg,#636174,#e7e0ff,#8f9bdf,#356eff,#5943a5,#cf8398,#e0d7d4,#636174);animation:feature-orb-rim 18s linear infinite}
.core-orb::after{content:"";position:absolute;inset:-5px;border:1px solid #8b99ff36;border-radius:50%;opacity:.4;animation:feature-orb-halo 7.5s ease-in-out infinite;animation-delay:-2s}
.core-orb>span{display:grid;place-items:center;position:relative;z-index:1;border-radius:50%;background:linear-gradient(145deg,#fafafa,#e3e3e8);color:#31313b;font-size:14px;font-weight:650;width:100%;height:100%;box-shadow:inset 0 0 9px #fff7}
.ecosystem-node{position:absolute;right:calc(50% - 125px);display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff05;border-radius:50%;background:linear-gradient(135deg,#252526,#151517);box-shadow:0 6px 12px #0003,inset 0 1px 1px #ffffff05;font-family:Arial,sans-serif;font-size:29px;line-height:1}
.node-1{top:44px;color:#e4edff;font-size:24px}.node-1::before{content:"";position:absolute;z-index:0;background:#548aff;width:18px;height:21px;border-radius:50%;filter:blur(4px);opacity:.6}.node-1{isolation:isolate}.node-1::before{z-index:-1}
.node-2{top:96px;color:#e2b74c;font-size:28px;text-shadow:3px 0 #4a8ad755,-2px 1px #9c568744}
.node-3{top:148px;color:#c47765;font-size:30px}
.node-4{top:200px;color:#dfaa57;font-size:28px}
.node-5{top:252px;color:#83a0ff;font-size:35px;text-shadow:3px 0 #6e42ff,-3px 0 #d85ac8}
.ecosystem-node{animation:feature-node-glow 10s ease-in-out infinite}.node-2{animation-delay:-2s}.node-3{animation-delay:-4s}.node-4{animation-delay:-6s}.node-5{animation-delay:-8s}
.feature-card:hover .front-window,.feature-card:focus-visible .front-window,.feature-card:hover .stack-front,.feature-card:focus-visible .stack-front{border-color:#ffffff2c;box-shadow:inset 0 1px 2px #ffffff2c,0 14px 26px #0009,0 0 24px #6579fb0b}
@keyframes feature-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes feature-tag-float{0%,100%{translate:0 0}50%{translate:0 4px}}
@keyframes feature-emitter-breathe{0%,100%{opacity:.92}50%{opacity:1}}
@keyframes feature-beam-breathe{0%,100%{opacity:.88;scale:1 1}50%{opacity:1;scale:1.035 1.025}}
@keyframes feature-pink-breathe{0%,100%{opacity:.9;scale:1 1}50%{opacity:1;scale:1.025 1.035}}
@keyframes feature-glass-sweep{0%,43%{translate:0 0;opacity:0}49%{opacity:.8}68%{translate:420% 0;opacity:0}100%{translate:420% 0;opacity:0}}
@keyframes feature-data-scan{0%,100%{scale:.68 1;opacity:.45}50%{scale:1 1;opacity:.95}}
@keyframes feature-rail-scan{0%,100%{translate:0 -20px;opacity:.1}42%{opacity:.7}76%{translate:0 42px;opacity:.4}}
@keyframes feature-orb-rim{to{rotate:360deg}}
@keyframes feature-orb-halo{0%,100%{scale:1;opacity:.25}50%{scale:1.09;opacity:.65}}
@keyframes feature-node-glow{0%,25%,100%{border-color:#ffffff05;box-shadow:0 6px 12px #0003,inset 0 1px 1px #ffffff05}12%{border-color:#aaaaff20;box-shadow:0 6px 12px #0003,inset 0 1px 1px #ffffff13,0 0 15px #706dff12}}
@media(max-width:900px){.features-section{margin-top:65px;padding-top:75px;padding-bottom:75px}.features-section .center-heading{margin-bottom:70px}.feature-grid{gap:10px}.feature-card{border-radius:23px}.feature-art{height:295px}.feature-art>div:not(.honeycomb):not(.art-floor):not(.identity-side):not(.ecosystem-node):not(.ecosystem-toolbar):not(.core-box){zoom:.88}.identity-window{left:calc(50% - 103px)}.feature-body{padding:8px 20px 26px}.feature-body h3{font-size:16px}.feature-body p{font-size:11px}.feature-kicker{font-size:7px;letter-spacing:1.1px}.ecosystem-art{zoom:.88;height:335px}.feature-beam{width:65%}.stack-line{inset:56px 20px 40px}.identity-side{opacity:.5}}
@media(max-width:650px){.features-section{margin-top:50px;padding-top:66px;padding-bottom:65px}.features-section .center-heading{margin-bottom:61px}.features-section .center-heading h2{font-size:28px}.feature-beam{width:64%}.feature-beam::before{left:-100%;right:-100%;height:630px}.feature-grid{grid-template-columns:minmax(0,1fr);width:100%;max-width:430px;margin-inline:auto;gap:20px}.feature-card{border-radius:27px}.feature-art{height:327px}.feature-art>div:not(.honeycomb):not(.art-floor):not(.identity-side):not(.ecosystem-node):not(.ecosystem-toolbar):not(.core-box){zoom:1}.ecosystem-art{zoom:1;height:340px}.feature-body{padding:5px 26px 29px}.feature-body h3{font-size:20px}.feature-body p{font-size:12px;max-width:280px;padding-left:16px}.feature-kicker{font-size:9px;letter-spacing:1.5px}.stack-line{inset:62px 48px 34px}.identity-side{opacity:1}.identity-window{width:207px;left:calc(50% - 103px)}.rear-window{left:calc(50% - 110px)}}
@media(max-width:360px){.feature-body{padding-inline:21px}.feature-body h3{font-size:18px}.feature-art{height:305px}.ecosystem-art{height:320px}.feature-body p{font-size:11px}.floating-tag.tag-bottom{top:273px}.stack-line{inset:62px 28px 24px}}
.motion-paused .features-section .feature-card{transform:none!important}.motion-paused .features-section *,.motion-paused .features-section *::before,.motion-paused .features-section *::after{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.features-section .feature-card{transform:none!important;transition:none}.features-section *,.features-section *::before,.features-section *::after{animation:none!important;transition:none!important}.front-window::after,.stack-front::after{display:none}}