:root{--staxo-blue:#061a3d;--staxo-blue-2:#082d73;--staxo-yellow:#ffdd00}
.staxo-page{overflow:hidden;background:#f3f6fa}
.staxo-container{width:min(1360px,calc(100% - 48px));margin:auto}
.staxo-kicker{margin:0;color:var(--staxo-yellow);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.staxo-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(120deg,#03142f,#082d73)}
.staxo-hero:after{content:"";position:absolute;z-index:3;right:0;bottom:0;left:0;height:5px;background:linear-gradient(90deg,var(--staxo-yellow) 0 36%,#0d4b9c 36%)}
.staxo-hero__grid{position:absolute;z-index:-1;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(110deg,#000,transparent 82%)}
.staxo-hero__inner{min-height:720px;display:grid;grid-template-columns:minmax(520px,.92fr) minmax(0,1.08fr)}
.staxo-hero__content{position:relative;z-index:4;display:flex;justify-content:center;flex-direction:column;padding:70px clamp(40px,6vw,120px)}
.staxo-breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:52px;color:#8ea1ba;font-size:10px}.staxo-breadcrumbs a{color:#afbdd0}.staxo-breadcrumbs a:hover{color:var(--staxo-yellow)}.staxo-breadcrumbs i{color:var(--staxo-yellow);font-size:7px}
.staxo-hero h1{max-width:720px;margin:18px 0 22px;font-size:clamp(52px,5.3vw,86px);line-height:.97;letter-spacing:-.065em}.staxo-hero h1 span{display:block;color:var(--staxo-yellow)}
.staxo-hero__lead{max-width:650px;margin:0;color:#d4dfed;font-size:17px;font-weight:500;line-height:1.75}
.staxo-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.staxo-button{position:relative;min-height:66px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;padding:0 28px;color:#fff;border:1px solid rgba(255,255,255,.28);font-size:11px;font-weight:800;transition:transform .35s,box-shadow .35s,color .35s,background .35s,border-color .35s}.staxo-button:before{content:"";position:absolute;top:0;bottom:0;left:-35%;width:22%;background:rgba(255,255,255,.72);transform:skewX(-25deg);transition:left .65s}.staxo-button:hover:before{left:125%}.staxo-button:hover{transform:translateY(-4px)}.staxo-button i{transition:transform .35s}.staxo-button:hover i{transform:translateX(5px)}
.staxo-button--yellow{min-width:290px;color:var(--staxo-blue);border-color:var(--staxo-yellow);background:var(--staxo-yellow);box-shadow:0 18px 42px rgba(255,221,0,.2)}.staxo-button--yellow:hover{color:var(--staxo-blue);background:#fff;border-color:#fff;box-shadow:0 24px 48px rgba(0,0,0,.26)}
.staxo-button--outline{min-width:270px;background:rgba(255,255,255,.04)}.staxo-button--outline:hover{color:var(--staxo-blue);border-color:var(--staxo-yellow);background:var(--staxo-yellow)}
.staxo-hero__specs{display:flex;width:max-content;margin-top:42px;border:1px solid rgba(255,255,255,.16)}.staxo-hero__specs div{position:relative;min-width:120px;padding:16px 22px}.staxo-hero__specs div+div{border-left:1px solid rgba(255,255,255,.16)}.staxo-hero__specs strong{font-size:22px}.staxo-hero__specs span{margin-left:4px;color:var(--staxo-yellow);font-size:10px;font-weight:800}.staxo-hero__specs small{display:block;margin-top:5px;color:#8295af;font-size:7px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.staxo-hero__visual{position:relative;min-width:0;overflow:hidden}.staxo-hero__visual>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.06);transition:transform 1.4s cubic-bezier(.16,1,.3,1),filter .6s}.staxo-hero:hover .staxo-hero__visual>img{transform:scale(1.035);filter:saturate(1) contrast(1.04)}
.staxo-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#061a3d 0,rgba(6,26,61,.52) 14%,rgba(6,26,61,.04) 54%),linear-gradient(0deg,rgba(3,20,47,.54),transparent 54%)}
.staxo-hero__number{position:absolute;right:42px;top:38px;color:rgba(255,255,255,.78);font-size:10px;font-weight:800;letter-spacing:.16em}.staxo-hero__number b{color:var(--staxo-yellow);font-size:18px}
.staxo-hero__badge{position:absolute;right:48px;bottom:45px;width:150px;height:150px;display:grid;place-items:center;align-content:center;gap:10px;border-radius:50%;color:var(--staxo-blue);background:var(--staxo-yellow);box-shadow:0 0 0 10px rgba(255,221,0,.12),0 24px 60px rgba(0,0,0,.32);text-align:center;animation:staxoFloat 4s ease-in-out infinite}.staxo-hero__badge i{font-size:25px}.staxo-hero__badge small{font-size:8px;font-weight:800;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
@keyframes staxoFloat{50%{transform:translateY(-10px)}}
.staxo-description{position:relative;padding:110px 0 120px;background:#f5f7fb}.staxo-description:before{content:"";position:absolute;top:0;right:-240px;width:650px;height:650px;border:1px solid rgba(8,45,115,.06);border-radius:50%;box-shadow:0 0 0 90px rgba(8,45,115,.022),0 0 0 180px rgba(8,45,115,.012)}
.staxo-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 450px;align-items:end;gap:90px;margin-bottom:55px}.staxo-heading h2{max-width:780px;margin:13px 0 0;color:var(--staxo-blue);font-size:clamp(42px,4.5vw,66px);line-height:1.02;letter-spacing:-.06em}.staxo-heading h2 span{color:#061a3d;}.staxo-heading>p{margin:0;padding-left:25px;border-left:2px solid var(--staxo-yellow);color:#6c7c91;font-size:14px;line-height:1.75}
.staxo-description__layout{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr);gap:22px}
.staxo-description__copy{position:relative;overflow:hidden;padding:58px 60px 62px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(16,72,151,.6),transparent 38%),var(--staxo-blue);box-shadow:0 30px 75px rgba(4,25,61,.18)}.staxo-description__copy:after{content:"STAXO";position:absolute;right:-18px;bottom:-28px;color:rgba(255,255,255,.035);font-size:130px;font-weight:800;letter-spacing:-.07em}.staxo-description__index{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#8fa2bb;font-size:8px;font-weight:800;letter-spacing:.14em}.staxo-description__index i{width:42px;height:1px;background:var(--staxo-yellow)}.staxo-description__copy h3{position:relative;z-index:1;margin:24px 0 22px;font-size:29px;letter-spacing:-.035em}.staxo-description__copy p{position:relative;z-index:1;margin:0 0 16px;color:#c6d2e1;font-size:13px;line-height:1.82}.staxo-description__copy .staxo-description__lead{color:#fff;font-size:16px;font-weight:700;line-height:1.7}
.staxo-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}.staxo-features article{position:relative;min-height:240px;overflow:hidden;padding:30px 28px;border:1px solid #dfe6ee;background:#fff;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .45s}.staxo-features article:hover{z-index:2;border-color:var(--staxo-yellow);box-shadow:0 25px 55px rgba(6,26,61,.12);transform:translateY(-7px)}.staxo-features article>span{position:absolute;right:18px;top:16px;color:#dfe5ed;font-size:26px;font-weight:800}.staxo-features i{width:48px;height:48px;display:grid;place-items:center;margin-bottom:22px;color:var(--staxo-blue);background:var(--staxo-yellow);font-size:17px;transition:transform .4s}.staxo-features article:hover i{transform:rotate(-7deg) scale(1.1)}.staxo-features h3{margin:0 0 10px;color:var(--staxo-blue);font-size:15px}.staxo-features p{margin:0;color:#718096;font-size:11px;line-height:1.7}
.staxo-cta{position:relative;isolation:isolate;overflow:hidden;padding:90px 0;color:#fff;background:linear-gradient(120deg,#03142f,#082d73)}.staxo-cta:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:76px 76px}.staxo-cta__ring{position:absolute;right:-130px;top:-280px;width:620px;height:620px;border:1px solid rgba(255,221,0,.16);border-radius:50%;box-shadow:0 0 0 75px rgba(255,221,0,.026),0 0 0 150px rgba(255,221,0,.014)}.staxo-cta__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:80px}.staxo-cta h2{max-width:850px;margin:14px 0 18px;font-size:clamp(40px,4.5vw,64px);line-height:1.03;letter-spacing:-.06em}.staxo-cta h2 span{color:var(--staxo-yellow)}.staxo-cta p:not(.staxo-kicker){max-width:720px;margin:0;color:#b7c5d8;font-size:13px;line-height:1.75}.staxo-cta .staxo-button{width:100%}
@media(max-width:1100px){.staxo-hero__inner{grid-template-columns:1fr;min-height:0}.staxo-hero__content{padding:65px 40px 70px}.staxo-hero__visual{height:580px}.staxo-hero__shade{background:linear-gradient(0deg,rgba(3,20,47,.7),transparent 48%)}.staxo-description__layout{grid-template-columns:1fr}.staxo-heading{grid-template-columns:1fr;gap:25px}.staxo-heading>p{max-width:650px}.staxo-cta__inner{grid-template-columns:1fr}.staxo-cta .staxo-button{width:max-content}}
@media(max-width:650px){.staxo-container{width:calc(100% - 32px)}.staxo-hero__content{padding:45px 20px 55px}.staxo-breadcrumbs{margin-bottom:34px;flex-wrap:wrap}.staxo-hero h1{font-size:48px}.staxo-hero__lead{font-size:14px}.staxo-hero__actions{display:grid}.staxo-button,.staxo-button--yellow,.staxo-button--outline{width:100%;min-width:0}.staxo-hero__specs{width:100%}.staxo-hero__specs div{min-width:0;flex:1;padding:14px}.staxo-hero__specs strong{font-size:17px}.staxo-hero__visual{height:420px}.staxo-hero__badge{right:22px;bottom:26px;width:118px;height:118px}.staxo-description{padding:75px 0}.staxo-heading{margin-bottom:38px}.staxo-heading h2{font-size:42px}.staxo-description__copy{padding:40px 24px}.staxo-description__copy h3{font-size:25px}.staxo-features{grid-template-columns:1fr}.staxo-features article{min-height:210px}.staxo-cta{padding:70px 0}.staxo-cta h2{font-size:41px}.staxo-cta__inner{gap:35px}.staxo-cta .staxo-button{width:100%}}
@media(prefers-reduced-motion:reduce){.staxo-hero__badge{animation:none}.staxo-hero__visual>img,.staxo-button,.staxo-features article{transition:none}}
.staxo-gallery{position:relative;padding:110px 0 120px;background:#eef3f8}
.staxo-gallery:before{content:"";position:absolute;inset:0;opacity:.52;background-image:linear-gradient(rgba(8,45,115,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,45,115,.04) 1px,transparent 1px);background-size:76px 76px;pointer-events:none}
.staxo-gallery__heading{margin-bottom:48px}
.staxo-gallery__stage{position:relative;height:min(650px,65vw);min-height:480px;overflow:hidden;background:#061a3d;box-shadow:0 32px 85px rgba(4,25,61,.2)}
.staxo-gallery__media{position:absolute;inset:0;overflow:hidden;background:#fff}
.staxo-gallery__media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(8,45,115,.14);pointer-events:none}
.staxo-gallery__media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;opacity:1;transform:scale(1);transition:opacity .32s,transform .75s cubic-bezier(.16,1,.3,1)}
.staxo-gallery__media.is-changing img{opacity:.2;transform:scale(.975)}
.staxo-gallery__media>span{position:absolute;top:0;bottom:0;left:-32%;width:18%;background:linear-gradient(90deg,transparent,rgba(255,221,0,.16),transparent);transform:skewX(-20deg);pointer-events:none}
.staxo-gallery__media.is-entering>span{animation:staxoGalleryShine .9s ease}
@keyframes staxoGalleryShine{to{left:120%}}
.staxo-gallery__arrow{position:absolute;z-index:3;top:50%;width:64px;height:64px;display:grid;place-items:center;border:0;border-radius:50%;color:#061a3d;background:#ffdd00;box-shadow:0 18px 45px rgba(0,0,0,.26),0 0 0 8px rgba(255,221,0,.12);cursor:pointer;transform:translateY(-50%);transition:transform .35s,background .35s,box-shadow .35s}
.staxo-gallery__arrow:hover{background:#fff;box-shadow:0 24px 55px rgba(0,0,0,.32),0 0 0 12px rgba(255,221,0,.13);transform:translateY(-50%) scale(1.08)}
.staxo-gallery__arrow--prev{left:28px}.staxo-gallery__arrow--next{right:28px}
.staxo-gallery__counter{position:absolute;z-index:3;right:32px;bottom:28px;display:flex;align-items:center;gap:11px;padding:13px 16px;color:#fff;background:rgba(3,20,47,.88);backdrop-filter:blur(8px);font-size:10px;font-weight:800}.staxo-gallery__counter strong{color:#ffdd00;font-size:18px}.staxo-gallery__counter i{width:34px;height:1px;background:#ffdd00}.staxo-gallery__counter span{color:#95a8c0}
.staxo-gallery__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.staxo-gallery__thumbs button{position:relative;height:155px;overflow:hidden;padding:0;border:2px solid transparent;background:#061a3d;cursor:pointer;transition:border-color .35s,transform .35s,box-shadow .35s}.staxo-gallery__thumbs button:hover,.staxo-gallery__thumbs button.is-active{border-color:#ffdd00;box-shadow:0 18px 40px rgba(6,26,61,.14);transform:translateY(-4px)}.staxo-gallery__thumbs img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) brightness(.72);transition:filter .35s,transform .6s}.staxo-gallery__thumbs button:hover img,.staxo-gallery__thumbs button.is-active img{filter:saturate(1) brightness(.95);transform:scale(1.045)}.staxo-gallery__thumbs span{position:absolute;right:12px;bottom:10px;color:#ffdd00;font-size:10px;font-weight:800}
@media(max-width:650px){.staxo-gallery{padding:72px 0 80px}.staxo-gallery__stage{height:430px;min-height:0}.staxo-gallery__arrow{top:auto;bottom:20px;width:52px;height:52px;transform:none}.staxo-gallery__arrow:hover{transform:scale(1.06)}.staxo-gallery__arrow--prev{left:20px}.staxo-gallery__arrow--next{right:20px}.staxo-gallery__counter{right:50%;bottom:25px;transform:translateX(50%)}.staxo-gallery__thumbs{gap:7px}.staxo-gallery__thumbs button{height:88px}}
/* Four-image Staxo gallery */
.staxo-gallery__thumbs{grid-template-columns:repeat(4,1fr)}