@layer page{:root{--navy:#000d40;--navy-deep:#000a2e;--vivid:#0645b9;--vivid-bright:#0a5cf5;--yellow:#ffde59;--light-yellow:#fff6d4;--light-blue:#bad8f4;--azure-band:#b3d9f7;--ink:#000d40;--body:#3a4661;--line:#e6eaf2;--white:#fff;--container:1280px;--pad:48px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--body);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Onest,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--container);padding:0 var(--pad);margin:0 auto}.hero{background:var(--navy);min-height:100svh;color:var(--white);align-items:center;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(#000d40cc 0%,#000d40e0 60%,#000d40f0 100%);position:absolute;inset:0}.hero .container{z-index:2;width:100%;position:relative}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin-bottom:1.4rem;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.025em;color:var(--white);max-width:none;margin-bottom:1.8rem;font-size:60px;font-weight:700;line-height:1.05}.hero p.lede{color:#ffffffd6;max-width:none;margin-bottom:2.4rem;font-size:17px;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.btn{letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:18px 34px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.btn .arr{transition:transform .25s;display:inline-block}.btn:hover .arr{transform:translate(5px)}.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-yellow:hover{transform:translateY(-2px);box-shadow:0 10px 26px #ffde595c}.btn-blue{background:var(--vivid);color:var(--white)}.btn-blue:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0645b957}.in-short{background:var(--light-blue);padding:88px 0}.in-short-yellow{background:var(--light-yellow)}.in-short .label{letter-spacing:2px;text-transform:uppercase;color:var(--vivid);margin-bottom:1.4rem;font-size:13px;font-weight:600;display:inline-block}.in-short h2{letter-spacing:-.03em;color:var(--ink);max-width:none;margin-bottom:1.4rem;font-size:36px;font-weight:400;line-height:1.1}.in-short p{color:var(--body);max-width:none;margin-bottom:1.1rem;font-size:16px;line-height:1.65}.in-short p:last-child{margin-bottom:0}.hub-cards{padding:88px 0;scroll-margin-top:100px}.hub-head{margin-bottom:2.5rem}.hub-head h2{letter-spacing:-.03em;color:var(--ink);max-width:none;margin-bottom:.8rem;font-size:36px;font-weight:400;line-height:1.1}.hub-head p{color:var(--body);max-width:none;font-size:16px;line-height:1.6}.hub-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.hub-card{background:var(--white);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:2.6rem 2.2rem 2.4rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.hub-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 18px 42px #000d4021}.hub-card h3{letter-spacing:-.01em;color:var(--ink);margin-bottom:.8rem;font-size:22px;font-weight:700;line-height:1.2}.hub-card p{color:var(--body);flex:1;margin-bottom:1.6rem;font-size:16px;line-height:1.6}.hub-link{letter-spacing:1.2px;text-transform:uppercase;color:var(--vivid);align-items:center;gap:.45rem;font-size:13px;font-weight:700;display:inline-flex}.hub-link .arr{transition:transform .25s;display:inline-block}.hub-card:hover .hub-link .arr{transform:translate(5px)}.faq{margin-top:2rem}.faq-item{border-top:1px solid var(--line);padding:1.6rem 0}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item h3{letter-spacing:-.01em;color:var(--ink);margin-bottom:.6rem;font-size:19px;font-weight:700}.faq-item p{color:var(--body);margin:0;font-size:16px;line-height:1.6}@media (width<=900px){.hero h1{font-size:42px}.in-short h2,.hub-head h2{font-size:30px}.hub-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=680px){:root{--pad:20px}.hero{padding:96px 0 70px}.hero h1{font-size:36px}.in-short,.hub-cards{padding:4rem 0}.in-short h2,.hub-head h2{font-size:26px}.hero-cta{flex-direction:column}.btn{justify-content:center}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}}
