:root{--pink:#ff3d6d;--pink-dark:#e6275a;--pink-light:#ff5680;--pink-glow:#ff3d6d26;--pink-subtle:#ff3d6d14;--cyan:#00d9ff;--cyan-glow:#00d9ff26;--cyan-subtle:#00d9ff14;--purple:#a855f7;--purple-glow:#a855f726;--green:#00e6a0;--green-glow:#00e6a026;--bg-darkest:#1a1b2e;--bg-dark:#1d1e2e;--bg-base:#26273e;--bg-elevated:#2f3149;--bg-card:#383a54;--text-primary:#f8f9fc;--text-secondary:#b4b7c9;--text-muted:#8185a0;--border-subtle:#f8f9fc14;--border-medium:#f8f9fc1f;--border-strong:#f8f9fc33;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow-pink:0 0 30px #ff3d6d66;--shadow-glow-cyan:0 0 30px #00d9ff4d;--font-display:"AvenirNext", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"AvenirNext", -apple-system, BlinkMacSystemFont, sans-serif;--section-padding:clamp(5rem, 12vw, 10rem);--container-width:1200px;--container-padding:clamp(1.5rem, 5vw, 3rem);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-elastic:cubic-bezier(.68, -.55, .265, 1.55);--transition-fast:.2s var(--ease-out-expo);--transition-medium:.4s var(--ease-out-expo);--transition-slow:.8s var(--ease-out-expo);--transition-bounce:.5s var(--ease-out-back)}@font-face{font-family:AvenirNext;src:url(/assets/AvenirNext-Regular-BLYr68nN.woff2)format("woff2"),url(/assets/AvenirNext-Regular-C3wE-neF.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvenirNext;src:url(/assets/AvenirNext-Medium-CbtPol_B.woff2)format("woff2"),url(/assets/AvenirNext-Medium-BCDuY9KB.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvenirNext;src:url(/assets/AvenirNext-DemiBold-DEATVo8Q.woff2)format("woff2"),url(/assets/AvenirNext-DemiBold-Dbhr2sHA.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:AvenirNext;src:url(/assets/AvenirNext-Bold-DhDiLmh1.woff2)format("woff2"),url(/assets/AvenirNext-Bold-DJeskdsM.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-base);font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}.grain-overlay{pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.bg-shapes{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-shape{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.bg-shape-1{background:radial-gradient(circle, var(--pink-glow), transparent 70%);width:600px;height:600px;animation:20s ease-in-out infinite floatSlow;top:-200px;right:-200px}.bg-shape-2{background:radial-gradient(circle, var(--cyan-glow), transparent 70%);width:500px;height:500px;animation:25s ease-in-out infinite reverse floatSlow;bottom:-150px;left:-150px}.bg-shape-3{background:radial-gradient(circle, var(--purple-glow), transparent 70%);width:400px;height:400px;animation:30s ease-in-out infinite floatSlow;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatSlow{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(-30px,-20px)scale(1.02)}}.container{max-width:var(--container-width);padding:0 var(--container-padding);z-index:1;margin:0 auto;position:relative}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15}.section-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.tag-icon{background:var(--pink);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:inline-flex}.section-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2rem,5vw,2.75rem)}.section-title-large{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem)}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1.15rem;line-height:1.7}.text-accent{color:var(--pink);position:relative}.text-wavy{animation:3s ease-in-out infinite textWave;display:inline-block}@keyframes textWave{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(3px)}}.section-decoration{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.deco-star{color:var(--pink);opacity:.5;animation:2s ease-in-out infinite twinkle}.deco-star:nth-child(2){animation-delay:.3s}.deco-star:nth-child(3){animation-delay:.6s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.text-center{text-align:center}.nav{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#26273ee6;transition:background-color .2s,box-shadow .2s;position:fixed;top:0;left:0;right:0}.nav-container{max-width:var(--container-width);padding:1rem var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{transition:transform var(--transition-bounce);align-items:center;gap:.75rem;display:flex}.logo:hover{transform:scale(1.05)}.logo-img{width:auto;height:32px}.logo-beta{text-transform:uppercase;letter-spacing:.1em;color:var(--bg-base);background:var(--cyan);border-radius:4px;padding:.25rem .5rem;font-size:.65rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link-animated{color:var(--text-primary);align-items:center;gap:.35rem;padding:.5rem 0;font-size:.95rem;font-weight:500;display:flex;position:relative}.nav-link-animated span{position:relative}.nav-link-animated:after{content:"";background:linear-gradient(90deg, var(--pink), var(--cyan));width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link-animated:hover:after{width:100%}.nav-chevron{transition:transform var(--transition-fast)}.nav-item:hover .nav-chevron{transform:rotate(180deg)}.nav-cta{background:var(--pink);border-radius:100px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .2s,background-color .2s;position:relative;overflow:hidden;color:#fff!important}.nav-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-cta:hover:before{left:100%}.nav-cta:hover{background:var(--pink-dark);box-shadow:var(--shadow-glow-pink);transform:translateY(-2px)}.cta-sparkle{background:var(--cyan);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite sparkle;position:absolute;top:-2px;right:-2px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.nav-item{position:relative}.nav-dropdown{background:var(--bg-elevated);border:1px solid var(--border-medium);opacity:0;visibility:hidden;min-width:240px;transition:opacity .2s var(--ease-out-expo), transform .2s var(--ease-out-expo), visibility 0s linear .2s;will-change:opacity, transform;box-shadow:var(--shadow-lg);border-radius:16px;padding:.75rem;position:absolute;top:calc(100% + 1rem);left:-1rem;transform:translateY(-10px)scale(.95)}.nav-dropdown:before{content:"";height:1rem;position:absolute;top:-1rem;left:0;right:0}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transition:opacity .2s var(--ease-out-expo), transform .2s var(--ease-out-expo), visibility 0s linear 0s;transform:translateY(0)scale(1)}.nav-dropdown a{transition:background-color .2s var(--ease-out-expo), transform .2s var(--ease-out-expo);border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;display:flex}.nav-dropdown a:hover{background:var(--bg-card);transform:translate(4px)}.dropdown-icon{background:linear-gradient(135deg, var(--pink), var(--pink-dark));width:8px;height:8px;transition:transform .3s var(--ease-out-back);border-radius:50%;flex-shrink:0;box-shadow:0 0 12px #ff3d6d99}.nav-dropdown a:hover .dropdown-icon{transform:scale(1.4)}.mobile-menu-btn{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:8px;display:none;position:relative}.mobile-menu-btn span{background:var(--text-primary);transform-origin:50%;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}@media (width<=1024px){.mobile-menu-btn{display:flex}.mobile-menu-btn.active span:first-child{transform:translateY(4px)rotate(45deg)}.mobile-menu-btn.active span:last-child{transform:translateY(-4px)rotate(-45deg)}.nav-links{background:var(--bg-darkest);opacity:0;visibility:hidden;will-change:opacity, transform;z-index:1001;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;height:100dvh;padding:100px 24px 40px;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(100%)}.nav-links.active{opacity:1;visibility:visible;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility linear;transform:translate(0)}.nav-item{text-align:center;border-bottom:1px solid var(--border-subtle);width:100%;max-width:400px}.nav-item:last-of-type{border-bottom:none}.nav-link-animated{width:100%;color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 1rem;font-size:1.25rem;font-weight:600;display:flex}.nav-link-animated:after{display:none}.nav-link-animated .nav-chevron{width:18px;height:18px;transition:transform .3s var(--ease-out-back), background-color .3s var(--ease-out-back);background:#ffffff0d;border-radius:6px;padding:3px;display:block}.nav-item.dropdown-open .nav-chevron{color:var(--pink);background:#ff3d6d26;transform:rotate(180deg)}.nav-links>a.nav-link-animated{border-bottom:1px solid var(--border-subtle);width:100%;max-width:400px}.nav-dropdown{opacity:0;visibility:hidden;transform-origin:top;-webkit-backdrop-filter:blur(12px);width:100%;max-height:0;transition:opacity .4s var(--ease-out-back), transform .4s var(--ease-out-back), margin .4s var(--ease-out-back), padding .4s var(--ease-out-back), max-height .4s var(--ease-out-back), visibility 0s linear .4s;will-change:opacity, transform;background:linear-gradient(135deg,#2f3149f2,#383a54e6) padding-box padding-box;border:1px solid #0000;border-radius:20px;margin:0;padding:0;position:static;overflow:hidden;transform:scaleY(0);box-shadow:0 0 40px #ff3d6d26,0 8px 32px #0000004d,inset 0 1px #ffffff0d}.nav-dropdown:before{display:none}.nav-item.dropdown-open .nav-dropdown{opacity:1;visibility:visible;max-height:500px;transition:opacity .4s var(--ease-out-back), transform .4s var(--ease-out-back), margin .4s var(--ease-out-back), padding .4s var(--ease-out-back), max-height .4s var(--ease-out-back), visibility 0s linear 0s;border-color:#ff3d6d33;margin:.75rem 0;padding:1rem;transform:scaleY(1)}.nav-dropdown a{color:var(--text-secondary);opacity:0;transition:opacity .3s ease, transform .4s var(--ease-out-back);background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:flex-start;align-items:center;gap:.875rem;margin:.25rem 0;padding:.875rem 1.25rem;font-size:.95rem;font-weight:500;display:flex;transform:translateY(8px)}.nav-item.dropdown-open .nav-dropdown a{opacity:1;transform:translateY(0)}.nav-item.dropdown-open .nav-dropdown a:first-child{transition-delay:50ms}.nav-item.dropdown-open .nav-dropdown a:nth-child(2){transition-delay:.1s}.nav-item.dropdown-open .nav-dropdown a:nth-child(3){transition-delay:.15s}.nav-item.dropdown-open .nav-dropdown a:nth-child(4){transition-delay:.2s}.nav-dropdown a:hover,.nav-dropdown a:active{color:var(--text-primary);background:#ff3d6d1a;border-color:#ff3d6d4d;transform:scale(.98)}.dropdown-icon{background:linear-gradient(135deg, var(--pink), var(--pink-dark));width:8px;height:8px;transition:transform .3s var(--ease-out-back);border-radius:50%;flex-shrink:0;box-shadow:0 0 12px #ff3d6d99}.nav-dropdown a:hover .dropdown-icon{transform:scale(1.3)}.nav-dropdown a:active .dropdown-icon{background:#fff;transform:scale(1.5)}.nav-cta{background:linear-gradient(135deg, var(--pink), var(--pink-dark));border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:400px;margin-top:auto;padding:1.25rem 2rem;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 8px 32px #ff3d6d4d}.nav-cta:hover{transform:none;box-shadow:0 8px 32px #ff3d6d66}.cta-sparkle{display:none}.nav-item:hover .nav-dropdown{opacity:0;visibility:hidden;transform:scaleY(0)}.nav-item.dropdown-open:hover .nav-dropdown{opacity:1;visibility:visible;transform:scaleY(1)}}.btn{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--pink);color:#fff}.btn-primary:hover{background:var(--pink-dark);box-shadow:var(--shadow-glow-pink);transform:translateY(-3px)}.btn-playful:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-playful:hover:before{left:100%}.btn-arrow{transition:transform var(--transition-fast)}.btn:hover .btn-arrow{transform:translate(4px)}.btn-ghost{color:var(--text-primary);border:2px solid var(--border-strong);background:0 0}.btn-ghost:hover{border-color:var(--pink);background:var(--pink-subtle)}.btn-large{padding:1.25rem 2.5rem;font-size:1.05rem}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:calc(100px + 4rem) 0 2rem;display:flex;position:relative}.hero-compact{min-height:auto;padding:calc(100px + 3rem) 0 2rem}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-content{z-index:1;position:relative}.hero-badge{background:var(--bg-elevated);border:1px solid var(--border-medium);animation:slideInUp .8s var(--ease-out-expo);border-radius:100px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.badge-sparkle{color:var(--pink);animation:1.5s ease-in-out infinite twinkle}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}.title-line{animation:slideInUp .8s var(--ease-out-expo) backwards;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;display:block}.title-line:first-child{animation-delay:.1s}.title-line:nth-child(2){animation-delay:.2s}.title-line:nth-child(3){animation-delay:.3s}.title-accent{color:var(--pink);position:relative}.hero-subtitle{color:var(--text-secondary);max-width:550px;animation:slideInUp .8s var(--ease-out-expo) .4s backwards;margin-bottom:2.5rem;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.7}.hero-cta-group{animation:slideInUp .8s var(--ease-out-expo) .5s backwards;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.hero-trust{animation:slideInUp .8s var(--ease-out-expo) .6s backwards;align-items:center;gap:1.5rem;display:flex}.trust-item{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:baseline;gap:0 .15rem;display:flex}.trust-number,.trust-number-static{color:var(--pink);font-size:2rem;font-weight:700}.trust-percent{color:var(--pink);font-size:1.25rem}.trust-label{width:100%;color:var(--text-muted);text-align:center;margin-top:.25rem;font-size:.85rem}.trust-divider{background:linear-gradient(to bottom, transparent, var(--border-strong), transparent);width:1px;height:50px}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-scroll-indicator{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;margin-top:auto;padding-top:2rem;font-size:.85rem;animation:1s ease-in 1.5s backwards fadeIn;display:flex}.scroll-mouse{border:2px solid var(--border-strong);border-radius:12px;justify-content:center;width:24px;height:40px;padding-top:8px;display:flex}.scroll-wheel{background:var(--pink);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scrollWheel}@keyframes scrollWheel{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-visual{animation:slideInUp .8s var(--ease-out-expo) .7s backwards;position:relative}.mascot-universe{aspect-ratio:1;width:100%;max-width:450px;margin:0 auto;position:relative}.glow-orb{filter:blur(60px);opacity:.5;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.glow-orb-1{background:radial-gradient(circle, var(--pink), transparent 70%);width:200px;height:200px;top:10%;left:10%}.glow-orb-2{background:radial-gradient(circle, var(--cyan), transparent 70%);width:150px;height:150px;animation-delay:-3s;bottom:20%;right:10%}.glow-orb-3{background:radial-gradient(circle, var(--purple), transparent 70%);width:100px;height:100px;animation-delay:-5s;top:30%;right:20%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(10px,-15px)scale(1.1)}66%{transform:translate(-10px,10px)scale(.9)}}.connection-lines{width:100%;height:100%;position:absolute;top:0;left:0}.conn-line{stroke-dashoffset:0;animation:3s linear infinite dashFlow}@keyframes dashFlow{to{stroke-dashoffset:-24px}}.orbit-icon{flex-direction:column;align-items:center;gap:.5rem;animation:4s ease-in-out infinite iconFloat;display:flex;position:absolute}.orbit-icon-inner{background:var(--bg-elevated);border:2px solid var(--border-medium);width:50px;height:50px;color:var(--pink);transition:all var(--transition-fast);box-shadow:var(--shadow-md);border-radius:14px;justify-content:center;align-items:center;display:flex}.orbit-icon:hover .orbit-icon-inner{border-color:var(--pink);box-shadow:var(--shadow-glow-pink);transform:scale(1.1)rotate(5deg)}.orbit-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-dark);opacity:0;transition:all var(--transition-fast);border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;transform:translateY(-5px)}.orbit-icon:hover .orbit-label{opacity:1;transform:translateY(0)}.orbit-icon-1{animation-delay:0s;top:5%;left:5%}.orbit-icon-2{animation-delay:-.5s;top:5%;right:5%}.orbit-icon-3{animation-delay:-1s;top:40%;left:-5%}.orbit-icon-4{animation-delay:-1.5s;top:40%;right:-5%}.orbit-icon-5{animation-delay:-2s;bottom:10%;left:5%}.orbit-icon-6{animation-delay:-2.5s;bottom:10%;right:5%}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-container{width:200px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mascot-glow{background:radial-gradient(circle, var(--pink-glow), transparent 70%);filter:blur(30px);width:180px;height:180px;animation:3s ease-in-out infinite mascotGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mascotGlow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.mascot-gary{z-index:2;filter:drop-shadow(0 15px 40px #0006);width:100%;height:100%;position:relative;overflow:visible}.mascot-body{transform-origin:bottom;animation:3s ease-in-out infinite mascotBreathe}@keyframes mascotBreathe{0%,to{transform:scaleY(1)scaleX(1)}50%{transform:scaleY(1.02)scaleX(.99)}}.mascot-pupil-left,.mascot-pupil-right{transform-origin:50%;transition:transform .1s ease-out}.mascot-brow-left,.mascot-brow-right{animation:6s ease-in-out infinite browWiggle}.mascot-brow-right{animation-delay:-.2s}@keyframes browWiggle{0%,90%,to{transform:translateY(0)}93%,97%{transform:translateY(-2px)}}.mascot-antenna{filter:drop-shadow(0 0 8px var(--cyan));animation:2s ease-in-out infinite antennaGlow}@keyframes antennaGlow{0%,to{filter:drop-shadow(0 0 8px var(--cyan))}50%{filter:drop-shadow(0 0 20px var(--cyan))}}.mascot-cheek{animation:3s ease-in-out infinite cheekPulse}@keyframes cheekPulse{0%,to{opacity:.3}50%{opacity:.5}}.mascot-shadow{animation:3s ease-in-out infinite shadowPulse}@keyframes shadowPulse{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.4;transform:scaleX(.95)}}.mascot-speech{background:var(--bg-elevated);border:2px solid var(--green);color:var(--green);white-space:nowrap;border-radius:12px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;animation:3s ease-in-out infinite speechBounce;position:absolute;top:-20px;right:-60px;box-shadow:0 0 20px #00e6a033}.mascot-speech:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--green);width:0;height:0;position:absolute;bottom:-8px;left:20px}@keyframes speechBounce{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}.signal-wave{border:2px solid var(--pink);opacity:0;border-radius:50%;width:100%;height:100%;animation:3s ease-out infinite signalPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.signal-wave-2{animation-delay:1s}.signal-wave-3{animation-delay:2s}@keyframes signalPulse{0%{opacity:.6;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@media (width<=968px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta-group{justify-content:center}.hero-trust{justify-content:center;gap:1rem}.trust-number,.trust-number-static{font-size:1.75rem}.trust-label{font-size:.8rem}.mascot-universe{max-width:350px}.hero-scroll-indicator{display:none}}.feature-section{padding:var(--section-padding) 0;position:relative}.section-header-playful{margin-bottom:4rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card-playful{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-medium);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}.feature-card-playful:hover{border-color:var(--pink);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon-playful{width:64px;height:64px;margin-bottom:1.5rem;position:relative}.icon-bg{background:var(--pink-subtle);transition:all var(--transition-fast);border-radius:16px;position:absolute;inset:0}.feature-card-playful:hover .icon-bg{background:var(--pink-glow);transform:rotate(5deg)scale(1.1)}.feature-icon-playful svg{z-index:1;width:100%;height:100%;color:var(--pink);padding:16px;position:relative}.feature-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.35rem;font-weight:600}.feature-desc{color:var(--text-secondary);line-height:1.7}.feature-hover-effect{background:linear-gradient(135deg, transparent 40%, var(--pink-subtle) 100%);opacity:0;width:100%;height:100%;transition:opacity var(--transition-medium);pointer-events:none;position:absolute;top:0;left:0}.feature-card-playful:hover .feature-hover-effect{opacity:1}.feature-card{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-medium);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(135deg, transparent 40%, var(--pink-subtle) 100%);opacity:0;width:100%;height:100%;transition:opacity var(--transition-medium);pointer-events:none;position:absolute;top:0;left:0}.feature-card:hover{border-color:var(--pink);box-shadow:var(--shadow-lg), 0 0 40px #ff3d6d26;transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-icon{background:var(--pink-subtle);width:64px;height:64px;color:var(--pink);transition:all var(--transition-fast);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.feature-card:hover .feature-icon{background:var(--pink);color:#fff;box-shadow:var(--shadow-glow-pink);transform:scale(1.1)rotate(5deg)}.logo-wall{margin-top:3rem;position:relative}.logo-wall__grid{background:var(--border-subtle);border:1px solid var(--border-medium);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;position:relative;overflow:hidden}.logo-wall__item{background:var(--bg-elevated);justify-content:center;align-items:center;min-height:110px;padding:2.5rem 2rem;transition:all .3s;display:flex;position:relative}.logo-wall__item:before{content:"";opacity:0;background:linear-gradient(135deg,#ff3d6d14 0%,#00d9ff0d 100%);transition:opacity .3s;position:absolute;inset:0}.logo-wall__item:hover:before{opacity:1}.logo-wall__item:hover{background:var(--bg-card);z-index:2}.logo-wall__logo{object-fit:contain;filter:brightness(0)invert();opacity:1;width:auto;max-width:160px;height:auto;max-height:50px;transition:all .3s}.logo-wall__item:hover .logo-wall__logo{opacity:1;filter:none;transform:scale(1.08)}.logo-wall__logo--color{filter:brightness(0)invert();opacity:1}.logo-wall__item:hover .logo-wall__logo--color{filter:none;opacity:1}.logo-wall__name{color:var(--text-primary);background:var(--bg-darkest);white-space:nowrap;opacity:0;pointer-events:none;z-index:3;border-radius:4px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;transition:all .3s;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)translateY(10px)}.logo-wall__item:hover .logo-wall__name{opacity:1;transform:translate(-50%)translateY(0)}.logo-wall__more{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:1rem;font-style:italic;font-weight:500}@media (width<=900px){.logo-wall__grid{grid-template-columns:repeat(3,1fr)}.logo-wall__logo{max-width:120px;max-height:40px}}@media (width<=600px){.logo-wall__grid{grid-template-columns:repeat(2,1fr)}.logo-wall__item{min-height:80px;padding:1.5rem 1rem}.logo-wall__logo{max-width:100px;max-height:36px}.logo-wall__name{font-size:.6rem}}.logo-wall__grid:before{content:"";background:linear-gradient(135deg, var(--pink), var(--cyan), var(--purple), var(--pink));-webkit-mask-composite:xor;opacity:.3;pointer-events:none;z-index:1;background-size:300% 300%;border-radius:21px;padding:1px;animation:8s infinite gradientShift;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.logo-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem 0;display:flex}.logo-item{justify-content:center;align-items:center;display:flex}.logo-placeholder{background:var(--bg-secondary);border:1px solid var(--warm-gray-200);color:var(--text-secondary);white-space:nowrap;border-radius:8px;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:block}.logo-placeholder:hover{background:var(--bg-tertiary);border-color:var(--warm-gray-300);color:var(--text-primary)}.case-study-callout{background:linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-darkest) 100%);padding:2rem 0}.case-study-banner{border:1px solid var(--border-medium);transition:all var(--transition-medium);background:linear-gradient(135deg,#ff3d6d14 0%,#00d9ff0d 100%);border-radius:16px;align-items:center;gap:2rem;padding:1.5rem 2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.case-study-banner:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ff3d6d1a 0%,#00d9ff14 100%);position:absolute;inset:0}.case-study-banner:hover{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 8px 30px #ff3d6d26}.case-study-banner:hover:before{opacity:1}.case-study-badge{background:var(--pink);color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:1;border-radius:100px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;position:relative}.case-study-badge svg{width:16px;height:16px}.case-study-content{z-index:1;flex:1;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:relative}.case-study-text{color:var(--text-primary);margin:0;font-size:1.1rem;line-height:1.5}.case-study-text strong{color:var(--text-primary)}.case-study-text .highlight{color:var(--pink);font-size:1.25rem;font-weight:700}.case-study-cta{color:var(--cyan);white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.case-study-cta svg{transition:transform var(--transition-fast)}.case-study-banner:hover .case-study-cta{color:var(--pink)}.case-study-banner:hover .case-study-cta svg{transform:translate(4px)}@media (width<=768px){.case-study-banner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem}.case-study-content{flex-direction:column;align-items:flex-start;gap:1rem}.case-study-text{font-size:1rem}.case-study-text .highlight{font-size:1.1rem}}.content-section{padding:var(--section-padding) 0;position:relative}.content-section-alt{background:var(--bg-dark)}.content-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.content-lead{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.checklist-playful{flex-direction:column;gap:.75rem;list-style:none;display:flex}.checklist-playful li{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.checklist-playful li:hover{border-color:var(--pink);background:var(--bg-card);transform:translate(8px)}.check-icon{width:28px;height:28px;color:var(--pink);background:#ff3d6d33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.content-visual{position:relative}.visual-placeholder-playful{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-card) 100%);border:2px dashed var(--border-medium);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:4rem 2rem;display:flex}.placeholder-mascot{opacity:.6;width:120px;height:120px;margin-bottom:2rem;animation:4s ease-in-out infinite placeholderFloat}@keyframes placeholderFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.placeholder-text{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.placeholder-subtext{color:var(--text-muted);font-size:.9rem}@media (width<=968px){.content-grid{grid-template-columns:1fr;gap:3rem}}.content-text{z-index:1;position:relative}.content-image{position:relative}.content-image-placeholder{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-card) 100%);border:2px dashed var(--border-medium);text-align:center;min-height:350px;transition:all var(--transition-fast);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.content-image-placeholder:hover{border-color:var(--pink)}.content-image-placeholder svg{width:80px;height:80px;color:var(--pink);opacity:.6;margin-bottom:1.5rem}.content-image-placeholder span{color:var(--text-muted);font-size:.95rem}.flow-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;display:grid}.flow-step{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-medium);border-radius:20px;padding:2.5rem;position:relative}.flow-step:before{content:"";background:linear-gradient(135deg, transparent 40%, var(--pink-subtle) 100%);opacity:0;width:100%;height:100%;transition:opacity var(--transition-medium);pointer-events:none;border-radius:20px;position:absolute;top:0;left:0}.flow-step:hover{border-color:var(--pink);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.flow-step:hover:before{opacity:1}.step-number{background:var(--pink);color:#fff;width:40px;height:40px;transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;display:inline-flex}.flow-step:hover .step-number{box-shadow:var(--shadow-glow-pink);transform:scale(1.1)rotate(-5deg)}.flow-step h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.flow-step p{color:var(--text-secondary);line-height:1.7}.capability-list{flex-direction:column;gap:.75rem;margin-top:2rem;list-style:none;display:flex}.capability-list li{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.capability-list li:hover{border-color:var(--pink);background:var(--bg-card);transform:translate(8px)}.capability-list svg{width:24px;height:24px;color:var(--pink);flex-shrink:0;margin-top:2px}.capability-list span{color:var(--text-secondary);line-height:1.6}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem;display:grid}.stat-item{text-align:center;background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:20px;padding:2rem}.stat-item:hover{border-color:var(--pink);box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-number{color:var(--pink);margin-bottom:.5rem;font-size:3rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:.95rem}.use-case-list{flex-direction:column;gap:1.25rem;padding:0;list-style:none;display:flex}.use-case-list li{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.use-case-list li:hover{border-color:var(--pink);background:var(--bg-card);transform:translate(8px)}.use-case-list svg{color:var(--pink);flex-shrink:0;margin-top:2px}.use-case-list strong{color:var(--text-primary);margin-bottom:.35rem;font-size:1.05rem;display:block}.use-case-list span{color:var(--text-secondary);line-height:1.6}.content-text ul{flex-direction:column;gap:1.25rem;padding:0;list-style:none;display:flex}.content-text ul li{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.content-text ul li:hover{border-color:var(--pink);background:var(--bg-card);transform:translate(8px)}.content-text ul li svg{color:var(--pink);flex-shrink:0;margin-top:2px}.content-text ul li strong{color:var(--text-primary);margin-bottom:.35rem;font-size:1.05rem;display:block}.schools-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.school-card{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-medium);border-radius:20px;padding:2rem;text-decoration:none;position:relative;overflow:hidden}.school-card:hover{border-color:var(--pink);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.school-icon{background:var(--pink-subtle);width:56px;height:56px;color:var(--pink);transition:all var(--transition-fast);border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.school-card:hover .school-icon{background:var(--pink);color:#fff;transform:scale(1.1)rotate(5deg)}.school-card h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.school-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.card-arrow{background:var(--bg-card);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.school-card:hover .card-arrow{background:var(--pink);color:#fff;transform:translate(5px)}@media (width<=768px){.schools-grid{grid-template-columns:1fr}}.products-section{background:var(--bg-dark)}.products-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.product-card{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-medium);border-radius:20px;padding:2.5rem;position:relative}.product-card:hover{border-color:var(--pink);transform:translateY(-4px)}.product-number{color:var(--bg-card);transition:color var(--transition-fast);font-size:3rem;font-weight:700;line-height:1;position:absolute;top:1.5rem;right:1.5rem}.product-card:hover .product-number{color:var(--pink-subtle)}.product-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.product-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.product-link{color:var(--pink);transition:all var(--transition-fast);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.product-link:hover{gap:.75rem}.product-link svg{transition:transform var(--transition-fast)}.product-link:hover svg{transform:translate(3px)}@media (width<=768px){.products-grid{grid-template-columns:1fr}}.cta-playful{padding:calc(var(--section-padding) * 1.5) 0;background:var(--bg-base);text-align:center;position:relative;overflow:hidden}.cta-bg-shapes{position:absolute;inset:0;overflow:hidden}.cta-shape{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.cta-shape-1{background:radial-gradient(circle, var(--pink), transparent 70%);width:400px;height:400px;top:-100px;left:-100px}.cta-shape-2{background:radial-gradient(circle, var(--cyan), transparent 70%);width:300px;height:300px;bottom:-50px;right:-50px}.cta-shape-3{background:radial-gradient(circle, var(--purple), transparent 70%);width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-mascot{width:100px;height:110px;margin:0 auto 2rem;animation:3s ease-in-out infinite ctaMascotBounce}@keyframes ctaMascotBounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-15px)rotate(3deg)}}.cta-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem)}.cta-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.cta-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-note{color:var(--text-muted);font-size:.95rem}.cta-note a{color:var(--pink);text-underline-offset:3px;text-decoration:underline}.cta-note a:hover{color:var(--pink-light)}.cta-section{padding:calc(var(--section-padding) * 1.5) 0;background:var(--bg-dark);text-align:center;position:relative;overflow:hidden}.cta-bg-pattern{background:radial-gradient(ellipse at center, var(--pink-subtle) 0%, transparent 70%);opacity:.5;position:absolute;inset:0}.visual-card{background:var(--bg-elevated);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.visual-card-main{max-width:550px;margin:0 auto}.card-header{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.card-dots{gap:.5rem;display:flex}.card-dots span{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.card-dots span:first-child{background:#ff5f57}.card-dots span:nth-child(2){background:#febc2e}.card-dots span:last-child{background:#28c840}.card-title{color:var(--text-muted);font-size:.85rem;font-weight:600}.pricing-section{padding:var(--section-padding) 0;position:relative}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.pricing-card{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-medium);border-radius:24px;padding:3rem;position:relative}.pricing-card:before{content:"";background:linear-gradient(135deg, transparent 40%, var(--pink-subtle) 100%);opacity:0;width:100%;height:100%;transition:opacity var(--transition-medium);pointer-events:none;border-radius:24px;position:absolute;top:0;left:0}.pricing-card:hover{border-color:var(--pink);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.pricing-card:hover:before{opacity:1}.pricing-card.featured,.pricing-card-featured{border-color:var(--pink);background:linear-gradient(135deg, var(--bg-elevated) 0%, #ff3d6d0d 100%)}.pricing-badge{background:var(--pink);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding-bottom:2rem}.pricing-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.pricing-desc{color:var(--text-muted);font-size:.95rem}.pricing-price{margin:1.5rem 0}.price-amount{color:var(--text-primary);font-size:3.5rem;font-weight:700;line-height:1}.price-period{color:var(--text-muted);font-size:1rem}.pricing-features{flex-direction:column;gap:1rem;margin-bottom:2rem;list-style:none;display:flex}.pricing-features li{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.pricing-features svg{width:20px;height:20px;color:var(--green);flex-shrink:0}.pricing-features li.disabled{color:var(--text-muted);opacity:.5}.pricing-features li.disabled svg{color:var(--text-muted)}.pricing-cta{text-align:center;width:100%}.billing-toggle-container{justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.billing-label{color:var(--text-muted);transition:color var(--transition-fast);cursor:pointer;font-size:1rem;font-weight:600}.billing-label.active{color:var(--text-primary)}.billing-toggle{background:var(--bg-card);border:1px solid var(--border-medium);cursor:pointer;width:56px;height:30px;transition:all var(--transition-fast);border-radius:100px;position:relative}.billing-toggle:hover{border-color:var(--pink)}.billing-toggle-slider{background:var(--pink);width:22px;height:22px;transition:transform .3s var(--ease-out-expo);border-radius:50%;position:absolute;top:3px;left:3px}.billing-toggle.annual .billing-toggle-slider{transform:translate(26px)}.billing-discount-badge{color:var(--green);background:var(--green-glow);border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.pricing-annual-price,.pricing-savings-note{display:none}.pricing-annual-price.visible{display:block}.pricing-monthly-price.hidden{display:none}.pricing-savings-note.visible{display:block}.pricing-savings-note{color:var(--green);margin-top:.25rem;font-size:.85rem;font-weight:600}.addon-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.addon-card{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:16px;padding:2rem}.addon-card:hover{border-color:var(--pink);transform:translateY(-4px)}.addon-icon{background:var(--pink-subtle);width:48px;height:48px;color:var(--pink);transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.addon-card:hover .addon-icon{background:var(--pink);color:#fff}.addon-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem}.addon-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-card);border:1px solid var(--border-medium);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);border-radius:12px;padding:1rem 1.25rem;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-subtle);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;appearance:none;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='%238185a0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.form-textarea{resize:vertical;min-height:120px}.form-button{background:var(--pink);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:12px;padding:1.15rem 2rem;font-size:1rem;font-weight:600}.form-button:hover{background:var(--pink-dark);box-shadow:var(--shadow-glow-pink);transform:translateY(-2px)}.testimonial-card{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:24px;padding:3rem;position:relative}.testimonial-card:hover{border-color:var(--pink);transform:translateY(-4px)}.testimonial-quote{color:var(--text-primary);margin-bottom:2rem;font-size:1.15rem;line-height:1.8;position:relative}.testimonial-quote:before{content:"\"";color:var(--pink);opacity:.2;font-family:serif;font-size:5rem;line-height:1;position:absolute;top:-30px;left:-10px}.testimonial-author{align-items:center;gap:1rem;display:flex}.testimonial-avatar{background:var(--pink-subtle);width:50px;height:50px;color:var(--pink);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.testimonial-info h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.testimonial-info span{color:var(--text-muted);font-size:.9rem}.hero-bg-pattern{background:radial-gradient(ellipse at top center, var(--pink-subtle) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.footer-playful{background:var(--bg-dark);color:var(--text-secondary);margin-top:100px;padding:0;position:relative}.footer-wave{height:100px;position:absolute;top:-100px;left:0;right:0;overflow:hidden}.footer-wave svg{width:100%;height:100%;position:absolute;bottom:0}.footer-main{grid-template-columns:1.5fr 2fr;gap:4rem;padding:4rem 0;display:grid}.footer-brand{max-width:350px}.footer-logo-wrap{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.footer-logo{filter:brightness(0)invert();width:auto;height:32px}.footer-mascot-mini{width:40px;height:45px;animation:3s ease-in-out infinite miniMascotWiggle}@keyframes miniMascotWiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.footer-tagline{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.7}.footer-social{align-items:center;gap:.75rem;display:flex}.social-label{color:var(--text-muted);font-size:.85rem}.social-dots{gap:.5rem;display:flex}.social-dots span{background:var(--border-strong);width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.social-dots span:hover{background:var(--pink);transform:scale(1.3)}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-col h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.9rem;font-weight:600}.footer-col a{color:var(--text-muted);transition:all var(--transition-fast);padding:.4rem 0;font-size:.95rem;display:block}.footer-col a:hover{color:var(--pink);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 0;font-size:.9rem;display:flex}.footer-legal{gap:2rem;display:flex}.footer-legal a{color:var(--text-muted);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--pink)}.footer-made-with{color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.heart{color:var(--pink);font-weight:700;animation:1.5s ease-in-out infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (width<=968px){.footer-main{grid-template-columns:1fr;gap:3rem}.footer-links-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{text-align:center;flex-direction:column}.footer-legal{flex-direction:column;gap:.5rem}}.demo-page-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.demo-page-grid .hero-trust{gap:1rem}.demo-page-grid .trust-item{flex-shrink:1}.demo-page-grid .trust-number,.demo-page-grid .trust-number-static{font-size:1.75rem}@media (width<=968px){.demo-page-grid{grid-template-columns:1fr;gap:2.5rem}.demo-page-grid .hero-trust{flex-wrap:wrap}}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.text-pink{color:var(--pink)}.text-cyan{color:var(--cyan)}.text-green{color:var(--green)}.text-purple{color:var(--purple)}.faq-list{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--bg-elevated);border:1px solid var(--border-medium);transition:all var(--transition-fast);border-radius:16px;overflow:hidden}.faq-item:hover{border-color:var(--pink)}.faq-question{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:var(--text-primary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-size:1.1rem;font-weight:600;display:flex}.faq-question:hover{color:var(--pink)}.faq-icon{background:var(--pink-subtle);width:24px;height:24px;color:var(--pink);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.faq-item.open .faq-icon{background:var(--pink);color:#fff;transform:rotate(45deg)}.faq-answer{color:var(--text-secondary);padding:0 2rem 1.5rem;line-height:1.7;display:none}.faq-item.open .faq-answer{display:block}.comparison-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:2rem}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:1rem 1.5rem}.comparison-table th{background:var(--bg-elevated);color:var(--text-primary);font-weight:600;position:sticky;top:0}.comparison-table th:first-child{border-top-left-radius:12px}.comparison-table th:last-child{border-top-right-radius:12px}.comparison-table td{background:var(--bg-dark);color:var(--text-secondary)}.comparison-table tbody tr:hover td{background:var(--bg-elevated)}.comparison-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.comparison-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.reveal{opacity:0;transition:all .8s var(--ease-out-expo);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.section-how{padding:calc(100px + 4rem) 0 var(--section-padding)}.section-how .section-header{text-align:center;margin-bottom:5rem}.how-block{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:6rem;display:grid}.how-block:last-child{margin-bottom:0}.how-blocks .how-block:nth-child(2n) .how-illustration{order:2}.how-blocks .how-block:nth-child(2n) .how-content{order:1}.how-illustration{justify-content:center;align-items:center;display:flex}.lottie-circle{background:var(--pink-subtle);aspect-ratio:1;border-radius:50%;width:100%;max-width:400px;position:relative;overflow:visible}.lottie-container{display:block;position:absolute}.lottie-circle--guests{max-width:410px}.lottie-circle--guests .lottie-container{width:82%;height:114%;top:-9%;left:18%}.lottie-circle--integration{max-width:346px}.lottie-circle--integration .lottie-container{width:112%;height:106%;top:-2%;left:-6%}.lottie-circle--insights{max-width:395px}.lottie-circle--insights .lottie-container{width:130%;height:93%;top:14%;left:-5%}.how-content{max-width:480px}.how-title{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.how-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}@media (width<=768px){.section-how{padding:calc(80px + 2rem) 0 var(--section-padding)}.how-block{text-align:center;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.how-blocks .how-block:nth-child(2n) .how-illustration,.how-blocks .how-block:nth-child(2n) .how-content{order:unset}.how-illustration{order:1!important}.how-content{max-width:100%;order:2!important}.lottie-circle{max-width:280px;margin:0 auto}.how-title{font-size:1.5rem}}.campus-control-center{width:100%;max-width:520px;margin:0 auto;position:relative}.control-card{background:var(--bg-elevated);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.control-card-main{z-index:1;position:relative}.control-card-main .card-header{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.card-status{color:var(--green);align-items:center;gap:.5rem;margin-left:auto;font-size:.75rem;font-weight:500;display:flex}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 #00e6a066}50%{opacity:.8;box-shadow:0 0 0 4px #00e6a000}}.control-grid{grid-template-columns:1fr auto;gap:1rem;padding:1.25rem;display:grid}.zone-panel{background:var(--bg-card);border-radius:12px;padding:1rem}.zone-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.zone-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.zone-count{color:var(--green);background:var(--green-glow);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.zone-list{flex-direction:column;gap:.5rem;display:flex}.zone-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.zone-item:hover{border-color:var(--pink);background:var(--bg-dark);transform:translate(4px)}.zone-icon{text-align:center;width:24px;font-size:1rem}.zone-info{flex:1;min-width:0}.zone-name{color:var(--text-primary);margin-bottom:.125rem;font-size:.8rem;font-weight:600;display:block}.zone-status{color:var(--text-muted);font-size:.65rem;display:block}.zone-indicator{background:var(--border-strong);width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.zone-item.zone-active .zone-indicator{background:var(--green);box-shadow:0 0 8px #00e6a080}.stats-panel{flex-direction:column;gap:.75rem;display:flex}.stat-card{background:var(--bg-card);text-align:center;transition:all var(--transition-fast);border:1px solid #0000;border-radius:12px;padding:1rem}.stat-card:hover{border-color:var(--pink);transform:scale(1.02)}.stat-card .stat-value{margin-bottom:.25rem;font-size:1.75rem;font-weight:700;line-height:1}.stat-savings .stat-value{color:var(--green)}.stat-response .stat-value{color:var(--cyan)}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.7rem;font-weight:600}.stat-card .stat-trend{color:var(--text-muted);opacity:.7;font-size:.65rem}.control-card-schedule{z-index:2;width:200px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:1rem;animation:4s ease-in-out infinite floatCard;position:absolute;top:-20px;right:-30px}@keyframes floatCard{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.schedule-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.schedule-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.schedule-day{color:var(--pink);font-size:.65rem;font-weight:600}.schedule-timeline{flex-direction:column;gap:.625rem;display:flex}.schedule-item{border-left:2px solid var(--border-subtle);padding-left:.75rem;position:relative}.schedule-item.schedule-current{border-left-color:var(--pink)}.schedule-item.schedule-current:before{content:"";background:var(--pink);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite currentPulse;position:absolute;top:.25rem;left:-5px}@keyframes currentPulse{0%,to{box-shadow:0 0 #ff3d6d66}50%{box-shadow:0 0 0 4px #ff3d6d00}}.schedule-time{color:var(--text-primary);font-size:.65rem;font-weight:700;display:block}.schedule-event{color:var(--text-secondary);margin-top:.125rem;font-size:.7rem;display:block}.schedule-auto{color:var(--green);margin-top:.125rem;font-size:.6rem;display:block}.control-card-actions{z-index:2;width:170px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4.5s ease-in-out infinite floatCardAlt;position:absolute;bottom:20px;left:-40px}@keyframes floatCardAlt{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(-2deg)}}.actions-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.75rem;font-size:.7rem;font-weight:600}.action-buttons{flex-direction:column;gap:.5rem;display:flex}.action-btn{background:var(--bg-card);border:1px solid var(--border-subtle);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.7rem;font-weight:600;display:flex}.action-btn:hover{border-color:var(--pink);color:var(--pink);background:var(--bg-dark);transform:translate(4px)}.action-btn svg{opacity:.7;flex-shrink:0}.action-btn:hover svg{opacity:1}.action-btn-unlock:hover{border-color:var(--cyan);color:var(--cyan)}.action-btn-lights:hover{border-color:var(--yellow,#febc2e);color:var(--yellow,#febc2e)}.action-btn-hvac:hover{border-color:var(--green);color:var(--green)}.action-btn-energy:hover{border-color:var(--pink);color:var(--pink)}.action-btn-tickets:hover{border-color:var(--purple);color:var(--purple)}.zone-panel-app{background:#1f2033;border-radius:12px;padding:1rem}.zone-list-app{flex-direction:column;gap:.625rem;display:flex}.device-card{border:1px solid var(--border-subtle);transition:all var(--transition-fast);background:#2a2c42;border-radius:10px;padding:.75rem}.device-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.device-card-heat:hover{border-color:#f97316}.device-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.device-title-row{align-items:center;gap:.5rem;display:flex}.device-icon{color:var(--text-muted);flex-shrink:0}.device-name{color:var(--text-primary);font-size:.75rem;font-weight:600}.device-temp{color:var(--cyan);font-size:1.5rem;font-weight:700;line-height:1}.device-temp-heat{color:#f97316}.device-mode{color:var(--cyan);align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.65rem;display:flex}.device-mode-heat{color:#f97316}.device-toggle{background:var(--bg-darkest);cursor:pointer;width:32px;height:18px;transition:background var(--transition-fast);border-radius:9px;position:relative}.device-toggle-on{background:var(--green)}.toggle-knob{width:14px;height:14px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.device-toggle-on .toggle-knob{transform:translate(14px)}.device-slider{margin-top:.375rem}.slider-track{background:linear-gradient(to right, var(--cyan), var(--text-muted));border-radius:3px;height:6px;position:relative}.slider-track-cool{background:linear-gradient(to right, #3b82f6, var(--cyan))}.slider-track-heat{background:linear-gradient(90deg,#f97316,#ef4444)}.slider-track-light{background:linear-gradient(to right, var(--bg-darkest), #fbbf24)}.slider-thumb{background:var(--cyan);cursor:grab;border:2px solid #1f2033;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d}.slider-thumb-heat{background:#f97316}.slider-labels{color:var(--text-muted);justify-content:space-between;margin-top:.25rem;font-size:.55rem;display:flex}.control-card-ticketing{z-index:2;width:200px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4s ease-in-out infinite floatCard;position:absolute;top:-20px;right:-30px}.ticketing-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.ticketing-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.ticketing-badge{background:var(--purple);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 .4rem;font-size:.65rem;font-weight:700;display:flex}.ticketing-list{flex-direction:column;gap:.5rem;display:flex}.ticket-item{background:var(--bg-card);border-left:3px solid var(--pink);border-radius:6px;align-items:flex-start;gap:.5rem;padding:.5rem;display:flex}.ticket-item.ticket-progress{border-left-color:var(--purple)}.ticket-item.ticket-resolved{border-left-color:var(--green);opacity:.7}.ticket-priority{background:var(--pink);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.3rem}.ticket-priority-medium{background:var(--purple)}.ticket-priority-low{background:var(--green)}.ticket-info{flex:1;min-width:0}.ticket-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:600;display:block;overflow:hidden}.ticket-status{color:var(--text-muted);margin-top:.125rem;font-size:.6rem;display:block}.control-card-sos{z-index:2;width:190px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4.5s ease-in-out infinite floatCardAlt;position:absolute;bottom:20px;left:-40px}.sos-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.sos-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.sos-ready{color:var(--green);font-size:.6rem;font-weight:600}.sos-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.sos-btn{background:var(--bg-card);border:1px solid var(--border-subtle);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.55rem;font-weight:600;display:flex}.sos-btn:hover{border-color:var(--pink);color:var(--pink);background:#ff3d6d1a;transform:scale(1.05)}.sos-btn svg{opacity:.7}.sos-btn:hover svg{opacity:1;stroke:var(--pink)}.sos-btn-fire:hover{color:#f97316;background:#f973161a;border-color:#f97316}.sos-btn-fire:hover svg{stroke:#f97316}.sos-btn-medical:hover{border-color:var(--pink);background:#ff3d6d1a}.sos-btn-shooter:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.sos-btn-shooter:hover svg{stroke:#ef4444}.sos-btn-conflict:hover{border-color:var(--purple);color:var(--purple);background:#a855f71a}.sos-btn-conflict:hover svg{stroke:var(--purple)}.sos-btn-suspicious:hover{color:#fbbf24;background:#fbbf241a;border-color:#fbbf24}.sos-btn-suspicious:hover svg{stroke:#fbbf24}.control-card-access{z-index:2;width:200px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4s ease-in-out infinite floatCard;position:absolute;top:-20px;right:-30px}.access-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.access-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.access-secured{color:var(--green);align-items:center;gap:.25rem;font-size:.6rem;font-weight:600;display:flex}.access-list{flex-direction:column;gap:.5rem;display:flex}.access-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .625rem;display:flex}.access-item.access-unlocked{background:#00d9ff0d;border-color:#00d9ff4d}.access-info{flex-direction:column;gap:.125rem;display:flex}.access-name{color:var(--text-primary);font-size:.7rem;font-weight:600}.access-status{color:var(--text-muted);font-size:.6rem}.access-status-open{color:var(--cyan)}.access-toggle{background:var(--bg-darkest);cursor:pointer;width:32px;height:18px;transition:background var(--transition-fast);border-radius:9px;position:relative}.access-toggle-on{background:var(--cyan)}.access-toggle .toggle-knob{width:14px;height:14px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.access-toggle-on .toggle-knob{transform:translate(14px)}.control-card-week{z-index:2;width:200px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4.5s ease-in-out infinite floatCardAlt;position:absolute;bottom:20px;left:-40px}.week-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.week-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.week-mode{color:var(--green);font-size:.6rem;font-weight:600}.week-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.625rem;display:grid}.week-day{background:var(--bg-card);transition:all var(--transition-fast);border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;padding:.375rem .25rem;display:flex}.week-day-active{opacity:.5}.week-day-today{border-color:var(--pink);background:#ff3d6d1a}.day-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.55rem;font-weight:700}.week-day-today .day-label{color:var(--pink)}.day-events{flex-direction:column;gap:2px;min-height:14px;display:flex}.day-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.day-dot-school{background:var(--cyan)}.day-dot-ccd{background:var(--purple)}.day-dot-mass{background:var(--pink)}.week-legend{border-top:1px solid var(--border-subtle);justify-content:center;gap:.75rem;padding-top:.5rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.55rem;display:flex}.slider-track-auto{background:linear-gradient(to right, var(--cyan), var(--purple))}.slider-thumb-auto{background:var(--purple)}.slider-track-off{background:var(--bg-darkest)!important}.slider-thumb-off{background:var(--text-muted)!important}.control-card-alert{z-index:3;border:1px solid var(--green);background:linear-gradient(135deg, var(--bg-elevated), #00e6a00d);align-items:center;gap:.5rem;padding:.5rem .875rem;animation:3s ease-in-out infinite floatAlert;display:flex;position:absolute;bottom:-15px;right:50px}@keyframes floatAlert{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.alert-icon{font-size:.875rem}.alert-text{color:var(--green);font-size:.7rem;font-weight:600}@media (width<=768px){.campus-control-center{max-width:100%}.control-card-schedule{width:100%;margin-top:1rem;animation:none;position:relative;top:auto;right:auto;transform:none}.control-card-actions{width:100%;margin-top:.75rem;animation:none;position:relative;bottom:auto;left:auto;transform:none}.control-card-ticketing{width:100%;margin-top:1rem;animation:none;position:relative;top:auto;right:auto;transform:none}.control-card-sos{width:100%;margin-top:.75rem;animation:none;position:relative;bottom:auto;left:auto;transform:none}.sos-grid{grid-template-columns:repeat(3,1fr)}.control-card-access{width:100%;margin-top:1rem;animation:none;position:relative;top:auto;right:auto;transform:none}.control-card-week{width:100%;margin-top:.75rem;animation:none;position:relative;bottom:auto;left:auto;transform:none}.control-card-alert{width:fit-content;margin:.75rem auto 0;animation:none;position:relative;bottom:auto;right:auto}.control-grid{grid-template-columns:1fr}.stats-panel{flex-direction:row}.stat-card{flex:1}}@media (width<=480px){.zone-item{padding:.5rem .625rem}.zone-name{font-size:.75rem}.stats-panel{gap:.5rem}.stat-card{border-radius:8px;padding:.75rem .5rem}.stat-card .stat-value{font-size:1.25rem}.stat-card .stat-label{font-size:.6rem}.stat-card .stat-trend{font-size:.55rem}.hero-trust{flex-wrap:wrap;gap:.75rem}.trust-number,.trust-number-static{font-size:1.5rem}.trust-label{font-size:.7rem}.trust-divider{height:24px}.device-card{padding:.625rem}.device-name{font-size:.7rem}.device-temp{font-size:1.25rem}.device-mode{font-size:.6rem}}@media (width<=360px){.hero-trust{gap:.5rem}.trust-number,.trust-number-static{font-size:1.25rem}.trust-label{font-size:.65rem}.trust-divider{height:20px;margin:0 .25rem}.stat-card .stat-value{font-size:1.1rem}.stat-card .stat-label{font-size:.55rem}.device-temp{font-size:1.1rem}}.schedule-strip{flex-direction:column;gap:.5rem;display:flex}.schedule-strip-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.schedule-strip-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.schedule-strip-count{color:var(--green);background:var(--green-glow);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.schedule-days{gap:.25rem;display:flex}.schedule-day-col{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.schedule-day-label{color:var(--text-muted);text-transform:uppercase;font-size:.55rem;font-weight:700}.schedule-day-col.is-today .schedule-day-label{color:var(--pink)}.schedule-day-blocks{flex-direction:column;gap:2px;width:100%;display:flex}.schedule-block{border-radius:3px;width:100%;font-size:0}.schedule-block-school{background:var(--cyan);opacity:.8;height:18px}.schedule-block-ccd{background:var(--purple);opacity:.8;height:10px}.schedule-block-mass{background:var(--pink);opacity:.8;height:14px}.schedule-block-empty{background:var(--bg-darkest);opacity:.4;height:6px}.schedule-legend{border-top:1px solid var(--border-subtle);justify-content:center;gap:.75rem;padding-top:.5rem;display:flex}.schedule-legend-item{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.55rem;display:flex}.schedule-legend-dot{border-radius:50%;width:6px;height:6px}.schedule-next-up{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;margin-top:.25rem;padding:.625rem}.schedule-next-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.375rem;font-size:.6rem;font-weight:600}.schedule-next-event{align-items:center;gap:.5rem;display:flex}.schedule-next-indicator{border-radius:2px;flex-shrink:0;width:4px;height:28px}.schedule-next-details{flex:1;min-width:0}.schedule-next-name{color:var(--text-primary);font-size:.75rem;font-weight:600;display:block}.schedule-next-time{color:var(--text-muted);margin-top:.125rem;font-size:.6rem;display:block}.schedule-next-auto{color:var(--green);margin-top:.125rem;font-size:.55rem;display:block}.classroom-grid{flex-direction:column;gap:.5rem;display:flex}.classroom-grid-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.classroom-grid-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.classroom-grid-count{color:var(--green);background:var(--green-glow);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.classroom-cards{flex-direction:column;gap:.5rem;display:flex}.classroom-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-fast);border-radius:8px;padding:.625rem}.classroom-card:hover{border-color:var(--pink);transform:translate(4px)}.classroom-card-top{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.classroom-name{color:var(--text-primary);font-size:.75rem;font-weight:600}.classroom-status{border-radius:4px;padding:.15rem .4rem;font-size:.55rem;font-weight:600}.classroom-status-occupied{color:var(--green);background:var(--green-glow)}.classroom-status-empty{color:var(--text-muted);background:#8185a026}.classroom-metrics{gap:.75rem;display:flex}.classroom-metric{align-items:center;gap:.25rem;display:flex}.classroom-metric svg{opacity:.6;flex-shrink:0}.classroom-metric-value{color:var(--text-secondary);font-size:.65rem;font-weight:600}.classroom-metric-label{color:var(--text-muted);font-size:.55rem}.control-card-tour{z-index:2;width:200px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4s ease-in-out infinite floatCard;position:absolute;top:-20px;right:-30px}.tour-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.tour-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.tour-badge{color:var(--cyan);align-items:center;gap:.25rem;font-size:.6rem;font-weight:600;display:flex}.tour-stats{flex-direction:column;gap:.375rem;display:flex}.tour-stat-row{background:var(--bg-card);border-radius:6px;justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}.tour-stat-label{color:var(--text-muted);font-size:.6rem}.tour-stat-value{color:var(--text-primary);font-size:.65rem;font-weight:600}.tour-stat-value-good{color:var(--green)}.control-card-notification{z-index:2;width:210px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4.5s ease-in-out infinite floatCardAlt;position:absolute;bottom:20px;left:-40px}.notification-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.notification-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.notification-count{background:var(--purple);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 .4rem;font-size:.65rem;font-weight:700;display:flex}.notification-list{flex-direction:column;gap:.375rem;display:flex}.notification-item{background:var(--bg-card);border-left:3px solid var(--cyan);border-radius:6px;align-items:flex-start;gap:.5rem;padding:.375rem .5rem;display:flex}.notification-item:nth-child(2){border-left-color:var(--green)}.notification-item-text{color:var(--text-secondary);font-size:.6rem;line-height:1.3}.notification-item-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-top:.125rem;font-size:.5rem}.building-grid-panel{flex-direction:column;gap:.5rem;display:flex}.building-grid-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.building-grid-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.building-grid-count{color:var(--green);background:var(--green-glow);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.building-grid{grid-template-columns:repeat(4,1fr);gap:.375rem;display:grid}.building-cell{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;transition:all var(--transition-fast);border-radius:6px;padding:.375rem}.building-cell:hover{border-color:var(--pink);transform:scale(1.05)}.building-cell-icon{margin-bottom:.125rem;font-size:.875rem;line-height:1}.building-cell-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;font-weight:600;line-height:1.2;overflow:hidden}.building-cell-status{border-radius:50%;width:6px;height:6px;margin:.25rem auto 0}.building-cell-status-online{background:var(--green);box-shadow:0 0 6px #00e6a080}.building-cell-status-alert{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.building-cell-status-maintenance{background:var(--cyan);box-shadow:0 0 6px #00d9ff80}.building-summary{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;justify-content:space-between;padding:.5rem;display:flex}.building-summary-item{text-align:center;flex:1}.building-summary-value{color:var(--text-primary);font-size:.7rem;font-weight:700;display:block}.building-summary-value-green{color:var(--green)}.building-summary-value-amber{color:#f59e0b}.building-summary-value-cyan{color:var(--cyan)}.building-summary-label{color:var(--text-muted);margin-top:.125rem;font-size:.5rem;display:block}.control-card-compliance{z-index:2;width:200px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4s ease-in-out infinite floatCard;position:absolute;top:-20px;right:-30px}.compliance-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.compliance-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.compliance-status{color:var(--green);align-items:center;gap:.25rem;font-size:.6rem;font-weight:600;display:flex}.compliance-list{flex-direction:column;gap:.375rem;display:flex}.compliance-item{background:var(--bg-card);border-radius:6px;justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}.compliance-item-label{color:var(--text-secondary);font-size:.6rem}.compliance-item-value{color:var(--green);font-size:.6rem;font-weight:600}.compliance-item-value-pending{color:#f59e0b}.control-card-feed{z-index:2;width:210px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4.5s ease-in-out infinite floatCardAlt;position:absolute;bottom:20px;left:-40px}.feed-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.feed-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.feed-live{color:var(--pink);align-items:center;gap:.25rem;font-size:.6rem;font-weight:600;display:flex}.feed-live-dot{background:var(--pink);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite statusPulse}.feed-list{flex-direction:column;gap:.375rem;display:flex}.feed-item{background:var(--bg-card);border-radius:6px;align-items:flex-start;gap:.375rem;padding:.375rem .5rem;display:flex}.feed-item-icon{flex-shrink:0;margin-top:.1rem;font-size:.7rem;line-height:1}.feed-item-content{flex:1;min-width:0}.feed-item-text{color:var(--text-secondary);font-size:.6rem;line-height:1.3}.feed-item-time{color:var(--text-muted);margin-top:.125rem;font-size:.5rem}.energy-impact-panel{flex-direction:column;gap:.5rem;display:flex}.energy-impact-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.energy-impact-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.energy-impact-tag{color:var(--pink);background:var(--pink-subtle);border-radius:4px;padding:.15rem .4rem;font-size:.55rem;font-weight:600}.energy-bars{flex-direction:column;gap:.5rem;margin-bottom:.25rem;display:flex}.energy-bar-row{align-items:center;gap:.5rem;display:flex}.energy-bar-label{color:var(--text-secondary);min-width:40px;font-size:.6rem;font-weight:600}.energy-bar-track{background:var(--bg-darkest);border-radius:4px;flex:1;height:16px;position:relative;overflow:hidden}.energy-bar-fill{border-radius:4px;height:100%;position:relative}.energy-bar-fill-before{background:linear-gradient(to right, #f97316, var(--pink));width:100%}.energy-bar-fill-after{background:linear-gradient(to right, var(--cyan), var(--green));width:66.6%}.energy-bar-value{color:var(--text-primary);text-align:right;min-width:50px;font-size:.6rem;font-weight:700}.energy-bar-unit{color:var(--text-muted);font-size:.5rem;font-weight:400}.energy-metrics{grid-template-columns:repeat(2,1fr);gap:.375rem;display:grid}.energy-metric{background:var(--bg-card);text-align:center;border:1px solid var(--border-subtle);border-radius:6px;padding:.5rem}.energy-metric-value{margin-bottom:.125rem;font-size:.85rem;font-weight:700;line-height:1;display:block}.energy-metric-value-green{color:var(--green)}.energy-metric-value-cyan{color:var(--cyan)}.energy-metric-value-pink{color:var(--pink)}.energy-metric-value-purple{color:var(--purple)}.energy-metric-label{color:var(--text-muted);font-size:.5rem;font-weight:500}.energy-source{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:.375rem;font-size:.5rem;font-style:italic}.control-card-multisite{z-index:2;width:200px;box-shadow:var(--shadow-lg), 0 0 30px #0003;padding:.875rem;animation:4.5s ease-in-out infinite floatCardAlt;position:absolute;bottom:20px;left:-40px}.multisite-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.multisite-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.multisite-count{color:var(--green);font-size:.6rem;font-weight:600}.multisite-list{flex-direction:column;gap:.375rem;display:flex}.multisite-item{background:var(--bg-card);border-radius:6px;justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}.multisite-item-name{color:var(--text-secondary);font-size:.6rem;font-weight:600}.multisite-item-status{align-items:center;gap:.25rem;display:flex}.multisite-item-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #00e6a080}.multisite-item-temp{color:var(--text-primary);font-size:.6rem;font-weight:600}@media (width<=768px){.control-card-tour{width:100%;margin-top:1rem;animation:none;position:relative;top:auto;right:auto;transform:none}.control-card-notification{width:100%;margin-top:.75rem;animation:none;position:relative;bottom:auto;left:auto;transform:none}.control-card-compliance{width:100%;margin-top:1rem;animation:none;position:relative;top:auto;right:auto;transform:none}.control-card-feed,.control-card-multisite{width:100%;margin-top:.75rem;animation:none;position:relative;bottom:auto;left:auto;transform:none}.building-grid{grid-template-columns:repeat(4,1fr)}.energy-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.building-grid{grid-template-columns:repeat(3,1fr)}.schedule-days{gap:.125rem}.classroom-metrics{flex-wrap:wrap;gap:.375rem}.energy-bar-label{min-width:32px;font-size:.55rem}.energy-bar-value{min-width:42px;font-size:.55rem}}.nav-backdrop{opacity:0;visibility:hidden;will-change:opacity;z-index:999;pointer-events:none;background:#141523bf;transition:opacity .3s,visibility 0s linear .3s;position:fixed;inset:0}.nav-backdrop.active{opacity:1;visibility:visible;transition:opacity .3s,visibility linear}.page-content{transform-origin:top;will-change:transform;transition:transform .35s cubic-bezier(.4,0,.2,1)}.page-content.receded{transform:scale(.98)translateY(4px)}.nav.dropdown-active{box-shadow:0 8px 32px #0006,0 0 60px #ff3d6d26}@media (hover:none),(width<=768px){.nav-backdrop{display:none}.page-content.receded{filter:none;transform:none}}.mascot-container.gary-excited{animation:.4s ease-out garyExcited}.mascot-container.gary-excited .mascot-speech{animation:.3s ease-out speechPop}@keyframes garyExcited{0%{transform:translate(-50%,-50%)scale(1)}25%{transform:translate(-50%,-50%)scale(1.08)rotate(-2deg)}50%{transform:translate(-50%,-50%)scale(.97)rotate(1deg)}75%{transform:translate(-50%,-50%)scale(1.03)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes speechPop{0%{opacity:.5;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mascot-pupil-left,.mascot-pupil-right{transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.mascot-container.gary-excited,.mascot-container.gary-excited .mascot-speech{animation:none}.mascot-pupil-left,.mascot-pupil-right{transition:none}}.gary-peek{z-index:2;pointer-events:none;opacity:0;width:48px;height:30px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;bottom:0;right:2rem;transform:translateY(100%)}.gary-peek.gary-peek-visible{opacity:1;transform:translateY(10%)}.gary-peek--left{left:2rem;right:auto}.cta-section .gary-peek{bottom:1rem;left:10%;right:auto}.gary-peek.gary-peek-visible svg circle[fill=\#00d9ff]{animation:2s ease-in-out infinite garyPeekAntennaGlow}@keyframes garyPeekAntennaGlow{0%,to{filter:drop-shadow(0 0 3px #00d9ff66)}50%{filter:drop-shadow(0 0 8px #00d9ffb3)}}@media (width<=768px){.gary-peek{width:36px;height:22px;right:1.5rem}.gary-peek--left{left:1.5rem}.cta-section .gary-peek{left:5%}}@media (prefers-reduced-motion:reduce){.gary-peek{transition:none}.gary-peek.gary-peek-visible svg circle[fill=\#00d9ff]{animation:none}.nav-backdrop,.page-content{transition:none}.page-content.receded{filter:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.legal-page-content{padding:var(--section-padding) 0;position:relative}.legal-content{max-width:780px;color:var(--text-secondary);margin:0 auto;font-size:1rem;line-height:1.8}.legal-content h2{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.legal-content h3{color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.legal-content h4{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.legal-content p{margin-bottom:1rem}.legal-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.legal-content li{margin-bottom:.75rem;padding-left:.25rem}.legal-content a{color:var(--pink);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.legal-content a:hover{color:var(--pink-light)}.legal-content strong{color:var(--text-primary);font-weight:600}.video-testimonial-card{background:var(--bg-elevated);border:1px solid var(--border-medium);cursor:pointer;transition:all var(--transition-medium);border-radius:16px;overflow:hidden}.video-testimonial-card:hover{border-color:var(--pink);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.video-testimonial-card:hover .video-thumbnail-play{background:var(--pink);transform:translate(-50%,-50%)scale(1.1)}.video-thumbnail-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.video-thumbnail-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.video-thumbnail-play{width:72px;height:72px;transition:all var(--transition-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-thumbnail-play svg{fill:#fff;width:28px;height:28px;margin-left:4px}.video-testimonial-content{padding:1.5rem 2rem 2rem}.video-testimonial-content h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem;font-weight:700;line-height:1.4}.video-testimonial-content p{color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.7}.video-testimonial-content .video-cta-hint{color:var(--pink);align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;font-style:normal;font-weight:600;display:flex}.video-testimonial-content .video-cta-hint svg{fill:currentColor;width:16px;height:16px}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.video-modal-overlay.active{opacity:1;visibility:visible}.video-modal{background:var(--bg-dark);border:1px solid var(--border-medium);width:90%;max-width:900px;max-height:90vh;transition:transform .3s var(--ease-out-expo);border-radius:16px;position:relative;overflow-y:auto;transform:scale(.95)translateY(20px)}.video-modal-overlay.active .video-modal{transform:scale(1)translateY(0)}.video-modal-close{border:1px solid var(--border-subtle);cursor:pointer;z-index:2;width:40px;height:40px;transition:all var(--transition-fast);color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.video-modal-close:hover{background:var(--pink);border-color:var(--pink)}.video-modal-close svg{fill:currentColor;width:20px;height:20px}.video-modal-video{aspect-ratio:16/9;width:100%;position:relative}.video-modal-video iframe{border:none;border-radius:16px 16px 0 0;width:100%;height:100%;position:absolute;top:0;left:0}.video-modal-transcript{border-top:1px solid var(--border-subtle);padding:2rem}.video-modal-transcript h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-size:.85rem;font-weight:600}.video-modal-transcript .transcript-speaker{color:var(--pink);margin-top:1.25rem;margin-bottom:.25rem;font-size:.9rem;font-weight:700;display:block}.video-modal-transcript .transcript-speaker:first-of-type{margin-top:0}.video-modal-transcript .transcript-timestamp{color:var(--text-muted);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;margin-right:.5rem;font-size:.8rem;font-weight:600}.video-modal-transcript p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem;line-height:1.8}body.video-modal-open{overflow:hidden}@media (width<=768px){.video-testimonial-content{padding:1.25rem 1.5rem 1.5rem}.video-testimonial-content h3{font-size:1.05rem}.video-thumbnail-play{width:56px;height:56px}.video-thumbnail-play svg{width:22px;height:22px}.video-modal{width:95%;max-height:95vh}.video-modal-transcript{padding:1.5rem}}