@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html{height:100%}html:has(app-landing-shell){font-size:82%}html:has(app-login-page){font-size:82%}html:has(app-portal-shell){font-size:82%}html:has(app-not-found-page){font-size:82%}body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}app-landing-shell{display:block;--landing-header-offset: 2.5rem;--section-pad-y: clamp(2.25rem, 4.5vw, 3rem);--section-intro-gap: clamp(1.15rem, 2.2vw, 1.65rem);--ink: #0b1220;--ink-muted: #5b6b82;--surface: #f6f8fc;--surface-2: #eef2f9;--surface-card: #fff;--surface-glass: rgba(255, 255, 255, .78);--border-subtle: rgba(15, 23, 42, .08);--accent: #3b82f6;--accent-2: #8b5cf6;--accent-3: #06b6d4;--glow: rgba(59, 130, 246, .45);--cta-surface-gradient: linear-gradient( 135deg, rgba(238, 242, 255, .98) 0%, rgba(224, 231, 255, .92) 45%, rgba(236, 254, 255, .88) 100% );--cta-surface-glow: radial-gradient(ellipse 70% 90% at 100% 40%, rgba(59, 130, 246, .14), transparent 55%), radial-gradient(ellipse 50% 70% at 0% 80%, rgba(139, 92, 246, .1), transparent 50%);--radius: 20px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;color:var(--ink)}.xlabs-landing{position:relative;min-height:100vh;min-height:100dvh;--landing-header-block: 3.75rem ;background:var(--surface);overflow-x:clip;scroll-behavior:smooth}.xlabs-landing [id]{scroll-margin-top:var(--landing-header-offset)}.preview-ribbon{position:sticky;top:0;z-index:100;margin:0;padding:.45rem 1rem;text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:#422006;background:linear-gradient(90deg,#fde68a,#fcd34d,#fde68a);background-size:200% 100%;animation:ribbon-shift 6s ease infinite;border-bottom:1px solid rgba(0,0,0,.06)}.preview-ribbon a{margin-left:.5rem;color:#1d4ed8;text-decoration:underline;text-underline-offset:2px}@keyframes ribbon-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:orb-drift 18s var(--ease-out) infinite alternate}.orb-a{width:min(55vw,520px);height:min(55vw,520px);top:-12%;left:-8%;background:radial-gradient(circle,rgba(59,130,246,.55),transparent 70%)}.orb-b{width:min(45vw,420px);height:min(45vw,420px);top:35%;right:-10%;background:radial-gradient(circle,rgba(139,92,246,.5),transparent 70%);animation-delay:-6s}.orb-c{width:min(35vw,320px);height:min(35vw,320px);bottom:5%;left:30%;background:radial-gradient(circle,rgba(6,182,212,.4),transparent 70%);animation-delay:-12s}@keyframes orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(4%,6%) scale(1.08)}}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black,transparent 75%);animation:grid-pulse 8s ease-in-out infinite}@keyframes grid-pulse{0%,to{opacity:.6}50%{opacity:1}}.noise{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:sticky;top:0;z-index:100;padding:.23rem 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;box-shadow:none;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease}.site-header--scrolled{background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:var(--border-subtle);box-shadow:0 10px 40px #0f172a14}.site-header__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:min(1100px,100vw - 2.5rem);min-height:2.85rem;margin-inline:auto;padding:.2rem .25rem;background:transparent;transition:min-height .35s ease}.site-header--scrolled .site-header__inner{min-height:2.85rem}.brand{position:relative;z-index:2;display:flex;align-items:center;gap:.2rem;flex-shrink:0;text-decoration:none;color:inherit}.brand-mark{position:relative;display:grid;place-items:center;flex-shrink:0}.brand-mark__icon{position:relative;z-index:1;width:2.65rem;height:2.65rem;border-radius:12px}.brand-ring{position:absolute;inset:-4px;border-radius:16px;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent));animation:ring-spin 8s linear infinite;opacity:.7}.brand-ring:after{content:"";position:absolute;inset:2px;border-radius:14px;background:var(--surface-card)}@keyframes ring-spin{to{transform:rotate(360deg)}}.brand-wordmark{display:flex;flex-direction:column;gap:3px;line-height:0}.brand-wordmark img{display:block;width:auto;height:auto}.brand-wordmark__xlabs{height:1.875rem;max-width:8.75rem}.brand-wordmark__tech{height:1.25rem;max-width:9rem;opacity:.92}.site-nav--center{position:absolute;left:50%;top:50%;z-index:1;display:flex;align-items:center;flex-wrap:nowrap;gap:.05rem;max-width:min(52rem,100vw - 18rem);padding:0;background:transparent;border:none;transform:translate(-50%,-50%);pointer-events:none}.site-nav--center .nav-link{pointer-events:auto}.site-header__actions{position:relative;z-index:2;display:flex;align-items:center;gap:.45rem;flex-shrink:0;margin-left:auto}.nav-toggle{display:none;align-items:center;gap:.45rem;min-height:2.35rem;padding:.4rem .75rem .4rem .65rem;font-family:inherit;font-size:.84rem;font-weight:600;color:var(--ink);border:1px solid rgba(15,23,42,.1);border-radius:999px;background:#ffffffb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s,color .25s}.nav-toggle__icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:1.1rem;height:1.1rem}.nav-toggle__bar{display:block;width:1.05rem;height:2px;border-radius:2px;background:currentColor;transition:transform .32s var(--ease-out),opacity .22s,width .25s}.nav-toggle__bar:not(:last-child){margin-bottom:3px}.nav-toggle__label{line-height:1;letter-spacing:.01em}.site-header--nav-open .nav-toggle{color:var(--accent);background:#3b82f61a;border-color:#3b82f647;box-shadow:0 4px 16px #3b82f61f}.site-header--nav-open .nav-toggle .nav-toggle__bar:nth-child(1){width:1.15rem;transform:translateY(5px) rotate(45deg)}.site-header--nav-open .nav-toggle .nav-toggle__bar:nth-child(2){opacity:0;transform:scaleX(0)}.site-header--nav-open .nav-toggle .nav-toggle__bar:nth-child(3){width:1.15rem;transform:translateY(-5px) rotate(-45deg)}.mobile-nav-backdrop{position:fixed;inset:0;z-index:98;margin:0;padding:0;border:none;background:#0b122047;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer;animation:mobile-nav-backdrop-in .32s ease both}@keyframes mobile-nav-backdrop-in{0%{opacity:0}}.mobile-nav-panel{--mobile-nav-top: calc(3.65rem + env(safe-area-inset-top, 0px)) ;position:fixed;top:var(--mobile-nav-top);left:.75rem;right:.75rem;z-index:99;display:none;flex-direction:column;max-height:calc(100dvh - var(--mobile-nav-top) - 1rem - env(safe-area-inset-bottom,0px));border-radius:18px;background:linear-gradient(165deg,#fffffffa,#f8fafff5);border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 64px #0f172a24,0 0 0 1px #ffffffd9 inset;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.98);transform-origin:top center;transition:opacity .32s var(--ease-out),transform .38s var(--ease-out),visibility .38s}.mobile-nav-panel--open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.mobile-nav-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.mobile-nav-list{display:flex;flex-direction:column;padding:.35rem .5rem 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem .85rem;font-size:1rem;font-weight:600;color:var(--ink);text-decoration:none;border-radius:12px;transition:background .22s ease,color .22s ease,transform .25s var(--ease-spring)}.mobile-nav-link__text{flex:1;min-width:0}.mobile-nav-link__chev{flex-shrink:0;width:1rem;height:1rem;color:var(--ink-muted);opacity:.55;transition:transform .25s var(--ease-out),opacity .22s,color .22s}.mobile-nav-link:not(:last-child){border-bottom:1px solid rgba(15,23,42,.06);border-radius:0}.mobile-nav-link:active{background:#3b82f614;transform:scale(.99)}.mobile-nav-panel--open .mobile-nav-link{animation:mobile-nav-link-in .42s var(--ease-out) backwards;animation-delay:calc(.06s + var(--i, 0) * 45ms)}@keyframes mobile-nav-link-in{0%{opacity:0;transform:translateY(6px)}}.mobile-nav-foot{flex-shrink:0;padding:.85rem .85rem 1rem;border-top:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,transparent,rgba(238,242,255,.55))}.mobile-nav-panel--open .mobile-nav-foot{animation:mobile-nav-link-in .42s var(--ease-out) .28s backwards}.mobile-nav-cta{width:100%;justify-content:center;min-height:2.65rem;font-size:.9rem}.header-sign-in{white-space:nowrap;min-height:2.35rem;padding:.5rem 1rem;font-size:.84rem;line-height:1.2}.header-sign-in svg{width:1rem;height:1rem;flex-shrink:0}.nav-link{padding:.38rem .6rem;font-size:.84rem;font-weight:500;color:var(--ink-muted);text-decoration:none;border-radius:999px;transition:color .25s,background .25s,transform .3s var(--ease-spring)}.nav-link:hover{color:var(--ink);background:#3b82f61a;transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;text-decoration:none;border-radius:999px;border:none;cursor:pointer;transition:transform .3s var(--ease-spring)}.btn svg{width:1rem;height:1rem;transition:transform .3s var(--ease-out)}.btn:hover{transform:translateY(-2px)}.btn:hover svg{transform:translate(3px)}.btn:active{transform:translateY(0) scale(.98)}.btn-xl{padding:.85rem 1.5rem;font-size:.95rem}.btn-glow{position:relative;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 28px var(--glow),0 0 0 1px #ffffff26 inset;overflow:hidden}.btn-glow:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-120%);animation:btn-shimmer 3.5s ease-in-out infinite}.btn-glow span{position:relative;z-index:1}@keyframes btn-shimmer{0%,70%,to{transform:translate(-120%)}85%{transform:translate(120%)}}.btn-glass{color:var(--ink);background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px #0f172a14}.hero{position:relative;z-index:1;padding:1.5rem 1.25rem 3.5rem;max-width:1200px;margin:0 auto}.hero-copy{min-width:0}.hero-inner{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:960px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2rem}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .55rem;margin-bottom:1.25rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#3b82f61a;border-radius:999px;border:1px solid rgba(59,130,246,.2)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.hero-title{margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.35rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}.title-gradient{background:linear-gradient(120deg,#2563eb,#7c3aed 45%,#0891b2);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-flow 6s ease infinite}@keyframes gradient-flow{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-lead{margin:0 0 1.75rem;max-width:32rem;font-size:1.05rem;line-height:1.65;color:var(--ink-muted)}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:0}.hero-stage{position:relative;max-width:100%;overflow:hidden;perspective:1200px;transform-style:preserve-3d}.stage-glow{position:absolute;inset:10% 5%;background:radial-gradient(ellipse,var(--glow),transparent 65%);filter:blur(40px);animation:glow-breathe 4s ease-in-out infinite}@keyframes glow-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.float-card{position:relative;border-radius:var(--radius);background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 64px #0f172a1f,0 0 0 1px #ffffffe6 inset}.float-card--back{position:absolute;inset:8% -4% -8% 12%;z-index:0;opacity:.5;transform:rotate(-3deg);animation:card-drift-back 9s ease-in-out infinite}@keyframes card-drift-back{50%{transform:translate(6px,-8px) rotate(-2deg)}}.float-card--main{position:relative;z-index:1;overflow:hidden}.hero-visual{margin:0;padding:.35rem;animation:hero-card-float 6s ease-in-out infinite;transition:box-shadow .45s var(--ease-out)}.hero-visual:hover{box-shadow:0 32px 72px #3b82f633,0 0 0 1px #fffffff2 inset}.hero-visual__img{display:block;width:100%;max-width:min(100%,600px);height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius) - 2px);animation:hero-visual-in 1.1s var(--ease-out) both;animation-delay:.35s}@keyframes hero-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes hero-visual-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.orbit{position:absolute;border:1px dashed rgba(59,130,246,.25);border-radius:50%;pointer-events:none}.orbit-1{width:110%;height:110%;top:-5%;left:-5%;animation:orbit-spin 24s linear infinite}.orbit-2{width:130%;height:130%;top:-15%;left:-15%;animation:orbit-spin 36s linear infinite reverse}@keyframes orbit-spin{to{transform:rotate(360deg)}}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:3rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--accent),transparent);animation:scroll-pulse 2s ease infinite}@keyframes scroll-pulse{0%,to{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}.metrics-strip{position:relative;z-index:1;padding:clamp(3rem,7vw,4.5rem) 1.25rem;background:linear-gradient(180deg,transparent 0%,rgba(238,242,249,.55) 12%,rgba(238,242,249,.7) 50%,rgba(238,242,249,.55) 88%,transparent 100%);border-block:1px solid var(--border-subtle)}.metrics-strip[data-reveal]:not(.is-visible) .metrics-strip__head{opacity:0;transform:translateY(20px)}.metrics-strip[data-reveal]:not(.is-visible) .metrics-strip__item{opacity:0;transform:translateY(24px)}.metrics-strip.is-visible .metrics-strip__head{animation:metrics-head-rise .8s var(--ease-out) both}.metrics-strip.is-visible .metrics-strip__item{animation:metrics-item-rise .75s var(--ease-out) both;animation-delay:calc(.15s + var(--metric-i, 0) * .12s)}.metrics-strip.is-visible .metrics-strip__accent{animation:metrics-accent-rise .9s var(--ease-out) both;animation-delay:calc(.45s + var(--metric-i, 0) * .12s)}.metrics-strip--in-features{padding:0;margin:clamp(2.5rem,5vw,3.5rem) 0 clamp(3rem,6vw,4rem);border-block:none;background:none}.metrics-strip--in-features .metrics-strip__head{margin-bottom:2.25rem}.metrics-strip__head{text-align:center;max-width:38rem;margin:0 auto 2.75rem}.metrics-strip__title{margin:0 0 .75rem;font-size:clamp(1.65rem,3.8vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}.metrics-strip__lead{margin:0;font-size:1rem;line-height:1.65;color:var(--ink-muted)}.metrics-strip__row{display:grid;grid-template-columns:1fr;gap:0;background:var(--surface-card);border-radius:calc(var(--radius) + 4px);border:1px solid var(--border-subtle);box-shadow:0 16px 48px #0f172a0f}@media(min-width:720px){.metrics-strip__row{grid-template-columns:repeat(3,1fr)}}.metrics-strip__item{position:relative;padding:2rem 1.5rem 2.25rem;text-align:center;transition:background .35s ease,transform .4s var(--ease-out)}.metrics-strip__item:not(:last-child){border-bottom:1px solid var(--border-subtle)}@media(min-width:720px){.metrics-strip__item:not(:last-child){border-bottom:none;border-right:1px solid var(--border-subtle)}}@media(min-width:720px){.metrics-strip__item:hover{background:#3b82f60a;transform:translateY(-4px)}.metrics-strip__item:hover .metrics-strip__accent{opacity:1;transform:scaleX(1)}}.metrics-strip__value{display:flex;align-items:baseline;justify-content:center;gap:.06em;margin:0 0 .5rem;line-height:1}.metric-count{display:inline-block;font-size:clamp(2.25rem,5vw,3rem);font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#2563eb,#7c3aed 45%,#0891b2);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-flow 6s ease infinite}.metrics-strip__suffix{font-size:clamp(.95rem,2.2vw,1.2rem);font-weight:800;color:var(--accent)}.metrics-strip__label{margin:0 0 .4rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.metrics-strip__detail{margin:0 auto;max-width:14rem;font-size:.88rem;line-height:1.55;color:var(--ink-muted)}.metrics-strip__accent{display:block;width:2.5rem;height:3px;margin:1.1rem auto 0;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-3));transform:scaleX(0);transform-origin:center;opacity:.65}@keyframes metrics-head-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes metrics-item-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes metrics-accent-rise{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.marquee-slot{position:relative;z-index:2;display:block;width:100%;flex-shrink:0}.marquee{position:relative;z-index:1;width:100%;padding:clamp(.75rem,2.5vmin,1.25rem) 0;border-block:1px solid rgba(15,23,42,.06);background:#ffffff8c}.marquee__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__viewport:hover .marquee__track{animation-play-state:paused}.marquee__track{display:flex;width:max-content;will-change:transform;animation:marquee-scroll 100s linear infinite}.marquee__group{display:flex;flex-shrink:0;align-items:center;gap:1.5rem}.marquee__word{font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.marquee__sep{font-size:.9rem;font-weight:600;color:var(--ink-muted);opacity:.45}@keyframes marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.section{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:var(--section-pad-y) 1.25rem}.section--alt{background:linear-gradient(180deg,transparent,rgba(238,242,255,.6),transparent)}.section-intro{max-width:36rem;margin-bottom:var(--section-intro-gap)}.section-intro--center{margin-inline:auto;text-align:center}.section-badge{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1rem;padding:.35rem .85rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#3b82f61a;border:1px solid rgba(59,130,246,.18);border-radius:999px}.section-badge svg{flex-shrink:0;width:.95rem;height:.95rem}.section-intro--center .section-badge{margin-inline:auto}.section-title{margin:0 0 .75rem;font-size:clamp(1.45rem,3.2vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.section-title--sm{font-size:clamp(1.2rem,2.2vw,1.55rem)}.section-intro--sub{margin-top:3.5rem;margin-bottom:1.75rem}.section-lead{max-width:36rem;margin:0 auto;font-size:1.02rem;line-height:1.65;color:var(--ink-muted)}.features-split{display:grid;gap:2rem;align-items:center;margin-bottom:1rem}@media(min-width:900px){.features-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.5rem}}.features-split.is-visible .features-visual-stage{animation:features-visual-float 7s ease-in-out .9s infinite}.features-split.is-visible .features-visual-frame{animation:features-visual-in 1s var(--ease-out) both;animation-delay:.08s}.features-split.is-visible .features-visual-glow{animation:features-glow-breathe 4.5s ease-in-out .5s infinite}.features-split.is-visible .features-visual-orbit{animation:orbit-spin 32s linear .7s infinite}.features-split.is-visible .features-visual__img{animation:features-img-breathe 5.5s ease-in-out 1.2s infinite}.features-split.is-visible .features-split__card{animation:features-card-in .7s var(--ease-out) backwards;animation-delay:calc(.22s + var(--i, 0) * .1s)}.features-split__visual{position:relative;max-width:560px;margin-inline:auto}@media(min-width:900px){.features-split__visual{margin-inline:0}}.features-visual-stage{position:relative;transform-style:preserve-3d;will-change:transform}.features-visual-glow{position:absolute;inset:12% 6%;z-index:0;background:radial-gradient(ellipse,var(--glow),transparent 68%);filter:blur(36px);opacity:.55;pointer-events:none}@keyframes features-glow-breathe{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}.features-visual-orbit{position:absolute;inset:-10%;z-index:0;border:1px dashed rgba(59,130,246,.22);border-radius:50%;pointer-events:none}.features-visual-frame{position:relative;z-index:1;border-radius:calc(var(--radius) + 4px);overflow:hidden;background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 56px #0f172a24,0 0 0 1px #ffffffeb inset}.features-visual__img{display:block;width:100%;height:auto;vertical-align:top;transform-origin:center center}@keyframes features-visual-in{0%{transform:translateY(28px) scale(.94) rotate(-2deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes features-visual-float{0%,to{translate:0 0}50%{translate:0 -16px}}@keyframes features-img-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes features-card-in{0%{transform:translate(20px)}to{transform:translate(0)}}.features-split__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.features-split__card{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem 1.35rem;border-radius:var(--radius);background:var(--surface-card);box-shadow:0 8px 28px #0f172a14;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out)}.features-split__card h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;color:var(--ink)}.features-split__card p{margin:0;font-size:.9rem;line-height:1.55;color:var(--ink-muted)}.features-split__card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #3b82f61f}.features-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;margin-top:.1rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 14px var(--glow)}.features-check:after{content:"";width:5px;height:9px;margin-top:-1px;margin-left:1px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.contact-layout{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.contact-cards{display:grid;gap:1rem;width:100%;align-items:stretch}@media(min-width:640px){.contact-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.partner-form{--partner-row-gap: .5rem;--partner-gap-x: 1rem;--partner-stack-gap: .65rem;position:relative;overflow:hidden;width:100%;padding:1.35rem 1.2rem 1.25rem;border-radius:calc(var(--radius) - 4px);background:linear-gradient(165deg,#fffffffa,#f8fafff2 55%,#ecfeff66),var(--surface-card);box-shadow:0 8px 32px #3b82f614,0 1px #ffffffe6 inset;border:1px solid rgba(59,130,246,.14)}.partner-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}@media(min-width:640px){.partner-form{padding:1.5rem 1.5rem 1.35rem}}.partner-form__title{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--ink) 30%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.partner-form__lead{margin:0 0 1.1rem;font-size:.84rem;line-height:1.5;color:var(--ink-muted)}.partner-form__banner{margin:0 0 .9rem;padding:.6rem .8rem;border-radius:10px;font-size:.82rem;line-height:1.4}.partner-form__banner--success{color:#065f46;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.partner-form__banner--error{color:#991b1b;background:#ef44441a;border:1px solid rgba(239,68,68,.22)}.partner-form__grid{display:flex;flex-direction:column;gap:var(--partner-row-gap);width:100%}.partner-form__row{display:grid;width:100%;column-gap:var(--partner-gap-x);row-gap:0;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:599px){.partner-form__row{grid-template-columns:1fr;row-gap:var(--partner-stack-gap)}}.partner-form__row--full{grid-template-columns:1fr}.partner-form__actions{margin-top:1.15rem;padding-top:1rem;border-top:1px solid rgba(59,130,246,.12);display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem}.partner-form__submit{padding:.7rem 1.35rem .7rem 1.5rem;font-size:.86rem;gap:.45rem}.partner-form__submit:hover:not(:disabled) .partner-form__submit-arrow{transform:translate(3px)}.partner-form__submit-arrow{width:1rem;height:1rem;flex-shrink:0;transition:transform .3s var(--ease-out)}.partner-form__submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.partner-form__submit:disabled .partner-form__submit-arrow{transform:none}.partner-field{display:flex;flex-direction:column;gap:.3rem;min-width:0;width:100%;margin:0;padding:0;box-sizing:border-box}.partner-field__label{display:block;margin:0;font-size:.75rem;font-weight:600;line-height:1.3;color:#334155}.partner-field__err-slot{display:block;min-height:0;margin:0;line-height:1.3}.partner-field__err-slot:empty{display:none}.partner-field__err-slot.is-visible{margin-top:.2rem}.partner-field__err{display:block;margin:0;font-size:.72rem;font-weight:500;line-height:1.35;color:#dc2626}.partner-field input,.partner-field select,.partner-field textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;margin:0;min-height:2.5rem;padding:.5rem .75rem;font:inherit;font-size:.875rem;line-height:1.35;color:var(--ink);background:#ffffffd9;border:1px solid rgba(59,130,246,.18);border-radius:10px;transition:border-color .2s,box-shadow .2s,background .2s}.partner-field input::placeholder,.partner-field select::placeholder,.partner-field textarea::placeholder{color:#94a3b8}.partner-field input:hover:not(:focus),.partner-field select:hover:not(:focus),.partner-field textarea:hover:not(:focus){border-color:#3b82f659;background:#fff}.partner-field input:focus,.partner-field select:focus,.partner-field textarea:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #3b82f62e,0 2px 8px #3b82f614}.partner-field input[aria-invalid=true],.partner-field select[aria-invalid=true],.partner-field textarea[aria-invalid=true]{border-color:#f87171;box-shadow:0 0 0 3px #f8717124}.partner-field--select select{appearance:none;padding-right:2.25rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.9rem}.partner-field textarea{min-height:5.5rem;padding-top:.55rem;resize:vertical}.partner-req{color:var(--accent);font-weight:700}.partner-optional{font-weight:500;color:var(--ink-muted)}.contact-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:.45rem;min-height:5.5rem;height:100%;padding:.9rem 1rem;text-decoration:none;color:inherit;border-radius:calc(var(--radius) - 4px);border:1px solid transparent;overflow:hidden;box-sizing:border-box;transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-out),border-color .25s}.contact-card:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .35s var(--ease-out);pointer-events:none}.contact-card:hover{transform:translateY(-2px)}.contact-card__head{display:flex;align-items:center;gap:.55rem;width:100%;min-width:0}.contact-card__icon{display:grid;flex-shrink:0;place-items:center;width:2rem;height:2rem;border-radius:9px;box-shadow:0 4px 12px #0f172a1a}.contact-card__icon svg{width:1.05rem;height:1.05rem}.contact-card__label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;min-width:0}.contact-card__value{display:-webkit-box;margin:0;font-size:.8rem;font-weight:600;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.contact-card--email{background:linear-gradient(155deg,#eff6ff,#dbeafe 55%,#e0f2fe);border-color:#3b82f647;box-shadow:0 8px 24px #3b82f61a}.contact-card--email:before{background:radial-gradient(circle at 100% 0%,rgba(59,130,246,.2),transparent 55%)}.contact-card--email .contact-card__icon{color:#fff;background:linear-gradient(135deg,var(--accent),#2563eb)}.contact-card--email .contact-card__label{color:#1d4ed8}.contact-card--email .contact-card__value{color:#1e3a5f}.contact-card--email:hover{border-color:#3b82f673;box-shadow:0 14px 36px #3b82f638}.contact-card--email:hover:before{opacity:1}.contact-card--call{background:linear-gradient(155deg,#f5f3ff,#ede9fe 55%,#fae8ff);border-color:#8b5cf647;box-shadow:0 8px 24px #8b5cf61a}.contact-card--call:before{background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.22),transparent 55%)}.contact-card--call .contact-card__icon{color:#fff;background:linear-gradient(135deg,var(--accent-2),#7c3aed)}.contact-card--call .contact-card__label{color:#5b21b6}.contact-card--call .contact-card__value{color:#3b2667}.contact-card--call:hover{border-color:#8b5cf673;box-shadow:0 14px 36px #8b5cf638}.contact-card--call:hover:before{opacity:1}.contact-card--demo{color:#fff;background:linear-gradient(135deg,#2563eb 0%,var(--accent-2) 48%,var(--accent-3) 100%);border-color:#fff3;box-shadow:0 10px 32px #3b82f647}.contact-card--demo:before{background:radial-gradient(circle at 0% 100%,rgba(255,255,255,.2),transparent 50%)}.contact-card--demo .contact-card__icon{color:#fff;background:#fff3;box-shadow:0 4px 16px #0000001f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contact-card--demo .contact-card__label{color:#ffffffe0}.contact-card--demo .contact-card__value{color:#fff}.contact-card--demo:hover{box-shadow:0 16px 44px #3b82f661}.contact-card--demo:hover:before{opacity:1}.policy-links{list-style:none;margin:0 auto;padding:0;max-width:520px;display:grid;gap:.65rem}@media(min-width:560px){.policy-links{grid-template-columns:repeat(2,1fr)}}.policy-link{display:block;padding:1rem 1.15rem;font-size:.92rem;font-weight:600;color:var(--ink);text-decoration:none;border-radius:12px;background:var(--surface-card);box-shadow:0 4px 16px #0f172a0f;transition:color .25s,background .25s,transform .3s var(--ease-spring)}.policy-link:hover{color:var(--accent);background:#3b82f614;transform:translate(4px)}[data-reveal]{opacity:1;transform:translateY(32px);transition:transform .8s var(--ease-out)}[data-reveal].is-visible{transform:translateY(0)}.anim-in{animation:hero-in .9s var(--ease-out) both;animation-delay:var(--d, 0s)}.anim-in.anim-played{opacity:1!important;transform:translateY(0)!important;animation:none!important}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bento{display:grid;grid-template-columns:1fr;gap:1rem;list-style:none;margin:0;padding:0}@media(min-width:640px){.bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.bento{grid-template-columns:repeat(4,1fr)}}.bento-card{position:relative;padding:1.5rem;border-radius:var(--radius);background:#fff;box-shadow:0 4px 24px #0f172a0f;overflow:hidden;transition:transform .45s var(--ease-spring),box-shadow .45s var(--ease-out)}.bento-card h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.bento-card p{margin:0;font-size:.88rem;line-height:1.55;color:var(--ink-muted)}.bento-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 48px #3b82f626}.bento-card:hover .bento-shine{opacity:1;transform:translate(100%)}.bento.is-visible .bento-card{animation:card-pop .7s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * .1s)}@keyframes card-pop{0%{opacity:0;transform:translateY(20px) scale(.96)}}.bento-icon{width:44px;height:44px;margin-bottom:1rem;border-radius:12px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);position:relative}.bento-icon:after{content:"";position:absolute;inset:10px;background:var(--accent);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.bento-icon[data-icon=meter]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 5v5l4 2-.75 1.23L11 13V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 5v5l4 2-.75 1.23L11 13V7z'/%3E%3C/svg%3E")}.bento-icon[data-icon=chart]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 13h4v8H3zm7-6h4v14h-4zm7 3h4v11h-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 13h4v8H3zm7-6h4v14h-4zm7 3h4v11h-4z'/%3E%3C/svg%3E")}.bento-icon[data-icon=shield]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2L4 5v6c0 5.25 3.5 9.74 8 11 4.5-1.26 8-5.75 8-11V5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2L4 5v6c0 5.25 3.5 9.74 8 11 4.5-1.26 8-5.75 8-11V5z'/%3E%3C/svg%3E")}.bento-icon[data-icon=portal]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v16H4V4zm2 2v12h12V6H6zm2 2h8v2H8V8zm0 4h5v2H8v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v16H4V4zm2 2v12h12V6H6zm2 2h8v2H8V8zm0 4h5v2H8v-2z'/%3E%3C/svg%3E")}.bento-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);opacity:0;transform:translate(-100%);transition:opacity .3s,transform .7s var(--ease-out);pointer-events:none}.section-lead--center{max-width:36rem;margin-inline:auto}.section-how{position:relative;overflow:hidden;padding-block:clamp(2.25rem,5vw,3.5rem)}.how-bg{position:absolute;inset:0;pointer-events:none}.how-bg__orb{position:absolute;border-radius:50%;filter:blur(78px);opacity:.55}.how-bg__orb--a{width:min(440px,55vw);height:min(440px,55vw);top:-18%;left:-14%;background:radial-gradient(circle,rgba(59,130,246,.24),transparent 68%)}.how-bg__orb--b{width:min(380px,48vw);height:min(380px,48vw);right:-12%;bottom:-20%;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 68%)}.how-bg__grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(59,130,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 75%)}.section-how .section-intro{position:relative;z-index:1}.how-intro-title{line-height:1.12}.timeline-panel{position:relative;z-index:1;max-width:44rem;margin:clamp(2rem,5vw,2.75rem) auto 0;padding:clamp(1.5rem,4vw,2.25rem) clamp(1.25rem,4vw,2rem);border-radius:var(--radius);overflow:hidden;background:linear-gradient(165deg,#ffffffeb,#f8faffe0);border:1px solid rgba(59,130,246,.14);box-shadow:0 20px 56px #3b82f61a,0 1px #fffffff2 inset}.timeline-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.timeline-wrap{position:relative;padding:.25rem 0}.timeline-wrap[data-reveal]:not(.is-visible) .timeline-line:not(.timeline-line--glow){clip-path:inset(0 0 100% 0)}.timeline-wrap[data-reveal]:not(.is-visible) .timeline-line--glow{opacity:0}.timeline-wrap[data-reveal]:not(.is-visible) .timeline-step{opacity:0;transform:translateY(16px)}.timeline-wrap[data-reveal]:not(.is-visible) .timeline-step__card{transform:translate(12px)}.timeline-wrap.is-visible .timeline-line:not(.timeline-line--glow){animation:timeline-line-draw 1.35s var(--ease-out) .12s forwards}.timeline-wrap.is-visible .timeline-line--glow{animation:timeline-line-glow-in 1.35s var(--ease-out) .12s forwards}.timeline-wrap.is-visible .timeline-step{animation:timeline-step-in .65s var(--ease-out) both;animation-delay:calc(.42s + var(--i, 0) * .22s)}.timeline-wrap.is-visible .timeline-node__ring{animation:timeline-node-pulse 2.4s ease-in-out infinite;animation-delay:calc(.9s + var(--i, 0) * .2s)}.timeline-line{position:absolute;left:1.4rem;top:.5rem;bottom:.5rem;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-2) 55%,var(--accent-3) 100%);clip-path:inset(0 0 100% 0);pointer-events:none;z-index:0}.timeline-line--glow{left:1.15rem;width:12px;background:linear-gradient(180deg,#3b82f673,#8b5cf659);filter:blur(8px);opacity:0;clip-path:none;z-index:0}@keyframes timeline-line-draw{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes timeline-line-glow-in{to{opacity:.85}}.timeline{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}@keyframes timeline-step-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.timeline-step{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:.4rem 0}.timeline-node{position:relative;z-index:2;display:grid;place-items:center;width:2.85rem;height:2.85rem;margin-top:.35rem}.timeline-num{position:relative;z-index:2;display:grid;place-items:center;width:2.85rem;height:2.85rem;font-size:.82rem;font-weight:800;letter-spacing:.04em;color:#fff;border-radius:50%;background:linear-gradient(135deg,var(--step-accent, var(--accent)),var(--accent-2));box-shadow:0 8px 24px color-mix(in srgb,var(--step-accent, var(--accent)) 42%,transparent)}.timeline-node__ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid color-mix(in srgb,var(--step-accent, var(--accent)) 35%,transparent);opacity:.7}@keyframes timeline-node-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.12);opacity:.9}}.timeline-step__card{position:relative;padding:.75rem .9rem .7rem 1rem;border-radius:14px;overflow:hidden;background:#ffffffe0;border:1px solid rgba(59,130,246,.12);box-shadow:0 8px 24px #0f172a0d;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out),border-color .25s}.timeline-step__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--step-accent, var(--accent)),transparent 80%)}.timeline-step__card:hover{transform:translate(4px);border-color:#3b82f638;box-shadow:0 14px 36px #3b82f61f}.timeline-step__head{display:flex;align-items:center;gap:.55rem;margin-bottom:.35rem;min-width:0}.timeline-step__icon{display:block;flex-shrink:0;width:1.65rem;height:1.65rem;border-radius:8px;background:color-mix(in srgb,var(--step-accent, var(--accent)) 12%,white);border:1px solid color-mix(in srgb,var(--step-accent, var(--accent)) 20%,transparent);position:relative}.timeline-step__icon:before{content:"";position:absolute;inset:50%;width:.85rem;height:.85rem;transform:translate(-50%,-50%);background:var(--step-accent, var(--accent));-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.timeline-step__icon[data-icon=partner]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E")}.timeline-step__icon[data-icon=meter]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4h10v2H7V4zm-1 4h12l-1 12H8L7 8zm4 2v8h2v-8h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4h10v2H7V4zm-1 4h12l-1 12H8L7 8zm4 2v8h2v-8h-2z'/%3E%3C/svg%3E")}.timeline-step__icon[data-icon=portal]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 6h16v12H4V6zm2 2v8h12V8H6zm2 2h8v4H8v-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 6h16v12H4V6zm2 2v8h12V8H6zm2 2h8v4H8v-4z'/%3E%3C/svg%3E")}.timeline-step__title{margin:0;font-size:.98rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}.timeline-step__desc{margin:0;font-size:.84rem;line-height:1.5;color:var(--ink-muted)}.bento--client-portal{margin-bottom:2.5rem}.showcase{position:relative;z-index:1;max-width:none;padding:clamp(2.25rem,5vw,3.5rem) 0;overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(238,242,255,.45) 18%,rgba(238,242,255,.45) 82%,transparent 100%)}.showcase-shell{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,3vw,1.5rem)}.showcase-intro{margin-bottom:2rem}.showcase-intro__title{line-height:1.12}.showcase-pillars{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:0 auto 2.5rem;padding:0;max-width:40rem}.showcase-pillar{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .65rem;font-size:.82rem;font-weight:600;color:var(--ink-muted);background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 4px 14px #0f172a0a;animation:showcase-pillar-in .6s var(--ease-out) backwards;animation-delay:calc(.08s + var(--i, 0) * .07s)}.showcase-pillar__icon{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:8px;background:linear-gradient(135deg,#3b82f61f,#8b5cf614);color:var(--accent)}.showcase-pillar__icon:before{content:"";width:.9rem;height:.9rem;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.showcase-pillar__icon[data-icon=chart]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 17h2v-7H3v7zm4 0h2V7H7v10zm4 0h2v-4h-2v4zm4 0h2V4h-2v13zm4 0h2v-9h-2v9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 17h2v-7H3v7zm4 0h2V7H7v10zm4 0h2v-4h-2v4zm4 0h2V4h-2v13zm4 0h2v-9h-2v9z'/%3E%3C/svg%3E")}.showcase-pillar__icon[data-icon=alert]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E")}.showcase-pillar__icon[data-icon=payment]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 4H4c-1.11 0-2 .89-2 2v12c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V8h16v10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 4H4c-1.11 0-2 .89-2 2v12c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V8h16v10z'/%3E%3C/svg%3E")}@keyframes showcase-pillar-in{0%{opacity:0;transform:translateY(10px)}}.showcase-grid,.showcase-bento{position:relative;z-index:1;display:grid;gap:clamp(1.15rem,2vw,1.5rem);align-items:start;min-width:0}@media(min-width:900px){.showcase-grid,.showcase-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}.showcase-spotlight,.showcase-tile{transition:transform .5s var(--ease-spring),box-shadow .4s var(--ease-out)}.showcase-grid:not(.is-visible) .showcase-spotlight,.showcase-bento:not(.is-visible) .showcase-spotlight,.showcase-grid:not(.is-visible) .showcase-tile,.showcase-bento:not(.is-visible) .showcase-tile{opacity:0;transform:translateY(24px)}.showcase-grid.is-visible .showcase-spotlight,.showcase-bento.is-visible .showcase-spotlight,.showcase-grid.is-visible .showcase-tile,.showcase-bento.is-visible .showcase-tile{opacity:1;transform:translateY(0);animation:showcase-in .85s var(--ease-out) forwards}.showcase-tile:hover{transform:translateY(-4px);box-shadow:0 22px 48px #0f172a14}.showcase-spotlight:hover{box-shadow:0 1px #ffffffe6 inset,0 32px 64px #3b82f61a,0 0 0 1px #3b82f61a}.showcase-spotlight{grid-column:1/-1;min-width:0;animation-delay:.05s;border-radius:24px;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:0 1px #ffffffe6 inset,0 24px 48px #0f172a12,0 0 0 1px #3b82f60f}.showcase-spotlight__body{position:relative;display:grid;grid-template-columns:1fr;gap:0;min-height:0;border-radius:23px;overflow:hidden;align-items:stretch}@media(min-width:960px){.showcase-spotlight__body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}}.showcase-spotlight .showcase-hero__copy{align-items:stretch;justify-content:flex-start;gap:0;padding:clamp(1.1rem,1.8vw,1.45rem) clamp(1.1rem,2vw,1.4rem)}@media(min-width:960px){.showcase-spotlight .showcase-hero__copy{align-self:stretch}}.showcase-spotlight .showcase-hero__copy-inner{display:flex;flex-direction:column;gap:1.1rem;width:100%}@media(min-width:960px){.showcase-spotlight .showcase-hero__copy-inner{flex:1;justify-content:space-between;gap:0;min-height:100%}}.showcase-spotlight .showcase-hero__intro{display:flex;flex-direction:column;gap:.6rem}.showcase-spotlight .showcase-hero__title{margin:0;font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.25}.showcase-spotlight .showcase-hero__lead{margin:0;font-size:.86rem;line-height:1.65}.showcase-spotlight .showcase-hero__points{gap:.55rem;margin-top:0;padding-top:.85rem}.showcase-spotlight .showcase-hero__point{gap:.6rem;font-size:.82rem;line-height:1.55;padding-block:.12rem}.showcase-spotlight .showcase-hero__point-mark{width:1rem;height:1rem}.showcase-spotlight .showcase-hero__actions{margin-top:0;padding-top:0;gap:.6rem}.showcase-spotlight .showcase-hero__actions .btn{padding:.42rem .9rem;font-size:.82rem}.showcase-spotlight .showcase-hero__visual{display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;padding:clamp(.65rem,1.25vw,.9rem)}.showcase-spotlight .showcase-device__chrome{padding:.38rem .7rem}.showcase-spotlight .dash-head{gap:.4rem;padding:.48rem .75rem}.showcase-spotlight .dash-workspace{padding:.32rem .55rem;font-size:.74rem}.showcase-spotlight .dash-kpis{margin:.4rem .75rem 0;border-radius:10px}.showcase-spotlight .dash-kpi{padding:.35rem .6rem}.showcase-spotlight .dash-kpi__label{font-size:.6rem;letter-spacing:.04em}.showcase-spotlight .dash-kpi__value{margin-top:.06rem;font-size:.86rem}.showcase-spotlight .dash-kpi__trend{margin-top:.04rem;font-size:.62rem}.showcase-spotlight .dash-chart-area{margin:.3rem .75rem .1rem;padding-top:.1rem}.showcase-spotlight .dash-chart-grid{inset:0 0 .95rem 1.35rem}.showcase-spotlight .dash-y-axis{width:1.35rem;padding-bottom:.95rem;font-size:.56rem}.showcase-spotlight .dash-y-axis__unit{font-size:.54rem;margin-bottom:.12rem}.showcase-spotlight .dash-chart{height:5.5rem}.showcase-spotlight .dash-bar-label{padding-top:.2rem;font-size:.58rem}.showcase-spotlight .dash-bar-col:has(.dash-bar.is-highlight) .dash-tooltip{top:.05rem;bottom:auto;padding:.22rem .38rem;min-width:2.4rem}.showcase-spotlight .dash-bar-col:has(.dash-bar.is-highlight) .dash-tooltip__value{font-size:.62rem}.showcase-spotlight .dash-bar-col:has(.dash-bar.is-highlight) .dash-tooltip__label{font-size:.54rem}.showcase-spotlight .dash-foot{gap:.35rem;margin-top:.05rem;padding:.4rem .75rem .55rem;font-size:.68rem}.showcase-spotlight .dash-foot__legend{font-size:.64rem}.showcase-spotlight .dash-foot__swatch{width:8px;height:8px}.showcase-spotlight .ui-panel--dashboard{padding-bottom:.1rem}.showcase-tile{position:relative;display:flex;flex-direction:column;gap:.85rem;min-width:0;padding:clamp(1.2rem,2vw,1.5rem);border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:0 16px 40px #0f172a0d;animation-delay:calc(.18s + var(--card-i, 0) * .1s)}.showcase-tile__step{position:absolute;top:1.25rem;right:1.25rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#0f172a1f}.showcase-tile--notify{gap:.65rem;padding:clamp(1rem,1.75vw,1.25rem)}@media(min-width:900px){.showcase-tile--notify{border-top:3px solid rgba(139,92,246,.45)}}.showcase-tile--notify .showcase-tile__head{gap:.65rem}.showcase-tile--notify .showcase-tile__head h3{margin-bottom:.25rem;font-size:clamp(1rem,1.85vw,1.12rem)}.showcase-tile--notify .showcase-tile__head p{font-size:.78rem;line-height:1.4}.showcase-tile--notify .showcase-tile__icon{width:2rem;height:2rem}.showcase-tile--notify .ui-panel__bar{padding:.48rem .75rem;font-size:.78rem}.showcase-tile--notify .ui-panel__btn{padding:.28rem .6rem;font-size:.72rem}.showcase-tile--notify .notify-list li{gap:.5rem;padding:.4rem .75rem;font-size:.74rem}.showcase-tile--notify .notify-row__icon{width:1.5rem;height:1.5rem}.showcase-tile--notify .notify-row__icon:before{width:.8rem;height:.8rem}.showcase-tile--notify .ui-switch{width:36px;height:20px}.showcase-tile--notify .ui-switch__thumb{width:14px;height:14px}.showcase-tile--notify .ui-switch.is-on .showcase-tile--notify .ui-switch__thumb{transform:translate(16px)}@media(min-width:900px){.showcase-tile--activity{border-top:3px solid rgba(6,182,212,.5)}}.showcase-tile--activity .ui-panel__bar{padding:.5rem .75rem;font-size:.78rem}.showcase-tile--activity .history-table{font-size:.72rem}.showcase-tile--activity .history-table th{padding:.32rem .65rem;font-size:.62rem}.showcase-tile--activity .history-table td{padding:.36rem .65rem}.showcase-tile--activity .history-type{padding:.14rem .42rem;font-size:.65rem}.showcase-tile--activity .history-time{margin-top:.04rem;font-size:.63rem}.showcase-tile--activity .history-status{padding:.14rem .38rem;font-size:.63rem}.showcase-tile__head{display:flex;align-items:flex-start;gap:.85rem;padding-right:1.75rem}.showcase-tile__head>div{min-width:0}.showcase-tile__head h3{margin:0 0 .35rem;font-size:clamp(1.05rem,2vw,1.22rem);font-weight:800;letter-spacing:-.025em;color:var(--ink)}.showcase-tile__head p{margin:0;font-size:.82rem;line-height:1.45;color:var(--ink-muted);overflow-wrap:anywhere}.showcase-tile__icon{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:12px;background:linear-gradient(135deg,#3b82f624,#8b5cf61a);border:1px solid rgba(59,130,246,.12);position:relative}.showcase-tile__icon:before{content:"";position:absolute;inset:50%;width:1.15rem;height:1.15rem;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.showcase-tile__icon--notify:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E")}.showcase-tile__icon--activity:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18z'/%3E%3C/svg%3E")}.showcase-tile__panel{display:flex;flex-direction:column;flex:0 0 auto;min-width:0}@keyframes showcase-in{to{opacity:1;transform:translateY(0)}}.showcase-hero__copy,.showcase-hero__visual{position:relative;z-index:1}.showcase-hero__copy{display:flex;flex-direction:column;justify-content:center;gap:1.15rem;padding:clamp(1.4rem,2.5vw,2rem);background:#fff;border-bottom:1px solid rgba(15,23,42,.06)}@media(min-width:960px){.showcase-hero__copy{border-bottom:none;border-right:1px solid rgba(15,23,42,.06)}}.showcase-hero__title{margin:0 0 .65rem;font-size:clamp(1.5rem,3vw,1.95rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}.showcase-hero__lead{margin:0;max-width:26rem;font-size:.94rem;line-height:1.65;color:var(--ink-muted)}.showcase-hero__points{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:.65rem 0 0;list-style:none;border-top:1px solid rgba(15,23,42,.06)}.showcase-hero__point{display:flex;align-items:center;gap:.65rem;font-size:.86rem;font-weight:600;color:var(--ink)}.showcase-hero__point-mark{flex-shrink:0;width:1.15rem;height:1.15rem;border-radius:50%;background:#3b82f61a;position:relative}.showcase-hero__point-mark:after{content:"";position:absolute;inset:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.showcase-hero__actions{display:flex;flex-wrap:wrap;gap:.65rem}.showcase-hero__visual{position:relative;display:grid;place-items:center;align-self:stretch;min-height:0;padding:clamp(1.5rem,3vw,2.25rem);background:linear-gradient(165deg,#f8faff,#f1f5ff 52%,#eef2ff)}.showcase-hero__visual:before{content:"";position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1),transparent 72%);pointer-events:none}.showcase-device{position:relative;z-index:1;width:100%;max-width:520px;margin:auto;border-radius:14px;overflow:hidden;box-shadow:0 24px 48px #0f172a1a,0 0 0 1px #0f172a0d;transform:perspective(1400px) rotateY(-2deg);transition:transform .55s var(--ease-spring)}.showcase-spotlight:hover .showcase-device{transform:perspective(1400px) rotateY(0) translateY(-4px)}.showcase-device__chrome{display:flex;align-items:center;gap:.65rem;padding:.55rem .85rem;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-bottom:1px solid rgba(15,23,42,.06)}.showcase-device__dots{display:flex;gap:5px}.showcase-device__dots i{display:block;width:9px;height:9px;border-radius:50%;background:#cbd5e1}.showcase-device__dots i:nth-child(1){background:#f87171}.showcase-device__dots i:nth-child(2){background:#fbbf24}.showcase-device__dots i:nth-child(3){background:#34d399}.showcase-device__title{font-size:.68rem;font-weight:600;color:var(--ink-muted);letter-spacing:.02em}.ui-panel{background:#fff;border-radius:0;box-shadow:none;overflow:hidden}.ui-panel--dashboard{display:flex;flex-direction:column;background:#fff;padding-bottom:.35rem}.ui-panel--notify,.ui-panel--activity{border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 1px #fffc;overflow:hidden}.dash-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem;padding:.7rem .9rem;border-bottom:1px solid rgba(15,23,42,.06);background:#f8fafcd9}.dash-head__left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dash-workspace{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .7rem;font-size:.8rem;font-weight:700;color:var(--ink);background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:10px;box-shadow:0 2px 8px #0f172a0a;cursor:default}.dash-workspace__icon{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:6px;background:linear-gradient(135deg,#3b82f626,#8b5cf61f);color:var(--accent)}.dash-workspace__icon svg{width:.85rem;height:.85rem}.dash-workspace__chev{width:.85rem;height:.85rem;opacity:.45}.dash-live{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#059669;background:#10b9811a;border-radius:999px}.dash-live__dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98140;animation:dash-live-pulse 2s ease-in-out infinite}@keyframes dash-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.85)}}.dash-period{display:inline-flex;padding:3px;background:#0f172a0d;border-radius:10px}.dash-period__btn{padding:.32rem .65rem;font-size:.72rem;font-weight:600;color:var(--ink-muted);border-radius:8px}.dash-period__btn.is-active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #0f172a14}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);margin:.65rem .9rem 0;border-radius:12px;background:#f8fafce6;border:1px solid rgba(15,23,42,.05);overflow:hidden}@media(max-width:520px){.dash-kpis{grid-template-columns:1fr}}.dash-kpi{padding:.6rem .8rem;position:relative}.dash-kpi+.dash-kpi:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:#0f172a14}@media(max-width:520px){.dash-kpi+.dash-kpi:before{inset:0 12% auto;width:auto;height:1px}}.showcase-grid.is-visible .dash-kpi{animation:dash-kpi-in .55s var(--ease-out) forwards;animation-delay:calc(.12s + var(--i, 0) * .07s);opacity:0;transform:translateY(6px)}.dash-kpi__label{display:block;font-size:.65rem;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em}.dash-kpi__value{display:block;margin-top:.15rem;font-size:.95rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.dash-kpi__trend{display:block;margin-top:.12rem;font-size:.68rem;font-weight:600;color:var(--ink-muted)}.dash-kpi__trend.is-up{color:#059669}.dash-kpi__trend.is-neutral{color:var(--accent)}@keyframes dash-kpi-in{to{opacity:1;transform:translateY(0)}}.dash-chart-area{position:relative;margin:.5rem .9rem .25rem;padding:.25rem 0 0}.dash-chart-grid{position:absolute;inset:0 0 1.15rem 2rem;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.dash-chart-grid__line{height:1px;background:linear-gradient(90deg,#0f172a0f,#0f172a05)}.dash-chart-wrap{position:relative;z-index:1;display:flex;gap:.5rem}.dash-y-axis{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;width:1.5rem;padding-bottom:1.15rem;font-size:.62rem;font-weight:700;color:var(--ink-muted)}.dash-y-axis__unit{flex-shrink:0;margin-bottom:.2rem;font-size:.58rem;font-weight:600;opacity:.75;line-height:1}.dash-y-axis__scale{display:flex;flex:1;flex-direction:column;justify-content:space-between;width:100%;min-height:0;text-align:right;line-height:1}.dash-chart{flex:1;display:flex;align-items:stretch;gap:4px;height:128px;min-width:0}.dash-bar-col{position:relative;flex:1;display:grid;grid-template-rows:1fr auto;align-items:end;justify-items:center;min-width:0;height:100%}.dash-bar{grid-row:1;align-self:end;width:100%;max-width:2.1rem;height:var(--h, 50%);min-height:6px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#94a3b859,#94a3b82e);transform-origin:bottom;transform:scaleY(.08);transition:filter .25s}.dash-bar.is-highlight{background:linear-gradient(180deg,#3b82f6,#6366f1 55%,#8b5cf6);box-shadow:0 8px 20px #3b82f659,0 0 0 1px #ffffff40 inset}.showcase-grid.is-visible .dash-bar-col .dash-bar{animation:dash-grow .9s var(--ease-out) forwards;animation-delay:calc(.25s + var(--i, 0) * .06s)}.dash-bar-label{grid-row:2;padding-top:.28rem;font-size:.62rem;font-weight:600;line-height:1;color:var(--ink-muted);white-space:nowrap}.dash-tooltip{position:absolute;bottom:calc(1.15rem + var(--h, 50%) + 6px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.08rem;padding:.28rem .45rem;min-width:2.75rem;border-radius:8px;background:var(--ink);color:#fff;box-shadow:0 8px 20px #0f172a33;white-space:nowrap;z-index:2}.showcase-grid.is-visible .dash-tooltip{animation:dash-tooltip-in .5s var(--ease-out) .75s forwards;opacity:0;transform:translate(-50%) translateY(4px)}.dash-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;width:8px;height:8px;background:var(--ink);transform:translate(-50%) rotate(45deg)}.dash-tooltip__value{font-size:.72rem;font-weight:800}.dash-tooltip__label{font-size:.58rem;font-weight:600;opacity:.75}@keyframes dash-tooltip-in{to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dash-grow{to{transform:scaleY(1)}}.dash-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem;margin-top:.15rem;padding:.55rem .9rem .85rem;border-top:1px solid rgba(15,23,42,.06);font-size:.72rem;font-weight:600;color:var(--ink-muted)}.dash-foot__insight{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink)}.dash-foot__insight svg{width:.95rem;height:.95rem;color:var(--accent)}.dash-foot__legend{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem}.dash-foot__swatch{width:10px;height:10px;border-radius:3px}.dash-foot__swatch--muted{background:#94a3b873}.dash-foot__swatch--active{margin-left:.35rem;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.ui-panel__bar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem .9rem;font-size:.82rem;font-weight:600;color:var(--ink);border-bottom:1px solid rgba(15,23,42,.06)}.ui-panel__bar>span:first-child{min-width:0;line-height:1.35}.ui-panel__bar--glass{background:#f8fafcd9}.ui-panel__pill{padding:.22rem .55rem;font-size:.68rem;font-weight:700;color:var(--accent);background:#3b82f61a;border-radius:999px}.ui-panel__btn--soft{color:var(--accent);background:#3b82f614;border-color:#3b82f626}.ui-panel__btn{padding:.35rem .75rem;font-size:.75rem;font-weight:600;color:var(--ink);background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:8px;cursor:default;transition:transform .25s var(--ease-spring),border-color .2s}.ui-panel__btn:hover{border-color:var(--accent);transform:scale(1.03)}.ui-panel__btn--primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;box-shadow:0 4px 14px var(--glow)}.notify-list{list-style:none;margin:0;padding:0}.notify-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.58rem .9rem;font-size:.78rem;color:var(--ink-muted);border-bottom:1px solid rgba(15,23,42,.05)}.showcase-grid:not(.is-visible) .notify-list li{opacity:0;transform:translate(-8px)}.showcase-grid.is-visible .notify-list li{opacity:1;transform:translate(0);animation:notify-in .5s var(--ease-out) forwards;animation-delay:calc(.35s + var(--i, 0) * .08s)}.notify-list li:last-child{border-bottom:none}@keyframes notify-in{to{opacity:1;transform:translate(0)}}.notify-row__icon{width:1.75rem;height:1.75rem;border-radius:8px;background:#3b82f614;position:relative}.notify-row__icon:before{content:"";position:absolute;inset:50%;width:.9rem;height:.9rem;transform:translate(-50%,-50%);background:var(--accent);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.notify-row__icon[data-icon=balance]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E")}.notify-row__icon[data-icon=payment]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 4H4c-1.11 0-2 .89-2 2v12c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V8h16v10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 4H4c-1.11 0-2 .89-2 2v12c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V8h16v10z'/%3E%3C/svg%3E")}.notify-row__icon[data-icon=alert]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E")}.notify-row__icon[data-icon=report]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E")}.notify-row__label{font-weight:500;color:var(--ink)}.ui-switch{position:relative;flex-shrink:0;width:40px;height:22px;border-radius:999px;background:#0f172a1f;transition:background .3s}.ui-switch.is-on{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 2px 10px var(--glow)}.ui-switch__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0f172a33;transition:transform .3s var(--ease-spring)}.ui-switch.is-on .ui-switch__thumb{transform:translate(18px)}.history-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;min-width:28rem;border-collapse:collapse;font-size:.76rem}.history-table thead{background:#f8fafce6;border-bottom:1px solid rgba(15,23,42,.06)}.history-table th{padding:.48rem .8rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:left;color:var(--ink-muted);white-space:nowrap}.history-table tbody tr{border-bottom:1px solid rgba(15,23,42,.05);transition:background .2s var(--ease-out)}.showcase-grid:not(.is-visible) .history-table tbody tr{opacity:0;transform:translateY(8px)}.showcase-grid.is-visible .history-table tbody tr{opacity:1;transform:translateY(0);animation:history-row-in .5s var(--ease-out) forwards;animation-delay:calc(.35s + var(--i, 0) * .1s)}.history-table tbody tr:last-child{border-bottom:none}.history-table tbody tr:hover{background:#3b82f608}.history-table td{padding:.55rem .8rem;color:var(--ink);vertical-align:middle;white-space:nowrap}@keyframes history-row-in{to{opacity:1;transform:translateY(0)}}.history-type{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;font-size:.7rem;font-weight:700;border-radius:999px}.history-type:before{content:"";width:6px;height:6px;border-radius:50%}.history-type[data-type=payment]{color:#047857;background:#10b9811a}.history-type[data-type=payment]:before{background:#10b981}.history-type[data-type=reading]{color:#1d4ed8;background:#3b82f61a}.history-type[data-type=reading]:before{background:var(--accent)}.history-amount{font-weight:700;font-variant-numeric:tabular-nums}.history-date{display:block;font-weight:600;color:var(--ink)}.history-time{display:block;margin-top:.1rem;font-size:.68rem;color:var(--ink-muted)}.history-status{display:inline-flex;padding:.2rem .5rem;font-size:.68rem;font-weight:700;border-radius:999px}.history-status--success{color:#047857;background:#10b9811a}.history-status--neutral{color:#1d4ed8;background:#3b82f61a}.section-scada{overflow:hidden}.section-security{position:relative;overflow:hidden}.section-security:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(139,92,246,.07),transparent 70%)}.section-badge--security{color:#6d28d9;background:#8b5cf61a;border-color:#8b5cf633}.platform-split{display:grid;gap:2rem;align-items:center;max-width:1100px;margin:0 auto;min-width:0}@media(min-width:900px){.platform-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.5rem}}@media(min-width:900px){.platform-split--reverse .platform-split__visual{order:2}.platform-split--reverse .platform-split__list{order:1}}.platform-split.is-visible .platform-card{animation:platform-card-in .7s var(--ease-out) backwards;animation-delay:calc(.18s + var(--i, 0) * .1s)}.platform-split.is-visible .scada-visual-frame{animation:platform-console-in .9s var(--ease-out) both;animation-delay:.08s}.platform-split.is-visible .scada-visual-stage{animation:scada-visual-float 7s ease-in-out .9s infinite}@keyframes platform-card-in{0%{opacity:0;transform:translateY(16px)}}@keyframes platform-console-in{0%{opacity:0;transform:translateY(20px) scale(.98)}}.platform-split__visual{min-width:0}.platform-split__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem;min-width:0}.platform-card{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.2rem;border-radius:var(--radius);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:0 8px 28px #0f172a0f;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out),border-color .25s}.platform-card h3{margin:0 0 .3rem;font-size:1rem;font-weight:700;color:var(--ink)}.platform-card p{margin:0;font-size:.88rem;line-height:1.55;color:var(--ink-muted)}.platform-card:hover{transform:translateY(-3px);border-color:#3b82f633;box-shadow:0 14px 36px #3b82f61a}.platform-card--security:hover{border-color:#8b5cf638;box-shadow:0 14px 36px #8b5cf61a}.platform-card__icon{flex-shrink:0;width:2.25rem;height:2.25rem;margin-top:.05rem;border-radius:12px;background:linear-gradient(135deg,#3b82f624,#06b6d41a);border:1px solid rgba(59,130,246,.16);position:relative}.platform-card__icon:before{content:"";position:absolute;inset:50%;width:1.05rem;height:1.05rem;transform:translate(-50%,-50%);background:var(--accent);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.platform-card__icon[data-icon=network]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2 2 7v10l10 5 10-5V7L12 2zm0 3.2 6.5 3.25L12 11.7 5.5 8.45 12 5.2zM4 9.58l7 3.5V19.3l-7-3.5V9.58zm16 0v6.22l-7 3.5v-6.22l7-3.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2 2 7v10l10 5 10-5V7L12 2zm0 3.2 6.5 3.25L12 11.7 5.5 8.45 12 5.2zM4 9.58l7 3.5V19.3l-7-3.5V9.58zm16 0v6.22l-7 3.5v-6.22l7-3.5z'/%3E%3C/svg%3E")}.platform-card__icon[data-icon=pulse]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M2 12h3.5l2-4 2.5 8 3-12 2.5 6H22v2h-4.5l-2.5-6-3 12-2.5-8-2 4H2v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M2 12h3.5l2-4 2.5 8 3-12 2.5 6H22v2h-4.5l-2.5-6-3 12-2.5-8-2 4H2v-2z'/%3E%3C/svg%3E")}.platform-card__icon[data-icon=ai]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 10.5h-2.64l.94-2.07-1.72-1.07L16.5 9.5h-2.07l-1.18-2.14-1.72 1.07.94 2.07H10.5L9.57 8.36 7.85 9.43 8.79 11.5H6.72L5.54 9.36l-1.72 1.07.94 2.07H2v2h2.64l-.94 2.07 1.72 1.07L7.5 14.5h2.07l1.18 2.14 1.72-1.07-.94-2.07h2.07l1.18 2.14 1.72-1.07-.94-2.07H22v-2zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 10.5h-2.64l.94-2.07-1.72-1.07L16.5 9.5h-2.07l-1.18-2.14-1.72 1.07.94 2.07H10.5L9.57 8.36 7.85 9.43 8.79 11.5H6.72L5.54 9.36l-1.72 1.07.94 2.07H2v2h2.64l-.94 2.07 1.72 1.07L7.5 14.5h2.07l1.18 2.14 1.72-1.07-.94-2.07h2.07l1.18 2.14 1.72-1.07-.94-2.07H22v-2zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E")}.platform-card__icon[data-icon=ops]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 5v5l4 2-.75 1.23L11 13V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 5v5l4 2-.75 1.23L11 13V7z'/%3E%3C/svg%3E")}.platform-card__icon--security{background:linear-gradient(135deg,#8b5cf624,#6d28d91a);border-color:#8b5cf62e}.platform-card__icon--security:before{background:#7c3aed}.platform-card__icon--security[data-icon=encrypt]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18 8h-1V6a5 5 0 0 0-10 0v2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zm-7 8.73V17h2v-.27a2 2 0 1 0-2 0zM9 8V6a3 3 0 0 1 6 0v2H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18 8h-1V6a5 5 0 0 0-10 0v2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zm-7 8.73V17h2v-.27a2 2 0 1 0-2 0zM9 8V6a3 3 0 0 1 6 0v2H9z'/%3E%3C/svg%3E")}.platform-card__icon--security[data-icon=roles]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-3.87 0-7 1.57-7 3.5V20h14v-2.5C19 15.57 15.87 14 12 14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-3.87 0-7 1.57-7 3.5V20h14v-2.5C19 15.57 15.87 14 12 14z'/%3E%3C/svg%3E")}.platform-card__icon--security[data-icon=audit]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E")}.platform-card__icon--security[data-icon=hardening]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2 5 5v6c0 5 3.5 9.5 7 11 3.5-1.5 7-6 7-11V5l-7-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2 5 5v6c0 5 3.5 9.5 7 11 3.5-1.5 7-6 7-11V5l-7-3z'/%3E%3C/svg%3E")}.scada-visual-stage{position:relative;max-width:560px;margin-inline:auto;transform-style:preserve-3d}.scada-visual-glow{position:absolute;inset:10% 4%;z-index:0;background:radial-gradient(ellipse,rgba(59,130,246,.35),transparent 68%);filter:blur(36px);opacity:.65;pointer-events:none}.scada-visual-frame{position:relative;z-index:1;border-radius:calc(var(--radius) + 4px);overflow:hidden;background:#ffffffe6;box-shadow:0 24px 56px #0f172a24,0 0 0 1px #ffffffeb inset}.scada-visual__img{display:block;width:100%;height:auto;vertical-align:top}@keyframes scada-visual-float{0%,to{translate:0 0}50%{translate:0 -12px}}.security-showcase{max-width:1100px;margin:0 auto;padding-inline:clamp(1rem,4vw,1.5rem);min-width:0}.security-showcase.is-visible .about-stage{animation:platform-console-in 1s var(--ease-out) both;animation-delay:.08s}.security-showcase.is-visible .security-tile{animation:security-tile-in .75s var(--ease-out) backwards;animation-delay:calc(.1s + var(--i, 0) * .09s)}.security-split{display:grid;gap:2rem;align-items:center;min-width:0}@media(min-width:900px){.security-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.5rem}}.security-split__visual{display:flex;justify-content:center;min-width:0}@media(min-width:900px){.security-split__visual{order:2}}@media(min-width:900px){.security-split .security-bento{order:1}}@keyframes security-tile-in{0%{opacity:0;transform:translateY(18px)}}.security-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.15rem;min-width:0}@media(max-width:540px){.security-bento{grid-template-columns:1fr}}.security-tile{position:relative;padding:1.15rem 1.2rem 1.2rem;border-radius:calc(var(--radius) + 2px);background:var(--surface-card);border:1px solid rgba(139,92,246,.14);box-shadow:0 10px 32px #6d28d912;overflow:hidden;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out),border-color .25s}.security-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a78bfa 45%,#60a5fa);opacity:.85}.security-tile:hover{transform:translateY(-4px);border-color:#8b5cf647;box-shadow:0 18px 44px #6d28d924}.security-tile__num{position:absolute;top:.85rem;right:1rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#7c3aed38}.security-tile__head{display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem;padding-right:1.75rem}.security-tile__icon{flex-shrink:0;display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:12px;background:linear-gradient(135deg,#8b5cf629,#6d28d91a);border:1px solid rgba(139,92,246,.2);position:relative}.security-tile__icon:before{content:"";position:absolute;inset:50%;width:1.1rem;height:1.1rem;transform:translate(-50%,-50%);background:#7c3aed;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.security-tile__icon[data-icon=encrypt]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18 8h-1V6a5 5 0 0 0-10 0v2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zm-7 8.73V17h2v-.27a2 2 0 1 0-2 0zM9 8V6a3 3 0 0 1 6 0v2H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18 8h-1V6a5 5 0 0 0-10 0v2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zm-7 8.73V17h2v-.27a2 2 0 1 0-2 0zM9 8V6a3 3 0 0 1 6 0v2H9z'/%3E%3C/svg%3E")}.security-tile__icon[data-icon=roles]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-3.87 0-7 1.57-7 3.5V20h14v-2.5C19 15.57 15.87 14 12 14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-3.87 0-7 1.57-7 3.5V20h14v-2.5C19 15.57 15.87 14 12 14z'/%3E%3C/svg%3E")}.security-tile__icon[data-icon=audit]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E")}.security-tile__icon[data-icon=hardening]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2 5 5v6c0 5 3.5 9.5 7 11 3.5-1.5 7-6 7-11V5l-7-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2 5 5v6c0 5 3.5 9.5 7 11 3.5-1.5 7-6 7-11V5l-7-3z'/%3E%3C/svg%3E")}.security-tile__title{margin:0;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.25}.security-tile__desc{margin:0;font-size:.89rem;line-height:1.55;color:var(--ink-muted)}.integrations{position:relative;z-index:1;padding:clamp(4rem,8vw,6rem) 1.25rem;overflow:hidden}.integrations-bg{position:absolute;inset:0;pointer-events:none;background-color:var(--surface-2);background-image:linear-gradient(180deg,rgba(238,242,255,.65) 0%,transparent 55%),linear-gradient(rgba(59,130,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 20%,transparent 85%);mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 20%,transparent 85%)}.integrations-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}.integrations-header{max-width:36rem;margin:0 auto var(--section-intro-gap);text-align:center}.integrations-header .section-badge{margin-inline:auto}.integrations-title{margin:0 0 .75rem;font-size:clamp(1.45rem,3.2vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.integrations-lead{margin:0 0 1.35rem;font-size:1.02rem;line-height:1.65;color:var(--ink-muted)}.integrations-cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.95rem;font-weight:600;color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;transition:background-size .35s var(--ease-out),color .25s,gap .25s var(--ease-out)}.integrations-cta svg{width:1rem;height:1rem;transition:transform .3s var(--ease-out)}.integrations-cta:hover{color:var(--accent);background-size:100% 2px;gap:.55rem}.integrations-cta:hover svg{transform:translate(3px)}.integrations-marquee-zone{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;padding-bottom:.5rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.integrations-marquee{overflow:hidden;width:100%;padding-block:.25rem}.integrations-marquee:hover .integrations-marquee-track{animation-play-state:paused}.integrations-marquee-track{display:flex;width:max-content;will-change:transform;animation:integrations-scroll-left 38s linear infinite}.integrations-marquee-group{display:flex;flex-shrink:0;align-items:center;gap:.85rem;padding-right:.85rem}.integrations-marquee--right .integrations-marquee-track{animation-name:integrations-scroll-right;animation-duration:44s}@keyframes integrations-scroll-left{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes integrations-scroll-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.integration-tile{position:relative;flex-shrink:0;--tile-size: clamp(4.25rem, 10vw, 5.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--tile-size);height:var(--tile-size);padding:.5rem;border-radius:18px;background:#fff;box-shadow:0 4px 20px #0f172a0f,0 0 0 1px #0f172a0d;cursor:default;transition:transform .45s var(--ease-spring),box-shadow .35s var(--ease-out)}.integration-tile--marquee .integration-mark{animation:tile-float 5s ease-in-out infinite}.integration-tile--marquee:nth-child(1) .integration-mark{animation-delay:0s}.integration-tile--marquee:nth-child(2) .integration-mark{animation-delay:-.35s}.integration-tile--marquee:nth-child(3) .integration-mark{animation-delay:-.7s}.integration-tile--marquee:nth-child(4) .integration-mark{animation-delay:-1.05s}.integration-tile--marquee:nth-child(5) .integration-mark{animation-delay:-1.4s}.integration-tile--marquee:nth-child(6) .integration-mark{animation-delay:-1.75s}.integration-tile--marquee:nth-child(7) .integration-mark{animation-delay:-2.1s}.integration-tile--marquee:nth-child(8) .integration-mark{animation-delay:-2.45s}.integration-tile--marquee:nth-child(9) .integration-mark{animation-delay:-2.8s}.integration-tile--marquee:nth-child(10) .integration-mark{animation-delay:-3.15s}.integration-tile--marquee:nth-child(11) .integration-mark{animation-delay:-3.5s}.integration-tile--marquee:nth-child(12) .integration-mark{animation-delay:-3.85s}.integration-tile--marquee:nth-child(13) .integration-mark{animation-delay:-4.2s}.integration-tile--marquee:nth-child(14) .integration-mark{animation-delay:-4.55s}.integration-tile--marquee:nth-child(15) .integration-mark{animation-delay:-4.9s}.integration-tile--marquee:nth-child(16) .integration-mark{animation-delay:-5.25s}.integration-tile:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 16px 40px #3b82f62e,0 0 0 1px #3b82f61f;animation-play-state:paused}.integration-tile:hover .integration-mark{transform:scale(1.08)}@keyframes tile-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.integration-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;font-size:.62rem;font-weight:800;letter-spacing:-.02em;color:#fff;border-radius:10px;background:var(--brand, var(--accent));box-shadow:0 4px 12px color-mix(in srgb,var(--brand, var(--accent)) 40%,transparent);transition:transform .35s var(--ease-spring)}.integration-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-about{position:relative;overflow:hidden;padding-block:clamp(2.25rem,5vw,3.5rem)}.about-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(59,130,246,.08),transparent 70%),radial-gradient(ellipse 55% 40% at 80% 90%,rgba(139,92,246,.06),transparent 72%)}.about-shell{position:relative;z-index:1;max-width:960px;margin:0 auto;padding-inline:clamp(1rem,4vw,1.5rem)}.about-metrics{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:0;border-radius:calc(var(--radius) + 6px);overflow:hidden;background:#ffffffe0;border:1px solid rgba(59,130,246,.14);box-shadow:0 18px 48px #0f172a14}@media(min-width:640px){.about-metrics{grid-template-columns:repeat(3,1fr)}}.about-metrics.is-visible .about-metric{animation:about-rise .7s var(--ease-out) both;animation-delay:calc(.08s + var(--i, 0) * .1s)}.about-metric{padding:1.15rem 1.25rem;text-align:center}.about-metric:not(:last-child){border-bottom:1px solid rgba(59,130,246,.1)}@media(min-width:640px){.about-metric:not(:last-child){border-bottom:none;border-right:1px solid rgba(59,130,246,.1)}}.about-metric__value{display:block;font-size:clamp(1.4rem,3.5vw,1.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.about-metric__label{display:block;margin-top:.4rem;font-size:.74rem;font-weight:600;line-height:1.35;color:var(--ink-muted)}.about-stack{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.85rem}@media(min-width:900px){.about-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.about-stack.is-visible .about-card{animation:about-rise .75s var(--ease-out) both;animation-delay:calc(.15s + var(--i, 0) * .1s)}.about-card{position:relative;padding:1.15rem 1.15rem 1.2rem;border-radius:calc(var(--radius) + 2px);background:var(--surface-card);border:1px solid rgba(59,130,246,.12);box-shadow:0 10px 32px #0f172a0f;overflow:hidden;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out),border-color .25s}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2) 55%,var(--accent-3));opacity:.9}.about-card:hover{transform:translateY(-4px);border-color:#3b82f63d;box-shadow:0 18px 44px #3b82f61f}.about-card__num{position:absolute;top:.85rem;right:1rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#3b82f633}.about-card__head{display:flex;align-items:center;gap:.7rem;margin-bottom:.55rem;padding-right:1.75rem}.about-card__icon{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:11px;background:linear-gradient(145deg,#3b82f624,#8b5cf61a);border:1px solid rgba(59,130,246,.16);position:relative}.about-card__icon:before{content:"";position:absolute;inset:50%;width:1.05rem;height:1.05rem;transform:translate(-50%,-50%);background:var(--accent);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.about-card__icon[data-icon=meter]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4h10v2H7V4zm-1 4h12l-1 12H8L7 8zm4 2v8h2v-8h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4h10v2H7V4zm-1 4h12l-1 12H8L7 8zm4 2v8h2v-8h-2z'/%3E%3C/svg%3E")}.about-card__icon[data-icon=portal]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 6h16v12H4V6zm2 2v8h12V8H6zm2 2h8v4H8v-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 6h16v12H4V6zm2 2v8h12V8H6zm2 2h8v4H8v-4z'/%3E%3C/svg%3E")}.about-card__icon[data-icon=shield]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2L5 5v6c0 5 3.5 9.5 7 11 3.5-1.5 7-6 7-11V5l-7-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2L5 5v6c0 5 3.5 9.5 7 11 3.5-1.5 7-6 7-11V5l-7-3z'/%3E%3C/svg%3E")}.about-card__title{margin:0;font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.25}.about-card__desc{margin:0;font-size:.84rem;line-height:1.55;color:var(--ink-muted)}.about-stage{position:relative;width:min(100%,340px);aspect-ratio:1;margin-inline:auto}.about-stage__glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.25),transparent 65%);animation:about-glow-pulse 4s ease-in-out infinite}.about-stage__ring{position:absolute;border-radius:50%;border:2px solid transparent}.about-stage__ring--outer{inset:0;border-top-color:var(--accent);border-right-color:var(--accent-2);border-bottom-color:#06b6d459;animation:ring-spin 14s linear infinite}.about-stage__ring--inner{inset:14%;border-left-color:var(--accent-3);border-top-color:#8b5cf680;animation:ring-spin 9s linear infinite reverse}.about-orbit-chip{position:absolute;z-index:2;padding:.45rem .75rem;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--ink);white-space:nowrap;border-radius:999px;background:#ffffffeb;border:1px solid rgba(59,130,246,.2);box-shadow:0 8px 24px #3b82f626;animation:about-orbit-float 5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -1.1s)}.about-orbit-chip:nth-child(4){top:6%;left:50%;transform:translate(-50%)}.about-orbit-chip:nth-child(5){right:0;top:42%}.about-orbit-chip:nth-child(6){left:0;bottom:18%}.about-shield{position:absolute;inset:22%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;text-align:center}.about-shield__core{width:100%;max-width:7.5rem;aspect-ratio:1;display:grid;place-items:center;border-radius:28px;background:linear-gradient(155deg,#fff,#eef2ff);box-shadow:0 20px 50px #3b82f647,0 0 0 1px #fffc inset;animation:shield-pulse 3.5s ease-in-out infinite}.about-shield__core svg{width:52%;height:52%;fill:var(--accent)}.about-shield__caption{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}@keyframes about-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes about-glow-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes about-orbit-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shield-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.about-orbit-chip:nth-child(4){animation-name:about-orbit-float-center}@keyframes about-orbit-float-center{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.xlabs-footer{position:relative;z-index:2;margin-top:4.5rem;overflow:hidden;color:var(--ink);border-top:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fff 0%,#fff 72%,var(--surface) 100%)}.xlabs-landing:has(app-landing-home) .xlabs-footer{margin-top:0}.xlabs-landing:has(app-about-page,app-services-page,app-metering-page,app-hardware-gateways-page,app-client-portal-page,app-digital-solutions-page,app-contact-page){background:var(--surface-2)}.xlabs-landing:has(app-about-page,app-services-page,app-metering-page,app-hardware-gateways-page,app-client-portal-page,app-digital-solutions-page,app-contact-page) .ambient{display:none}.xlabs-landing:has(app-about-page,app-services-page,app-metering-page,app-hardware-gateways-page,app-client-portal-page,app-digital-solutions-page,app-contact-page) .site-header{background:var(--surface-2);border-bottom-color:#3b82f614;box-shadow:none}.xlabs-landing:has(app-about-page,app-services-page,app-metering-page,app-hardware-gateways-page,app-client-portal-page,app-digital-solutions-page,app-contact-page) .site-header--scrolled,.xlabs-landing:has(app-about-page,app-services-page,app-metering-page,app-hardware-gateways-page,app-client-portal-page,app-digital-solutions-page,app-contact-page) .site-header--nav-open{background:#fff;border-bottom-color:#3b82f61a;box-shadow:none}.xlabs-landing:has(app-about-page,app-services-page,app-metering-page,app-hardware-gateways-page,app-client-portal-page,app-digital-solutions-page,app-contact-page) .xlabs-footer{margin-top:0}.footer-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.footer-ambient__orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.footer-ambient__orb--a{top:-6rem;left:-4rem;width:clamp(14rem,28vw,22rem);height:clamp(14rem,28vw,22rem);background:radial-gradient(circle,rgba(59,130,246,.2),transparent 68%);animation:footer-orb-drift-a 14s ease-in-out infinite alternate}.footer-ambient__orb--b{right:-5rem;bottom:8%;width:clamp(12rem,24vw,18rem);height:clamp(12rem,24vw,18rem);background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%);animation:footer-orb-drift-b 16s ease-in-out infinite alternate}.footer-ambient__grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}.footer-ambient__watermark{position:absolute;left:50%;top:56%;font-size:clamp(4.5rem,14vw,9rem);font-weight:800;line-height:1;letter-spacing:-.05em;white-space:nowrap;transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,rgba(139,92,246,.025) 50%,transparent 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes footer-orb-drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(2rem,1.5rem) scale(1.08)}}@keyframes footer-orb-drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(-1.5rem,-1rem) scale(1.06)}}.footer-main{position:relative;z-index:1;padding:clamp(3rem,5.5vw,4.25rem) 0 clamp(1.5rem,2.5vw,2.25rem)}.footer-inner{box-sizing:border-box;width:100%;max-width:min(1100px,100vw - 2.5rem);margin-inline:auto;padding-inline:.25rem}.footer-body{display:grid;grid-template-columns:1fr;gap:2.5rem;width:100%;margin:0 0 3rem;align-items:start}@media(min-width:1024px){.footer-body{grid-template-columns:minmax(560px,1.15fr) repeat(3,minmax(0,1fr));column-gap:clamp(2rem,3.5vw,3rem);row-gap:0}}.footer-brand-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}@media(min-width:1024px){.footer-brand-col{padding-right:2rem;border-right:1px solid rgba(15,23,42,.07)}}.footer-logo{display:inline-flex;flex-direction:row;align-items:center;gap:.2rem;margin-bottom:1.35rem;text-decoration:none;color:var(--ink);transition:transform .45s var(--ease-spring)}.footer-logo:hover{transform:translateY(-4px)}.footer-logo:hover .footer-logo__glow{opacity:.95;transform:scale(1.12)}.footer-logo:hover .footer-logo__mark img{transform:scale(1.06) rotate(-2deg)}.footer-logo:hover .footer-logo__xlabs{filter:drop-shadow(0 6px 18px rgba(59,130,246,.22))}.footer-logo__visual{position:relative;display:grid;flex-shrink:0;place-items:center;width:3rem;height:3rem}.footer-logo__glow{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.35),rgba(139,92,246,.12) 55%,transparent 72%);opacity:.7;animation:footer-logo-glow 4s ease-in-out infinite;transition:opacity .4s var(--ease-out),transform .45s var(--ease-spring)}.footer-logo__mark{position:relative;z-index:1;line-height:0}.footer-logo__mark img{display:block;width:3rem;height:3rem;border-radius:13px;transition:transform .45s var(--ease-spring)}.footer-logo__wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:0}.footer-logo__wordmark img{display:block;width:auto;height:auto}.footer-logo__xlabs{height:36px;max-width:8.75rem;transition:filter .35s var(--ease-out)}.footer-logo__tech{height:22px;max-width:9rem;opacity:.92}@keyframes footer-logo-glow{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:.85;transform:scale(1.04)}}@keyframes footer-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer-tagline{margin:0 0 1.35rem;font-size:.88rem;line-height:1.6;color:var(--ink-muted)}.footer-contact{list-style:none;display:flex;flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0}.footer-contact li{margin:0}.footer-contact__link{display:inline-flex;align-items:center;gap:.55rem;font-size:.86rem;font-weight:500;color:var(--ink-muted);text-decoration:none;transition:color .25s,transform .25s var(--ease-out)}.footer-contact__link svg{flex-shrink:0;width:1rem;height:1rem;color:var(--accent);opacity:.85;transition:opacity .25s}.footer-contact__link:hover{color:var(--accent);transform:translate(3px)}.footer-contact__link:hover svg{opacity:1}.footer-nav-grid{display:grid;grid-template-columns:1fr;gap:2rem 1.75rem}@media(min-width:640px){.footer-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.footer-nav-grid{display:contents}}.footer-nav-col{min-width:0}@media(min-width:1024px){.footer-nav-col{padding-top:.15rem}}.footer-nav-col h3{display:inline-block;margin:0 0 1.15rem;padding-bottom:.6rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background-image:linear-gradient(90deg,var(--accent),var(--accent-2));background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;transition:background-size .5s var(--ease-out)}.footer-nav-col ul{list-style:none;margin:0;padding:0}.footer-nav-col li{margin-bottom:.8rem}.footer-nav-col a{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;line-height:1.45;color:var(--ink-muted);text-decoration:none;transition:color .25s,gap .25s var(--ease-out)}.footer-nav-col a:after{content:"\2192";font-size:.75rem;opacity:0;transform:translate(-4px);transition:opacity .25s,transform .25s var(--ease-out)}.footer-nav-col a:hover{color:var(--accent);gap:.5rem}.footer-nav-col a:hover:after{opacity:.7;transform:translate(0)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;width:100%;margin:0;padding-top:2rem;padding-bottom:.35rem;border-top:1px solid rgba(15,23,42,.08);background:linear-gradient(90deg,transparent,rgba(59,130,246,.04) 50%,transparent);background-size:100% 1px;background-repeat:no-repeat;background-position:top}.footer-copy{margin:0;font-size:.82rem;color:var(--ink-muted)}.footer-back-top{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;padding:.45rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--ink-muted);background:#ffffffa6;border:1px solid rgba(15,23,42,.08);border-radius:999px;cursor:pointer;transition:color .25s,border-color .25s,transform .35s var(--ease-spring),box-shadow .35s var(--ease-out)}.footer-back-top svg{width:.9rem;height:.9rem;transition:transform .35s var(--ease-spring)}.footer-back-top:hover{color:var(--accent);border-color:#3b82f640;box-shadow:0 6px 20px #3b82f61a;transform:translateY(-2px)}.footer-back-top:hover svg{transform:translateY(-2px)}.footer-social{display:flex;align-items:center;gap:1.1rem}.footer-social a{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;color:var(--ink-muted);background:var(--surface-2);transition:color .25s,background .25s,transform .3s var(--ease-spring)}.footer-social a svg{width:1.05rem;height:1.05rem}.footer-social a:hover{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));transform:translateY(-3px) scale(1.08)}.xlabs-footer.is-visible .footer-logo__xlabs{animation:footer-wordmark-in .8s var(--ease-out) .1s backwards}.xlabs-footer.is-visible .footer-logo__tech{animation:footer-wordmark-in .8s var(--ease-out) .22s backwards}.xlabs-footer.is-visible .footer-tagline{animation:footer-fade-up .75s var(--ease-out) .32s backwards}.xlabs-footer.is-visible .footer-brand-col{animation:footer-fade-up .75s var(--ease-out) backwards}.xlabs-footer.is-visible .footer-contact li:nth-child(1) .footer-contact__link{animation:footer-fade-up .7s var(--ease-out) .4s backwards}.xlabs-footer.is-visible .footer-contact li:nth-child(2) .footer-contact__link{animation:footer-fade-up .7s var(--ease-out) .48s backwards}.xlabs-footer.is-visible .footer-nav-grid .footer-nav-col{animation:footer-fade-up .7s var(--ease-out) backwards}.xlabs-footer.is-visible .footer-nav-grid .footer-nav-col:nth-child(1){animation-delay:.43s}.xlabs-footer.is-visible .footer-nav-grid .footer-nav-col:nth-child(1) h3{background-size:100% 2px;transition-delay:.53s}.xlabs-footer.is-visible .footer-nav-grid .footer-nav-col:nth-child(2){animation-delay:.51s}.xlabs-footer.is-visible .footer-nav-grid .footer-nav-col:nth-child(2) h3{background-size:100% 2px;transition-delay:.61s}.xlabs-footer.is-visible .footer-nav-grid .footer-nav-col:nth-child(3){animation-delay:.59s}.xlabs-footer.is-visible .footer-nav-grid .footer-nav-col:nth-child(3) h3{background-size:100% 2px;transition-delay:.69s}@keyframes footer-fade-up{0%{opacity:0;transform:translateY(16px)}}@keyframes footer-wordmark-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-stage,.hero-visual,.features-visual-stage,.features-visual-frame,.features-visual__img,.features-visual-glow,.features-visual-orbit,.features-split__card{animation:none!important;transform:none!important}[data-reveal]{opacity:1;transform:none}.timeline-line:not(.timeline-line--glow){clip-path:inset(0 0 0 0)}.timeline-line--glow{opacity:.85}.anim-in,.anim-in.anim-played,.integration-tile{opacity:1;transform:none;animation:none!important}.marquee__track,.integrations-marquee-track{animation:none!important;transform:none!important;flex-wrap:wrap;justify-content:center;width:100%;max-width:1100px;margin-inline:auto}.marquee__group,.integrations-marquee-group{flex-wrap:wrap;justify-content:center;padding-right:0}.integrations-marquee,.marquee__viewport{overflow:visible;-webkit-mask-image:none;mask-image:none}.integrations-marquee-zone{-webkit-mask-image:none;mask-image:none}.showcase-spotlight,.showcase-tile,.showcase-device{opacity:1;transform:none;animation:none!important}.dash-bar,.dash-kpi,.dash-tooltip{transform:none;opacity:1;animation:none!important}.dash-bar{transform:scaleY(1)}.dash-live__dot{animation:none}}app-landing-shell.landing-dev [data-reveal],app-landing-shell.landing-dev [data-reveal]:not(.is-visible){opacity:1!important;transform:none!important;transition:none!important}app-landing-shell.landing-dev .anim-in{opacity:1!important;transform:none!important;animation:none!important}app-landing-shell.landing-dev .hero-visual__img{opacity:1!important;transform:none!important;animation:none!important}app-landing-shell.landing-dev .timeline-wrap[data-reveal]:not(.is-visible) .timeline-step{opacity:1;transform:none}app-landing-shell.landing-dev .timeline-wrap.is-visible .timeline-line:not(.timeline-line--glow){animation:timeline-line-draw 1.15s var(--ease-out) .08s forwards!important}app-landing-shell.landing-dev .timeline-step,app-landing-shell.landing-dev .showcase-spotlight,app-landing-shell.landing-dev .showcase-tile,app-landing-shell.landing-dev .showcase-device,app-landing-shell.landing-dev .notify-list li,app-landing-shell.landing-dev .history-table tbody tr{opacity:1!important;transform:none!important;animation:none!important}app-landing-shell.landing-dev .dash-bar{transform:scaleY(1)!important;opacity:1!important;animation:none!important}app-landing-shell.landing-dev .dash-kpi,app-landing-shell.landing-dev .dash-tooltip{opacity:1!important;transform:none!important;animation:none!important}app-landing-shell.landing-dev .dash-live__dot{animation:none!important}app-landing-shell.landing-dev .metrics-strip__head,app-landing-shell.landing-dev .metrics-strip__item,app-landing-shell.landing-dev .metrics-strip__accent{opacity:1!important;transform:none!important;animation:none!important}app-landing-shell.landing-dev .metrics-strip__accent{transform:scaleX(1)!important;opacity:1!important}@media(max-width:900px){app-landing-shell{--landing-header-offset: 3.75rem}.site-nav--center{display:none}.nav-toggle{display:inline-flex}.mobile-nav-panel{display:flex}.header-sign-in{display:none}.brand{gap:.11rem;min-width:0}.brand-mark__icon{width:2.35rem;height:2.35rem}.brand-wordmark{gap:2px}.brand-wordmark__xlabs{height:1.625rem;max-width:9rem}.brand-wordmark__tech{height:1.125rem;max-width:8.5rem}.mobile-nav-panel{--mobile-nav-top: calc(4.1rem + env(safe-area-inset-top, 0px)) }.site-header--nav-open{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:var(--border-subtle);box-shadow:0 10px 40px #0f172a14}.showcase-hero__actions .btn{width:auto;flex:0 1 auto;min-height:2.2rem;padding:.48rem .95rem;font-size:.82rem}}@media(max-width:720px){app-landing-shell{--landing-header-offset: 3.5rem}.site-header{padding-inline:0}.mobile-nav-panel{left:.65rem;right:.65rem;--mobile-nav-top: calc(4rem + env(safe-area-inset-top, 0px)) }.nav-toggle__label{display:none}.nav-toggle{width:2.5rem;padding-inline:0;justify-content:center}.brand{gap:.2rem}.brand-mark__icon{width:2.1rem;height:2.1rem;border-radius:10px}.brand-wordmark__xlabs{height:1.375rem;max-width:5.75rem}.brand-wordmark__tech{height:.875rem;max-width:6.25rem}.hero{padding:1rem .85rem 2.75rem}.hero-title{font-size:clamp(1.75rem,8.5vw,2.35rem)}.hero-lead{font-size:.95rem;margin-bottom:1.35rem}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn-xl{width:100%;justify-content:center}.orbit,.float-card--back{display:none}.section{padding:2.5rem 1rem}.section-intro--sub{margin-top:2.5rem}.features-split__card{padding:1rem 1.1rem}.features-visual-orbit{display:none}.features-split__visual{max-width:100%}.bento-card{padding:1.2rem}.platform-split{gap:1.5rem}.platform-card{padding:.95rem 1rem}.platform-card h3{font-size:.95rem}.platform-card p{font-size:.84rem}.scada-visual-stage{max-width:100%}.security-bento{gap:.75rem}.security-tile{padding:1rem}.showcase.section{padding:2.75rem .65rem}.showcase-shell{padding-inline:0}.showcase-intro{margin-bottom:1.5rem}.showcase-pillars{gap:.45rem;margin-bottom:1.5rem}.showcase-pillar{font-size:.76rem;padding:.42rem .7rem .42rem .5rem}.showcase-grid,.showcase-bento{gap:1rem}.showcase-spotlight{border-radius:18px}.showcase-hero__copy{padding:1.1rem 1rem}.showcase-hero__points{display:none}.showcase-hero__actions{flex-direction:row;flex-wrap:wrap;gap:.5rem}.showcase-hero__actions .btn{width:auto;min-height:2.15rem;padding:.45rem .9rem;font-size:.8rem;justify-content:center}.showcase-hero__visual{padding:.85rem .65rem 1rem}.showcase-device{max-width:100%;transform:none}.showcase-spotlight:hover .showcase-device{transform:none}.showcase-device__title{font-size:.62rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-workspace{max-width:100%;font-size:.68rem;padding:.28rem .45rem}.dash-period__btn{padding:.28rem .45rem;font-size:.64rem}.dash-foot{flex-direction:column;align-items:flex-start;gap:.5rem}.dash-foot__legend{flex-wrap:wrap}.showcase-tile{padding:1rem .85rem;border-radius:16px}.showcase-tile__step{top:.85rem;right:.85rem}.showcase-tile__head{gap:.7rem;padding-right:1.5rem}.showcase-tile__head h3{font-size:1rem}.showcase-tile__head p{font-size:.8rem;line-height:1.5}.ui-panel__bar{flex-wrap:wrap;padding:.55rem .65rem;font-size:.74rem;gap:.45rem}.ui-panel__bar>span:first-child{flex:1 1 100%}.ui-panel__pill{flex-shrink:0;font-size:.64rem;white-space:nowrap}.notify-list li{padding:.45rem .65rem;font-size:.72rem}.notify-row__label{min-width:0;overflow-wrap:anywhere}.history-table-wrap{overflow-x:visible;padding:.35rem .5rem .5rem}.history-table{min-width:0}.history-table thead{display:none}.history-table tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"type status" "meter meter" "amount date";gap:.35rem .65rem;padding:.7rem .65rem;margin-bottom:.45rem;border:1px solid rgba(15,23,42,.07);border-radius:12px;background:#f8fafcbf}.history-table tbody tr:last-child{margin-bottom:.15rem;border-bottom:1px solid rgba(15,23,42,.07)}.history-table tbody tr:hover{background:#f8fafcf2}.history-table td{padding:0;white-space:normal}.history-table td:before{display:none}.history-table td:nth-child(1){grid-area:type;align-self:center}.history-table td:nth-child(2){grid-area:meter;font-size:.78rem;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.history-table td:nth-child(3){grid-area:amount;align-self:end;font-size:.8rem}.history-table td:nth-child(4){grid-area:date;align-self:end;text-align:right}.history-table td:nth-child(5){grid-area:status;align-self:center;justify-self:end}.history-time{font-size:.68rem}.timeline-panel{padding:1.15rem .9rem}.timeline-step__card{padding:.65rem .75rem}.integrations{padding:3rem 1rem}.integrations-title{font-size:clamp(1.65rem,7vw,2.25rem)}.about-stage{width:min(100%,260px)}.about-orbit-chip{font-size:.65rem;padding:.35rem .55rem}.contact-cards{grid-template-columns:1fr}.partner-form{padding:1.15rem 1rem 1.1rem}.partner-form__actions{justify-content:stretch}.partner-form__submit{width:100%;justify-content:center}.metrics-strip__item{padding:1.5rem 1.25rem 1.75rem}.footer-main{padding-inline:0}.footer-body{margin-bottom:2rem}.footer-brand-col{padding-right:0;border-right:none}.footer-nav-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-copy{font-size:.78rem;line-height:1.5}.footer-back-top{margin-left:0}}@media(max-width:400px){.hero-title br,.showcase-intro__title br,.how-intro-title br,.section-about .section-title br{display:none}.about-stack{margin-top:1rem}.about-card{padding:1rem}.dash-head{flex-direction:column;align-items:stretch}.dash-period{align-self:flex-start}}.topic-page__hero{padding-top:clamp(1.5rem,4vw,2.5rem)}.topic-page__cta{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:clamp(1rem,5vw,2.5rem) 1.25rem clamp(2.5rem,7vw,4rem);text-align:center}.topic-page__cta h2{margin:0 0 .75rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.025em}.topic-page__cta p{margin:0 0 1.5rem;color:var(--ink-muted);line-height:1.65}.topic-page__cta .btn{display:inline-flex}.topic-extra{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 1.25rem clamp(2.25rem,5vw,3.5rem)}.topic-extra__grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem}@media(min-width:720px){.topic-extra__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.topic-extra__card{padding:1.25rem 1.35rem;border-radius:calc(var(--radius) - 4px);background:#ffffffd1;border:1px solid rgba(59,130,246,.12);box-shadow:0 12px 32px #0f172a0d}.topic-extra__card h3{margin:0 0 .5rem;font-size:1rem;font-weight:700}.topic-extra__card p{margin:0;font-size:.92rem;line-height:1.58;color:var(--ink-muted)}.topic-trust-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}@media(min-width:720px){.topic-trust-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.topic-trust-list li{display:flex;align-items:flex-start;gap:.65rem;padding:.9rem 1rem;border-radius:12px;background:#eef2ffa6;border:1px solid rgba(59,130,246,.12);font-size:.92rem;line-height:1.5;color:var(--ink)}.topic-trust-list li:before{content:"";flex-shrink:0;width:.45rem;height:.45rem;margin-top:.45rem;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed)}.topic-meter-families{max-width:1100px}.topic-meter-families__intro{text-align:center;max-width:640px;margin:0 auto clamp(1.5rem,4vw,2.25rem)}.topic-meter-families__intro h2{margin:0 0 .65rem;font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800;letter-spacing:-.02em}.topic-meter-families__intro p{margin:0;color:var(--ink-muted);line-height:1.6;font-size:.95rem}.topic-meter-families__grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem}@media(min-width:720px){.topic-meter-families__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.topic-meter-families__card{padding:1.25rem 1.35rem;border-radius:calc(var(--radius) - 4px);background:linear-gradient(145deg,#ffffffe6,#eef2ffbf);border:1px solid rgba(59,130,246,.14);box-shadow:0 12px 32px #0f172a0d}.topic-meter-families__card h3{margin:0 0 .45rem;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2563eb}.topic-meter-families__card p{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink)}:host{display:block}.landing-band{position:relative;z-index:1;overflow:hidden}.landing-band.integrations{padding:clamp(.75rem,2vw,1.25rem) 1.25rem clamp(2.5rem,5vw,3.75rem);max-width:none}.landing-band.integrations:has(.topic-page__cta){padding-bottom:clamp(2.5rem,7vw,4.5rem)}.landing-band .integrations-bg{-webkit-mask-image:none;mask-image:none;background-image:linear-gradient(rgba(59,130,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px);background-size:40px 40px,40px 40px}.landing-band__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.landing-band .topic-page__hero,.landing-band .contact-page__section.section,.landing-band__hero.section,.landing-band .about-page__hero.section{padding-top:clamp(1.25rem,2.5vw,2rem)}