*,:before,:after{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{width:100%;min-height:100%;margin:0;color:#202b3d;background:#142233;font-family:Montserrat,"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:.7rem 1rem;border-radius:8px;background:#fff;color:#202b3d;font-weight:800;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.demo-navbar{position:fixed;top:0;right:0;left:0;z-index:100;background:rgb(255 255 255/.92);border-bottom:1px solid rgb(255 255 255/.34);box-shadow:0 14px 35px rgb(37 48 74/.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-container{display:flex;align-items:center;justify-content:space-between;width:min(100% - 3rem,1140px);min-height:82px;margin:auto}.brand{display:flex;align-items:center;min-width:0;gap:.85rem}.brand img{flex:0 0 auto}.brand span{display:flex;min-width:0;flex-direction:column;line-height:1.05}.brand strong{overflow:hidden;color:#202b3d;font-size:.94rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.brand small{margin-top:.16rem;color:#687385;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav-menu{display:flex;align-items:center;gap:.2rem;margin:0;padding:0;list-style:none}.nav-menu a{display:block;padding:.72rem .92rem;border-radius:999px;color:#3d4657;font-size:.88rem;font-weight:800;line-height:1;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.nav-menu a:hover,.nav-menu a:focus{background:#edf6fb;color:#0c6378;outline:0}.nav-menu .active{background:#202b3d;color:#fff;box-shadow:0 10px 24px rgb(32 43 61/.16)}.nav-menu .nav-cta{margin-left:.3rem;background:#14a6c5;color:#fff;box-shadow:0 12px 24px rgb(20 166 197/.22)}.nav-menu .nav-cta:hover,.nav-menu .nav-cta:focus{background:#0f8daa;color:#fff;transform:translateY(-1px)}.nav-toggle{display:none;width:44px;height:44px;border:1px solid rgb(32 43 61/.14);border-radius:8px;background:#fff;box-shadow:none}.nav-toggle:focus{outline:0;box-shadow:0 0 0 .16rem rgb(20 166 197/.22)}.nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;border-radius:2px;background:#687385}.masthead{position:relative;display:grid;min-height:100vh;overflow:hidden;padding:9rem 1.5rem 4.5rem;place-items:center;text-align:center;background: linear-gradient(135deg, rgb(20 31 47 / .94), rgb(10 58 72 / .88) 48%, rgb(102 88 221 / .74)), linear-gradient(90deg, rgb(255 255 255 / .08) 1px, transparent 1px), linear-gradient(0deg, rgb(255 255 255 / .08) 1px, transparent 1px), url(./bg-masthead.jpg);background-position:center;background-size:auto,88px 88px,88px 88px}.masthead:before{position:absolute;inset:88px max(8vw,28px) auto auto;width:min(440px,70vw);aspect-ratio:1.18;border:1px solid rgb(255 255 255/.18);border-radius:28px;background:linear-gradient(145deg,rgb(255 255 255/.18),rgb(255 255 255/.06));box-shadow:0 34px 85px rgb(0 0 0/.26);content:"";pointer-events:none;transform:rotate(-4deg)}.masthead:after{position:absolute;top:190px;right:max(12vw,42px);padding:.72rem 1rem;border-radius:999px;background:rgb(255 255 255/.9);box-shadow:0 20px 48px rgb(0 0 0/.18);color:#202b3d;content:"Design preview";font-size:.78rem;font-weight:800;letter-spacing:.08em;pointer-events:none;text-transform:uppercase}.hero-inner{position:relative;z-index:1;width:min(100%,900px)}.hero-kicker{display:inline-flex;margin:0 0 1rem;padding:.55rem .85rem;border:1px solid rgb(255 255 255/.26);border-radius:999px;background:rgb(255 255 255/.12);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.masthead h1{max-width:900px;margin:0 auto;color:#fff;font-size:3.5rem;font-weight:800;line-height:1.05;letter-spacing:0}.divider{display:block;width:3.25rem;height:.2rem;margin:1.5rem auto;background:#43bfe5}.hero-copy{max-width:760px;margin:0 auto 3rem;color:rgb(255 255 255/.86);font-size:1.08rem;line-height:1.75}.demo-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.btn{min-width:174px;padding:1.18rem 2.15rem;border-radius:8px;color:#fff;font-size:.9rem;font-weight:800;box-shadow:0 16px 34px rgb(0 0 0/.18);transition:transform .18s ease,box-shadow .18s ease}.btn:hover,.btn:focus{box-shadow:0 20px 42px rgb(0 0 0/.25);outline:0;transform:translateY(-2px)}.btn-primary{background:#6658dd}.btn-info{background:#19c0df;color:#0d1722}.btn-warning{background:#ffc107;color:#151515}@media (max-width:991.98px){.demo-navbar{top:10px;right:10px;left:10px;border-radius:14px}.nav-container{display:grid;width:100%;min-height:79px;padding:0 1.5rem;grid-template-columns:1fr auto}.nav-toggle{display:block}.nav-menu{display:none;grid-column:1/-1;padding:.4rem 0 1.5rem;border-top:1px solid rgb(32 43 61/.08)}.nav-menu.is-open{display:block}.nav-menu a{margin:.16rem 0;padding:.88rem 1rem;border-radius:8px}.nav-menu .nav-cta{margin:.6rem 0 0;text-align:center}.brand strong{max-width:58vw}.masthead{height:auto;min-height:100vh;padding-top:8.8rem;padding-bottom:4.5rem}.masthead:before,.masthead:after{display:none}.masthead h1{font-size:2.3rem}.hero-copy{font-size:1rem;line-height:1.65}.btn{width:min(100%,320px)}}@media (max-width:575.98px){.nav-container{padding:0 1.35rem}.brand img{width:40px;height:36px}.brand strong{font-size:.86rem}.brand small{display:none}.hero-kicker{font-size:.68rem;letter-spacing:.08em}.masthead h1{font-size:2rem}.btn{padding:1rem 1.25rem}}