:root{--coe-navy:#003049;--coe-navy-dark:#001424;--coe-navy-light:#00466b;--coe-red:#d62828;--coe-orange:#f77f00;--coe-yellow:#fcbf49;--coe-sand:#eae2b7;--coe-sand-light:#fdfbf7;--coe-blue-accent:#0077b6;--coe-blue-light:#e0f2fe;--bg-main:#fff;--bg-alt:#fdfbf7;--bg-dark:#001424;--text-dark:#003049;--text-muted-dark:#4a6375;--text-light:#fff;--text-muted-light:#eae2b7;--border-light:#0030491f;--border-accent:#f77f004d;--border-yellow:#fcbf4966;--shadow-sm:0 4px 10px #0030490d;--shadow-md:0 12px 30px -5px #00304917;--shadow-lg:0 24px 50px -10px #0030492e;--shadow-glow-orange:0 12px 35px -5px #f77f0073;--font-heading:"Outfit", -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:36px;--radius-pill:9999px;--in-oklab: }@supports linear-gradient(in oklab, white, black){:root{--in-oklab:in oklab}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-dark);width:100%;min-height:100vh;line-height:1.65;overflow-x:hidden}:focus-visible{outline:3px solid var(--coe-orange);outline-offset:3px;border-radius:6px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fdfbf7}::-webkit-scrollbar-thumb{background:var(--coe-navy);border-radius:var(--radius-pill)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--coe-navy);font-weight:800;line-height:1.2}h1{letter-spacing:-.025em;font-size:clamp(2rem,5vw,4.4rem)}h2{letter-spacing:-.015em;font-size:clamp(1.6rem,3.5vw,3rem)}h3{font-size:clamp(1.15rem,2.2vw,1.75rem)}p{color:var(--text-muted-dark);line-height:1.65}.hero-brand-container{color:#fff;border-radius:var(--radius-xl);background:linear-gradient(135deg,#003049 0%,#001e30 55%,#00101c 100%);border:1px solid #fcbf4940;padding:4.5rem 4rem;position:relative;overflow:hidden;box-shadow:0 30px 70px -15px #00304973}@keyframes textShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text-brand{background:linear-gradient(90deg, var(--coe-yellow), var(--coe-orange), var(--coe-red), var(--coe-yellow));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:6s infinite textShimmer}.gradient-text-navy{background:linear-gradient(90deg, var(--coe-navy), var(--coe-blue-accent), var(--coe-orange), var(--coe-navy));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite textShimmer}.btn-coe-primary,.btn-primary{background:linear-gradient(135deg, var(--coe-orange) 0%, var(--coe-red) 100%);color:#fff;font-family:var(--font-heading);border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:.6rem;padding:.95rem 2.2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 22px #f77f0066}.btn-coe-primary:hover,.btn-primary:hover{filter:brightness(1.08);transform:translateY(-3px)scale(1.02);box-shadow:0 16px 35px #d6282880}.btn-coe-primary:active,.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--coe-navy);font-family:var(--font-heading);border-radius:var(--radius-pill);cursor:pointer;background:#f1f5f9;border:1px solid #00304926;align-items:center;gap:.6rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:var(--coe-navy);color:var(--coe-yellow);border-color:var(--coe-navy);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary-link{color:var(--coe-sand-light);font-family:var(--font-heading);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:1rem 1.6rem;font-size:1rem;font-weight:700;transition:all .25s;display:inline-flex}.btn-secondary-link:hover{color:var(--coe-yellow);transform:translate(4px)}.filter-tab-pill{border:1px solid var(--border-light);color:var(--coe-navy);font-family:var(--font-heading);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;background:#fff;padding:.75rem 1.8rem;font-size:.925rem;font-weight:700;transition:all .25s}.filter-tab-pill:hover{border-color:var(--coe-orange);color:var(--coe-orange);transform:translateY(-2px)}.filter-tab-pill.active{background:var(--coe-navy);color:var(--coe-yellow);border-color:var(--coe-navy);box-shadow:var(--shadow-md)}.services-4-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:1.6rem;display:grid}.service-card-ux{color:#fff;background:#001e30;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;justify-content:space-between;padding:2.8rem 2rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 20px 45px #0030492e}.service-card-ux:hover{border-color:#fcbf4980;transform:translateY(-8px);box-shadow:0 30px 60px -10px #00304966,0 0 20px #f77f0033}.card-brand-navy{background:var(--coe-navy);color:#fff;border-radius:var(--radius-lg);border:1px solid #fcbf4940;padding:2.8rem 2.2rem;transition:all .3s}.card-brand-sand{border:1px solid var(--coe-sand);border-radius:var(--radius-lg);background:#fdfbf7;padding:2.8rem 2.2rem;transition:all .3s}.card-brand-orange{border-radius:var(--radius-lg);background:#f77f0014;border:1px solid #f77f0040;padding:2.8rem 2.2rem;transition:all .3s}.card-brand-navy:hover,.card-brand-sand:hover,.card-brand-orange:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.pre-footer-banner{background:linear-gradient(135deg, var(--coe-sand) 0%, #f9f5de 40%, #003049 100%);border-radius:var(--radius-xl);text-align:center;border:none;padding:5rem 3.5rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #00304926}.accordion-box{border-radius:var(--radius-lg);background:#fdfbf7;border:1px solid #00304926;padding:2.5rem 2.8rem}.accordion-item{cursor:pointer;border-bottom:1px solid #0030491f;padding:1.6rem 0;transition:all .2s}.accordion-item:last-child{border-bottom:none}.badge-yellow{color:var(--coe-yellow);border-radius:var(--radius-pill);background:#fcbf492e;border:1px solid #fcbf4966;padding:.45rem 1rem;font-weight:700}.badge-orange{color:var(--coe-orange);border-radius:var(--radius-pill);background:#f77f0026;border:1px solid #f77f004d;padding:.45rem 1rem;font-weight:700}.badge-red{color:#ff6b6b;border-radius:var(--radius-pill);background:#d6282826;border:1px solid #d628284d;padding:.45rem 1rem;font-weight:700}.badge-sand{color:var(--coe-navy);border:1px solid var(--coe-sand);border-radius:var(--radius-pill);background:#eae2b733;padding:.45rem 1rem;font-weight:700}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float-badge{animation:4s ease-in-out infinite floatBadge}@keyframes videoScan{0%{background-position:0 0}to{background-position:0 48px}}@keyframes pulseRing{0%{opacity:.8;transform:scale(.95)}50%{opacity:.3;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}.animate-pulse{animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes waveBar{0%,to{height:6px}50%{height:22px}}.wave-bar{background:var(--coe-yellow);border-radius:4px;width:4px;animation:1.2s ease-in-out infinite waveBar}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}.wave-bar:nth-child(4){animation-delay:.6s}.marquee-track{gap:4rem;width:max-content;animation:25s linear infinite marqueeScroll;display:flex}@keyframes marqueeScroll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.container{width:100%;max-width:1360px;margin:0 auto;padding:0 2rem}@media (width<=1280px){.services-4-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.8rem!important}}@media (width<=1100px){.hero-brand-container{border-radius:var(--radius-lg);padding:3.5rem 2.5rem}.pre-footer-banner{border-radius:var(--radius-lg);padding:3.5rem 2.2rem}}@media (width<=900px){.hero-grid,.split-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.estimator-grid{grid-template-columns:1fr!important;gap:2.2rem!important}.demo-switcher-grid{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important;display:grid!important}.demo-inspector-grid,.classroom-stream-grid{grid-template-columns:1fr!important;gap:1.2rem!important}.animate-float-badge{width:100%;margin-top:1.2rem;position:relative!important;bottom:auto!important;right:auto!important}.accordion-box{padding:1.8rem 1.5rem}.hero-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}}@media (width<=640px){.services-4-grid{grid-template-columns:1fr!important;gap:1.4rem!important}.service-card-ux{border-radius:22px!important;padding:1.8rem 1.25rem!important}.service-card-ux h3{min-height:auto!important;font-size:1.2rem!important}.service-card-ux p{min-height:auto!important;margin-bottom:1.2rem!important}.service-card-ux ul{margin-bottom:1.8rem!important}.card-brand-navy,.card-brand-sand,.card-brand-orange{border-radius:22px!important;padding:1.8rem 1.25rem!important}.demo-switcher-grid{grid-template-columns:1fr!important}.hero-brand-container{border-radius:24px!important;padding:2.2rem 1.2rem!important}.hero-brand-container h1{margin-bottom:1rem!important;font-size:1.85rem!important;line-height:1.2!important}.hero-brand-container p{margin-bottom:1.8rem!important;font-size:1rem!important}.btn-coe-primary,.btn-primary{justify-content:center;width:100%;padding:.95rem 1.4rem;font-size:.95rem}.btn-secondary-link,.btn-secondary{justify-content:center;width:100%;padding:.8rem 1rem}.hero-value-checks{grid-template-columns:1fr!important;gap:.8rem!important}.hero-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.2rem!important;margin-top:2.2rem!important;padding-top:1.8rem!important}.pre-footer-banner{border-radius:24px!important;padding:2.5rem 1.2rem!important}.pre-footer-banner h2{font-size:1.6rem!important;line-height:1.25!important}.filter-tab-pill{padding:.5rem 1rem;font-size:.825rem}.container{padding:0 1.2rem}}@media (width<=480px){html{font-size:15px}.badge{padding:.35rem .8rem;font-size:.72rem}}