.card,.offer{perspective:900px;height:100%;position:relative}.card:before,.offer:before{content:"";clip-path:var(--notch);transition:background-color .35s, transform .35s var(--ease-out);background:#0a0c0d;position:absolute;inset:0;transform:translateY(8px)}.card__body,.offer__body{height:100%;clip-path:var(--notch);transform:translate3d(0, 0, 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease-out);background:linear-gradient(#2b3034,#23272a);padding:28px 26px 30px;position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff12,inset 0 -3px #0000004d}.card__body:after,.offer__body:after,.skin-card__body:after,.shot__body:after,.feature:after{content:"";pointer-events:none;z-index:3;width:45%;transition:transform .9s var(--ease-out);background:linear-gradient(100deg,#0000,#c4a1ff29 40%,#ffffff38 50%,#5ce1e61f 60%,#0000);position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-160%)skew(-18deg)}@media (hover:hover){.card:hover .card__body,.offer:hover .offer__body{transform:translate3d(0, -8px, 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.card:hover:before,.offer:hover:before{background:#00a5a873;transform:translateY(10px)}.card:hover .card__body:after,.offer:hover .offer__body:after,.skin-card:hover .skin-card__body:after,.shot__link:hover .shot__body:after,.feature:hover:after{transform:translate(320%)skew(-18deg)}.card:hover .card__icon svg,.offer:hover .offer__slot svg{transform:translateY(-4px)rotate(-10deg)scale(1.1)}}.card__icon{background:var(--slot);place-items:center;width:56px;height:56px;margin-bottom:20px;display:grid;box-shadow:inset 3px 3px #00000080,inset -3px -3px #ffffff12,0 0 0 3px #0a0c0d}.card__icon svg{width:30px;height:30px;transition:transform .45s var(--ease-spring)}.card .h3{margin-bottom:10px}.card p{color:var(--muted)}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (max-width:860px){.cards-3{grid-template-columns:1fr;gap:20px}}.offers{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;display:grid}.offer__body{padding:24px 22px 26px}.offer__slot{background:var(--slot);place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid;box-shadow:inset 3px 3px #00000080,inset -3px -3px #ffffff12,0 0 0 3px #0a0c0d}.offer__slot svg{width:28px;height:28px;transition:transform .45s var(--ease-spring)}.offer__idx{font:400 .85rem/1 var(--f-ui);color:#fff3;position:absolute;top:20px;right:22px}.offer .h3{margin-bottom:8px;font-size:1.15rem}.offer p{color:var(--muted);font-size:.95rem}.teaser__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.teaser__copy>p{color:var(--muted);max-width:52ch;margin:18px 0 24px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.chip{font:400 .72rem/1.2 var(--f-ui);color:#dde8ea;clip-path:var(--notch-sm);background:#23282b;align-items:center;gap:8px;padding:7px 12px 7px 8px;transition:background-color .2s,color .2s;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff0f}.chip__icon svg{width:18px;height:18px;transition:transform .35s var(--ease-spring)}.chip:hover{color:#fff;background:#2c3337}.chip:hover .chip__icon svg{transform:scale(1.25)rotate(-10deg)}@media (max-width:860px){.teaser__grid{grid-template-columns:1fr}}.shot{margin:0}.shot__link{perspective:1000px;text-decoration:none;display:block;position:relative}.shot__link:before{content:"";transition:transform .4s var(--ease-out), background-color .4s;background:#0a0c0d;position:absolute;inset:0;transform:translate(10px,10px)}.shot__body{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease-out);display:block;position:relative;overflow:hidden;box-shadow:0 0 0 4px #0a0c0d,inset 0 0 0 1px #ffffff1a}.shot__body img{width:100%;transition:transform .8s var(--ease-out)}.shot__zoom{z-index:2;width:40px;height:40px;color:var(--navy);background:var(--cyan);box-shadow:0 0 0 3px var(--navy);opacity:0;transition:opacity .25s, transform .35s var(--ease-spring);place-items:center;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.shot__zoom svg{width:18px}.shot figcaption,.shot>figcaption{font:500 .9rem/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:18px}@media (hover:hover){.shot__link:hover:before{background:#00a5a880;transform:translate(14px,16px)}.shot__link:hover .shot__body{transform:translate3d(-3px, -4px, 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.shot__link:hover img{transform:scale(1.05)}.shot__link:hover .shot__zoom{opacity:1;transform:none}}@media (hover:none){.shot__zoom{opacity:1;transform:none}}.cta-card{isolation:isolate;text-align:center;clip-path:var(--notch);background:radial-gradient(60% 90% at 50% 0,#00a5a859,#0000 70%),linear-gradient(#0b2a3c,#0a1d29);padding:clamp(40px,7vw,80px) clamp(20px,5vw,64px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #5ce1e640}.cta-card .h2{margin-bottom:14px}.cta-card>p{color:#bfd0d4;max-width:52ch;margin:0 auto 28px}.cta-card .particles{z-index:-1}.cta-card--row{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding:clamp(28px,4vw,44px) clamp(20px,4vw,48px);display:flex}.cta-card--row>div{flex:320px}.cta-card--row p{color:#bfd0d4;margin-top:8px}.cta-card__icon{background:var(--slot);flex:none;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 3px 3px #00000080,inset -3px -3px #ffffff12,0 0 0 3px #0a0c0d}.cta-card__icon svg{width:34px;height:34px}