.page--s3 .hero--r9 .hero__inner{position:relative;z-index:1;grid-template-columns:180px minmax(0,1fr) 420px!important;gap:40px!important;align-items:center}.page--s3 .hero--r9 .hero__copy{width:auto!important;max-width:600px;min-width:0}.page--s3 .hero--r9 .hero__lead{width:auto!important;max-width:390px!important;min-width:0;font-size:18px!important;font-weight:300!important;color:#aab9cb!important}.page--s3 .hero--r9 .hero__panel{min-width:0}.page--s3 .hero--r9 .hero__strip{position:relative;margin:0;align-self:center;height:360px;border-radius:16px;overflow:hidden;background:#0a0e15;border:1px solid rgba(120,150,175,.2);box-shadow:inset 0 1px #ffffff0d,0 34px 70px -46px #000000d9}.page--s3 .hero--r9 .hero__strip img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}.page--s3 .hero--r9 .hero__strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,14,21,.12) 0%,transparent 30%,transparent 64%,rgba(10,14,21,.72) 100%),radial-gradient(120% 80% at 70% 12%,rgba(124,176,232,.14),transparent 56%)}.page--s3 .hero--r9 .hero__strip .strip__cap{position:absolute;left:13px;bottom:12px;z-index:2;display:flex;align-items:center;gap:7px;font:600 8.5px/1 IBM Plex Mono,monospace;letter-spacing:.2em;text-transform:uppercase;color:#cfe0ee}.page--s3 .hero--r9 .hero__strip .strip__cap:before{content:"";width:5px;height:5px;border-radius:50%;background:#93b7cd;box-shadow:0 0 7px 1px #78a0bc99}.page--s3 .hero--r9 .hero__strip .strip__tick{position:absolute;z-index:2;width:13px;height:13px;pointer-events:none}.page--s3 .hero--r9 .hero__strip .strip__tick:before,.page--s3 .hero--r9 .hero__strip .strip__tick:after{content:"";position:absolute;background:#bed6ec99}.page--s3 .hero--r9 .hero__strip .strip__tick.tl{top:9px;left:9px}.page--s3 .hero--r9 .hero__strip .strip__tick.br{bottom:9px;right:9px}.page--s3 .hero--r9 .hero__strip .strip__tick:before{width:13px;height:1px;top:0;left:0}.page--s3 .hero--r9 .hero__strip .strip__tick:after{width:1px;height:13px;top:0;left:0}.page--s3 .hero--r9 .hero__strip .strip__tick.br:before{top:auto;bottom:0;left:auto;right:0}.page--s3 .hero--r9 .hero__strip .strip__tick.br:after{top:auto;bottom:0;left:auto;right:0}.page--s3 .hero--r9 .jindex{width:100%;max-width:100%;margin-left:auto;box-sizing:border-box;padding:40px;background:#0d1016d1;-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(150,180,212,.3);border-radius:20px;box-shadow:0 16px 40px -16px #0009,inset 0 1px #ffffff12}.page--s3 .hero--r9 .jindex h4{margin:0 0 18px;font:500 9.5px/1 IBM Plex Mono,monospace;letter-spacing:.28em;text-transform:uppercase;color:#8fd0e6!important}.page--s3 .hero--r9 .jindex .row{display:flex;align-items:baseline;gap:16px;padding:13px 2px;border-top:1px solid rgba(150,180,212,.13)}.page--s3 .hero--r9 .jindex .row:last-child{border-bottom:1px solid rgba(150,180,212,.13)}.page--s3 .hero--r9 .jindex .row .num{font:400 10px/1 IBM Plex Mono,monospace;color:#677e96;width:22px;flex:none}.page--s3 .hero--r9 .jindex .row .nm{flex:1;font:400 16px/1.2 Space Grotesk,sans-serif;letter-spacing:-.005em;color:#dde6f1}.page--s3 .hero--r9 .jindex .row .st{font:500 8.5px/1 IBM Plex Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#8fb6c4;flex:none}.page--s3 .hero--r9 .r9-eye{color:#6bb3bf!important}.page--s3 .hero--r9 .hero__title{color:#f3f6ff!important;font-weight:500!important}.page--s3 .hero--r9 .hero__title .cx-l span{font-size:34px!important}html:not([data-vp=mobile]) .page--s3 .top__link{display:inline!important}html:not([data-vp=mobile]) .page--s3 .top__nav,html:not([data-vp=mobile]) .page--s3 .top__actions{display:flex!important}html:not([data-vp=mobile]) .page--s3 .top__burger{display:none!important}html[data-vp=mobile] .page--s3 .top__nav,html[data-vp=mobile] .page--s3 .top__actions{display:none!important}html[data-vp=mobile] .page--s3 .top__burger{display:inline-flex!important}.page--s3 .hero--r9 .r9-btns{display:flex;gap:13px;margin-top:36px}.page--s3 .hero--r9 .r9-b{position:relative;font:600 14px/1 IBM Plex Sans,sans-serif!important;padding:16px 46px!important;border-radius:12px!important;text-decoration:none;border:0!important;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background .2s}.page--s3 .hero--r9 .r9-b:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;pointer-events:none;background:conic-gradient(from 132deg,transparent 0 60%,rgba(124,176,232,.8) 76%,rgba(196,228,252,1) 85%,rgba(124,176,232,.8) 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transform:scaleX(-1)}.page--s3 .hero--r9 .r9-b.pri{color:#f1f5fb!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#28303b,#1a2029 52%,#11151c)!important;box-shadow:inset 0 1px #ffffff1a,0 16px 32px -16px #000000b3!important}.page--s3 .hero--r9 .r9-b.pri:hover{transform:translateY(-2px);background:linear-gradient(180deg,#303945,#1f2630 52%,#151a22)!important;box-shadow:inset 0 1px #ffffff24,0 24px 44px -18px #000000c7!important}.page--s3 .hero--r9 .r9-b.gho{color:#cfdae8!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#0a0c10,#050608)!important;box-shadow:inset 0 1px #ffffff0f,0 12px 26px -16px #0009!important}.page--s3 .hero--r9 .r9-b.gho:hover{transform:translateY(-2px);background:linear-gradient(180deg,#12151b,#0a0c10)!important;box-shadow:inset 0 1px #ffffff17,0 16px 30px -16px #000000b3!important}html[data-vp=mobile] .page--s3 .hero--r9 .hero__strip{height:190px!important;order:-1}html[data-vp=mobile] .page--s3 .hero--r9 .hero__title .cx-l span{font-size:25px!important}html[data-vp=mobile] .page--s3 .hero--r9 .jindex{width:100%!important;padding:24px 22px!important}html[data-vp=mobile] .page--s3 .hero--r9 .jindex h4{margin-bottom:14px!important}html[data-vp=mobile] .page--s3 .hero--r9 .jindex .row{gap:12px!important;padding:11px 0!important}html[data-vp=mobile] .page--s3 .hero--r9 .jindex .row .nm{font-size:15px!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-template.css.map */