:root{
--sky:#d6d7db; --sky-2:#cfd0d4; --paper:#d6d7db; --card:#f5f5f2;
--ink:#141414; --ink-2:#3b3c41; --ink-3:#66676d;
--blue:#657eae; --blue-deep:#4b6190; --blue-ink:#1b1b1c; --glow:#b4c1dc; --blue-soft:#c5cddd;
--blue-text:#3d5486;
--holo-a:#e9e9e6; --holo-b:#e1e2e5; --holo-c:#dcdde1; --holo-d:#ecebe7;
--line:rgba(20,20,20,.14); --line-2:rgba(20,20,20,.28);
--white:#f5f5f2;
--tex:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/17107355e699.webp");
--sheet:linear-gradient(rgba(247,247,244,.86),rgba(247,247,244,.86)),var(--tex) 0 0/720px 720px;
--board:#141414;
--tape:rgba(101,126,174,.8);
--hand:'Neucha','Comic Sans MS',cursive;
--cut-a:polygon(.6% 1.8%,36% 0,72% 1.1%,99.4% .2%,100% 38%,99.1% 99.2%,58% 100%,23% 98.4%,.3% 100%,0 47%);
--cut-b:polygon(1.4% 0,48% 1.6%,100% .3%,99.2% 52%,100% 98.6%,64% 99.4%,31% 100%,0 98.8%,.8% 60%,0 22%);
--cut-c:polygon(0 .8%,27% 0,63% 1.4%,100% 0,99.5% 31%,100% 100%,44% 98.9%,.6% 100%,0 71%);
--cut-d:polygon(2% 1%,100% 0,98.8% 45%,100% 99%,3% 100%,0 56%);
--cut-tape:polygon(3% 8%,97% 0,100% 30%,96% 55%,100% 88%,4% 100%,0 70%,4% 42%,0 12%);
--display:'Dela Gothic One','Manrope',ui-sans-serif,system-ui,sans-serif;
--body:'Manrope',ui-sans-serif,system-ui,sans-serif;
--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
--ease:cubic-bezier(.16,1,.3,1);
--gutter:clamp(16px,4vw,56px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--sky);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:var(--blue);color:#fff}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{padding-inline:var(--gutter)}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.h2{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:calc(clamp(30px,4.6vw,64px) * var(--dk2));line-height:1.02;letter-spacing:-.025em;margin:0;text-wrap:balance}
.h3{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.15;letter-spacing:-.01em;margin:0}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--ink-2);max-width:34em;margin:0;text-wrap:pretty}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 22px;font-family:var(--display);font-variation-settings:var(--dax);font-weight:500;font-size:13px;letter-spacing:.01em;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;transition:transform .5s var(--ease),background .3s var(--ease),color .3s var(--ease);will-change:transform;white-space:nowrap}
.btn:hover{background:var(--blue);border-color:var(--blue)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.blue{background:var(--blue);border-color:var(--blue)}
.btn.blue:hover{background:var(--blue-deep);border-color:var(--blue-deep)}
.btn .arr{display:inline-block;transition:transform .5s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.link{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:border-color .3s var(--ease),color .3s var(--ease)}
.link:hover{color:var(--blue);border-color:var(--blue)}
.pill{display:inline-block;font-family:var(--display);font-variation-settings:var(--dax);font-weight:600;font-size:.62em;line-height:1;padding:.62em 1.15em .86em 1em;border:0;background:var(--pbg) center/100% 100% no-repeat;color:var(--ink);vertical-align:.1em;margin:0 .1em 0 .06em;transform:rotate(var(--r,-2deg));white-space:nowrap;transition:transform .5s var(--ease)}
.pill:hover{transform:rotate(0) translateY(-2px)}
.pill.k,.pill.d{--pbg:none}
.nw{white-space:nowrap}
.sec{padding-block:clamp(72px,10vw,150px)}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(32px,4vw,56px)}
.sec-head .mono{margin-bottom:12px;display:block}
.rv{will-change:transform,opacity}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px;padding-inline:var(--gutter);background:color-mix(in srgb,var(--sky) 94%,transparent);border-bottom:1px solid transparent;transition:border-color .4s var(--ease)}
.nav.scrolled{border-bottom-color:var(--line)}
.brand{font-family:var(--display);font-variation-settings:var(--dax);font-weight:800;font-size:15px;letter-spacing:.02em;text-transform:lowercase;display:flex;align-items:center;gap:10px}
.brand i{width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);display:inline-block}
.menu{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.menu a{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);position:relative;padding-block:6px}
.menu a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--blue);transition:right .5s var(--ease)}
.menu a:hover{color:var(--ink)} .menu a:hover::after{right:0}
.nav .btn{padding:11px 18px;font-size:12px}
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:10px}
.burger span{display:block;height:2px;background:var(--ink);margin:6px 0;transition:transform .4s var(--ease),opacity .3s}
.mnav{display:none}
.hero{position:relative;overflow:hidden;isolation:isolate;padding-top:clamp(20px,3vw,44px)}
.holo-gl{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease)}
.holo-gl.on{opacity:1}
.hero .holo{position:absolute;inset:-20% -10%;z-index:-1;pointer-events:none;filter:blur(60px);opacity:.9;
background:
radial-gradient(38% 45% at 18% 22%, var(--holo-c) 0%, transparent 70%),
radial-gradient(30% 36% at 78% 18%, var(--holo-a) 0%, transparent 70%),
radial-gradient(34% 40% at 62% 70%, var(--holo-b) 0%, transparent 70%),
radial-gradient(28% 30% at 30% 78%, var(--holo-d) 0%, transparent 70%);
will-change:transform;animation:drift 22s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate3d(-2%,-1%,0) rotate(0deg)}to{transform:translate3d(2%,2%,0) rotate(3deg)}}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,4vw,64px);align-items:stretch;padding-left:var(--gutter);min-height:min(calc(100vh - 64px - clamp(20px,3vw,44px) - env(safe-area-inset-top,0px)),940px,56vw)}
.hero-l{display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding-block:clamp(12px,2vw,28px) clamp(28px,4vw,56px)}
.hero-l .top,.hero-l .bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.hero-l .bottom{justify-content:flex-end}
.hero-l .top{align-items:flex-start}
.hero-l .c{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);line-height:1.5}
.hero-l .c.r{text-align:right}
.h1{font-family:var(--display);font-variation-settings:var(--dax);font-weight:800;font-size:calc(clamp(40px,5.9vw,100px) * var(--dk));line-height:.98;letter-spacing:var(--dls);margin:0}
.h1 .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em;white-space:nowrap}
.h1 .ln>span{display:block;will-change:transform}
.h1{contain:layout paint}
.h1 .ln{contain:layout paint}
.h1 .wd{display:inline-block;white-space:nowrap}
.h1 .ch{display:inline-block;font-variation-settings:"wght" var(--w,800),var(--dax);font-weight:800}
.h1 .u{position:relative;display:inline-block}
.h1 .u svg{position:absolute;left:-2%;bottom:var(--uly,-.1em);width:104%;height:.34em;overflow:visible}
.h1 .u path{fill:none;stroke:var(--blue);stroke-width:7;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.4s var(--ease) 1.6s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.tag{font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--ink-2);max-width:28em;margin:clamp(20px,2.2vw,30px) 0 0}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(22px,2.6vw,36px)}
.hero-r{position:relative;border-radius:32px 0 0 32px;overflow:hidden;min-height:540px;background:linear-gradient(160deg,var(--holo-c) 0%,var(--holo-a) 46%,var(--holo-b) 100%);box-shadow:0 50px 120px -50px rgba(27,58,158,.5);transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .9s var(--ease);will-change:transform}
.hero-r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.06);will-change:transform}
@media (min-width:1001px){.h1{font-size:calc(clamp(40px,4.6vw,72px) * var(--dk))}.hero-r{justify-self:end;width:min(100%,calc(min(100vh - 64px - clamp(20px,3vw,44px), 940px, 56vw) * .8))}}
@media (min-width:641px) and (max-width:1000px){.hero-r img{transform:none}}
@media (min-width:1001px) and (max-width:1160px){.hero-l .top .c.r{display:none}}
.ribbon{background:var(--blue);color:#fff;overflow:hidden;padding-block:12px;border-block:1px solid var(--blue-deep);margin-top:clamp(28px,4vw,56px)}
.ribbon .track{display:flex;gap:0;width:max-content;animation:marq 40s linear infinite}
.ribbon span{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding-inline:26px;white-space:nowrap}
.ribbon span::before{content:"✦";margin-right:26px;opacity:.7}
@keyframes marq{to{transform:translate3d(-50%,0,0)}}
.wave{padding:clamp(18px,2.4vw,30px) var(--gutter) 0}
.wave canvas{display:block;width:100%;height:clamp(48px,6vw,76px)}
.wave-meta{display:flex;justify-content:space-between;gap:16px;margin-top:10px}
.wave-meta .mono{font-size:11px}
.wave-meta .mid{color:var(--blue)}
[data-count],[data-scramble]{font-variant-numeric:tabular-nums}
.sleeve{position:relative;display:block}
.sleeve img{position:relative;z-index:1;transition:transform .8s var(--ease)}
.vinyl{position:absolute;z-index:0;top:3%;left:3%;width:94%;aspect-ratio:1;border-radius:50%;
background:radial-gradient(circle at 50% 50%,var(--sky) 0 2.2%,var(--lab,var(--blue)) 2.6% 21%,#0b0e15 21.6% 23%,transparent 23.4%),
repeating-radial-gradient(circle at 50% 50%,#1a1f2b 0 1px,#0a0d14 1px 3px);
box-shadow:0 18px 40px -20px rgba(15,26,51,.7);transition:transform 1s var(--ease)}
.vinyl::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,rgba(255,255,255,.16) 13%,transparent 20% 52%,rgba(255,255,255,.12) 58%,transparent 66%)}
.rel .rl:nth-child(6n+1){--lab:#f2cbff}.rel .rl:nth-child(6n+2){--lab:#3b62d8}.rel .rl:nth-child(6n+3){--lab:#c6f2e7}.rel .rl:nth-child(6n+4){--lab:#fff1c9}.rel .rl:nth-child(6n+5){--lab:#cfe0ff}.rel .rl:nth-child(6n+6){--lab:#3b62d8}
@media (hover:hover){
.rl:hover .vinyl{transform:translateX(22%)}
.rl:hover .vinyl::after{animation:spin 1.6s linear infinite}
.rl:hover .sleeve img{transform:translateX(-5%) rotate(-2deg)}
}
@media (hover:hover) and (min-width:1001px){.rel .rl:nth-child(6n):hover .vinyl{transform:translateX(-22%)} .rel .rl:nth-child(6n):hover .sleeve img{transform:translateX(5%) rotate(2deg)}}
@media (hover:hover) and (min-width:641px) and (max-width:1000px){.rel .rl:nth-child(3n):hover .vinyl{transform:translateX(-22%)} .rel .rl:nth-child(3n):hover .sleeve img{transform:translateX(5%) rotate(2deg)}}
@media (hover:hover) and (max-width:640px){.rel .rl:nth-child(2n):hover .vinyl{transform:translateX(-22%)} .rel .rl:nth-child(2n):hover .sleeve img{transform:translateX(5%) rotate(2deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
.wall .scan{position:absolute;left:0;right:0;top:0;height:2px;background:#fff;box-shadow:0 0 18px 4px rgba(59,98,216,.9),0 0 60px 14px rgba(59,98,216,.45);opacity:0;z-index:2;pointer-events:none}
.vf{position:absolute;inset:clamp(14px,2.2vw,30px);pointer-events:none;z-index:1}
.vf i{position:absolute;width:clamp(18px,2.2vw,30px);height:clamp(18px,2.2vw,30px);border:2px solid rgba(255,255,255,.55)}
.vf .tl{top:0;left:0;border-right:0;border-bottom:0}.vf .tr{top:0;right:0;border-left:0;border-bottom:0}
.vf .bl{bottom:0;left:0;border-right:0;border-top:0}.vf .br{bottom:0;right:0;border-left:0;border-top:0}
.vf .rec,.vf .tc,.vf .fmt{position:absolute;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.vf .rec{top:6px;left:calc(clamp(18px,2.2vw,30px) + 12px);display:flex;align-items:center;gap:8px}
.vf .rec b{width:8px;height:8px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 10px #ff5a5a;animation:blink 1.2s steps(2,start) infinite}
.vf .tc{top:6px;right:calc(clamp(18px,2.2vw,30px) + 12px)}
.vf .fmt{bottom:6px;left:calc(clamp(18px,2.2vw,30px) + 12px)}
@keyframes blink{to{visibility:hidden}}
.sync::after{content:"";position:absolute;inset:-50%;pointer-events:none;opacity:.14;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .9s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-2%)}60%{transform:translate(-2%,-4%)}80%{transform:translate(4%,2%)}100%{transform:translate(0,0)}}
.h2 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.h2 .w>span{display:inline-block;will-change:transform}
.btn.mag{transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
@media (max-width:640px){.vf .fmt{display:none}.wave-meta .mid{display:none}}
.f3d{position:absolute;z-index:4;pointer-events:none;will-change:transform}
.f3d img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 30px rgba(27,58,158,.28));animation:bob var(--d,7s) ease-in-out infinite alternate}
@keyframes bob{from{transform:translateY(-8px) rotate(calc(var(--rr,6deg) * -1))}to{transform:translateY(10px) rotate(var(--rr,6deg))}}
.ov{position:relative;display:inline-block}
.ov>.oval{position:absolute;left:-12%;top:-26%;width:124%;height:152%;pointer-events:none;max-width:none;overflow:visible}
.badge3{position:absolute;top:-30px;right:18px;width:112px;height:112px;display:grid;place-items:center;z-index:3;transform:rotate(6deg)}
.badge3 img{position:absolute;inset:0;width:100%;height:100%}
.badge3 b{position:relative;font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:11px;line-height:1.15;letter-spacing:-.02em;text-align:center;color:var(--ink);text-transform:lowercase}
.rcard .cut{position:absolute;top:-14px;left:50%;width:104px;height:28px;background:var(--tape);clip-path:var(--cut-tape);mix-blend-mode:multiply;transform:translateX(-50%) rotate(-3deg);z-index:2;pointer-events:none}
.rcard:nth-child(even) .cut{transform:translateX(-50%) rotate(3deg)}
.post .thumb .obj{position:absolute;right:7%;top:50%;height:68%;width:auto;max-width:44%;object-fit:contain;transform:translateY(-50%) rotate(var(--or,-6deg));filter:drop-shadow(0 14px 18px rgba(15,26,51,.25));transition:transform .7s var(--ease)}
.post:hover .thumb .obj{transform:translateY(-54%) rotate(calc(var(--or,-6deg) * .4)) scale(1.04)}
.submit{position:relative}
.submit .btnwrap{position:relative;display:inline-block}
@media (max-width:640px){.badge3{width:100px;height:100px;right:12px;top:-24px}.badge3 b{font-size:10px}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.panel{position:sticky;top:calc(64px + env(safe-area-inset-top,0px) + 24px);border-radius:28px;padding:clamp(28px,3.4vw,52px);min-height:520px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
background:linear-gradient(160deg,var(--holo-c) 0%,var(--holo-a) 38%,var(--holo-b) 74%,var(--holo-d) 100%);border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 80px -40px rgba(27,58,158,.35)}
.panel::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 30% 20%,rgba(255,255,255,.8),transparent 70%);pointer-events:none}
.panel>*{position:relative}
.manifesto{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:clamp(24px,2.3vw,34px);line-height:1.4;letter-spacing:-.02em;margin:0;text-wrap:pretty}
.manifesto .pill{margin-block:-.35em}
.manifesto .ov{isolation:isolate;margin-inline:.14em .24em}
.manifesto .ov>.oval{z-index:-1;left:-7%;top:-12%;width:114%;height:126%;transform:rotate(-1.5deg)}
.who-row p,.proof span{text-wrap:pretty}
.rl .m i{display:block;font-style:normal}
.wall picture{display:contents}
.who{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line-2)}
.who-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px 26px;padding:clamp(22px,2.6vw,36px) 0;border-bottom:1px solid var(--line-2);align-items:start;transition:background .4s var(--ease)}
.who-row .n{font-family:var(--mono);font-size:12px;color:var(--blue);letter-spacing:.1em;padding-top:8px}
.who-row h3{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:clamp(20px,1.9vw,26px);line-height:1.15;margin:0 0 10px;letter-spacing:-.01em;text-wrap:balance}
.who-row p{margin:0;color:var(--ink-2);max-width:32em}
.who-row .fit{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2);border-radius:999px;padding:8px 12px;white-space:nowrap;margin-top:4px;justify-self:start}
.proof{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:clamp(28px,3vw,44px)}
.proof div{border-left:2px solid var(--blue);padding-left:16px}
.proof b{display:block;font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.proof span{display:block;margin-top:8px;font-size:14px;color:var(--ink-2);line-height:1.4}
.prices{background:var(--paper);border-block:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1400px}
.card{position:relative;border-radius:24px;padding:clamp(24px,2.4vw,34px);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:18px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .7s var(--ease),box-shadow .7s var(--ease);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 60px -40px rgba(15,26,51,.25)}
.card:hover{box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 40px 80px -40px rgba(27,58,158,.35)}
.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.card .name{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:clamp(20px,1.7vw,24px);letter-spacing:-.01em;line-height:1.1}
.card .for{font-size:14px;color:var(--ink-2);margin:0}
.card .price{font-family:var(--display);font-variation-settings:var(--dax);font-weight:800;font-size:clamp(34px,3.4vw,50px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}
.card .price small{font-family:var(--mono);font-size:12px;letter-spacing:.06em;font-weight:400;color:var(--ink-2)}
.card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15px;color:var(--ink-2);border-top:1px solid var(--line);padding-top:16px}
.card li{display:flex;gap:10px;align-items:flex-start}
.card li::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:9px}
.card .btn{margin-top:auto;align-self:flex-start}
.card.hot{background:linear-gradient(170deg,#4a72ea 0%,var(--blue) 45%,#2547b8 100%);color:#fff;border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 40px 90px -40px rgba(27,58,158,.7)}
.card.hot::before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(70% 45% at 25% 0%,rgba(255,255,255,.45),transparent 70%);pointer-events:none}
.card.hot .for,.card.hot ul,.card.hot .price small{color:rgba(255,255,255,.82)} .card.hot ul{border-color:rgba(255,255,255,.25)} .card.hot li::before{background:#fff}
.card.hot .btn{background:#fff;color:var(--blue-ink);border-color:#fff} .card.hot .btn:hover{background:var(--blue-ink);color:#fff;border-color:var(--blue-ink)}
.services{margin-top:clamp(40px,5vw,72px)}
.sec.prices{padding-bottom:clamp(40px,4.4vw,64px)}
.s-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0 56px;align-items:end;margin-bottom:clamp(18px,2vw,24px)}
.s-head>.mono{justify-self:start}
.s-head .lead{grid-column:2;grid-row:1 / span 2;margin:0;font-size:16px;max-width:40em}
.services .list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line-2)}
.srow{grid-column:span 2;grid-row:span 3;display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr) auto;row-gap:6px;column-gap:16px;align-items:start;padding:16px 24px 8px;border-bottom:1px solid var(--line-2);border-left:1.5px dashed var(--line-2)}
.srow:nth-child(n+4){grid-column:span 3}
.srow:nth-child(1),.srow:nth-child(4){border-left:0;padding-left:0}
.srow:nth-child(3),.srow:nth-child(5){padding-right:0}
.s-top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px}
.srow b{font-family:var(--display);font-variation-settings:var(--dax);font-weight:500;font-size:16px}
.srow>span{grid-column:1 / -1;display:block;font-size:14px;line-height:1.55;color:var(--ink-2);max-width:46em}
.srow em{font-style:normal;font-family:var(--mono);font-size:14px;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.srow>.more{grid-column:1 / -1;grid-row:3}
.srow>.s-go{grid-column:2;grid-row:3;justify-self:end;align-self:start}
@media (max-width:1100px){
.services .list{grid-template-columns:repeat(2,minmax(0,1fr))}
.srow,.srow:nth-child(n+4){grid-column:span 1;border-left:1.5px dashed var(--line-2);padding:16px 0 8px 24px}
.srow:nth-child(odd){border-left:0;padding:16px 24px 8px 0}
.srow:nth-child(5){grid-column:1 / -1;padding-right:0}
}
@media (max-width:1000px){
.s-head{grid-template-columns:1fr}
.s-head .lead{grid-column:1;grid-row:auto;margin-top:14px}
}
@media (max-width:640px){
.services .list{grid-template-columns:1fr}
.srow,.srow:nth-child(n+4),.srow:nth-child(odd){grid-column:1;border-left:0;padding:14px 0 6px}
}
.royalty{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.royalty p{margin:0;font-size:14px;color:var(--ink-2)}
.reviews{overflow:hidden}
.rail{display:flex;align-items:flex-start;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);padding-top:24px;padding-bottom:40px;margin-top:-24px;scrollbar-width:none;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail.drag{cursor:grabbing;scroll-snap-type:none}
.rcard{flex:0 0 min(78vw,440px);scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:28px 26px 24px;position:relative;display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 40px -30px rgba(15,26,51,.3)}
.rcard .q{font-family:var(--body);font-weight:500;font-size:clamp(16px,1.2vw,18px);line-height:28px;margin:0;letter-spacing:0;text-wrap:pretty;background:repeating-linear-gradient(180deg,transparent 0 23px,rgba(59,98,216,.09) 23px 24px,transparent 24px 28px)}
@media (min-width:1001px){.rcard{flex-basis:400px}}
.rcard .who-r{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:1.5px dashed var(--line-2);padding-top:14px;margin-top:auto}
.rcard .who-r b{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.rcard .who-r span{display:block;font-size:13px;color:var(--ink-2);margin-top:3px}
.rcard .who-r span .nw{display:inline;margin:0}
.rcard.note{background:transparent;border:1.5px dashed var(--line-2);box-shadow:none;background-image:none;justify-content:center;color:var(--ink-2)}
.rcard.note .q{color:var(--ink-2);font-family:var(--body);font-weight:500}
.rail-nav{display:flex;gap:10px;justify-content:flex-end;padding-inline:var(--gutter);margin-top:4px}
.rail-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:var(--card);cursor:pointer;display:grid;place-items:center;transition:background .3s var(--ease),color .3s var(--ease)}
.rail-nav button:hover{background:var(--ink);color:#fff}
.wall{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:1400/788;background:var(--sky-2);box-shadow:0 40px 100px -50px rgba(27,58,158,.45)}
.wall img{width:100%;height:100%;object-fit:cover}
.rel{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(28px,5vw,44px) 16px;margin-top:clamp(36px,4vw,60px)}
.rl{position:relative;transition:translate .6s var(--ease),rotate .6s var(--ease),scale .6s var(--ease)}
.rl:hover{translate:0 -8px;rotate:-1.5deg;scale:1.03;z-index:2}
.rl img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:8px;box-shadow:0 18px 40px -22px rgba(15,26,51,.55)}
.rl .m{margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);line-height:1.5}
.rl .m b{display:block;color:var(--ink);font-weight:500}
.rel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:clamp(48px,6vw,90px);flex-wrap:wrap}
.sync{background:var(--blue-ink);color:#fff;position:relative;overflow:hidden}
.sync::before{content:"";position:absolute;inset:-30%;background:radial-gradient(40% 40% at 70% 30%,rgba(106,143,242,.55),transparent 70%),radial-gradient(35% 40% at 20% 80%,rgba(242,203,255,.25),transparent 70%);filter:blur(40px);pointer-events:none}
.sync .wrap{position:relative}
.sync-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,72px);align-items:end}
.sync .h2{font-size:clamp(34px,6vw,96px);letter-spacing:-.035em;line-height:.95}
.sync .lead{color:rgba(255,255,255,.78)}
.sync .btn{background:#fff;color:var(--blue-ink);border-color:#fff}
.sync .btn:hover{background:var(--glow);border-color:var(--glow)}
.sync .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)} .sync .btn.ghost:hover{background:#fff;color:var(--blue-ink)}
.case{border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:24px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.case .mono{color:rgba(255,255,255,.6)}
.case p{margin:10px 0 0;font-family:var(--display);font-variation-settings:var(--dax);font-weight:500;font-size:clamp(17px,1.4vw,21px);line-height:1.35}
.case .pl{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.case .pl span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 10px}
.sync .nums{display:flex;gap:40px;flex-wrap:wrap;margin-top:32px}
.sync .nums b{display:block;font-family:var(--display);font-variation-settings:var(--dax);font-size:clamp(24px,2.4vw,34px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sync .nums span{font-size:14px;color:rgba(255,255,255,.7)}
.how{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.how li{display:grid;grid-template-columns:auto 1fr;gap:12px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.85)}
.how li b{font-family:var(--mono);font-weight:500;font-size:11px;color:var(--glow);padding-top:3px;letter-spacing:.06em}
.sync-uses{margin-top:clamp(28px,4vw,56px);padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.uses{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.uses span{font-family:var(--display);font-variation-settings:var(--dax);font-weight:500;font-size:13px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 16px;transition:background .3s var(--ease),color .3s var(--ease)}
.uses span:hover{background:#fff;color:var(--blue-ink)}
.partners{background:var(--paper);border-block:1px solid var(--line);overflow:hidden}
.friends{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fr{position:relative;border-radius:22px;padding:clamp(22px,2.2vw,30px);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-height:0;transition:translate .6s var(--ease),box-shadow .6s var(--ease);box-shadow:0 24px 60px -44px rgba(15,26,51,.3)}
.fr:hover{translate:0 -6px;box-shadow:0 40px 80px -44px rgba(27,58,158,.35)}
.fr::after{content:"↗";position:absolute;top:clamp(22px,2.2vw,30px);right:clamp(22px,2.2vw,30px);font-size:18px;line-height:1;color:var(--ink-2);transition:color .3s var(--ease)}
.fr:hover::after{color:var(--blue)}
.fr .fname{font-family:var(--display);font-variation-settings:var(--dax);font-weight:800;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.03em;line-height:1;color:var(--blue)}
.fr p{margin:14px 0 0;font-size:14px;color:var(--ink-2);line-height:1.5;text-wrap:pretty}
.sec{position:relative}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 18px;row-gap:36px}
.post{border-top:1.5px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:14px;min-height:260px;transition:translate .6s var(--ease)}
.post:hover{translate:0 -6px}
.post p,.digest p{text-wrap:pretty}
.post .meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.post h3{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:clamp(19px,1.6vw,23px);line-height:1.2;margin:0;letter-spacing:-.01em;text-wrap:balance}
.post p{margin:0;color:var(--ink-2);font-size:15px}
.post .link{margin-top:auto;align-self:flex-start}
.post .thumb{aspect-ratio:16/10;border-radius:14px;background:linear-gradient(140deg,var(--holo-c),var(--holo-b));overflow:hidden;position:relative}
.rubrics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.rubrics span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-2);border-radius:999px;padding:8px 12px;color:var(--ink-2);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease)}
.rubrics span.on,.rubrics span:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.digest{margin-top:clamp(36px,5vw,64px);border-radius:24px;padding:clamp(24px,3vw,40px);background:linear-gradient(160deg,var(--holo-c),var(--holo-a) 55%,var(--holo-d));display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.post .thumb.p2{background:linear-gradient(140deg,var(--holo-a),var(--holo-c))} .post .thumb.p3{background:linear-gradient(140deg,var(--holo-d),var(--holo-a))}
.post .thumb span{position:absolute;left:14px;bottom:12px;font-family:var(--display);font-variation-settings:var(--dax);font-weight:800;font-size:clamp(40px,4vw,60px);letter-spacing:-.04em;color:var(--blue);line-height:1;opacity:.9}
.apply{background:var(--paper);border-top:1px solid var(--line)}
.apply-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:start}
.apply .h2{font-size:clamp(34px,5vw,72px)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.field textarea{resize:vertical;min-height:120px}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-2);background:var(--card);border-radius:14px;padding:15px 16px;font-size:16px;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);appearance:none;-webkit-appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230f1a33' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
.field small{font-size:13px;color:var(--ink-3)}
.field .cbox{display:flex;align-items:flex-start;gap:12px;font-family:var(--body);font-size:15px;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}
.field .cbox input{flex:none;width:22px;height:22px;margin:0;padding:0;border:1.5px solid var(--line-2);border-radius:6px;background:var(--card);display:grid;place-items:center;cursor:pointer;box-shadow:none}
.field .cbox input:checked{background:var(--blue);border-color:var(--blue)}
.field .cbox input:checked::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.field .cbox input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.field .cbox.err input{border-color:#d0432f;box-shadow:0 0 0 4px rgba(208,67,47,.15)}
.field .cbox a,.field.consent small a{border-bottom:1px solid currentColor}
.field.consent small{padding-left:34px}
.form .submit{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:8px}
.form .submit p{margin:0;font-size:13px;color:var(--ink-3);max-width:28em}
.form .btn{padding:18px 30px;font-size:14px}
.apply .side{display:flex;flex-direction:column;gap:22px}
.apply .side .steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.apply .side .steps li{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2);font-size:15px;color:var(--ink-2)}
.apply .side .steps li b{font-family:var(--mono);font-size:12px;color:var(--blue);font-weight:500;letter-spacing:.06em;padding-top:2px}
.prices .ov{margin-left:.36em;margin-top:.2em;isolation:isolate}
.prices .ov>.oval{z-index:-1;left:-14%;top:-29%;width:128%;height:152%}
.sync{padding-top:clamp(96px,11vw,170px)}
.how li span{text-wrap:pretty}
.digest>div{flex:1 1 480px;max-width:720px}
.apply .steps span,.form .submit p{text-wrap:pretty}
.kx-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"playlists playlists sync" "growth promo media";gap:16px}
.rb{position:relative;overflow:hidden;border-radius:22px;padding:clamp(22px,2.2vw,30px);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;min-height:280px;box-shadow:0 24px 60px -44px rgba(15,26,51,.3);transition:translate .6s var(--ease),box-shadow .6s var(--ease)}
.rb:hover{translate:0 -6px;box-shadow:0 34px 70px -40px rgba(15,26,51,.45)}
.rb-playlists{grid-area:playlists;background:linear-gradient(160deg,var(--holo-c),var(--holo-b) 60%,var(--holo-d));border-color:rgba(255,255,255,.7)}
.rb-sync{grid-area:sync;background:var(--blue-ink);border-color:var(--blue-ink);color:#fff}
.rb-growth{grid-area:growth}.rb-promo{grid-area:promo}.rb-media{grid-area:media}
.rb-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.rb .rb-top .mono{color:var(--blue)}
.rb-sync .rb-top .mono{color:var(--glow)}
.rb-t{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:clamp(21px,2vw,30px);line-height:1.1;letter-spacing:-.02em;max-width:15ch;text-wrap:balance}
.rb-playlists .rb-t{font-size:calc(clamp(28px,3.2vw,48px) * var(--dk2));max-width:13ch}
.rb-pics{display:flex;gap:10px}
.rb-pics img{width:clamp(70px,7.6vw,112px);aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 16px 30px -18px rgba(15,26,51,.6);transition:transform .7s var(--ease)}
.rb-sync .rb-pics img{width:clamp(56px,5.2vw,78px);aspect-ratio:2/3;border-radius:5px;box-shadow:0 14px 30px -14px rgba(0,0,0,.7)}
.rb-promo .rb-pics img{width:calc(50% - 5px);aspect-ratio:4/5}
.rb:hover .rb-pics img:nth-child(odd){transform:translateY(-4px) rotate(-3deg)}
.rb:hover .rb-pics img:nth-child(even){transform:translateY(-2px) rotate(3deg)}
.rb-fact b{display:block;font-family:var(--display);font-variation-settings:var(--dax);font-weight:800;font-size:calc(clamp(34px,3.6vw,56px) * var(--dk));letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.rb-fact span{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--ink-2)}
.rb-press{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.rb-press span{font-family:var(--display);font-variation-settings:var(--dax);font-weight:800;font-size:clamp(19px,1.7vw,25px);line-height:1.12;letter-spacing:-.02em;color:var(--ink)}
.rb-press span:nth-child(even){color:var(--blue)}
.rb-p{margin-top:auto;font-size:15px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.rb-sync .rb-p{color:rgba(255,255,255,.72)}
.rb-go{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-variation-settings:var(--dax);font-size:13px}
.rb-go .arr{transition:transform .5s var(--ease)}
.rb:hover .rb-go .arr{transform:translateX(5px)}
.kx-shot{display:block;width:100%;padding:0;border:0;background:none;border-radius:14px;overflow:hidden;position:relative}
button.kx-shot{cursor:zoom-in}
.kx-shot img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
button.kx-shot:hover img{transform:scale(1.035)}
.kx-who{font-size:15px;line-height:1.4;color:var(--ink-2)}
.kx-who i{font-style:normal;color:var(--ink)}
.kx-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(164px,1fr);gap:clamp(12px,1.4vw,18px);overflow-x:auto;scroll-snap-type:x proximity;padding:32px clamp(14px,1.6vw,22px);border-radius:16px;background-color:#060a16;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 14px,transparent 14px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 14px,transparent 14px 28px);background-size:100% 8px;background-position:0 12px,0 calc(100% - 12px);background-repeat:no-repeat;background-attachment:local;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.kx-strip>div{scroll-snap-align:start;min-width:0}
.kx-frame{margin:0;display:flex;flex-direction:column;gap:12px;height:100%}
.kx-frame .kx-shot,.kx-slate{aspect-ratio:2/3;border-radius:6px}
.kx-frame figcaption{display:flex;flex-direction:column;gap:4px;color:#fff}
.kx-frame figcaption .mono{font-size:10.5px;color:rgba(255,255,255,.6)}
.kx-frame figcaption b{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.kx-frame .kx-who{font-size:14px;color:rgba(255,255,255,.72)}
.kx-frame .kx-who i{color:#fff}
.kx-slate{position:relative;overflow:hidden;background:#141a2b;border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:flex-end;padding:14px}
.kx-slate::before{content:"";position:absolute;left:0;right:0;top:21%;height:9%;background:repeating-linear-gradient(55deg,#eef1f8 0 13px,#141a2b 13px 26px)}
.kx-clap{position:absolute;left:-3%;right:-3%;top:9%;height:9%;background:repeating-linear-gradient(-55deg,#eef1f8 0 13px,#141a2b 13px 26px);transform:rotate(-8deg);transform-origin:0 100%}
.kx-sl{position:relative;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.22);padding-top:10px;min-width:0}
.kx-sl span{font:500 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:9px}
.kx-sl span:first-child{margin-top:0}
.kx-sl b{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:12px;line-height:1.2;color:#fff;margin-top:4px;overflow-wrap:anywhere}
.kx-sl b:first-of-type{font-size:clamp(14px,1.3vw,18px);line-height:1.1}
@media (max-width:1000px){.kx-tiles{grid-template-columns:repeat(2,1fr);grid-template-areas:"playlists playlists" "sync growth" "promo media"}}
@media (max-width:640px){.kx-tiles{grid-template-columns:1fr;grid-template-areas:"playlists" "sync" "growth" "promo" "media"}.rb{min-height:0}.kx-strip{grid-auto-columns:46%}}
@media (prefers-reduced-motion:reduce){.rb,.rb-pics img,.kx-shot img{transition:none}}
:root{--dax:"ZZZZ" 0;--dk:1.08;--dk2:1.06;--dls:-.02em;--uly:-.2em}
[hidden]{display:none!important}
#qzStart .arr{display:inline-block;transition:transform .4s var(--ease)}
.quiz.open #qzStart .arr{transform:rotate(-90deg)}
.rl[data-audio] .sleeve{cursor:pointer}
.play{position:absolute;left:10px;bottom:10px;z-index:2;width:46px;height:46px;border-radius:50%;border:0;background:var(--blue);box-shadow:0 10px 24px -8px rgba(27,58,158,.7);cursor:pointer;display:grid;place-items:center;transition:transform .4s var(--ease),background .3s var(--ease)}
.play:hover{transform:scale(1.08)}
.play i{width:0;height:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.rl.playing .play{background:var(--ink)}
.rl.playing .play i{width:12px;height:14px;border:0;margin:0;background:linear-gradient(90deg,#fff 0 4px,transparent 4px 8px,#fff 8px 12px)}
.rl.playing .vinyl{transform:translateX(24%)}
.rl.playing .vinyl::after{animation:spin 1.6s linear infinite}
.rl.paused .vinyl::after{animation-play-state:paused}
.rl.playing .sleeve img{transform:translateX(-5%) rotate(-2deg) scale(var(--beat,1))}
@media (min-width:1001px){.rel .rl:nth-child(6n).playing .vinyl{transform:translateX(-24%)}.rel .rl:nth-child(6n).playing .sleeve img{transform:translateX(5%) rotate(2deg) scale(var(--beat,1))}}
@media (min-width:641px) and (max-width:1000px){.rel .rl:nth-child(3n).playing .vinyl{transform:translateX(-24%)}.rel .rl:nth-child(3n).playing .sleeve img{transform:translateX(5%) rotate(2deg) scale(var(--beat,1))}}
@media (max-width:640px){.rel .rl.playing .vinyl{transform:translateX(14%)}.rel .rl:nth-child(2n).playing .vinyl{transform:translateX(-14%)}.rel .rl:nth-child(2n).playing .sleeve img{transform:translateX(5%) rotate(2deg) scale(var(--beat,1))}}
.pbar{display:block;height:3px;border-radius:3px;background:var(--line);margin-top:10px;overflow:hidden}
.pbar i{display:block;height:100%;background:var(--blue);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.rl:not([data-audio]) .pbar{visibility:hidden}
.np{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:64;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100% - 32px));background:var(--ink);color:#fff;border-radius:999px;padding:7px 8px 7px 7px;box-shadow:0 24px 60px -20px rgba(15,26,51,.6);overflow:hidden}
.np-cover{width:40px;height:40px;border-radius:50%;object-fit:cover;animation:spin 5s linear infinite}
.np.paused .np-cover{animation-play-state:paused}
.np-t{display:flex;flex-direction:column;gap:5px;min-width:0}
.np-t b{font:600 13px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np-eq{display:flex;align-items:flex-end;gap:3px;height:14px}
.np-eq i{width:3px;height:100%;background:var(--glow);border-radius:2px;transform-origin:50% 100%;transform:scaleY(.15)}
.np-btn{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#fff;cursor:pointer;display:grid;place-items:center}
.np-btn::before{content:"";width:10px;height:12px;background:linear-gradient(90deg,var(--ink) 0 3.5px,transparent 3.5px 6.5px,var(--ink) 6.5px 10px)}
.np.paused .np-btn::before{width:0;height:0;background:none;border-left:11px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.np-bar{position:absolute;left:0;right:0;bottom:0;height:2px}
.np-bar i{display:block;height:100%;background:var(--glow);transform-origin:0 50%;transform:scaleX(0)}
.quiz{margin-top:clamp(24px,3vw,40px);border-radius:24px;background:var(--card);border:1px solid var(--line);padding:clamp(20px,2.4vw,30px)}
.qz-head{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap}
.qz-head .mono{display:block;margin-bottom:8px}
.qz-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.quiz.open .qz-body{grid-template-rows:1fr}
.qz-in{overflow:hidden;min-height:0}
.qz-steps{display:flex;gap:6px;margin-top:24px}
.qz-steps i{width:34px;height:4px;border-radius:9px;background:var(--line-2);transition:background .4s var(--ease)}
.qz-steps i.on{background:var(--blue)}
.qz-q p{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:clamp(19px,1.7vw,24px);letter-spacing:-.01em;margin:18px 0 14px}
.qz-a{display:flex;flex-wrap:wrap;gap:10px}
.qz-a button{font:500 15px var(--body);color:var(--ink);border:1.5px solid var(--line-2);background:var(--paper);border-radius:999px;padding:12px 18px;cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.qz-a button:hover{border-color:var(--blue);transform:translateY(-2px)}
.qz-a button.sel{background:var(--blue);border-color:var(--blue);color:#fff}
.qz-res{margin-top:18px;display:grid;gap:8px}
.qz-name{font-family:var(--display);font-variation-settings:var(--dax);font-weight:800;font-size:clamp(28px,3vw,42px);letter-spacing:-.02em;line-height:1}
.qz-price{font-family:var(--mono);font-size:14px;color:var(--blue)}
.qz-res p{margin:0;color:var(--ink-2);max-width:40em}
.qz-label{color:var(--ink)!important}
.qz-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:10px}
button.link{background:none;border:0;border-bottom:1px solid var(--line-2);padding:0 0 2px;cursor:pointer;color:inherit}
.card.rec{outline:3px solid var(--blue);outline-offset:5px}
.field select.flash{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
@media (max-width:640px){.np{right:12px;max-width:calc(100% - 24px)}.qz-a button{width:100%;text-align:left}}
@media (prefers-reduced-motion:reduce){.np-cover{animation:none}}
.foot{padding-block:40px;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px 40px;align-items:start}
.foot .brand{font-size:18px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.foot li a{font-size:14px;color:var(--ink-2);transition:color .3s} .foot li a:hover{color:var(--blue)}
.foot .mono{display:block}
.foot .bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:1000px){
.menu{display:none}
.burger{display:block}
.nav .btn{display:none}
.mnav{display:none;position:fixed;inset:calc(64px + env(safe-area-inset-top,0px)) 0 0 0;background:var(--sky);z-index:49;padding:24px var(--gutter);flex-direction:column;gap:18px}
.mnav.open{display:flex}
.mnav a{font-family:var(--display);font-variation-settings:var(--dax);font-weight:700;font-size:28px;letter-spacing:-.01em;padding-block:8px;border-bottom:1px solid var(--line)}
.mnav .btn{align-self:flex-start;margin-top:12px;font-size:14px;padding:16px 26px}
.split,.services,.sync-grid,.apply-grid{grid-template-columns:1fr}
.hero-grid{grid-template-columns:1fr;padding-inline:var(--gutter);min-height:0;gap:28px}
.hero{padding-bottom:28px}
.hero-r{box-shadow:0 14px 24px -14px rgba(27,58,158,.35)}
.hero-r{border-radius:28px;min-height:0;aspect-ratio:1400/788}
.hero-r img{object-position:50% 50%}
.hero-l .bottom .c{display:none}
.h1{font-size:calc(min(calc((100vw - 2*var(--gutter)) / 10.4), 84px) * var(--dk))}
.panel{position:static;min-height:0}
.cards{grid-template-columns:1fr}
.friends{grid-template-columns:1fr 1fr}
.posts{grid-template-columns:1fr 1fr}
.rel{grid-template-columns:repeat(3,1fr)}
.foot-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:641px) and (max-width:1000px){
#team{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:32px;align-items:start}
#team>.sec-head,#team>.rel-head,#team>.rel{grid-column:1/-1}
#team .wall{aspect-ratio:9/16}
}
@media (max-width:640px){
body{font-size:16px}
.hero-r{min-height:0;aspect-ratio:4/5;border-radius:24px}
.hero-r img{object-position:50% 45%;transform:none}
.hero-l .top .c.r{display:none}
.who-row{grid-template-columns:auto 1fr} .who-row .fit{grid-column:2}
.proof{grid-template-columns:1fr}
.posts{grid-template-columns:1fr}
.friends{grid-template-columns:1fr}
.rel{grid-template-columns:repeat(2,1fr)}
.form{grid-template-columns:1fr}
.foot-grid{grid-template-columns:1fr}
.wall{border-radius:18px}
.prices .h2{letter-spacing:-.035em}
.panel{padding:24px} .manifesto{font-size:21px}
.sync .nums{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 20px}
.sync .nums span{display:block;font-size:13px;line-height:1.35}
.fr{padding:20px} .friends{gap:12px}
.post .thumb{aspect-ratio:2/1}
.post p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.posts{row-gap:28px}
.form .submit .btnwrap{display:block;width:100%}
.form .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
.hero-r{transform:none!important}
.vinyl::after{animation:none!important}
.f3d img{animation:none!important}
.h1 .u path{stroke-dashoffset:0}
}
body{background:var(--sky) var(--tex) 0 0/720px 720px repeat}
main{overflow-x:clip}
body::before{opacity:.03}
::selection{background:var(--blue);color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:0}
.mono{color:var(--ink-2)}
.lead{color:var(--ink-2)}
.sec-head .mono,.panel .mono,.qz-head .mono,.services .rv>.mono,.rel-head .mono,.digest .mono,.apply .side>.mono,
.sync-grid>div>.mono,.sync-uses>.mono,.partners>p.mono{
font-family:var(--hand);font-size:21px;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--ink);
display:inline-block;padding-bottom:5px;background:linear-gradient(var(--blue),var(--blue)) 0 100%/100% 3px no-repeat}
.sync-grid>div>.mono,.sync-uses>.mono{color:var(--white)!important}
.partners>p.mono{display:block;width:max-content;max-width:calc(100% - 2*var(--gutter));background-size:100% 3px}
.h2,.h3{color:var(--ink)}
.panel::before,.card::before,.quiz::before,.rb::before,.rcard::before,.fr::before,.digest::before,.form::before,.case::before,
.badge3::before,.post .thumb::before{
content:"";position:absolute;inset:0;z-index:-1;background:var(--sheet);clip-path:var(--cut-a);border-radius:0;pointer-events:none}
.rb::after,.digest::after,.case::after,.quiz::after,.badge3::after,.form::after{
content:"";position:absolute;width:104px;height:26px;top:-12px;left:calc(50% - 52px);background:var(--tape);
clip-path:var(--cut-tape);mix-blend-mode:multiply;rotate:-4deg;pointer-events:none;z-index:2}
.btn{border:0;border-radius:0;background:var(--ink);color:var(--white);padding:15px 24px 15px 22px;clip-path:polygon(0 7%,100% 0,98.6% 93%,1.2% 100%)}
.btn:hover{background:var(--blue);color:var(--ink);border-color:transparent}
.btn.blue{background:var(--blue);color:var(--ink)} .btn.blue:hover{background:var(--ink);color:var(--white)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);clip-path:none}
.btn.ghost:hover{background:var(--ink);color:var(--white)}
.link{color:var(--ink);border-bottom:2px solid var(--blue)}
.link:hover{color:var(--blue-text);border-color:var(--ink)}
button.link{border-bottom:2px solid var(--blue)}
.nav{background:color-mix(in srgb,var(--sky) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.brand{gap:0}
.brand .logo{display:block;flex:none;height:var(--lh,34px);width:calc(var(--lh,34px) * 560 / 124);background:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/f69c92d78fed.webp") 0 50%/contain no-repeat}
.brand .logo{--lh:34px;rotate:-2deg;transition:rotate .5s var(--ease)}
.brand:hover .logo{rotate:1deg}
.menu a{color:var(--ink)}
.menu a::after{height:3px;background:var(--blue)}
.mnav{background:var(--sky) var(--tex) 0 0/720px 720px}
@media (max-width:1000px){.mnav{background:var(--sky) var(--tex) 0 0/720px 720px}.mnav a{border-bottom:1.5px dashed var(--line-2)}}
.hero{padding:clamp(18px,2.4vw,36px) var(--gutter) 0;overflow:hidden;isolation:isolate}
.hero-graf{position:absolute;left:-3%;bottom:-4%;width:min(1180px,96vw);height:auto;opacity:.5;z-index:-1;pointer-events:none}
.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.hero-top .c{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);line-height:1.5}
.hero-top .c.r{text-align:right}
.hero-stage{position:relative;max-width:1240px;margin:clamp(40px,6vw,96px) auto 0;padding:0 clamp(0px,4vw,64px) clamp(34px,4.4vw,70px)}
.hero-h1{margin:0;position:relative;z-index:2;font-size:0;line-height:0}
.hero-logo{display:block;width:100%;height:auto;rotate:-1.5deg}
.hero-sign{display:block;width:clamp(240px,40vw,560px);height:auto;margin:clamp(-26px,-1.4vw,-6px) 1% 0 auto;rotate:-2deg}
.hero .f3d{z-index:3}
.hero .f3d img{filter:none;--rr:1.6deg;--d:8s}
.deco{display:block}
.d-strat{left:-1%;top:-15%;width:clamp(116px,14vw,210px);rotate:-7deg}
.d-rel{right:1%;top:-19%;width:clamp(104px,12.5vw,186px);rotate:6deg}
.d-style{left:5%;bottom:-2%;width:clamp(92px,10.5vw,152px);rotate:-4deg}
.d-promo{left:31%;bottom:-6%;width:clamp(94px,11vw,160px);rotate:3deg}
.hero .d-blot{right:26%;top:-24%;width:clamp(62px,6.4vw,100px);z-index:1}
.d-spark{left:-6%;top:28%;width:clamp(84px,10vw,150px)}
.d-auto{left:45%;top:-17%;width:clamp(62px,6vw,92px)}
.d-star{right:-4%;bottom:-24%;width:clamp(92px,11vw,170px);opacity:.85}
.hero-cta{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px;margin-top:clamp(18px,2.4vw,34px)}
.hero-cta .btn{font-size:14px;padding:17px 28px 17px 26px}
.hero-arrow{width:40px;height:auto;rotate:-96deg;margin-inline:-6px 2px}
.hero-bottom{display:flex;justify-content:flex-end;padding-block:clamp(10px,2vw,22px) 0}
.hero-bottom .c{font-family:var(--hand);font-size:18px;color:var(--ink-2)}
.ribbon{position:relative;z-index:3;background:var(--blue);color:var(--ink);border:0;width:104%;margin:clamp(30px,4vw,60px) -2% 0;rotate:-1.2deg;padding-block:11px;
clip-path:polygon(0 10%,100% 0,100% 88%,0 100%);mix-blend-mode:multiply}
.ribbon span{font-family:var(--display);font-size:14px;letter-spacing:.01em;text-transform:lowercase;padding-inline:22px}
.ribbon span::before{content:"✕";margin-right:22px;opacity:.75}
.wave-meta .mid{color:var(--blue-text)}
.wave-meta .mono{font-family:var(--hand);font-size:16px;text-transform:none;letter-spacing:0}
.panel{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:isolate;rotate:-.7deg}
.panel::before{clip-path:var(--cut-a)}
.pimg{display:inline-block;height:1.6em;width:auto;vertical-align:-.5em;margin:-.3em -.14em -.2em -.06em;rotate:-3deg}
.hl{background:linear-gradient(transparent 16%,rgba(101,126,174,.55) 16% 90%,transparent 90%);padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.manifesto .ov{margin-inline:.12em .04em}
.manifesto .ov>.oval{left:-9%;top:-16%;width:118%;height:136%;object-fit:fill}
.panel-deco{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:28px}
.pd-hand{width:clamp(56px,5vw,76px);height:auto;rotate:-8deg}
.pd-note{width:min(62%,330px);height:auto;rotate:-3deg}
.who-row .n{color:var(--blue-text);font-family:var(--hand);font-size:20px;letter-spacing:0;padding-top:2px}
.who-row .fit{border:0;border-radius:0;background:var(--ov3) center/100% 100% no-repeat;padding:13px 20px 14px;color:var(--ink);font-family:var(--hand);font-size:18px;letter-spacing:0;text-transform:none}
.who{border-top:2px solid var(--ink)}
.who-row{border-bottom:1.5px dashed var(--line-2)}
.proof div{border-left:4px solid var(--blue)}
.rb{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:isolate}
.rb:nth-child(1){rotate:-.5deg}.rb:nth-child(2){rotate:.8deg}.rb:nth-child(3){rotate:-.9deg}.rb:nth-child(4){rotate:.6deg}.rb:nth-child(5){rotate:-.4deg}
.rb:nth-child(2n)::before{clip-path:var(--cut-b)} .rb:nth-child(3n)::before{clip-path:var(--cut-c)}
.rb:nth-child(2n)::after{rotate:5deg;left:auto;right:18%}
.rb:hover{box-shadow:none}
.rb-playlists{background:none;border:0}
.rb-sync{background:none;border:0;color:var(--white)}
.rb-sync::before{background:var(--board)}
.rb .rb-top .mono{color:var(--blue-text);font-family:var(--hand);font-size:19px;text-transform:none;letter-spacing:0}
.rb-sync .rb-top .mono{color:var(--glow)}
.rb-pics{flex-wrap:wrap}
.rb-pics img{border-radius:0;box-shadow:none;border:4px solid var(--white)}
.rb-sync .rb-pics img{border-radius:0;border-color:var(--white)}
.rb-press span:nth-child(even){color:var(--blue-text)}
.prices{background:transparent;border:0}
.cards{perspective:none;gap:26px}
.card{background:none;border:0;border-radius:0;box-shadow:none;transform-style:flat;isolation:isolate}
.card:hover{box-shadow:none}
.card:nth-child(1){rotate:-.8deg}.card:nth-child(2){rotate:.5deg}.card:nth-child(3){rotate:-.4deg}
.card:nth-child(2)::before{clip-path:var(--cut-b)} .card:nth-child(3)::before{clip-path:var(--cut-c)}
.card ul{border-top:1.5px dashed var(--line-2)}
.card li::before{flex:0 0 10px;width:10px;height:3px;border-radius:0;margin-top:11px;background:var(--blue);rotate:-10deg}
.card.hot{background:none;color:var(--white);box-shadow:none}
.card.hot::before{background:var(--board);inset:0;border-radius:0;clip-path:var(--cut-a)}
.card.hot .for,.card.hot ul,.card.hot .price small{color:rgba(245,245,242,.78)}
.card.hot ul{border-color:rgba(245,245,242,.28)} .card.hot li::before{background:var(--blue)}
.card.hot .btn{background:var(--white);color:var(--ink)} .card.hot .btn:hover{background:var(--blue);color:var(--ink)}
.card.rec{outline:3px dashed var(--blue);outline-offset:10px}
.prices .ov>.oval{left:-16%;top:-26%;width:132%;height:150%;object-fit:fill}
.badge3{width:auto;height:auto;display:block;top:-24px;right:14px;padding:14px 18px 15px;isolation:isolate}
.badge3::before{clip-path:var(--cut-d)}
.badge3::after{width:64px;height:20px;top:-9px;left:calc(50% - 32px);rotate:6deg}
.badge3 b{font-family:var(--hand);font-weight:400;font-size:20px;line-height:1.02;letter-spacing:0;text-transform:none;color:var(--ink)}
.quiz{background:none;border:0;border-radius:0;position:relative;isolation:isolate}
.quiz::before{clip-path:var(--cut-d)}
.quiz::after{left:auto;right:10%;rotate:4deg}
.qz-a button{border-radius:0;background:transparent;border:2px solid var(--ink);color:var(--ink)}
.qz-a button:hover{border-color:var(--blue);background:rgba(101,126,174,.14)}
.qz-a button.sel{background:var(--blue);border-color:var(--ink);color:var(--ink)}
.qz-steps i{border-radius:0;height:5px} .qz-steps i.on{background:var(--blue)}
.qz-price{color:var(--blue-text)}
.services .list{border-top:2px solid var(--ink)}
.srow{border-bottom:1.5px dashed var(--line-2)}
.rcard{background:none;border:0;border-radius:0;box-shadow:none;isolation:isolate;rotate:var(--r,0deg)}
.rcard::before{clip-path:var(--cut-c)}
.rcard:nth-child(even)::before{clip-path:var(--cut-b)}
.rcard .q{background:repeating-linear-gradient(180deg,transparent 0 23px,rgba(101,126,174,.3) 23px 24px,transparent 24px 28px)}
.rcard .who-r{border-top:1.5px dashed var(--line-2)}
.rail-nav button{border-radius:0;background:var(--white);border:2px solid var(--ink);color:var(--ink);clip-path:polygon(0 4%,100% 0,96% 100%,4% 96%)}
.rail-nav button:hover{background:var(--ink);color:var(--white)}
.crew{--gap:clamp(6px,1.1vw,16px);position:relative;isolation:isolate;padding-top:clamp(26px,3.4vw,52px)}
.crew-tag{position:absolute;left:4%;right:4%;top:24%;width:92%;height:auto;opacity:.1;rotate:-3deg;z-index:-1;pointer-events:none}
.crew-row{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:var(--gap)}
.crew-row.b{margin-top:-6.5%;z-index:2}
.mate{margin:0;position:relative;flex:0 0 calc((100% - 3 * var(--gap)) * var(--w) / 2236);rotate:var(--r,0deg);transition:translate .5s var(--ease),rotate .5s var(--ease)}
.mate img{display:block;width:100%;height:auto}
.mate:hover{translate:0 -8px;rotate:0deg;z-index:4}
.crew-band{position:relative;z-index:3;display:block;height:clamp(22px,2.6vw,34px);width:62%;margin:-1.6% 0 0 auto;background:var(--blue);mix-blend-mode:multiply;rotate:-1.4deg;
clip-path:polygon(0 12%,100% 0,98% 100%,1.5% 88%)}
.cdeco{display:block}
.crew .f3d img{filter:none;--rr:1.4deg;--d:9s}
.c-style{left:-1%;top:4%;width:clamp(96px,11vw,160px);rotate:-6deg;z-index:5}
.c-promo{right:0;top:44%;width:clamp(96px,11vw,164px);rotate:5deg;z-index:5}
.c-blot{right:7%;top:-1%;width:clamp(80px,8vw,130px);z-index:-1;opacity:.9}
.rel{grid-template-columns:repeat(5,1fr);gap:clamp(28px,4vw,40px) clamp(14px,1.6vw,22px)}
.rel .rl:nth-child(odd){--lab:var(--blue)} .rel .rl:nth-child(even){--lab:var(--white)}
.rl:nth-child(odd){rotate:-.8deg} .rl:nth-child(even){rotate:.7deg}
.rl img{border-radius:0;box-shadow:none;border:5px solid var(--white)}
.rl .m b{color:var(--ink)}
.rl .m i{color:var(--ink-3)}
.vinyl{box-shadow:none}
.play{background:var(--ink);box-shadow:none;left:12px;bottom:12px}
.play:hover{background:var(--blue)}
.rl.playing .play{background:var(--blue)}
.play i{border-left-color:var(--white)}
.pbar{border-radius:0;background:var(--line-2)} .pbar i{background:var(--blue)}
@media (hover:hover) and (min-width:641px){
.rel .rl:nth-child(6n):hover .vinyl,.rel .rl:nth-child(3n):hover .vinyl{transform:translateX(22%)}
.rel .rl:nth-child(6n):hover .sleeve img,.rel .rl:nth-child(3n):hover .sleeve img{transform:translateX(-5%) rotate(-2deg)}
.rel .rl:nth-child(5n):hover .vinyl{transform:translateX(-22%)}
.rel .rl:nth-child(5n):hover .sleeve img{transform:translateX(5%) rotate(2deg)}
}
@media (min-width:641px){
.rel .rl:nth-child(6n).playing .vinyl,.rel .rl:nth-child(3n).playing .vinyl{transform:translateX(24%)}
.rel .rl:nth-child(6n).playing .sleeve img,.rel .rl:nth-child(3n).playing .sleeve img{transform:translateX(-5%) rotate(-2deg) scale(var(--beat,1))}
.rel .rl:nth-child(5n).playing .vinyl{transform:translateX(-24%)}
.rel .rl:nth-child(5n).playing .sleeve img{transform:translateX(5%) rotate(2deg) scale(var(--beat,1))}
}
.sync{background:var(--board);color:var(--white);clip-path:polygon(0 1.1%,31% 0,66% .9%,100% .1%,100% 99%,69% 100%,34% 99.1%,0 100%);margin-block:clamp(10px,2vw,24px)}
.sync::before{display:none}
.sync::after{opacity:.05}
.sync .h2{color:var(--white)}
.sync .lead{color:rgba(245,245,242,.8)}
.sync .btn{background:var(--white);color:var(--ink)} .sync .btn:hover{background:var(--blue);color:var(--ink)}
.sync .btn.ghost{background:transparent;color:var(--white);box-shadow:inset 0 0 0 2px rgba(245,245,242,.65);clip-path:none}
.sync .btn.ghost:hover{background:var(--white);color:var(--ink)}
.sync-fi{position:absolute;right:clamp(16px,6vw,110px);top:clamp(70px,8vw,120px);width:clamp(70px,8vw,130px);height:auto;rotate:6deg;opacity:.9;pointer-events:none}
.case{background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink);position:relative;isolation:isolate;padding:26px 24px 24px}
.case:nth-child(1){rotate:1.2deg} .case:nth-child(2){rotate:-.8deg}
.case::before{clip-path:var(--cut-d)}
.case:nth-child(2)::before{clip-path:var(--cut-b)}
.case:nth-child(2)::after{left:auto;right:14%;rotate:5deg}
.case .mono{color:var(--ink-2);font-family:var(--hand);font-size:19px;text-transform:none;letter-spacing:0}
.case .pl span{border:1.5px solid var(--ink);border-radius:0}
.how li{color:var(--ink)} .how li b{color:var(--blue-text)}
.uses span{border-radius:0;border:1.5px solid rgba(245,245,242,.55)}
.uses span:hover{background:var(--white);color:var(--ink)}
.sync-uses{border-top:1.5px dashed rgba(245,245,242,.3)}
.partners{background:transparent;border:0}
.fr{background:none;border:0;border-radius:0;box-shadow:none;isolation:isolate;rotate:var(--r,0deg)}
.fr::before{clip-path:var(--cut-b)} .fr:nth-child(odd)::before{clip-path:var(--cut-c)}
.fr:hover{box-shadow:none}
.fr .fname{color:var(--blue-text)}
.fr:hover::after{color:var(--blue-text)}
.post{border-top:0;padding-top:0}
.post .thumb{border-radius:0;background:none;overflow:visible;isolation:isolate;rotate:-.6deg}
.post:nth-child(even) .thumb{rotate:.8deg}
.post .thumb::before{clip-path:var(--cut-d)}
.post .thumb.k::before{background:var(--board)}
.post .thumb.p2,.post .thumb.p3{background:none}
.post .thumb .obj{filter:none;height:66%;max-width:46%;right:9%}
.post .thumb span{color:var(--ink);opacity:1}
.post .thumb.k span{color:var(--white)}
.post .meta span:first-child{font-family:var(--hand);font-size:17px;text-transform:none;letter-spacing:0;color:var(--blue-text)}
.digest{background:none;border-radius:0;position:relative;isolation:isolate}
.digest::before{clip-path:var(--cut-b)}
.blog-page .sec{padding-top:clamp(40px,6vw,90px)}
.blog-page .h1b{font-family:var(--display);font-weight:700;font-size:calc(clamp(34px,5.4vw,76px) * var(--dk2));line-height:1;letter-spacing:-.025em;margin:0;text-wrap:balance}
.blog-back{display:inline-block;margin-bottom:22px}
.apply{background:transparent;border:0}
.form{position:relative;isolation:isolate;padding:clamp(24px,3vw,42px);rotate:.4deg}
.form::before{clip-path:var(--cut-c)}
.form::after{left:12%;rotate:-6deg}
.field input,.field select,.field textarea{border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;padding:12px 2px}
.field textarea{border:2px solid var(--ink);padding:12px 14px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:none;background:rgba(101,126,174,.1)}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:30px}
.field select.flash{border-color:var(--blue);box-shadow:none;background-color:rgba(101,126,174,.18)}
.field label{color:var(--ink)}
.field .cbox input{border:2px solid var(--ink);border-radius:0;background:transparent}
.field .cbox input:checked{background:var(--ink);border-color:var(--ink)}
.field .cbox.err input{border-color:#b3261e;box-shadow:0 0 0 4px rgba(179,38,30,.15)}
.apply .side .steps{border-top:2px solid var(--ink)}
.apply .side .steps li{border-bottom:1.5px dashed var(--line-2)}
.apply .side .steps li b{color:var(--blue-text)}
.form .submit .btnwrap{position:relative;display:inline-block}
.apply-arrow{position:absolute;left:calc(100% + 10px);top:50%;width:44px;height:auto;translate:0 -50%;rotate:-96deg;pointer-events:none}
.foot{border-top:0;position:relative}
.foot .brand .logo{--lh:46px}
.foot li a:hover{color:var(--blue-text)}
.foot-tag{display:block;width:min(960px,100%);height:auto;margin:clamp(36px,5vw,64px) auto 0;rotate:-1.5deg;opacity:.92}
.foot .bottom{border-top:1.5px dashed var(--line-2)}
.np{background:var(--board);border-radius:0;clip-path:polygon(0 6%,100% 0,99% 100%,1% 94%);box-shadow:none}
.np-cover{border-radius:50%}
.np-eq i{background:var(--blue)} .np-bar i{background:var(--blue)}
.np-btn{background:var(--white)}
@media (min-width:641px) and (max-width:1000px){
#team{display:block}
}
@media (max-width:1000px){
.d-spark,.d-star{display:none}
.rel{grid-template-columns:repeat(5,1fr)}
.panel{rotate:0deg}
}
@media (max-width:640px){
.hero-top .c.r{display:none}
.hero-stage{margin-top:92px;padding:0 0 64px}
.rb-pics.n5 img{width:calc((100% - 40px) / 5)}
.hero-sign{width:74vw;margin-right:0}
.d-strat{left:-2%;top:-30%;width:30vw}
.d-rel{right:-2%;top:-34%;width:27vw}
.d-style{left:0;bottom:4%;width:24vw}
.d-promo{left:auto;right:4%;bottom:-2%;width:25vw}
.d-auto{display:none}
.hero .d-blot{right:30%;top:-40%;width:14vw}
.hero-arrow{display:none}
.hero-cta{flex-direction:column;gap:18px}
.ribbon{rotate:-2deg}
.crew-row{flex-wrap:wrap;align-items:flex-end}
.mate{flex-basis:calc(var(--w) / 662 * 47%)}
.crew-row .mate:nth-child(n+3){margin-top:-9%}
.crew-row.b{margin-top:-9%}
.crew-band{width:80%}
.c-style{top:0;width:28vw} .c-promo{top:40%;width:28vw} .c-blot{display:none}
.crew-tag{top:30%}
.rel{grid-template-columns:repeat(2,1fr)}
.sync{clip-path:polygon(0 .5%,40% 0,100% .4%,100% 99.6%,60% 100%,0 99.5%)}
.sync-fi{top:48px;width:64px}
.pd-note{width:58%}
.apply-arrow{display:none}
.form{padding:22px 18px}
.foot-tag{margin-top:32px}
}
@media (prefers-reduced-motion:reduce){
.mate,.brand .logo{transition:none}
}
.apply .side>.mono{align-self:flex-start}
.partners>p.mono{background-position:var(--gutter) 100%;background-size:calc(100% - 2 * var(--gutter)) 3px}
html{font-synthesis-weight:none}
:root{--ink-3:#55565c}
.sec{padding-block:clamp(64px,7.5vw,108px)}
.sec-head{margin-bottom:clamp(24px,3vw,44px)}
.h3{text-wrap:balance}
.nav{background:var(--sky) var(--tex) 0 0/720px 720px;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav.scrolled{border-bottom:1.5px dashed var(--line-2)}
.menu a[aria-current]{color:var(--ink)} .menu a[aria-current]::after{right:0}
.mnav a[aria-current]{color:var(--blue-text)}
.hero-graf{bottom:0;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 97%);mask-image:linear-gradient(to bottom,#000 55%,transparent 97%)}
.manifesto .ov{margin-inline:.28em .06em}
.manifesto .ov>.oval{left:-5%;width:110%}
.kx-tiles{align-items:start}
.rb-promo .rb-pics img{aspect-ratio:4/5}
.sync .vf{display:none}
.uses span{font-family:var(--body);font-weight:600;font-size:14px;letter-spacing:0;border:1.5px dashed rgba(245,245,242,.35);padding:8px 14px;cursor:default}
.uses span:hover{background:none;color:inherit}
div.fr::after{content:none} div.fr:hover{translate:none}
.pbar{transition:opacity .3s var(--ease)} .rl:not(.playing) .pbar{opacity:0}
.rl.playing.paused .play i{width:0;height:0;background:none;border-left:13px solid var(--white);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.np-btn{width:44px;height:44px}
.np-x{flex:none;width:44px;height:44px;border:0;background:none;color:var(--white);font-size:18px;line-height:1;cursor:pointer}
.btn:focus-visible,.rail-nav button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--blue),inset 0 0 0 6px var(--white)}
.btn.ghost:focus-visible{outline:2px solid var(--blue);outline-offset:3px;box-shadow:inset 0 0 0 2px var(--ink)}
.sync :focus-visible,.card.hot :focus-visible,.np :focus-visible{outline-color:var(--white)}
.link,.apply .side a.mono{position:relative}
.link::after,.apply .side a.mono::after{content:"";position:absolute;inset:-12px -6px}
.field .err-msg{display:block;margin-top:6px;color:#b3261e;font-size:13px;line-height:1.35}
.form.brief .field:has(#f-demo),.form.brief .field:has(#f-links),.form.brief .field:has(#f-listeners){display:none}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media (max-width:1000px){.mnav{overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
@media (max-width:1000px) and (max-height:700px){.mnav{gap:10px}.mnav a{font-size:22px;padding-block:6px}}
@media (min-width:1001px){.apply .side{position:sticky;top:96px;align-self:start}}
@media (max-width:640px){.rb-playlists .rb-t{font-size:24px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{
--sky:#eef0f5; --sky-2:#e3e7f0; --paper:#eef0f5; --card:#ffffff;
--blue:#3b62d8; --blue-deep:#2547b8; --blue-ink:#10265f; --glow:#a9c2ff; --blue-soft:#dfe7fb; --blue-text:#2a4cc0;
--white:#fdfdfb;
--sheet:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),var(--tex) 0 0/720px 720px;
--board:#141414;
--tape:rgba(59,98,216,.5);
--tape-a:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/d6f97dd9f527.webp"); --tape-b:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/4837e3ea6c28.webp");
--pl-strat:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/a56920367993.webp"); --pl-rel:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/117fd8cf1cb8.webp");
--pl-promo:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/cd2a8982b9a1.webp"); --pl-style:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/0bb3985dcbbb.webp");
--grad-panel:linear-gradient(160deg,#d3e0ff 0%,#eaf0ff 42%,#d8e3fb 76%,#e7edfd 100%);
--grad-hot:linear-gradient(170deg,#4a72ea 0%,#3b62d8 45%,#2547b8 100%);
}
::selection{background:var(--blue);color:#fff}
.lead,.mono{color:var(--ink-2)}
.sec-head .mono,.panel .mono,.qz-head .mono,.services .rv>.mono,.rel-head .mono,.digest .mono,.apply .side>.mono,
.sync-grid>div>.mono,.partners>p.mono,.eco-head .mono{
font-family:var(--hand);font-size:21px;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--ink);
display:inline-block;padding-bottom:5px;background:linear-gradient(var(--blue),var(--blue)) 0 100%/100% 3px no-repeat}
.partners>p.mono{display:block;background-position:var(--gutter) 100%;background-size:calc(100% - 2 * var(--gutter)) 3px}
.btn{background:var(--blue);color:#fff}
.btn:hover{background:var(--ink);color:#fff}
.btn.blue{background:var(--blue);color:#fff} .btn.blue:hover{background:var(--ink);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn:focus-visible,.rail-nav button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 6px #fff}
.link{border-bottom-color:var(--blue)} .link:hover{color:var(--blue-text);border-color:var(--ink)}
.rail-nav button:disabled{opacity:.35;cursor:default}
.rail-nav button:disabled:hover{background:#fff;color:var(--ink)}
.brand .logo{--lh:30px}
.nav.brand-off .brand{opacity:0;visibility:hidden;pointer-events:none}
.nav.brand-anim .brand{transition:opacity .35s var(--ease),visibility .35s}
@media (prefers-reduced-motion:reduce){.nav.brand-anim .brand{transition:none}}
.f3d>i{display:block;width:100%;background:var(--pl) center/contain no-repeat;animation:bob var(--d,7s) ease-in-out infinite alternate}
.pl-strat{--pl:var(--pl-strat)} .pl-strat>i{aspect-ratio:406/83}
.pl-rel{--pl:var(--pl-rel)} .pl-rel>i{aspect-ratio:349/101}
.pl-promo{--pl:var(--pl-promo)} .pl-promo>i{aspect-ratio:299/93}
.pl-style{--pl:var(--pl-style)} .pl-style>i{aspect-ratio:285/80}
.hx{padding:clamp(20px,2.6vw,40px) var(--gutter) 0;overflow:hidden;isolation:isolate}
.hx .hero-graf{opacity:.32}
.hx-in{position:relative;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(20px,3vw,56px);align-items:center;
min-height:min(calc(100svh - 64px - 150px),720px)}
.hx-text{position:relative;z-index:3}
.hx-h1{margin:0;font-size:0;line-height:0}
.spray{position:relative;display:block;rotate:-1.5deg}
.spray img{display:block;width:100%;height:auto}
.spray-drips{position:absolute;left:0;top:0}
.spray-mist{position:absolute;left:-4%;top:-10%;width:108%;height:120%;pointer-events:none}
.spray.pre .spray-fill{-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--sx,-20%) - 9%),rgba(0,0,0,.4) calc(var(--sx,-20%) - 3%),transparent var(--sx,-20%));
mask-image:linear-gradient(90deg,#000 calc(var(--sx,-20%) - 9%),rgba(0,0,0,.4) calc(var(--sx,-20%) - 3%),transparent var(--sx,-20%))}
.spray.pre .spray-drips{clip-path:inset(0 0 var(--dy,100%) 0)}
.hx .hero-sign{display:block;width:min(70%,500px);height:auto;margin:clamp(-16px,-.9vw,-6px) 2% 0 auto;rotate:-2deg}
.hx .hero-cta{justify-content:flex-start;margin-top:clamp(22px,2.4vw,34px);gap:14px}
.hx-vis{position:relative;width:100%;aspect-ratio:1/1;max-height:min(640px,calc(100svh - 230px));justify-self:center;max-width:620px}
.hx-vis .f3d,.hx-deco .f3d{position:absolute}
.hv-c img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 26px 50px -26px rgba(16,38,95,.6)}
.hv-c.c1{left:5%;top:9%;width:40%;rotate:-6deg}
.hv-c.c2{left:48%;top:2%;width:35%;rotate:5deg}
.hv-c.c3{left:20%;top:48%;width:38%;rotate:3deg}
.hv-c.c4{left:60%;top:43%;width:33%;rotate:-4deg}
.hv-p.pl-strat{left:-7%;top:39%;width:33%;rotate:-8deg}
.hv-p.pl-rel{right:-3%;top:-2%;width:30%;rotate:7deg}
.hv-p.pl-promo{right:0;bottom:7%;width:28%;rotate:-4deg}
.hv-o.o-cas{left:-1%;bottom:0;width:30%;rotate:-10deg}
.hv-o.o-star{right:-5%;top:27%;width:16%}
.hx .hv-o img{filter:drop-shadow(0 20px 24px rgba(27,58,158,.3))}
.hx .hv-c img{animation-duration:9s}
.hx-deco{display:none}
.hx[data-v="b"] .hx-in{grid-template-columns:minmax(0,1fr);max-width:1240px;justify-items:center;text-align:center;min-height:0;
padding:clamp(54px,6vw,100px) clamp(0px,4vw,64px) clamp(26px,3vw,48px)}
.hx[data-v="b"] .hx-text{width:100%}
.hx[data-v="b"] .hero-sign{width:clamp(240px,40vw,560px);margin-right:1%}
.hx[data-v="b"] .hero-cta{justify-content:center}
.hx[data-v="b"] .hx-vis{display:none}
.hx[data-v="b"] .hx-deco{display:block;position:absolute;inset:0;pointer-events:none;z-index:4}
.hd-p.pl-strat{left:-1%;top:2%;width:clamp(116px,14vw,210px);rotate:-7deg}
.hd-p.pl-rel{right:1%;top:0;width:clamp(104px,12.5vw,186px);rotate:6deg}
.hd-p.pl-promo{right:2%;top:64%;width:clamp(94px,11vw,160px);rotate:-3deg}
.hd-p.pl-style{left:3%;top:64%;width:clamp(92px,10.5vw,152px);rotate:-4deg}
.hd-star{right:9%;top:auto;bottom:2%;width:clamp(64px,7vw,110px)}
.hd-auto{left:46%;top:3%;width:clamp(56px,5vw,84px)}
.hx .hero-bottom{padding-top:clamp(6px,1.4vw,18px)}
.ribbon{background:var(--blue);color:#fff;mix-blend-mode:normal;rotate:0deg;width:100%;margin:clamp(26px,3.4vw,52px) 0 0;clip-path:none;padding-block:12px}
.ribbon span{color:#fff}
.under{padding-top:clamp(28px,3.4vw,48px)}
.u-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.u-facts div{border-left:4px solid var(--blue);padding-left:14px}
.u-facts b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(26px,2.6vw,38px);line-height:1;letter-spacing:-.02em;color:var(--ink)}
.u-facts span{display:block;margin-top:6px;font-family:var(--hand);font-size:18px;line-height:1.2;color:var(--ink-2)}
.u-scatter{position:relative;height:clamp(250px,30vw,470px);margin:0 0 clamp(26px,3vw,44px);overflow:hidden;overflow:clip}
.under:has(.u-scatter){padding-top:clamp(6px,1vw,14px)}
.sc{position:absolute;left:var(--x);top:var(--y);z-index:var(--z,1);width:clamp(120px,13vw,220px);margin:0;rotate:var(--r);transform:translate3d(0,var(--py,0px),0);will-change:transform}
.sc-drop,.sc-in{display:block}
.sc-in{transition:rotate .5s var(--ease),scale .5s var(--ease)}
.sc img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#fff;box-shadow:0 22px 44px -22px rgba(15,26,51,.6),0 2px 6px rgba(15,26,51,.12)}
.sc-x{width:clamp(70px,8vw,130px)}
.sc-x img{box-shadow:none;border-radius:0;background:none;aspect-ratio:auto}
.sc-star{width:clamp(48px,5vw,84px)}
.sc-cd{width:clamp(96px,11vw,180px)}
.sc-phones{width:clamp(90px,10vw,165px)}
.sc-mic{width:clamp(40px,4.4vw,74px)}
.sc:not(.sc-x):hover{z-index:9}
.sc:not(.sc-x):hover .sc-in{rotate:calc(var(--r) * -1);scale:1.07}
.u-scatter.pre .sc-drop{opacity:0;transform:translateY(-46px) rotate(9deg) scale(1.08)}
.sc-drop{transition:opacity .6s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.u-scatter.in .sc-in{animation:sc-bob 5.5s ease-in-out calc(var(--d,0s) + 1.2s) infinite alternate}
.u-scatter.in .sc:nth-of-type(3n) .sc-in{animation-duration:6.5s}
.u-scatter.in .sc:nth-of-type(3n+1) .sc-in{animation-duration:4.8s}
@keyframes sc-bob{to{translate:0 -7px}}
.u-scatter.in .sc:not(.sc-x):hover .sc-in{animation-play-state:paused}
@media (max-width:640px){
.u-scatter{height:152vw;margin-bottom:22px}
.sc{left:var(--mx);top:var(--my);rotate:var(--mr);width:31vw}
.sc-x{width:24vw}
.sc-star{width:15vw}
.sc-cd{width:30vw}
.sc-phones{width:27vw}
.sc-mic{width:11vw}
}
@media (prefers-reduced-motion:reduce){.sc,.sc-in,.sc-drop{transition:none;animation:none!important;transform:none}}
.panel{background:var(--grad-panel);border:1px solid rgba(255,255,255,.85);border-radius:28px;rotate:0deg;box-shadow:0 30px 80px -46px rgba(27,58,158,.45);overflow:visible;gap:26px}
.panel::before{background:radial-gradient(60% 50% at 30% 18%,rgba(255,255,255,.8),transparent 70%);clip-path:none;border-radius:inherit}
.manifesto{margin-top:18px}
.manifesto .pill{font-size:.6em;margin-block:-.3em}
.pill.k{--pbg:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/26185771b0fb.svg");color:#fff}
.manifesto .pill{margin-right:0}
.manifesto .pill{position:relative;top:-.2em}
.manifesto .ov{isolation:isolate;margin-inline:.4em .42em}
.manifesto .ov>.oval{z-index:-1;left:-8%;top:22%;width:116%;height:86%;transform:none;rotate:-.6deg}
.hl{background:linear-gradient(transparent 18%,rgba(59,98,216,.2) 18% 90%,transparent 90%)}
.notes{display:flex;flex-wrap:wrap;gap:12px}
.note{position:relative;flex:1 1 calc(50% - 6px);background:#fff;padding:13px 16px 13px;box-shadow:0 14px 26px -20px rgba(16,38,95,.55);rotate:var(--nr,0deg)}
.note:nth-child(1){--nr:-1.4deg} .note:nth-child(2){--nr:1deg} .note:nth-child(3){--nr:-.6deg} .note:nth-child(4){--nr:1.3deg} .note:nth-child(5){--nr:-.8deg}
.note b{display:block;font-family:var(--hand);font-weight:400;font-size:20px;line-height:1.1;color:var(--blue-text)}
.note span{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--ink-2)}
.note:nth-child(1)::after,.note:nth-child(4)::after{content:"";position:absolute;top:-12px;left:calc(50% - 40px);width:80px;height:26px;background:var(--tape-a) center/100% 100% no-repeat;rotate:-6deg;pointer-events:none}
.note:nth-child(4)::after{background-image:var(--tape-b);rotate:5deg;left:auto;right:12%}
.who-row .n{color:var(--blue-text)}
.who-row .fit{background:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/a559f5f3c7fc.svg") center/100% 100% no-repeat;padding:15px 26px 16px;font-family:var(--hand);font-size:18px;color:var(--ink);white-space:nowrap}
.who-row:nth-child(2) .fit{background-image:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/c8114d4ff88a.svg")}
.who-row:nth-child(3) .fit{background-image:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/c2c94df9e69f.svg");padding-inline:30px}
.proof div{border-left:4px solid var(--blue)}
.proof b{font-size:clamp(34px,3.4vw,52px)}
.proof b,.sync .nums b,.rb-fact b,.u-facts b{font-variant-numeric:normal}
.split>*{min-width:0}
.kx-tiles{gap:16px;align-items:stretch}
.kx-tiles>.rb{rotate:0deg;border-radius:22px;background:#fff;border:1px solid rgba(20,20,20,.06);box-shadow:0 24px 60px -44px rgba(15,26,51,.38);overflow:hidden}
.kx-tiles>.rb::before,.kx-tiles>.rb::after{content:none}
.kx-tiles>.rb:hover{translate:0 -4px;box-shadow:0 30px 70px -40px rgba(27,58,158,.42)}
.kx-tiles>.rb-playlists{background:linear-gradient(160deg,#cbdaff 0%,#e6edff 46%,#d1defb 100%);border-color:rgba(255,255,255,.8)}
.kx-tiles>.rb-sync{background:radial-gradient(70% 60% at 85% 0%,rgba(106,143,242,.55),transparent 70%),var(--blue-ink);border-color:var(--blue-ink);color:#fff}
.rb .rb-top .mono{color:var(--blue-text)}
.rb-sync .rb-top .mono{color:var(--glow)}
.rb-pics img{border:0;border-radius:12px;box-shadow:0 16px 30px -18px rgba(15,26,51,.6)}
.rb-sync .rb-pics img{border:0;border-radius:8px}
.rb-playlists .rb-pics{flex-wrap:nowrap;gap:0;padding:4px 0 10px}
.rb-playlists .rb-pics img{position:relative;width:clamp(76px,8.2vw,126px);margin-right:calc(clamp(76px,8.2vw,126px) * -.2);rotate:var(--cr,0deg);transition:scale .4s var(--ease),translate .4s var(--ease)}
.rb-playlists .rb-pics img:nth-child(odd){--cr:-4deg}
.rb-playlists .rb-pics img:nth-child(even){--cr:3deg;translate:0 10px}
.rb-playlists .rb-pics img:last-child{margin-right:0}
.rb-playlists:hover .rb-pics img{transform:none}
.rb-playlists .rb-pics img:hover{z-index:2;scale:1.07}
.rb-growth .rb-pics{position:relative;flex-direction:column;gap:0;padding:14px 2px 4px}
.rb-growth .rb-pics img{width:68%;aspect-ratio:auto;object-fit:contain;border-radius:6px;rotate:-2deg;background:#fff;box-shadow:0 14px 28px -16px rgba(15,26,51,.5)}
.rb-growth .rb-pics img:nth-child(2){align-self:flex-end;margin-top:-22%;rotate:2.4deg}
.rb-growth .rb-pics::before,.rb-growth .rb-pics::after{content:"";position:absolute;z-index:2;width:26%;height:24px;background:var(--tape-a) center/100% 100% no-repeat;pointer-events:none}
.rb-growth .rb-pics::before{left:18%;top:4px;rotate:-7deg}
.rb-growth .rb-pics::after{right:12%;top:36%;rotate:6deg;background-image:var(--tape-b)}
.rb-growth .rb-fact b{color:var(--blue-text)}
.cards{align-items:start}
.card.hot::before{background:var(--grad-hot)}
.card.hot{color:#fff}
.card.hot .for,.card.hot ul,.card.hot .price small,.card.hot .desc{color:rgba(255,255,255,.88)}
.card.hot ul{border-color:rgba(255,255,255,.32)} .card.hot li::before{background:#fff}
.card.hot .btn{background:#fff;color:var(--blue-ink)} .card.hot .btn:hover{background:var(--ink);color:#fff}
.card .for{margin-top:6px}
.card .desc{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.badge3{background:url("https://storage.yandexcloud.net/iskrennostsyncmedia/site/kollazh/img/a5dcfb176be8.svg") center/100% 100% no-repeat;width:116px;height:116px;top:-40px;right:4px;padding:0;display:grid;place-items:center}
.badge3::before,.badge3::after{content:none}
.badge3 b{font-size:19px;line-height:1;text-align:center;rotate:-8deg}
.prices .ov{isolation:isolate}
.prices .ov>.oval{z-index:-1;left:-14%;top:-29%;width:128%;height:152%}
.quiz::after,.digest::after{background:var(--tape-a) center/100% 100% no-repeat;clip-path:none;mix-blend-mode:normal;width:120px;height:38px;top:-17px;left:calc(50% - 60px)}
.quiz::after{left:auto;right:10%;rotate:4deg}
.qz-a button:hover{background:rgba(59,98,216,.1)}
.qz-a button.sel{background:var(--blue);border-color:var(--blue);color:#fff}
.more{border-top:1.5px dashed var(--line-2);padding-top:4px}
.more summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-family:var(--hand);font-size:19px;color:var(--blue-text)}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:"+";font-family:var(--body);font-weight:700;font-size:20px;line-height:1;transition:rotate .3s var(--ease)}
.more[open] summary::after{rotate:45deg}
.more-in{font-size:14px;line-height:1.5;color:var(--ink-2);padding:2px 0 8px}
.more-in p{margin:0 0 8px}
.card .more-in ul,.srow .more-in ul{display:block;list-style:disc;border:0;margin:0 0 10px;padding:0 0 0 18px;font-size:14px;color:inherit}
.card .more-in li{display:list-item;margin-bottom:4px} .card .more-in li::before{content:none}
.srow .more-in li{margin-bottom:4px}
.srow .more{margin-top:0;border-top:0;padding-top:0}
.srow .more summary{min-height:36px;font-size:17px}
.card.hot .more{border-color:rgba(255,255,255,.32)} .card.hot .more summary{color:#fff} .card.hot .more-in{color:rgba(255,255,255,.9)}
.rcard .q{background:none;line-height:1.6}
.rcard::after{content:"";position:absolute;z-index:2;top:-15px;left:calc(50% - 60px);width:120px;height:38px;background:var(--tape-a) center/100% 100% no-repeat;rotate:-4deg;pointer-events:none}
.rcard:nth-child(even)::after{background-image:var(--tape-b);rotate:5deg;left:auto;right:14%}
.rcard .who-r{justify-content:flex-start;align-items:flex-end;gap:16px;margin:0;padding:0 0 14px;border-top:0;border-bottom:1.5px dashed var(--line-2)}
.rcard .ava{flex:none;box-sizing:content-box;width:84px;height:84px;margin-top:-40px;padding:5px 5px 16px;border:0;border-radius:0;background:#fff;object-fit:cover;rotate:-4deg;
box-shadow:0 16px 26px -14px rgba(16,38,95,.55),0 1px 3px rgba(16,38,95,.18)}
.rcard:nth-child(even) .ava{rotate:3deg}
.rcard .who-r .ava-f{position:relative;display:block;flex:none;margin:-40px 0 0;rotate:-4deg}
.rcard .who-r .ava-f .ava{display:block;margin-top:0;rotate:none}
.rcard .who-r .ava-cap{position:absolute;left:0;right:0;bottom:1px;margin:0;font-family:var(--hand);font-size:12px;line-height:15px;color:var(--ink-2);text-align:center;white-space:nowrap}
.rcard .q.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;line-clamp:9;overflow:hidden}
.rcard .q-more{align-self:flex-start;margin-top:-6px}
@media (max-width:640px){.rcard .q.clamp{-webkit-line-clamp:10;line-clamp:10}}
.crew-row.a{--sum:2306} .crew-row.b{--sum:2236}
.mate{flex-basis:calc((100% - 3 * var(--gap)) * var(--w) / var(--sum,2236))}
.crew-tag{left:0;right:0;top:3%;width:100%;opacity:1;rotate:-3deg}
.mate{rotate:none}
.mate img{rotate:var(--r,0deg);transition:rotate .5s var(--ease)}
.mate:hover img{rotate:0deg}
.crew-row.b{z-index:auto}
.tagn{position:absolute;left:var(--tx,60%);top:var(--ty,16%);translate:var(--sx,0) 0;rotate:var(--tr,0deg);z-index:6;margin:0;background:#fff;
padding:clamp(3px,.35vw,6px) clamp(7px,.75vw,13px) clamp(4px,.4vw,7px);text-align:left;white-space:nowrap;line-height:1.15;
box-shadow:0 10px 20px -12px rgba(0,0,0,.5);pointer-events:none}
.mate.l .tagn{--sx:-100%;text-align:right}
.tagn b{display:block;font-family:var(--hand);font-weight:400;font-size:clamp(15px,1.35vw,22px);color:var(--ink)}
.tagn span{display:block;margin-top:2px;font-size:clamp(11px,.8vw,13px);font-weight:600;color:var(--ink-2)}
.crew-roles{display:none}
@media (min-width:641px) and (max-width:900px){
.tagn span{display:none}
.crew-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 18px;list-style:none;margin:20px 0 0;padding:0;font-size:13px;line-height:1.35;color:var(--ink-2)}
.crew-roles b{display:block;font-family:var(--hand);font-weight:400;font-size:18px;line-height:1.1;color:var(--ink)}
}
@media (prefers-reduced-motion:reduce){.mate img{transition:none}}
.rel-tools{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}
.rel-tools .rail-nav{padding:0;margin:0}
#team .rel{display:flex;gap:clamp(14px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:16px 4px 22px;margin:clamp(14px,2vw,28px) -4px 0}
#team .rel::-webkit-scrollbar{display:none}
#team .rl{flex:0 0 clamp(168px,17vw,236px);scroll-snap-align:start;rotate:0deg}
#team .rl:hover{rotate:0deg}
#team .rl img{border:0;border-radius:12px;box-shadow:0 18px 40px -22px rgba(15,26,51,.55)}
#team .rel .rl:hover .vinyl{transform:translateX(22%)}
#team .rel .rl:hover .sleeve img{transform:translateX(-5%) rotate(-2deg)}
#team .rel .rl.playing .vinyl{transform:translateX(24%)}
#team .rel .rl.playing .sleeve img{transform:translateX(-5%) rotate(-2deg) scale(var(--beat,1))}
.play{background:var(--blue);box-shadow:0 10px 24px -8px rgba(27,58,158,.7)}
.play:hover,.rl.playing .play{background:var(--ink)}
.rl .m i{color:var(--ink-3)}
.sync{background:var(--blue-ink);color:#fff;clip-path:none;margin-block:0;overflow:hidden;padding-top:clamp(96px,10vw,150px)}
.sync::before{display:block;content:"";position:absolute;inset:-30%;background:radial-gradient(40% 40% at 70% 30%,rgba(106,143,242,.55),transparent 70%),radial-gradient(35% 40% at 20% 80%,rgba(169,194,255,.2),transparent 70%);filter:blur(40px);pointer-events:none}
.sync::after{opacity:.1}
.sync .vf{display:block}
.sync .lead{color:rgba(255,255,255,.84)}
.sync-grid>div>.mono{color:#fff;background-image:linear-gradient(var(--glow),var(--glow))}
.sync-for{margin:24px 0 0;font-family:var(--hand);font-size:clamp(19px,1.6vw,23px);line-height:1.3;color:var(--glow);max-width:30em}
.sync .lead{margin-top:16px}
.sync .nums b{color:#fff}
.sync-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.sync .btn{background:#fff;color:var(--blue-ink)} .sync .btn:hover{background:var(--glow);color:var(--blue-ink)}
.sync .btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)} .sync .btn.ghost:hover{background:#fff;color:var(--blue-ink)}
.sync-side{display:flex;flex-direction:column;gap:14px}
.case{rotate:0deg;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.26);border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:24px}
.case:nth-child(1),.case:nth-child(2){rotate:0deg}
.case::before,.case::after{content:none}
.case .mono{color:var(--glow)}
.case p{color:#fff}
.case .pl span{border:1px solid rgba(255,255,255,.42);border-radius:999px;color:#fff}
.how li{color:rgba(255,255,255,.92)} .how li b{color:var(--glow)}
.fr .fname{color:var(--blue)}
div.fr::after{content:"↗";color:var(--blue)}
.apply .side{gap:16px}
.apply .side .steps li{padding:9px 0;font-size:14px}
.form{gap:12px 18px;padding:clamp(22px,2.4vw,32px) clamp(22px,2.6vw,36px)}
.field{gap:4px}
.field input,.field select{padding:9px 2px}
.field textarea{min-height:0;padding:9px 12px}
.f-more{grid-column:1/-1}
.f-more summary{min-height:40px;font-size:18px}
.f-more .more-in{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 18px;padding:2px 0 4px}
.field.consent{gap:2px}
.field.consent .cbox{gap:10px;font-size:13px;line-height:1.4}
.field.consent .cbox input{width:18px;height:18px}
.field.consent small{padding-left:28px;font-size:12px}
.form .submit{margin-top:0}
.form .btn{padding:15px 26px}
.form::after{background:var(--tape-b) center/100% 100% no-repeat;clip-path:none;mix-blend-mode:normal;width:130px;height:44px;top:-20px;left:9%;rotate:-5deg}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);background:rgba(59,98,216,.07)}
.field select.flash{border-color:var(--blue);background-color:rgba(59,98,216,.14)}
.eco{padding-block:clamp(48px,5vw,80px) clamp(8px,2vw,24px)}
.eco-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin-bottom:22px}
.eco-head .h3{font-size:clamp(20px,1.8vw,26px)}
.eco-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.eco-c{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;padding:20px 22px 20px;color:var(--ink);transition:translate .4s var(--ease)}
.eco-c::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sheet);clip-path:var(--cut-b)}
.eco-c:nth-child(2)::before{background:var(--grad-panel);clip-path:var(--cut-c)}
.eco-c:nth-child(1){rotate:-.6deg} .eco-c:nth-child(3){rotate:.7deg}
.eco-c:hover{translate:0 -3px}
.eco-c b{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:-.01em;line-height:1.1;padding-right:70px}
.eco-c span{font-size:14px;line-height:1.45;color:var(--ink-2)}
.eco-c i{position:absolute;top:18px;right:20px;font-style:normal;font-size:18px;line-height:1;color:var(--blue)}
.eco-c.here i{font-family:var(--hand);font-size:16px;color:var(--blue-text)}
.foot{padding-block:clamp(36px,4vw,60px) 28px}
.foot-grid{grid-template-columns:1.3fr .9fr 1.1fr .8fr 1.1fr}
.foot .brand .logo{--lh:40px;rotate:-2deg}
.foot-brand p{margin:12px 0 18px;font-size:15px;color:var(--ink-2)}
.foot-brand .btn{font-size:13px;padding:13px 20px 13px 18px}
.foot .mono{margin-bottom:12px}
.foot .bottom{margin-top:clamp(28px,3vw,40px);padding-top:16px;border-top:1.5px dashed var(--line-2)}
.mk{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:flex-end;gap:8px;max-width:calc(100% - 24px);font-family:var(--body);font-size:12px}
.mk-x{flex:none;min-height:36px;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:9px 14px;font:600 12px/1 var(--body);cursor:pointer}
.mk-body{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45)}
.mk[data-open="false"] .mk-body{display:none}
.mk-g{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mk-l{min-width:86px;color:var(--ink-3)}
.mk-g button{min-height:32px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);padding:6px 11px;font:600 12px/1 var(--body);cursor:pointer}
.mk-g button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:1000px){
.hx-in{grid-template-columns:minmax(0,1fr);min-height:0;gap:6px;padding-top:12px}
.hx-vis{max-width:540px;max-height:none;aspect-ratio:5/4;margin-top:18px}
.hx[data-v="b"] .hx-in{padding-top:64px}
.foot-grid{grid-template-columns:1fr 1fr}
.foot-brand{grid-column:1/-1}
.panel{gap:22px}
}
@media (max-width:640px){
.hx{padding-top:14px}
.hx .hero-sign{width:78%}
.hx .hero-cta{flex-direction:row}
.hx-vis{aspect-ratio:1/.9;margin-top:10px}
.hv-p.pl-strat{left:-4%} .hv-p.pl-rel{right:-2%}
.hx[data-v="b"] .hx-in{padding:72px 0 20px}
.hd-p.pl-strat{left:-2%;top:2%;width:30vw} .hd-p.pl-rel{right:-2%;top:0;width:27vw}
.hd-p.pl-promo,.hd-p.pl-style,.hd-star,.hd-auto{display:none}
.ribbon{rotate:-2deg;width:104%;margin-inline:-2%;clip-path:polygon(0 10%,100% 0,100% 88%,0 100%)}
.u-facts{grid-template-columns:1fr 1fr;gap:16px 12px}
.panel{padding:22px 18px}
.manifesto{font-size:20px}
.notes{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px;padding:14px 18px 8px}
.notes::-webkit-scrollbar{display:none}
.note{flex:0 0 64%;scroll-snap-align:start}
.who-row{padding:16px 0;gap:6px 14px}
.who-row .fit{margin-top:2px}
.who-row h3{font-size:19px;margin-bottom:6px}
.who-row p{font-size:15px;line-height:1.5}
.who-row .fit{font-size:16px;padding:12px 22px 13px}
.proof{grid-template-columns:1fr 1fr;gap:14px}
.proof b{font-size:30px}
.proof span{font-size:13px}
.rb-playlists .rb-pics{flex-wrap:wrap;row-gap:8px}
.rb-playlists .rb-pics img{width:calc((100% + 54px) / 4);margin-right:-18px}
.rb-playlists .rb-pics img:nth-child(4n){margin-right:0}
.badge3{width:98px;height:98px;top:-32px} .badge3 b{font-size:16px}
.rcard{flex-basis:84vw;padding:24px 18px 18px;gap:14px}
.rcard .q{font-size:15px;line-height:1.55}
.rcard .ava{width:64px;height:64px;margin-top:-34px;padding:4px 4px 12px}
.rcard .who-r .ava-f{margin-top:-34px}
.rcard .who-r .ava-cap{bottom:0;font-size:10px;line-height:12px}
.crew{--gap:4px;padding-top:20px}
.crew-row{flex-wrap:nowrap}
.mate{flex-basis:calc((100% - 3 * var(--gap)) * var(--w) / var(--sum,2236))}
.crew-row .mate:nth-child(n+3){margin-top:0}
.crew-row.b{margin-top:-7%}
.tagn{padding:3px 7px 4px;left:var(--txm,var(--tx,60%));top:var(--tym,var(--ty,16%))} .tagn b{font-size:14px} .tagn span{display:none}
.crew-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;list-style:none;margin:16px 0 0;padding:0;font-size:12.5px;line-height:1.3;color:var(--ink-2)}
.crew-roles b{display:block;font-family:var(--hand);font-weight:400;font-size:17px;line-height:1.1;color:var(--ink)}
.crew-tag{top:5%}
.crew-band{width:70%}
#team .rl{flex-basis:44vw}
.sync{padding-top:84px}
.eco-row{grid-template-columns:1fr;gap:10px}
.eco-c{padding:14px 16px}
.eco-c b{font-size:18px}
.eco-c span{font-size:13.5px}
.f-more .more-in{grid-template-columns:1fr}
.foot-grid{grid-template-columns:1fr 1fr;gap:22px 16px}
.foot ul{gap:8px}
.foot .bottom{flex-direction:column;gap:6px}
}
@media (prefers-reduced-motion:reduce){
.spray.pre .spray-fill{-webkit-mask-image:none;mask-image:none}
.spray.pre .spray-drips{clip-path:none}
}
html{scroll-padding-top:88px}
.field,.cbox{scroll-margin-top:96px}
@media (min-width:641px) and (max-width:1000px){.nav .btn{display:inline-flex;margin-left:auto}}
.hx-note{margin:12px 0 0;font-size:14px;line-height:1.45;color:var(--ink-2)}
@media (min-width:1001px){
.hx[data-v="a"] .hx-in{min-height:0}
.hx[data-v="a"] .hx-vis{max-width:min(620px,calc(100svh - 300px))}
.hx[data-v="a"]{padding-bottom:28px}
.hx[data-v="a"] .hero-bottom{display:none}
.hx[data-v="a"] + .ribbon{margin-top:6px}
}
@media (min-width:1001px){
.hx[data-v="b"]{--bw:clamp(min(100%,520px),calc((100svh - 549px) * 3.2),100%)}
.hx[data-v="b"] .hx-in{padding-top:clamp(12px,2vw,28px);padding-bottom:10px}
.hx[data-v="b"] .spray{width:var(--bw);margin-inline:auto}
.hx[data-v="b"] .hero-sign{width:min(clamp(240px,40vw,560px),calc(var(--bw) * .48));margin-right:calc((100% - var(--bw)) / 2 + 1%)}
.hx[data-v="b"] .hero-bottom{display:none}
.hx[data-v="b"] + .ribbon{margin-top:16px}
.hx[data-v="b"] .hd-auto{top:-22px}
}
@media (min-width:1001px) and (max-height:720px){.hx[data-v="b"] + .ribbon{margin-top:6px}}
.hx[data-v="b"] .hd-p.pl-promo{top:78%}
.hx[data-v="b"] .hd-p.pl-style{top:72%}
.hx[data-v="b"] .hd-star{right:calc((100% - 100vw) / 2 - 6px);bottom:-12%}
.hx[data-v="b"] .hero-graf{left:50%;top:auto;bottom:0;translate:-50% 0;width:min(1400px,94vw);max-height:90%;object-fit:contain;
object-position:50% 100%;opacity:.3;
-webkit-mask-image:none;mask-image:none}
@media (min-width:1001px){
.hx[data-v="b"]{min-height:calc(100svh - 64px - 47px);display:flex;flex-direction:column;justify-content:center}
.hx[data-v="b"] .hx-in{width:100%}
.hx[data-v="b"] + .ribbon{margin-top:0}
.hx[data-v="b"]{--bw:clamp(min(100%,520px),calc((100svh - 380px) * 2.6),100%)}
.hx[data-v="b"] .hx-in{max-width:1320px;padding-block:clamp(40px,6svh,80px) clamp(24px,4svh,56px)}
}
@media (max-width:1000px){
.hx[data-v="b"]{overflow-x:clip;overflow-y:visible}
.hx[data-v="b"] .hero-graf{width:120%;max-height:70%;bottom:-48px}
}
.hx[data-v="b"]{--lw:min(calc(var(--bw,100%) * 1.15), calc(100vw - 40px))}
.hx[data-v="b"] .spray{width:var(--lw);max-width:none;margin-inline:calc((100% - var(--lw)) / 2)}
@media (min-width:1001px){.hx[data-v="b"] .hero-sign{margin-right:calc((100% - var(--lw)) / 2 + 1%)}}
@media (max-width:1000px){.hx[data-v="b"]{--lw:calc(100vw - 12px)}}
.foot{padding-block:clamp(28px,3vw,40px) 20px}
@media (min-width:1001px){.foot-grid{grid-template-columns:1.2fr 1.1fr 1.1fr .8fr 1.1fr;column-gap:32px}}
.foot ul{gap:6px}
.foot .mono{margin-bottom:8px}
.foot-brand p{margin:8px 0 14px}
.foot-nav ul{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:6px 22px}
.foot .bottom{margin-top:24px;padding-top:12px}
@media (max-width:640px){
.foot-grid{gap:18px 16px}
.foot-nav,.foot-docs{grid-column:1/-1}
.foot-nav ul,.foot-docs ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px 18px}
.foot li a{display:inline-block;padding-block:3px}
.foot .bottom{margin-top:20px}
}
.under:not([data-scatter="on"]) .u-scatter{display:none}
.under:not([data-scatter="on"]){padding-top:clamp(28px,3.4vw,48px)}
.who-row a.fit{cursor:pointer}
.who-row a.fit:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.srow.rec{outline:3px dashed var(--blue);outline-offset:8px}
@media (max-width:640px),(min-width:1001px){.card.hot .top{padding-right:92px}}
.qz-head .h3{font-size:clamp(18px,1.6vw,22px);line-height:1.25}
.srow .s-go{display:inline-block;margin-top:9px;font-size:11px;white-space:nowrap}
.rel-cta{margin:clamp(18px,2.4vw,30px) 0 0;font-family:var(--hand);font-size:20px;line-height:1.35;color:var(--ink)}
.rel-cta .link{margin-left:8px;white-space:nowrap;font-family:var(--mono)}
.field.consent .err-msg{font-size:13px;margin-top:4px}
.form .submit .f-alt{flex-basis:100%;max-width:none;margin:0;font-size:13px;color:var(--ink-2)}
.form .submit .f-alt a{border-bottom:1px solid currentColor}
.f-fail{grid-column:1/-1;margin:0;padding:10px 14px;border-left:4px solid #b3261e;background:rgba(179,38,30,.07);font-size:14px;line-height:1.45;color:var(--ink)}
.f-fail a{border-bottom:1px solid currentColor}
.sent{position:relative;isolation:isolate;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:14px;
padding:clamp(30px,3.2vw,46px) clamp(22px,2.8vw,40px) clamp(26px,3vw,40px);rotate:-.4deg}
.sent::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sheet);clip-path:var(--cut-b)}
.sent::after{content:"";position:absolute;width:130px;height:44px;top:-20px;left:9%;background:var(--tape-b) center/100% 100% no-repeat;rotate:-5deg;pointer-events:none}
.sent-h{margin:0;padding-bottom:6px;font-family:var(--display);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);
background:linear-gradient(var(--blue),var(--blue)) 0 100%/100% 4px no-repeat}
.sent-h:focus{outline:0}
.sent-t{margin:0;max-width:30em;font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--ink-2)}
.sent-tg{color:var(--blue-text);overflow-wrap:anywhere}
.sent-acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:6px}
.sent-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:none;font-size:18px;line-height:1;color:var(--ink-2);cursor:pointer}
.sent-x:hover{color:var(--ink)}
.scta{display:none}
@media (max-width:640px){
.scta{display:inline-flex;justify-content:center;align-items:center;position:fixed;z-index:63;left:16px;right:16px;
bottom:calc(12px + env(safe-area-inset-bottom,0px));height:56px;padding:0 22px;font-size:15px;
opacity:0;visibility:hidden;transform:translateY(16px);
transition:opacity .3s var(--ease),transform .45s var(--ease),visibility 0s linear .45s}
.scta.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .45s var(--ease),visibility 0s}
.mnav.open ~ .scta{opacity:0;visibility:hidden}
html.scta-on .np{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
html.scta-on .mk{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.scta,.scta.on{transform:none;transition:none}}