:root{--electric:#20d6e7;--royal:#0878d1;--deep:#041424;--glass:rgba(255,255,255,.72)}
.scroll-meter{position:fixed;inset:0 0 auto;z-index:999;height:3px;background:rgba(9,62,105,.08);pointer-events:none}.scroll-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--red),var(--royal),var(--electric));box-shadow:0 0 18px rgba(32,214,231,.7)}
.ambient-field{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.ambient-field i{position:absolute;border-radius:50%;filter:blur(1px);opacity:.17;background:radial-gradient(circle,var(--electric),transparent 68%);animation:ambientDrift 18s ease-in-out infinite}.ambient-field i:nth-child(1){width:28rem;height:28rem;top:8%;right:-12rem}.ambient-field i:nth-child(2){width:22rem;height:22rem;top:46%;left:-9rem;animation-delay:-7s}.ambient-field i:nth-child(3){width:18rem;height:18rem;bottom:-5rem;right:22%;animation-delay:-13s}@keyframes ambientDrift{50%{transform:translate3d(1.5rem,-2rem,0) scale(1.12)}}
.site-header{height:96px;background:rgba(247,251,253,.76);border-bottom:1px solid rgba(9,74,119,.1);box-shadow:0 12px 45px rgba(4,31,55,.05)}.site-header:after{content:"";position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(32,214,231,.7),transparent)}.nav-wrap{width:min(1280px,calc(100% - 42px))}.nav{gap:22px;padding:8px 9px 8px 13px;border:1px solid rgba(8,90,145,.1);border-radius:18px;background:rgba(255,255,255,.58);box-shadow:inset 0 1px rgba(255,255,255,.8),0 10px 35px rgba(5,52,87,.06)}.brand img{width:62px;height:62px;filter:drop-shadow(0 8px 14px rgba(5,83,135,.18))}.brand b{font-size:16px}.nav-cta{border-radius:13px!important}
.hero{min-height:850px;padding-top:174px;background:radial-gradient(circle at 82% 15%,rgba(32,214,231,.12),transparent 28%),radial-gradient(circle at 8% 76%,rgba(8,120,209,.12),transparent 32%),linear-gradient(135deg,#fbfdff 24%,#edf7fb 100%)}.hero:after{content:"";position:absolute;inset:8% 4%;border:1px solid rgba(8,120,209,.08);border-radius:44px;pointer-events:none;mask-image:linear-gradient(135deg,#000,transparent 70%)}.hero-grid{gap:76px}.hero-copy{position:relative}.hero-copy:before{content:"BOARD INTELLIGENCE / 01";position:absolute;right:-42px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right top;font:600 10px/1 Arial;letter-spacing:3px;color:rgba(5,73,120,.28)}.eyebrow{padding:8px 13px;border:1px solid rgba(8,120,209,.14);border-radius:999px;background:rgba(255,255,255,.66);backdrop-filter:blur(12px)}h1{font-size:clamp(2.6rem,4.3vw,4.35rem);line-height:1.35;letter-spacing:-2.5px;text-wrap:balance}h1 em{display:block;background:linear-gradient(100deg,#075ca5,#08a8c6 62%,#064c89);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:2;max-width:650px}.command-status{display:flex;gap:9px;margin:18px 0 0;flex-wrap:wrap}.command-status span{display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid rgba(5,100,183,.11);border-radius:7px;background:rgba(255,255,255,.56);font-size:11px;font-weight:700;color:#31536d}.command-status i{width:6px;height:6px;border-radius:50%;background:#1bc59b;box-shadow:0 0 0 4px rgba(27,197,155,.1)}.hero-actions .button{min-height:51px;border-radius:13px;transition:transform .3s,box-shadow .3s}.hero-actions .button:hover{transform:translateY(-3px)}.hero-actions .primary{box-shadow:0 18px 38px rgba(5,100,183,.26),inset 0 1px rgba(255,255,255,.3)}
.product-stage{isolation:isolate;transform-style:preserve-3d}.product-stage:before{content:"";position:absolute;inset:-34px;border:1px solid rgba(8,120,209,.13);border-radius:42px;transform:translateZ(-30px) rotate(-2deg);background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(32,214,231,.04));backdrop-filter:blur(8px)}.product-stage:after{content:"LIVE OVERVIEW";position:absolute;left:7px;top:9px;z-index:4;padding:7px 12px;border-radius:999px;background:#062239;color:#78ecf4;font:700 9px/1 Arial;letter-spacing:1.7px;box-shadow:0 10px 25px rgba(3,31,53,.18)}.dashboard-card{border-color:rgba(17,145,185,.22);box-shadow:0 45px 100px rgba(4,35,60,.24),0 0 0 8px rgba(255,255,255,.48);transition:transform .25s ease-out}.stage-glow{width:115%;height:115%;left:-8%;top:-8%;background:radial-gradient(circle,rgba(32,214,231,.3),transparent 62%);animation:stageBreath 5s ease-in-out infinite}@keyframes stageBreath{50%{opacity:.6;transform:scale(.92)}}
.intro-band{position:relative;background:linear-gradient(90deg,#031523,#082f4e 55%,#052239);border-block:1px solid rgba(69,215,229,.13);box-shadow:inset 0 1px rgba(255,255,255,.05)}.intro-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(32,214,231,.06),transparent);animation:bandScan 6s linear infinite}@keyframes bandScan{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.section{position:relative}.section-head>span{letter-spacing:.4px}.section-head>span:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--red),var(--electric))}.section-head h2{font-size:clamp(2rem,3.1vw,3rem);letter-spacing:-1.2px;text-wrap:balance}.feature-card,.outcome-grid article,.real-shot,.contact-card{border-color:rgba(7,104,160,.13);box-shadow:0 18px 50px rgba(4,35,60,.06),inset 0 1px rgba(255,255,255,.85)}.feature-card:after,.outcome-grid article:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(32,214,231,.08),transparent 38%);opacity:0;transition:.35s;pointer-events:none}.feature-card:hover:after,.outcome-grid article:hover:after{opacity:1}.feature-card:hover,.outcome-grid article:hover{transform:translateY(-7px);box-shadow:0 26px 62px rgba(4,50,82,.13)}
.product-gallery{background:linear-gradient(180deg,#fff,#f3f9fc 48%,#fff)}.product-browser{border-radius:24px!important;box-shadow:0 38px 90px rgba(5,44,73,.16)!important;overflow:hidden}.real-shot{border-radius:18px!important;overflow:hidden;transition:transform .35s,box-shadow .35s}.real-shot:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 30px 70px rgba(4,48,80,.17)}.real-shot img{transition:transform .7s}.real-shot:hover img{transform:scale(1.025)}
.visual-story{background:radial-gradient(circle at 15% 35%,rgba(32,214,231,.13),transparent 27%),radial-gradient(circle at 85% 70%,rgba(8,120,209,.16),transparent 30%),#031625}.story-player{position:relative;overflow:hidden;border-color:rgba(89,222,234,.2);box-shadow:0 38px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08)}.story-player:after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(32,214,231,.08),transparent 28%);animation:storyHalo 12s linear infinite;pointer-events:none}@keyframes storyHalo{to{transform:rotate(360deg)}}.story-screen,.story-progress,.story-dots{position:relative;z-index:1}
.workflow{background:linear-gradient(135deg,#f5fafc,#edf6fa)}.timeline li{border:1px solid transparent;border-radius:15px;transition:.3s}.timeline li:hover{background:rgba(255,255,255,.78);border-color:rgba(8,120,209,.11);box-shadow:0 15px 40px rgba(4,45,75,.07)}.reports-visual,.security-card{box-shadow:0 35px 80px rgba(3,31,53,.24),inset 0 1px rgba(255,255,255,.08)}.contact-card{background:radial-gradient(circle at 10% 20%,rgba(32,214,231,.13),transparent 35%),linear-gradient(135deg,#eef8fb,#fbfdff)}
.dark .site-header{background:rgba(3,18,31,.78)}.dark .nav{background:rgba(7,34,55,.72);border-color:rgba(69,215,229,.13)}.dark .hero{background:radial-gradient(circle at 82% 15%,rgba(32,214,231,.1),transparent 28%),radial-gradient(circle at 8% 76%,rgba(8,120,209,.14),transparent 32%),linear-gradient(135deg,#06192b,#092740)}.dark .eyebrow,.dark .command-status span{background:rgba(10,47,77,.68);color:#b7d2e2}.dark .hero:after{border-color:rgba(70,220,232,.09)}
@media(max-width:900px){.site-header{height:80px}.nav{padding:18px;background:#fff}.dark .nav{background:#092740}.hero{padding-top:132px}.hero-grid{gap:40px}.hero-copy:before{display:none}.product-stage:before{inset:-15px}.command-status{margin-bottom:10px}}
@media(max-width:600px){.site-header{height:74px}.brand img{width:48px;height:48px}.hero{padding-top:112px;background:radial-gradient(circle at 50% 25%,rgba(32,214,231,.12),transparent 28%),linear-gradient(180deg,#fbfdff,#eff8fb)}.dark .hero{background:radial-gradient(circle at 50% 25%,rgba(32,214,231,.1),transparent 28%),linear-gradient(180deg,#06192b,#092740)}h1{font-size:2.28rem;line-height:1.42;letter-spacing:-1.5px}.hero-copy>p{font-size:16px;line-height:1.9}.command-status{gap:6px}.command-status span{font-size:10px}.hero-actions .button{width:100%;justify-content:center}.product-stage:after{top:-8px}.dashboard-card{box-shadow:0 25px 60px rgba(4,35,60,.2),0 0 0 5px rgba(255,255,255,.45)}.intro-band .container{gap:8px}.intro-band p{font-size:11px}.section-head h2{font-size:2rem}.ambient-field i{opacity:.1}}
@media(prefers-reduced-motion:reduce){.ambient-field i,.stage-glow,.intro-band:after,.story-player:after{animation:none!important}.dashboard-card{transform:none!important}}