/* WebOvs light study: cool glass, folded light, and a quiet interface. */
body{padding-top:110px;background:#070a10}
.header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1200px;height:72px;padding:0 25px;border:1px solid #ffffff21;border-radius:18px;background:linear-gradient(115deg,#1b26305c,#080c12c9 45%,#14233260);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff16,inset 0 -1px 0 #ffffff05,0 12px 45px #0005;transition:top .3s,background .3s,box-shadow .3s;z-index:50}
.header.scrolled{top:12px;background:#0b111bea;box-shadow:inset 0 1px 0 #ffffff10,0 12px 40px #0007}
.header .brand{font-size:25px}.header nav{gap:38px}.header nav a{position:relative;transition:color .2s}.header nav a:after{content:'';position:absolute;left:50%;bottom:-12px;width:4px;height:4px;border-radius:50%;background:#b7eaff;opacity:0;transform:translateY(4px);transition:.25s}.header nav a[aria-current=true]{color:#eef9ff}.header nav a[aria-current=true]:after{opacity:1;transform:translateY(0)}
.header .small{color:#14202b;background:linear-gradient(#f1f7fc,#ccdce9);border-color:#f4faff66;box-shadow:0 0 20px #c0e3ff15,inset 0 1px #fff;padding:10px 18px}.header .small:hover{background:#fff;box-shadow:0 0 25px #b3e2ff30}
.hero{padding-top:108px;overflow:clip;isolation:isolate}.hero-art{position:absolute;left:0;top:-110px;width:100%;height:1030px;z-index:-2;overflow:hidden;pointer-events:none;background:#070a10}.hero-art canvas{width:100%;height:100%;display:block}.hero-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#070a1060,transparent 17%,transparent 65%,#070a10 100%),radial-gradient(ellipse at 50% 42%,#050b1859,transparent 65%)}.hero-grain{position:absolute;inset:0;opacity:.095;background-repeat:repeat;mix-blend-mode:screen}.hero-glow{top:420px;opacity:.8}.hero .intro-pill{background:#0b142575;border-color:#92cdfc38;backdrop-filter:blur(12px);box-shadow:inset 0 1px #d3eeff0c,0 4px 20px #0002;color:#d2e5f5;padding:8px 14px}.hero h1{font-size:clamp(58px,6.8vw,96px);font-weight:550;letter-spacing:-5.5px;margin-top:29px;margin-bottom:25px;line-height:1.04;text-shadow:0 4px 32px #03112255;animation:hero-title 1.3s cubic-bezier(.16,1,.3,1) both}.hero>p{color:#c5d3e2;font-size:17px;text-shadow:0 2px 16px #0009;animation:hero-copy 1.2s .15s both}.hero-actions{margin-top:35px;animation:hero-copy 1.2s .25s both}.hero-actions .primary{background:linear-gradient(#e0f3ff,#a6d8ff);border-color:#e1f5ffb0;box-shadow:0 6px 25px #02091760,0 0 38px #83caff20,inset 0 1px #fff}.hero .text-link{color:#d6e5f2}.hero-note{color:#91a9c0;margin-top:22px}.hero .demo-stage{margin-top:120px;perspective:1400px}.workspace{transform:rotateX(var(--workspace-tilt,5deg));transform-origin:center top;will-change:transform;background:linear-gradient(120deg,#172332f5,#0d1521fc);border-color:#6d8ba778;box-shadow:0 0 0 6px #84b7e104,0 0 0 7px #84b7e115,0 -15px 95px #6cbcff18,0 50px 100px #0009}.float-label{backdrop-filter:blur(16px);background:linear-gradient(130deg,#263c50cb,#101b29e8)}.capabilities{margin-top:52px}.solutions{padding-top:110px}.solution-card{transform:perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:transform .35s ease,border-color .35s,box-shadow .35s;position:relative}.solution-card:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,0%),#a5d9ff12,transparent 70%);opacity:0;transition:opacity .3s}.solution-card:hover{border-color:#759cbd66;box-shadow:0 18px 50px #0004}.solution-card:hover:before{opacity:1}.card-art{transition:filter .5s}.solution-card:hover .card-art{filter:brightness(1.14)}.why-symbol .orbit{border-color:#80b9e03a}.why-symbol{transform:rotate(var(--orbit-turn,0deg))}.why-symbol>.logo-mark{filter:drop-shadow(0 0 22px #78beef25)}.contact{box-shadow:0 25px 100px #0003,inset 0 1px #b9e2ff0a}.contact:before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#c2e8ff9e,transparent)}
.hero-art{mask-image:linear-gradient(180deg,transparent 0%,transparent 10%,#000 28%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 10%,#000 28%,#000 68%,transparent 100%)}
@keyframes hero-title{from{opacity:0;transform:translateY(28px);filter:blur(9px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-copy{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:135px}.hero h1{font-size:104px}.hero-art{height:1140px}.hero .demo-stage{margin-top:140px}}
@media(max-width:1000px){.header nav{gap:24px}.hero{padding-top:100px}.hero h1{letter-spacing:-3.7px}.hero-art{height:1000px}.hero .demo-stage{margin-top:110px}}
@media(max-width:700px){body{padding-top:92px}.header{top:12px;width:calc(100% - 24px);height:62px;border-radius:15px;padding:0 14px;gap:12px}.header .brand{font-size:22px;gap:4px}.header .logo-mark{transform:scale(.85)}.header .small{font-size:10px;padding:9px 12px;gap:12px}.menu-toggle{font-size:20px;padding:5px}.header nav{top:71px;left:0;right:0;background:#0d1625f7;border-color:#789db549;box-shadow:0 20px 60px #0008;backdrop-filter:blur(24px);border-radius:14px}.header nav a:after{left:auto;right:4px;bottom:5px}.hero{padding-top:72px}.hero-art{top:-92px;height:890px;width:160%;left:-30%}.hero h1{font-size:clamp(42px,11.5vw,70px);letter-spacing:-2.5px;line-height:1.08;margin-top:28px}.hero>p{font-size:13px;max-width:320px;color:#bfcee0}.hero .intro-pill{font-size:8px;padding:8px 11px}.hero-actions{margin-top:29px;gap:23px}.hero-note{font-size:9px;color:#9ab0c8}.hero .demo-stage{margin-top:85px}.hero-art-shade{background:linear-gradient(180deg,#070a1050,transparent 20%,#070a1020 50%,#070a10 100%),radial-gradient(ellipse at 50% 40%,#05102055,transparent 65%)}.solutions{padding-top:65px}.workspace{transform:none}.solution-card{transform:none!important}.why-symbol{transform:none}.capabilities{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.workspace,.why-symbol,.solution-card{transform:none!important}.hero h1,.hero>p,.hero-actions{animation:none!important}.header{transition:none}}

/* Neutral silver controls, matching the supplied button reference. */
.primary,.hero-actions .primary,.header .small{color:#292929;background:linear-gradient(180deg,#f0f0f0,#dedede);border:1px solid #ffffffa6;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #0008,0 3px 10px #0005}
.primary:hover,.hero-actions .primary:hover,.header .small:hover{background:linear-gradient(180deg,#fff,#e9e9e9);box-shadow:inset 0 1px #fff,0 0 0 1px #0008,0 4px 16px #ffffff12}
.primary:active,.hero-actions .primary:active,.header .small:active{transform:translateY(0);background:#d8d8d8;box-shadow:inset 0 1px 3px #0002}
.header .brand{gap:9px;letter-spacing:-.8px;font-weight:600}
.header .logo-mark{width:44px;height:44px;background-size:304px 228px;background-position:-64px -92px;border-radius:0;mix-blend-mode:normal;transform:none;flex-shrink:0}
.hero-grain{animation:material-emerge 3.5s .35s both}
.hero-glow{animation:glow-emerge 3.5s .35s both}
@keyframes material-emerge{from{opacity:0}to{opacity:.095}}
@keyframes glow-emerge{from{opacity:0}to{opacity:.8}}
@media(max-width:700px){.header .brand{gap:7px}.header .logo-mark{width:36px;height:36px;background-size:253.333px 190px;background-position:-53.333px -76.667px;transform:none}}