:root{--bg:#05070d;--card:#0b101c;--line:rgba(238,244,255,.14);--tx:#eef4ff;--tx2:#b9c6da;--tx3:#9fb0c8;--mute:#7f8ea6;--cy:#22e3ff;--vi:#8b5cff;--go:#ffc94d;--uf:Unbounded,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body.neo{margin:0;background:var(--bg);color:var(--tx);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.neo a{color:var(--cy)}
.neo img{max-width:100%;display:block}
.wrap{max-width:1312px;margin:0 auto;padding:0 64px}
.sec{padding:72px 0 0}
.h2{margin:0 0 28px;font-family:var(--uf);font-weight:200;font-size:44px;line-height:1.1;text-transform:uppercase}
.h2 b{font-weight:800}
.lead{margin:0 0 24px;max-width:900px;font-size:17px;color:var(--tx2)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}
.neo .btn-max{background:var(--cy);color:#03121a;box-shadow:0 0 28px rgba(34,227,255,.4)}
.neo .btn-max:hover{background:#6cf0ff;color:#03121a}
.neo .btn-ghost{border:1.5px solid rgba(238,244,255,.6);color:var(--tx);font-weight:600}
.neo .btn-ghost:hover{background:rgba(34,227,255,.12);color:var(--tx)}
/* header */
.nh{position:sticky;top:0;z-index:50;background:rgba(5,7,13,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(34,227,255,.12)}
.nh-in{max-width:1440px;margin:0 auto;height:80px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.neo .nh-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tx)}
.nh-logo img{filter:drop-shadow(0 0 8px rgba(34,227,255,.45))}
.nh-logo span{font-family:var(--uf);font-weight:700;font-size:19px;letter-spacing:.04em}
.nh-nav{display:flex;gap:22px;font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.neo .nh-nav a{color:var(--tx);text-decoration:none}
.neo .nh-nav a:hover,.neo .nh-nav a.on{color:var(--cy)}
.nh-act{display:flex;align-items:center;gap:14px}
.neo .nh-tel{font-family:var(--uf);font-size:15px;color:var(--tx);text-decoration:none;white-space:nowrap}
@media (max-width:1680px){.nh-tel{display:none}}
.nh-max{height:44px;padding:0 20px;font-size:14px}
.nh-ico{display:none;width:42px;height:42px;border-radius:8px;border:1px solid rgba(238,244,255,.3);background:none;color:var(--tx);align-items:center;justify-content:center;padding:0;cursor:pointer}
.neo .nh-ico{color:var(--tx)}
.nh-burger{border-color:rgba(34,227,255,.5);background:rgba(34,227,255,.08);color:var(--cy)}
/* hero */
.hero{position:relative;overflow:hidden;padding:28px 0 16px;background:radial-gradient(ellipse 45% 60% at 76% 50%,rgba(139,92,255,.38),rgba(139,92,255,0) 65%),radial-gradient(ellipse 35% 40% at 76% 50%,rgba(34,227,255,.22),rgba(34,227,255,0) 70%),linear-gradient(180deg,#060a18,#080c1f 60%,var(--bg))}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:40px;align-items:center}
.crumbs{font-size:13px;color:var(--mute);margin-bottom:12px;grid-column:1/-1}
.hero-txt{align-self:start;padding-top:24px}
.hero+.sec{padding-top:36px}
.neo .crumbs a{color:var(--mute);text-decoration:none}
.crumbs span{color:var(--tx2)}
.kicker{font-weight:700;font-size:14px;letter-spacing:.32em;color:var(--cy);text-transform:uppercase}
.hero h1{margin:22px 0;font-family:var(--uf);font-size:clamp(40px,3.7vw,56px);line-height:1;text-transform:uppercase;font-weight:200}
.hero h1 b{font-weight:800;color:#cfe9ff;text-shadow:0 0 28px rgba(139,92,255,.7),0 0 60px rgba(34,227,255,.35)}
.hero p{margin:0 0 30px;max-width:600px;font-size:19px;color:var(--tx2)}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap}
.hero-btns .btn{height:60px;font-size:17px;padding:0 24px}
.ticks{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:var(--tx3)}
/* chamber */
.chw{position:relative;width:540px;height:540px}
.ch{position:absolute;left:0;top:0;width:520px;height:520px;border-radius:50%;border:14px solid #1a2238;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 0 0 2px rgba(34,227,255,.25),0 0 80px rgba(139,92,255,.45);background:radial-gradient(circle at 30% 50%,#f3ecff 0 3%,#b69cff 8%,rgba(139,92,255,.55) 20%,rgba(34,227,255,.18) 42%,rgba(5,7,13,0) 60%),radial-gradient(circle at 50% 50%,#0d1030,#04050c 75%);overflow:hidden;transform-origin:0 0}
.ch-ring{position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(34,227,255,.25);animation:nspin 40s linear infinite}
.ch-cat{position:absolute;left:118px;top:170px;width:26px;height:180px;animation:nglow 1.4s ease-in-out infinite}
.win,.grp,.lbl{opacity:0;animation:nlbl 30s linear infinite}
.win{position:absolute;inset:0;border-radius:4px}
.ch-part{position:absolute;left:330px;top:150px;width:70px;height:220px;border-radius:36px;overflow:hidden;background:linear-gradient(90deg,#2b2f38,#5a606c 35%,#3e434d 60%,#4d525d 80%,#23262d)}
.coat{position:absolute;inset:0;opacity:0;animation:ncoat 30s linear infinite}
.edge{position:absolute;top:0;bottom:0;width:6px;background:#fff6d8;box-shadow:0 0 14px 6px rgba(255,214,120,.9);animation:nedge 6s ease-in-out infinite}
.d2{animation-delay:6s}.d3{animation-delay:12s}.d4{animation-delay:18s}.d5{animation-delay:24s}
.ch-pts{position:absolute;left:144px;top:260px;width:0;height:0}
.grp{position:absolute;left:0;top:0}
.pt{position:absolute;border-radius:50%;opacity:0;animation:ndep var(--t) linear infinite;animation-delay:var(--d)}
.ch-lbls{position:absolute;left:0;right:0;bottom:92px;height:24px;text-align:center;font-family:var(--uf);font-weight:700;font-size:18px;letter-spacing:.12em;text-transform:uppercase}
.lbl{position:absolute;left:0;right:0}
.ch-cap{position:absolute;left:0;right:0;bottom:66px;text-align:center;font-size:11px;letter-spacing:.12em;color:rgba(207,233,255,.65);text-transform:uppercase}
@keyframes ndep{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
@keyframes ncoat{0%{clip-path:inset(0 100% 0 0);z-index:2;opacity:1}11%{clip-path:inset(0 0 0 0);z-index:2;opacity:1}19.99%{clip-path:inset(0 0 0 0);z-index:2;opacity:1}20%{clip-path:inset(0 0 0 0);z-index:1;opacity:1}39.99%{clip-path:inset(0 0 0 0);z-index:1;opacity:1}40%{opacity:0}100%{opacity:0;clip-path:inset(0 100% 0 0)}}
@keyframes nlbl{0%{opacity:0}3%{opacity:1}17%{opacity:1}20%{opacity:0}100%{opacity:0}}
@keyframes nedge{0%{left:-6px;opacity:1}55%{left:70px;opacity:1}56%{opacity:0}100%{left:70px;opacity:0}}
@keyframes nglow{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes nspin{to{transform:rotate(360deg)}}
/* swatches */
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin-bottom:28px}
.sec-head .h2{margin-bottom:0}
.sec-note{font-size:15px;color:var(--tx3)}
.sw{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.sw div{height:200px;border-radius:14px;position:relative}
.sw span{position:absolute;left:20px;bottom:18px;font-family:var(--uf);font-weight:700;font-size:20px;color:#0a0f1a}
.s1{background:linear-gradient(135deg,#5f6878,#f5f8ff 28%,#9aa3b5 46%,#fff 62%,#6b7384)}
.s2{background:linear-gradient(135deg,#7a5410,#ffe29a 30%,#c8961e 50%,#fff1c2 64%,#8a6214)}
.s3{background:linear-gradient(135deg,#6b2e14,#ffb08a 30%,#b8562c 50%,#ffc9ae 64%,#72321a)}
.s4{background:linear-gradient(135deg,#8d95a3,#fff 30%,#c4cad6 50%,#f4f6fb 64%,#9aa1ae)}
.s5{background:linear-gradient(135deg,#4a3016,#d9a86a 30%,#8a5d2c 50%,#e8c290 64%,#50341a)}
/* cards */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.neo .card{height:250px;padding:26px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at 80% 20%,var(--g),transparent 55%),var(--card);display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--tx);transition:transform .2s,border-color .2s}
.neo .card:hover{border-color:rgba(34,227,255,.7);transform:translateY(-4px);color:var(--tx)}
.card svg{width:76px;height:76px;margin-bottom:auto;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card b{font-family:var(--uf);font-weight:700;font-size:19px;line-height:1.25}
.card span{font-size:14px;color:var(--tx3);line-height:1.5}
.card.alt{border-color:rgba(34,227,255,.45);background:#0d1a2c}
.card.alt b{color:var(--cy)}
/* matrix */
.mx-wrap{display:grid;grid-template-columns:380px minmax(0,1fr);gap:48px;align-items:start}
.mx-wrap p{margin:0 0 18px;color:var(--tx3)}
.legend{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--tx2)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:10px;vertical-align:-1px}
.mx{border-radius:16px;border:1px solid var(--line);background:#0a0f1b;overflow:hidden}
.mx-r{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;padding:14px 28px;border-top:1px solid rgba(238,244,255,.08)}
.mx-h{background:#0e1526;border-top:0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.mx-h span{text-align:center}
.mx-r>div b{display:block;font-size:17px;font-weight:600}
.mx-r>div small{font-size:13px;color:var(--mute)}
.ok,.no{justify-self:center;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ok{--c:34,227,255;background:rgba(var(--c),.14);border:1.5px solid rgb(var(--c));box-shadow:0 0 12px rgba(var(--c),.5)}
.ok.g{--c:255,201,77}
.ok:after{content:"";width:12px;height:7px;border:solid rgb(var(--c));border-width:0 0 2.5px 2.5px;transform:translateY(-2px) rotate(-45deg)}
.no{border:1.5px solid rgba(238,244,255,.25);position:relative}
.no:before,.no:after{content:"";position:absolute;width:13px;height:2px;background:rgba(238,244,255,.45);transform:rotate(45deg)}
.no:after{transform:rotate(-45deg)}
.q{justify-self:center;font-size:13px;color:var(--mute)}
/* how */
.meth{margin-top:48px}
.lead+.meth{margin-top:8px}
.meth h3{margin:0 0 12px;font-family:var(--uf);font-weight:700;font-size:20px;text-transform:uppercase}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
.chips em{font-style:normal;font-weight:600;font-size:14px;color:rgb(var(--c))}
.chips span{padding:5px 11px;border-radius:999px;border:1px solid rgba(var(--c),.4);background:rgba(var(--c),.07);font-size:13px;color:#dbe5f3;white-space:nowrap}
.steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:36px;counter-reset:st;list-style:none;margin:0;padding:0}
.steps li{position:relative;padding:26px;border-radius:14px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.steps li:before{counter-increment:st;content:"0" counter(st);font-family:var(--uf);font-weight:800;font-size:36px;color:rgba(var(--c),.6)}
.steps li:not(:last-child):after{content:"";position:absolute;right:-30px;top:50%;width:24px;height:2px;background:rgb(var(--c));box-shadow:0 0 8px rgb(var(--c))}
.steps li.hl{border-color:rgba(var(--c),.55)}
.steps b{font-family:var(--uf);font-weight:700;font-size:17px;line-height:1.25}
.steps span{font-size:14px;color:var(--tx3);line-height:1.55}
.c-cy{--c:34,227,255}.c-go{--c:255,201,77}
.c-cy h3{color:var(--cy)}.c-go h3{color:var(--go)}
/* prices */
.pr-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}
.pt-tab{border-radius:14px;border:1px solid var(--line);overflow:hidden}
.pt-r{display:flex;justify-content:space-between;gap:16px;padding:20px 26px;border-top:1px solid rgba(238,244,255,.08);font-size:17px}
.pt-r:first-child{border-top:0;background:#0e1526;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding:18px 26px}
.pt-r b{font-family:var(--uf);font-weight:400;color:var(--cy);white-space:nowrap}
.pr-note{margin-top:14px;font-size:14px;color:var(--mute)}
.calc{padding:40px;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(34,227,255,.3),transparent 55%),radial-gradient(circle at 0 100%,rgba(139,92,255,.3),transparent 55%),#0c1426;border:1px solid rgba(34,227,255,.4);display:flex;flex-direction:column;gap:16px}
.calc b{font-family:var(--uf);font-weight:700;font-size:26px;line-height:1.25}
.calc span{color:var(--tx2)}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gal figure{margin:0;height:280px;border-radius:14px;position:relative;overflow:hidden;background:#0b101c}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gal figure:hover img{transform:scale(1.05)}
.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;font-weight:700;font-size:15px;background:linear-gradient(transparent,rgba(5,7,13,.9))}
.sizes{display:flex;gap:14px;flex-wrap:wrap;font-size:15px;color:var(--tx2)}
.sizes b{color:var(--tx)}
/* faq */
.faq-wrap{display:grid;grid-template-columns:360px minmax(0,1fr);gap:60px}
.faq details{border-bottom:1px solid rgba(238,244,255,.12);padding:20px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;font-family:var(--uf);font-weight:700;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid rgba(238,244,255,.3);display:flex;align-items:center;justify-content:center;font-weight:400;font-size:20px}
.faq details[open] summary:after{content:"−";color:var(--cy);border-color:var(--cy)}
.faq p{margin:10px 0 0;font-size:15px;color:var(--tx3)}
/* cta */
.cta{margin-top:72px;border-radius:20px;padding:48px 56px;background:radial-gradient(ellipse 50% 120% at 85% 50%,rgba(139,92,255,.5),transparent 70%),radial-gradient(ellipse 40% 100% at 10% 50%,rgba(34,227,255,.3),transparent 70%),#0b1024;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta b{display:block;font-family:var(--uf);font-weight:800;font-size:34px;text-transform:uppercase}
.cta span{color:var(--tx2);font-size:17px}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap}
/* footer */
.nf{margin-top:64px;border-top:1px solid rgba(34,227,255,.2);background:linear-gradient(180deg,var(--bg),#081022)}
.nf-in{max-width:1440px;margin:0 auto;padding:40px 64px 48px;display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
.nf-col{display:flex;flex-direction:column;gap:12px}
.nf-mute{font-size:14px;color:var(--tx3)}
.nf-nav{display:grid;grid-template-columns:repeat(2,auto);gap:8px 32px;font-size:14px}
.neo .nf-nav a{color:var(--tx2);text-decoration:none}
.neo .nf-nav a:hover{color:var(--cy)}
.nf-r{align-items:flex-end}
.neo .nf-tel{font-family:var(--uf);font-size:22px;color:var(--tx);text-decoration:none}
.sbar{display:none}
/* tablet */
@media (max-width:1200px){
 .nh-nav{gap:14px;font-size:12px}.nh-tel{display:none}
 .hero .wrap{grid-template-columns:minmax(0,1fr) 400px}
 .chw{width:400px;height:400px}.ch{transform:scale(.73)}
 .hero h1{font-size:44px}
 .cards,.gal{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* mobile */
@media (max-width:900px){
 .wrap{padding:0 20px}
 .sec{padding-top:44px}
 .h2{font-size:26px;margin-bottom:18px}
 .sec-head{margin-bottom:16px;row-gap:6px}.sec-note{font-size:13px}
 .lead{font-size:14px;margin-bottom:18px}
 .btn{height:52px;width:100%}
 .nh-in{height:64px;padding:0 16px 0 20px}
 .nh-logo img{width:34px;height:34px}.nh-logo span{font-size:16px}
 .nh-max,.nh-tel{display:none}
 .nh-ico{display:flex}
 .nh-nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:rgba(5,7,13,.97);border-bottom:1px solid rgba(34,227,255,.2);font-size:15px}
 .nh-nav.open{display:flex}
 .nh-nav a{padding:16px 20px;border-top:1px solid rgba(238,244,255,.08)}
 .hero{padding:20px 0 8px;background:radial-gradient(ellipse 90% 30% at 50% 44%,rgba(139,92,255,.35),transparent 70%),linear-gradient(180deg,#060a18,#080c1f 60%,var(--bg))}
 .hero .wrap{grid-template-columns:1fr;gap:0}
 .crumbs{font-size:12px;margin-bottom:14px}.hero-txt{padding-top:0}.hero+.sec{padding-top:36px}
 .kicker{font-size:11px;letter-spacing:.26em}
 .hero h1{font-size:32px;margin:12px 0 8px;line-height:1.02}
 .hero p{font-size:16px;margin-bottom:18px}
 .hero-txt{display:contents}.crumbs{order:0}.kicker{order:1}.hero h1{order:2}.chw{order:3}.hero p{order:4}.hero-btns{order:5}.ticks{order:6}
 .chw{width:344px;height:344px;margin:4px auto 14px}
 .ch{transform:scale(.625)}
 .hero-btns{flex-direction:column;gap:12px}
 .ticks{flex-direction:column;gap:6px;font-size:13px;margin-top:14px}
 .sw,.gal{display:flex;overflow-x:auto;gap:12px;margin:0 -20px;padding:0 20px;scrollbar-width:none}
 .sw::-webkit-scrollbar,.gal::-webkit-scrollbar{display:none}
 .sw div{flex:0 0 128px;height:150px;border-radius:12px}.sw span{font-size:15px;left:14px;bottom:12px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .neo .card{height:176px;padding:16px;gap:6px;border-radius:12px}
 .card svg{width:46px;height:46px}
 .card b{font-size:13px}.card span{font-size:12px;line-height:1.4}
 .mx-wrap,.pr-wrap,.faq-wrap{grid-template-columns:1fr;gap:18px}
 .mx-wrap p{font-size:14px}.legend{display:none}
 .mx-r{grid-template-columns:minmax(0,1fr) 76px 76px;padding:11px 14px}
 .mx-h{font-size:10px;letter-spacing:.12em}
 .mx-r>div b{font-size:14px}.mx-r>div small{font-size:11px}
 .ok,.no{width:28px;height:28px}
 .meth{margin-top:14px;padding:18px 16px;border-radius:14px;background:var(--card);border:1px solid rgba(var(--c),.35)}
 .meth h3{font-size:15px;margin-bottom:10px}
 .chips{gap:6px;margin-bottom:14px}.chips span{font-size:12px;padding:4px 9px}.chips em{font-size:13px}
 .steps{grid-auto-flow:row;gap:0}
 .steps li{padding:0 0 16px 50px;background:none;border:0;min-height:52px;gap:4px}
 .steps li:before{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;border:1.5px solid rgb(var(--c));box-shadow:0 0 10px rgba(var(--c),.5);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:rgb(var(--c));background:var(--bg)}
 .steps li:not(:last-child):after{left:17px;right:auto;top:40px;bottom:-4px;width:2px;height:auto;box-shadow:none;background:linear-gradient(rgba(var(--c),.8),rgba(var(--c),.15))}
 .steps b{font-size:14px;padding-top:6px}.steps span{font-size:13px}
 .pt-r{padding:14px 16px;font-size:14px}.pt-r b{font-size:13px}
 .calc{padding:22px 18px}.calc b{font-size:18px}.calc span{font-size:14px}
 .gal figure{flex:0 0 240px;height:240px;border-radius:12px}
 .sizes{flex-direction:column;gap:2px;font-size:13px;margin:0}
 .gal-sec .wrap{display:flex;flex-direction:column}
 .faq details{padding:16px 0}.faq summary{font-size:14px}.faq summary:after{width:28px;height:28px}.faq p{font-size:13px}
 .cta{margin:40px 0 0;padding:26px 20px;border-radius:18px;flex-direction:column;align-items:stretch}
 .cta b{font-size:22px}.cta span{font-size:14px}.cta-btns{flex-direction:column;gap:12px}
 .nf{margin-top:32px}.nf-in{padding:26px 20px 110px;flex-direction:column;gap:18px}.nf-r{align-items:stretch}.nf-tel{font-size:18px}
 .sbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;padding:12px 16px;background:rgba(5,7,13,.94);border-top:1px solid rgba(34,227,255,.25);box-shadow:0 -10px 30px rgba(0,0,0,.6)}
 .sbar .btn{height:50px;font-size:15px}.sbar .btn-ghost{flex:0 0 120px}
}
@media (prefers-reduced-motion:reduce){.ch-ring,.ch-cat,.edge,.win,.coat,.lbl,.grp,.pt{animation:none}.edge{display:none}.win.d2,.coat.d2,.lbl.d2,.grp.d2{opacity:1;clip-path:none}.pt{opacity:.9;--k:.5;transform:translate(calc(var(--dx)*var(--k)),calc(var(--dy)*var(--k)))}.pt:nth-child(3n){--k:.2}.pt:nth-child(3n+1){--k:.8}}