.cmp-hero{position:relative;overflow:hidden;padding:clamp(110px,12vw,190px) 0 clamp(84px,10vw,150px);background:radial-gradient(circle at 79% 48%,rgba(59,211,218,.3),transparent 20%),radial-gradient(circle at 72% 50%,rgba(46,141,153,.22),transparent 42%),linear-gradient(128deg,#08090a,#0a171b 48%,#062c37)}.cmp-hero:after{content:"";position:absolute;inset:auto -18vw -42vw auto;width:80vw;height:80vw;border:1px solid rgba(126,244,240,.13);border-radius:50%;box-shadow:0 0 0 8vw #41b9be06,0 0 0 18vw #41b9be05}.cmp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:8vw}.cmp-hero-copy .h1{max-width:9ch;margin:24px 0 28px}.cmp-hero-copy .lede{max-width:38ch}.cmp-orbit{position:relative;aspect-ratio:1;max-width:610px;width:100%;margin-inline:auto;display:grid;place-items:center}.cmp-ring{position:absolute;border-radius:50%;border:1px solid rgba(167,247,244,.23)}.cmp-ring-one{top:15%;right:15%;bottom:15%;left:15%}.cmp-ring-two{top:4%;right:4%;bottom:4%;left:4%;border-style:dashed;opacity:.45}.cmp-core{width:42%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 36% 28%,#72e5df,#1e838f 54%,#0a3640);box-shadow:0 0 80px #43dad73b,inset 0 0 0 1px #ffffff4d}.cmp-core strong{font-size:clamp(42px,5vw,84px);font-weight:400;letter-spacing:-.06em;line-height:.85}.cmp-core small{margin-top:15px;font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.cmp-chip{position:absolute;padding:11px 15px;border:1px solid rgba(244,242,236,.2);border-radius:99px;background:#0510139e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-2)}.cmp-chip-a{top:12%;right:5%}.cmp-chip-b{left:0;top:54%;color:#99f3ee;border-color:#63e5e061}.cmp-chip-c{right:3%;bottom:13%}.cmp-stage{padding:var(--sec) 0;background:linear-gradient(180deg,#111213,#16191a 45%,#0c1012)}.cmp-stage-head{display:grid;grid-template-columns:1.15fr .65fr;gap:8vw;align-items:end;margin-bottom:clamp(50px,7vw,95px)}.cmp-stage-head .h2{max-width:10ch;margin-top:20px}.cmp-stage-head .body{max-width:42ch}.cmp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cmp-card{position:relative;min-height:560px;padding:30px;border:1px solid var(--rule-dark);border-radius:28px;background:linear-gradient(145deg,#ffffff0e,#ffffff05);overflow:hidden}.cmp-card-one{background:radial-gradient(circle at 60% 23%,rgba(75,216,217,.22),transparent 38%),linear-gradient(145deg,#103b45,#0b1d22 70%);border-color:#70e5e159}.cmp-card-top{display:flex;align-items:center;justify-content:space-between;min-height:30px}.cmp-kicker,.cmp-index,.cmp-badge{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.cmp-kicker,.cmp-index{color:var(--on-dark-3)}.cmp-badge{padding:8px 11px;border-radius:99px;background:#77e7df;color:#082b31;letter-spacing:.1em}.cmp-card h3{font-size:clamp(30px,3vw,48px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:30px 0 14px;max-width:9ch}.cmp-card p{min-height:54px;color:var(--on-dark-2);font-size:14px;line-height:1.6}.cmp-card ul{display:grid;gap:11px;margin-top:28px}.cmp-card li{display:flex;gap:10px;color:var(--on-dark);font-size:13px}.cmp-card li:before{content:"";width:6px;height:6px;margin-top:.55em;border-radius:50%;background:var(--water);flex:none}.cmp-card-one li:before{background:#77e7df}.cmp-product{width:100%;height:230px;object-fit:contain;margin:20px 0 -10px;filter:drop-shadow(0 28px 28px rgba(0,0,0,.35))}.cmp-type{height:220px;margin:20px 0 -10px;display:grid;place-items:center}.cmp-type-round span{width:126px;height:126px;border:13px solid #e8e8e3;border-radius:50%;box-shadow:inset 0 0 0 4px #222,0 26px 50px #0000004d}.cmp-type-wave{display:flex;align-items:center;justify-content:center;gap:10px}.cmp-type-wave i{display:block;width:9px;height:112px;border-radius:99px;background:linear-gradient(180deg,transparent,#76dcd9,transparent);opacity:.35}.cmp-type-wave i:nth-child(2){height:170px;opacity:.8}.cmp-type-wave i:nth-child(3){height:140px;opacity:.55}.cmp-matrix{margin-top:clamp(60px,8vw,110px);border-top:1px solid var(--rule-dark)}.cmp-row{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:18px;align-items:center;padding:22px 16px;border-bottom:1px solid var(--rule-dark);transition:background .25s ease}.cmp-row:not(.cmp-row-head):hover{background:#ffffff06}.cmp-row>span,.cmp-row>strong{font-size:13px;font-weight:400;color:var(--on-dark-2)}.cmp-row>span:first-child{color:var(--on-dark);font-size:14px}.cmp-row-head{padding-top:14px}.cmp-row-head>*{font-family:var(--mono);font-size:9px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-3)!important}.cmp-row .cmp-yes{display:inline-flex;width:max-content;align-items:center;padding:8px 11px;border-radius:99px;background:#55dbd621;color:#8cebe6;font-weight:600}.cmp-row .cmp-yes:before{content:"\2713";margin-right:7px}.cmp-note{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 16px}.cmp-note p{max-width:74ch;font-size:11px;line-height:1.7;color:var(--on-dark-3)}.cmp-note p a{text-decoration:underline;text-underline-offset:3px}.cmp-note .btn{flex:none}.cmp-editorial{margin-top:clamp(70px,9vw,130px);padding:clamp(32px,5vw,70px);max-width:none;border-radius:28px;background:var(--paper);color:var(--on-light)}.cmp-editorial h2,.cmp-editorial h3,.cmp-editorial strong{color:var(--on-light)}.cmp-editorial p,.cmp-editorial li{color:var(--on-light-2)}@media(max-width:900px){.cmp-hero-grid,.cmp-stage-head{grid-template-columns:1fr}.cmp-orbit{max-width:520px}.cmp-cards{grid-template-columns:1fr}.cmp-card{min-height:auto}.cmp-product,.cmp-type{height:190px}.cmp-row{grid-template-columns:1.25fr repeat(3,.75fr);gap:10px;padding-inline:4px}.cmp-note{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.cmp-hero{padding-top:90px}.cmp-chip{font-size:8px}.cmp-chip-a{right:0}.cmp-chip-b{left:-4%}.cmp-chip-c{right:-2%}.cmp-card{padding:24px;border-radius:22px}.cmp-row{grid-template-columns:1.3fr repeat(3,.7fr);gap:7px}.cmp-row>span,.cmp-row>strong{font-size:10px}.cmp-row>span:first-child{font-size:11px}.cmp-row .cmp-yes{padding:6px 7px}.cmp-editorial{padding:26px;border-radius:22px}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map */
