/* SchoolOS: bright holographic surfaces, blue energy and readable workspaces. */
.reference-home{--blue:#1568ff;--game-blue:#1672ff;--game-cyan:#14bbff;background:#fff;color:#102d58}
.reference-home .button{background:linear-gradient(120deg,#138dff,#165bff);border-color:#478cff;box-shadow:0 6px 22px #1672ff2b}
.reference-home .button:hover{box-shadow:0 8px 32px #1672ff55}
.reference-home .button.outline{background:#ffffffdd;color:#1667ed;border-color:#b3d3ff}
.reference-home .hero.ref-hero{background:#f4faff;color:#102d58}
.reference-home .ref-hero-shade{background:linear-gradient(90deg,#f7fbff 0%,#f5fafffa 26%,#f5faffad 44%,#eaf6ff22 72%),linear-gradient(0deg,#eaf5ff,transparent 40%)}
.reference-home .ref-hero-background{opacity:.86}
.reference-home .ref-header{background:linear-gradient(#ffffffee,#ffffffa8,transparent)}
.reference-home .brand-type{color:#123560}.reference-home .brand-type>span{color:#167aff}.reference-home .brand-type small{color:#6683a5}
.reference-home .brand-emblem{color:#fff;border-color:#67caff;background:linear-gradient(150deg,#1bb2ff,#175cf1);box-shadow:0 0 19px #22a1ff40}
.reference-home .brand-emblem>span{background:#e6f7ff;color:#1f7cfa}
.reference-home .nav-links>a{color:#284c78}.reference-home .nav-links>a:first-child:after{background:#278cff;box-shadow:0 0 9px #2198ff88}
.reference-home .nav-links .ref-nav-journey{background:#e8f4ffb8;border-color:#b5dcff;color:#1564dd}
.reference-home .ref-header .sign-in{color:#185da9;background:#ffffffa8;border-color:#adcfff}
.reference-home .ref-header .search-button .icon{color:#1674f1;background:#e8f5ff;border-color:#b7dcff}
.reference-home h1{color:#0c2b56;text-shadow:0 2px 0 #fff}
.reference-home h1>span{background:none;color:#167aff;-webkit-text-fill-color:#167aff;text-shadow:0 0 28px #25acff15}
.reference-home .hero-copy>p{color:#48698b}
.reference-home .hero-copy .hero-pill{background:#ffffffc7;border-color:#bfdef9;color:#2265b0;box-shadow:0 3px 18px #2f8bff12}
.reference-home .hero-pill .icon{color:#157cfa}
.reference-home .hero .button.outline{background:#ffffffdf;color:#195baf;border-color:#b2d5fb}
.reference-home .hero .button.outline .icon{color:#2678ed}
.reference-home .ref-hero-benefits b{color:#194979}.reference-home .ref-hero-benefits small{color:#6385a7}
.reference-home .ref-hero-benefits .icon{background:#fff;border:1px solid #c1e6ff;color:#167aff;box-shadow:0 3px 16px #149bff17}
.reference-home .ref-hero-product{z-index:3}.reference-home .ref-float-card{background:linear-gradient(145deg,#159fff,#1662fa);border:1px solid #8fd7ff;box-shadow:0 10px 35px #126cff50;color:white}
.reference-home .ref-float-card strong,.reference-home .ref-float-card span{color:white}
.reference-home .ref-hero-handwritten{color:#0a65b9;text-shadow:0 1px 7px #fff}
.reference-home .ref-paper-plane{color:#14a4ff;filter:drop-shadow(0 0 12px #16a7ff88)}
.reference-home .ref-dashboard{box-shadow:0 20px 70px #216fe536,0 0 0 1px #b5dfff;border-color:#e5f3ff}
.reference-home .ref-dashboard aside{background:linear-gradient(165deg,#155dde,#0d3f9e);color:#e8f8ff}
.reference-home .ref-dashboard aside>strong{color:#fff}.reference-home .ref-dashboard aside>span{color:#d9ebff}.reference-home .ref-dashboard aside>.selected{background:linear-gradient(100deg,#1a9fff,#166bff);box-shadow:0 0 15px #19afff55;color:#fff}
.reference-home .ref-department-entry{background:linear-gradient(100deg,#f4fbff,#e5f3ff,#f4fbff);border-color:#c5e6ff;box-shadow:inset 0 1px #fff}
.reference-home .ref-department-entry>div>span{color:#1685ff;text-shadow:0 0 20px #14b5ff88}
.reference-home .ref-department-entry p strong{color:#173c6d}.reference-home .ref-department-entry p small{color:#658bb2}.reference-home .ref-department-entry a{color:#1569ed}
.gaming-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;mask-image:linear-gradient(#000,transparent 95%)}
.gaming-sky:before{content:'';position:absolute;width:120%;height:70%;left:-10%;bottom:-20%;background-image:linear-gradient(#0b86ff15 1px,transparent 1px),linear-gradient(90deg,#0b86ff15 1px,transparent 1px);background-size:55px 55px;transform:perspective(550px) rotateX(62deg);transform-origin:center top;animation:game-grid 18s linear infinite}
.gaming-sky:after{content:'';position:absolute;left:27%;top:15%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#16c2ff24,transparent 65%);filter:blur(15px);animation:game-aura 9s ease-in-out infinite alternate}
.gaming-sky>i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#42bfff;box-shadow:0 0 12px #269cff80;border-radius:2px;opacity:.55;animation:game-particle var(--speed) ease-in-out var(--delay) infinite alternate}
.reference-home .hero-copy{z-index:3}
.reference-home .scroll-journey .journey-intro,.reference-home .scroll-journey .journey-finish{background:radial-gradient(ellipse at 50% 40%,#e0f3ff,transparent 70%),#f6fbff}
.reference-home .scroll-journey{overflow-x:clip;overflow-y:visible}
.reference-home .scroll-journey .journey-intro h2 span{color:#1478f9;text-shadow:0 0 35px #159fff24}
.reference-home .journey-enhanced .journey-sticky{background:radial-gradient(ellipse at calc(74% - var(--scene-progress,0)*12%) 40%,hsl(calc(199 + var(--scene-hue,210) / 30) 100% 91% / .95),transparent 60%),linear-gradient(135deg,#fbfdff,#edf7ff 65%,#e8f3ff)}
.reference-home .scroll-journey .journey-sticky:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#289cff25 .8px,transparent .8px);background-size:24px 24px;mask-image:linear-gradient(transparent,#0008,transparent)}
.reference-home .scroll-journey .journey-sticky:after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#29bcff,transparent);box-shadow:0 0 15px #29aaff50;pointer-events:none}
.reference-home .scroll-journey .journey-shell{z-index:1}
.reference-home .scroll-journey .journey-rail{border-color:#c6e4ff;box-shadow:0 8px 30px #208aff0a,inset 0 1px #fff}
.reference-home .scroll-journey .journey-rail a[aria-current=step]{background:linear-gradient(110deg,#139fff,#185eff);box-shadow:0 0 0 1px #80caff,0 5px 25px #157bff40}
.reference-home .scroll-journey .journey-rail a[aria-current=step] b{color:white}
.reference-home .scroll-journey .journey-kicker,.reference-home .scroll-journey .journey-counter b,.reference-home .scroll-journey .journey-scroll-label{color:#157af1}
.reference-home .scroll-journey .journey-module-links a{background:linear-gradient(125deg,#fff,#f5fbff);border-color:#cce7ff;box-shadow:0 3px 12px #1a8aff08;position:relative;overflow:hidden}
.reference-home .scroll-journey .journey-module-links a:hover{box-shadow:0 4px 22px #168bff30;border-color:#65b5ff;color:#0c67dc}
.reference-home .scroll-journey .journey-module-links a i{background:#3f9bff;box-shadow:0 0 6px #189aff55}
.reference-home .scroll-journey .journey-module-links a span,.reference-home .scroll-journey .journey-explore,.reference-home .scroll-journey .journey-bottom a{color:#146fe8}
.reference-home .scroll-journey .journey-explore{background:#eaf5ff;border-color:#b0d7ff;box-shadow:0 3px 15px #1c8aff0c}
.reference-home .scroll-journey .journey-meter i{background:linear-gradient(90deg,#0db4ff,#1671ff);box-shadow:0 0 14px #148aff80}
.reference-home .scroll-journey .journey-halo{inset:-3%;background:radial-gradient(ellipse,#16aaff36,#16bcff15 50%,transparent 70%);filter:blur(15px)}
.reference-home .showcase-visual:before{content:'';position:absolute;inset:-14px -18px 15px;border:1px solid #56bbff5c;border-radius:38px;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg);box-shadow:0 0 30px #1d9cff16,inset 0 0 20px #1d9cff09;pointer-events:none}
.reference-home .showcase-visual:after{content:'';position:absolute;right:-22px;top:-20px;width:65px;height:65px;border-top:2px solid #1fa8ff;border-right:2px solid #1fa8ff;border-radius:0 20px 0 0;filter:drop-shadow(0 0 6px #0dafff66);pointer-events:none}
.reference-home .showcase-photo{box-shadow:0 18px 50px #1479e92b,0 0 0 1px #a4dcff;isolation:isolate}
.reference-home .showcase-photo:after{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(105deg,transparent 47%,#d8faff50 50%,transparent 53%);transform:translateX(-50%);animation:game-scan 8s ease-in-out infinite;pointer-events:none}
.reference-home .showcase-product{border-color:#b3dcff;box-shadow:0 24px 65px #1468e62c,0 0 23px #15aaff12;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(calc(-5deg + var(--scene-progress,0)*10deg + var(--tilt-y,0deg))) translateY(calc(var(--scene-progress,0)*-8px));transition:transform .18s ease-out,box-shadow .25s}
.reference-home .showcase-logo{background:linear-gradient(140deg,#10c5ff,#1969ff);box-shadow:0 0 13px #16aaff35}
.reference-home .showcase-float{border-color:#b6dfff;box-shadow:0 9px 28px #148bff2b,0 0 15px #55c7ff15}
.reference-home .showcase-float>b{background:#e5f7ff;color:#168aff;text-shadow:0 0 8px #1cb3ff66}
.reference-home .scroll-journey .showcase-diagram{border:1px solid #b5e4ff;box-shadow:0 0 0 5px #ffffff5a,0 0 28px #159bff25}
.reference-home .scroll-journey .showcase-diagram .journey-core rect{stroke:#2188ff;fill:#eff9ff}
.reference-home .scroll-journey .showcase-diagram .journey-core path{stroke:#1579f3}
.reference-home .showcase-product-heading>span,.reference-home .showcase-row-icon{background:#eaf6ff;color:#1b86fa}
.reference-home .showcase-bars i{background:linear-gradient(#13c1ff,#176dff);box-shadow:0 0 9px #119fff16}
.reference-home .showcase-ai{background:linear-gradient(130deg,#e7f9ff,#edf3ff)}.reference-home .showcase-ai>span{color:#198bff}
.reference-home .showcase-network>span{background:linear-gradient(120deg,#0aa9ff,#1767ff);box-shadow:0 0 18px #148bff25}
.reference-home .product-card{border-color:#d4eaff;background:linear-gradient(145deg,#fff,#f8fcff);position:relative;transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s,border-color .25s;overflow:hidden}
.reference-home .product-card:hover{border-color:#78c5ff;box-shadow:0 15px 35px #1678e81e,0 0 18px #29aaff10;transform:perspective(750px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}
.reference-home .product-card:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#79ceff26,transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s}.reference-home .product-card:hover:after{opacity:1}
.reference-home .product-card>.icon{box-shadow:0 5px 18px color-mix(in srgb,var(--card-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--card-color) 20%,white)}
.reference-home .ref-pricing-grid>.featured{border-color:#308eff;box-shadow:0 0 0 1px #6ac5ff,0 12px 30px #1778ff1b}.reference-home .ref-popular{background:linear-gradient(110deg,#11aaff,#1768ff)}
.reference-home .ref-final-cta{background:linear-gradient(115deg,#10a1f0,#1769f4 60%,#1554d9);box-shadow:0 10px 35px #1677f326}
.reference-home .ref-footer{background:linear-gradient(135deg,#eaf6ff,#f7fbff);border-top:1px solid #c9e7ff;color:#1d4c7c}
.reference-home .ref-footer h4,.reference-home .ref-footer strong{color:#19416b}.reference-home .ref-footer p,.reference-home .ref-footer small,.reference-home .ref-footer a{color:#6384a6}.reference-home .ref-footer input{background:white;border-color:#bfdcff;color:#244d78}
.reference-home .motion-control{border-color:#b7dcff;background:#fffffff0;box-shadow:0 0 20px #158cff15;color:#3e709e}
@keyframes game-grid{to{background-position:0 55px,55px 0}}
@keyframes game-aura{to{transform:translate(60px,20px) scale(1.14);opacity:.6}}
@keyframes game-particle{to{transform:translate(12px,-32px) rotate(100deg);opacity:.1}}
@keyframes game-scan{0%,30%{transform:translateX(-60%)}70%,100%{transform:translateX(60%)}}
@media(max-width:900px){.reference-home .ref-header #navigation{background:#f8fcff;border-color:#c7e5ff;box-shadow:0 12px 30px #236dbe19}.reference-home .ref-header .menu-button{color:#196fe1;background:#e8f5ff;border-color:#bce1ff}}
@media(max-width:760px){.reference-home .ref-hero-shade{background:linear-gradient(90deg,#f5fafff5,#f3faffb8 65%,#e5f5ff55),linear-gradient(0deg,#eaf5ff,transparent)}.reference-home .hero-copy{width:84%;max-width:340px}.gaming-sky:after{left:0;width:280px;height:280px}.reference-home .showcase-visual:before{inset:-8px -6px 0;border-radius:23px}.reference-home .showcase-visual:after{right:-4px;top:-12px;width:36px;height:36px;border-radius:0 12px 0 0}}
@media(prefers-reduced-motion:reduce){.reference-home .gaming-sky:before,.reference-home .gaming-sky:after,.reference-home .gaming-sky>i,.reference-home .showcase-photo:after{animation:none}.reference-home .showcase-product{transform:none;transition:none}.reference-home .product-card:hover{transform:none}.reference-home.gaming-motion-opt-in .gaming-sky:before{animation:game-grid 18s linear infinite}.reference-home.gaming-motion-opt-in .gaming-sky:after{animation:game-aura 9s ease-in-out infinite alternate}.reference-home.gaming-motion-opt-in .gaming-sky>i{animation:game-particle var(--speed) ease-in-out var(--delay) infinite alternate}.reference-home.gaming-motion-opt-in .showcase-photo:after{animation:game-scan 8s ease-in-out infinite!important}.reference-home.gaming-motion-opt-in .showcase-product{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(calc(-5deg + var(--scene-progress,0)*10deg + var(--tilt-y,0deg))) translateY(calc(var(--scene-progress,0)*-8px));transition:transform .18s ease-out!important}.reference-home.gaming-motion-opt-in .journey-scene{transition:opacity .45s,transform .6s!important}}
.reference-home.is-motion-paused .gaming-sky:before,.reference-home.is-motion-paused .gaming-sky:after,.reference-home.is-motion-paused .gaming-sky>i,.reference-home.is-motion-paused .showcase-photo:after{animation-play-state:paused!important}
.reference-home.is-motion-paused .showcase-product,.reference-home.is-motion-paused .product-card:hover{transform:none}
.reference-home .ref-header .menu-button .icon{color:#1778ec;background:transparent}
.reference-home .hero-copy .fx-open{color:#166de5;background:#ffffffdf;border-color:#b7d9ff;box-shadow:0 3px 15px #168bff12}
.reference-home .fx-dialog{background:radial-gradient(ellipse at 95% 0%,#d9f1ff,transparent 55%),#f9fcff;color:#163961;border-color:#a4d5ff;box-shadow:0 25px 100px #114d9945,0 0 50px #19aaff17}
.reference-home .fx-dialog::backdrop{background:#16467c55;backdrop-filter:blur(12px)}
.reference-home .fx-dialog .fx-dialog-header{border-color:#d8eaff}.reference-home .fx-dialog .fx-dialog-header>span{color:#1679e9}
.reference-home .fx-dialog .fx-close{color:#1b70ca;border-color:#bddfff;background:#eaf6ff}
.reference-home .fx-dialog .fx-sidebar{background:#eef7ff;border-color:#d0e5ff}
.reference-home .fx-dialog .fx-sidebar label,.reference-home .fx-dialog .fx-sidebar p{color:#6489af}
.reference-home .fx-dialog .fx-sidebar select{background:white;border-color:#bddcff;color:#315c89}
.reference-home .fx-dialog .fx-sidebar #fx-modules button{color:#577da5}
.reference-home .fx-dialog .fx-sidebar #fx-modules button[aria-pressed=true]{background:#dff0ff;color:#116be0;border-color:#a7d5ff}
.reference-home .fx-dialog .fx-detail h2{color:#143660}.reference-home .fx-dialog .fx-detail-top p,.reference-home .fx-dialog .fx-note{color:#6383a5}
.reference-home .fx-dialog .fx-eyebrow,.reference-home .fx-dialog .fx-feature-heading>span,.reference-home .fx-dialog #fx-guide{color:#1476e6}
.reference-home .fx-dialog .fx-feature-heading small{color:#7996b3}
.reference-home .fx-dialog #fx-features button{background:linear-gradient(135deg,#fff,#edf7ff);color:#325e8b;border-color:#c2e1ff;box-shadow:0 4px 13px #168bff09}
.reference-home .fx-dialog #fx-features button[aria-pressed=true]{background:#dff1ff;color:#116ade;border-color:#7ebfff;box-shadow:0 0 18px #168bff18}
.reference-home .fx-dialog #fx-features button small{background:#e6f4ff;color:#2385e9}
.reference-home .fx-dialog .fx-feature-focus{background:#e9f5ff;border-color:#b8ddff;color:#20558a}
.reference-home .fx-dialog .fx-feature-focus small{color:#4488c8}.reference-home .fx-dialog .fx-feature-focus strong{color:#1b5b9a}
.reference-home .fx-dialog .fx-cube i{background:linear-gradient(135deg,#c7edff,#eff8ff);border-color:#3198f9;box-shadow:inset 0 0 20px #168bff15,0 0 15px #168bff12}
.reference-home .fx-dialog .fx-core-number{color:#1c7ee4;text-shadow:0 0 15px #26a2ff45}
.reference-home .fx-dialog .fx-orbit{border-color:#67b9ff;box-shadow:0 0 20px #168bff18}
.reference-home .fx-dialog .fx-particle{background:#299aff;box-shadow:0 0 15px #209aff55}
.reference-home .fx-dialog .fx-actions .button{background:linear-gradient(120deg,#138dff,#165bff);color:white}