:root{
  color-scheme:dark;
  --bg:#08080a;
  --bg-2:#0e0e11;
  --surface:rgba(255,255,255,.035);
  --surface-2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --text:#f3f1ee;
  --muted:#9a9794;
  --dim:#5f5d5b;
  --ember:#1f9bff;
  --ember-2:#5cc8ff;
  --cobalt:#3a47ff;
  --cobalt-2:#7d86ff;
  --good:#3ee29a;
  --bad:#ff5a6e;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:22px;
  --prose:#d6d3cf;
  --neg:#ff9fab;
  --pos:#7ff0bd;
  --nav-bg:rgba(8,8,10,.62);
  --accent:#0070de;
  --float-bg:rgba(20,20,24,.8);
}
:root[data-site="light"]{
  color-scheme:light;
  --bg:#f3f4f6;
  --bg-2:#ffffff;
  --surface:rgba(16,18,24,.035);
  --surface-2:rgba(16,18,24,.06);
  --line:rgba(16,18,24,.08);
  --line-2:rgba(16,18,24,.15);
  --text:#0f1014;
  --muted:#5c5f67;
  --dim:#878a93;
  --ember:#1f9bff;
  --ember-2:#0066cc;
  --accent:#0070de;
  --prose:#2b2d33;
  --neg:#c01f3c;
  --pos:#0a7a4b;
  --nav-bg:rgba(243,244,246,.8);
  --float-bg:rgba(255,255,255,.9);
}
:root[data-site="light"] .glow::before,:root[data-site="light"] .glow::after{opacity:.4}
:root[data-site="light"] .grid-bg{opacity:.35}
:root[data-site="light"] .card{border-color:rgba(16,18,24,.06)}
:root[data-site="light"] .meta div{background:#fff}
:root[data-site="light"] .list li,:root[data-site="light"] ol.steps li,:root[data-site="light"] .kpi,:root[data-site="light"] .ds div,:root[data-site="light"] .fact{background:#fff}
:root[data-site="light"] .name span:last-child{background:linear-gradient(95deg,#ff7a3d 0%,#ff5b1f 45%,#de3700 100%);-webkit-background-clip:text;background-clip:text}
:root[data-site="light"] .card{box-shadow:0 1px 0 rgba(0,0,0,.02),0 10px 30px -18px rgba(20,16,12,.25)}
:root[data-site="light"] .to-top:hover{color:#fff}
/* theme switch */
.nav-right{display:flex;align-items:center;gap:12px}
.lang-sw{all:unset;cursor:pointer;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--dim);padding:6px 4px;line-height:1;transition:color .2s}.lang-sw:hover{color:var(--text)}.lang-sw:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:4px}
.theme-sw{position:relative;width:62px;height:34px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:space-between;padding-inline:9px;color:var(--dim);font-size:14px;transition:border-color .2s}
.theme-sw:hover{border-color:var(--line-2)}
.theme-sw .knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.theme-sw[aria-checked="true"] .knob{transform:translateX(28px)}
.theme-sw svg{position:absolute;z-index:1;top:9px;width:14px;height:14px;display:block}
.theme-sw .ic-moon{left:9px}
.theme-sw .ic-sun{left:37px}
.theme-sw .ic-moon{color:#fff}
.theme-sw[aria-checked="true"] .ic-moon{color:var(--dim)}
.theme-sw[aria-checked="true"] .ic-sun{color:#fff}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:transparent;color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--ember-2);outline-offset:3px;border-radius:6px}
.wrap{max-width:1440px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}

/* ——— nav ——— */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--nav-bg);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.02em;display:flex;align-items:center;gap:10px}
.logo i{width:10px;height:10px;border-radius:50%;background:var(--ember);box-shadow:0 0 16px var(--ember)}
.nav nav{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.nav nav a{font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;color:var(--muted);transition:color .2s,background .2s}
.nav nav a:hover{color:var(--text)}
.nav nav a.on{background:var(--accent);color:#fff}

/* ——— glow ——— */
.glow{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.glow::before,.glow::after{content:"";position:absolute;border-radius:50%;filter:blur(90px)}
.glow::before{width:720px;height:720px;right:-180px;top:-260px;background:radial-gradient(circle,rgba(0,112,222,.55),rgba(0,112,222,0) 65%);animation:drift 16s ease-in-out infinite alternate}
.glow::after{width:520px;height:520px;left:-200px;top:180px;background:radial-gradient(circle,rgba(255,138,61,.18),transparent 70%)}
.glow.blue::before{background:radial-gradient(circle,rgba(58,71,255,.6),rgba(58,71,255,0) 65%)}
.glow.blue::after{background:radial-gradient(circle,rgba(125,134,255,.18),transparent 70%)}
@keyframes drift{to{transform:translate(-80px,60px) scale(1.08)}}
.grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 60% 20%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 60% 20%,#000 20%,transparent 75%);opacity:.5}

/* ——— home hero ——— */
.hero{position:relative;padding-block:clamp(72px,12vw,150px) clamp(56px,8vw,96px)}
.hero .wrap{position:relative;z-index:1}
.status{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--muted);padding:7px 14px 7px 10px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);margin-bottom:36px}
.status b{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}
.name{font-family:var(--display);font-weight:800;font-size:clamp(46px,10.5vw,148px);line-height:.92;letter-spacing:-.035em;margin:0;text-wrap:balance}
.name span{display:block}
.name span:last-child{background:linear-gradient(95deg,var(--text) 10%,var(--ember-2) 55%,var(--ember) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.role{font-family:var(--display);font-weight:500;font-size:clamp(22px,3.4vw,40px);line-height:1.15;letter-spacing:-.01em;margin:28px 0 0;color:var(--text);text-wrap:balance}
.power{font-size:clamp(16px,1.7vw,20px);color:var(--muted);margin:14px 0 0;max-width:40ch}
.power em{font-style:normal;color:var(--text);border-bottom:1px solid var(--ember)}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
.fact{display:flex;align-items:baseline;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);backdrop-filter:blur(8px)}
.fact strong{font-family:var(--mono);font-weight:500;font-size:15px;color:var(--text)}
.fact span{font-size:13px;color:var(--muted)}

/* ——— cases ——— */
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-2)}
h2.big{font-family:var(--display);font-weight:700;font-size:clamp(28px,4vw,48px);letter-spacing:-.02em;line-height:1.05;margin:10px 0 0}
.cases{padding-block:24px 120px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}
a.card:hover{transform:translateY(-4px);border-color:var(--line-2)}
.card .pic{position:relative;aspect-ratio:16/11;max-width:100%;overflow:hidden;border-bottom:1px solid var(--line)}
.card .body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}
.card h3{font-family:var(--display);font-weight:600;font-size:clamp(19px,2vw,24px);letter-spacing:-.01em;line-height:1.2;margin:4px 0 0;text-wrap:balance}
.card p{margin:0;color:var(--muted);font-size:15px}
.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
.card .foot .go{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.card.soon{opacity:.72}
.card.soon .foot{color:var(--dim)}

/* RWB picture */
.pic-rwb{background:radial-gradient(120% 90% at 70% 10%,#2a33d6 0%,#141a7a 35%,#07081f 75%)}
.pic-rwb::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 50% at 78% 22%,rgba(160,170,255,.55),transparent 70%),radial-gradient(35% 40% at 15% 90%,rgba(0,112,222,.35),transparent 70%)}
.mock{position:absolute;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px -20px rgba(0,0,20,.8);color:#fff}
.m-main{left:7%;top:13%;width:62%;padding:14px 16px;transform:rotate(-4deg)}
.m-row{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:8px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.1);font-size:10px;font-family:var(--mono);color:rgba(255,255,255,.75)}
.m-row:first-of-type{border-top:0}
.m-h{font-family:var(--display);font-size:12px;font-weight:600;margin-bottom:6px;display:flex;justify-content:space-between}
.pill{justify-self:start;font-size:9px;padding:2px 7px;border-radius:999px;background:rgba(62,226,154,.18);color:#7ff0bd}
.pill.w{background:rgba(255,178,61,.18);color:#ffc37a}
.m-wallet{right:6%;top:9%;width:36%;padding:14px;transform:rotate(5deg)}
.m-wallet small{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.m-wallet b{display:block;font-family:var(--display);font-size:clamp(13px,1.7vw,19px);margin-top:4px;white-space:nowrap}
.m-wallet .bars{display:flex;align-items:end;gap:4px;height:44px;margin-top:10px}
.m-wallet .bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(var(--cobalt-2),rgba(125,134,255,.2))}
.m-screens{right:10%;bottom:9%;width:44%;padding:12px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;transform:rotate(-2deg)}
.m-screens i{aspect-ratio:1;border-radius:4px;background:rgba(255,255,255,.12)}
.m-screens i.on{background:linear-gradient(135deg,#8f98ff,#3a47ff);box-shadow:0 0 10px rgba(125,134,255,.8)}
.m-screens i.hot{background:linear-gradient(135deg,var(--ember-2),var(--ember));box-shadow:0 0 10px rgba(0,112,222,.8)}
.m-toast{left:12%;bottom:11%;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;transform:rotate(-3deg)}
.m-toast span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--good);color:#032;font-size:12px}
.badge-live{position:absolute;left:16px;top:16px;z-index:2;font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px)}

/* placeholders */
.pic-ph{display:grid;place-items:center;background:#0b0b0e}
.pic-ph .ring{width:46%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(255,255,255,.14);display:grid;place-items:center;position:relative}
.pic-ph .ring::after{content:"";position:absolute;width:55%;aspect-ratio:1;border-radius:50%;filter:blur(30px);opacity:.55}
.ph1 .ring::after{background:var(--ember)}
.ph2 .ring::after{background:#b64dff}
.ph3 .ring::after{background:#1fb8a6}
.pic-ph .ring b{position:relative;z-index:1;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}

/* ——— case page ——— */
.back{display:flex;width:max-content;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:36px}
.back:hover{color:var(--text)}
.c-hero{position:relative;padding-block:clamp(40px,7vw,80px) clamp(40px,6vw,64px)}
.c-hero .wrap{position:relative;z-index:1}
.c-title{font-family:var(--display);font-weight:700;font-size:clamp(32px,5.8vw,76px);line-height:1.02;letter-spacing:-.03em;margin:16px 0 0;max-width:16ch;text-wrap:balance}
.c-lead{font-size:clamp(17px,1.8vw,21px);color:var(--muted);max-width:60ch;margin:24px 0 0}
.meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:48px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--line)}
.meta div{background:var(--bg-2);padding:18px 20px}
.meta dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.meta dd{margin:6px 0 0;font-size:15px;font-weight:600}
.cover{position:relative;margin-top:28px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:21/9;max-width:100%}

.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.kpis.k3{grid-template-columns:1fr}}
.kpi{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.kpi .v{font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,38px);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.kpi .v small{font-size:.5em;color:var(--muted);font-weight:500}
.kpi p{margin:12px 0 0;font-size:14px;color:var(--muted);line-height:1.45}

.chapter{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:clamp(48px,7vw,88px);border-top:1px solid var(--line)}
.chapter aside{position:sticky;top:96px;align-self:start}
.ch-num{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--ember-2);text-transform:uppercase}
.chapter h2{font-family:var(--display);font-weight:600;font-size:clamp(22px,2.6vw,32px);line-height:1.12;letter-spacing:-.015em;margin:10px 0 0;text-wrap:balance}
.prose{max-width:}
.prose > p{margin:0 0 18px;font-size:17px;color:var(--prose)}
.prose > p.intro{font-size:clamp(19px,2vw,23px);color:var(--text);line-height:1.45;font-weight:500}
.prose strong{color:var(--text)}
.list{list-style:none;padding:0;margin:8px 0 24px;display:grid;gap:10px}
.list li{position:relative;padding:14px 16px 14px 44px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:15.5px;color:var(--prose)}
.list li::before{content:"";position:absolute;left:18px;top:22px;width:8px;height:8px;border-radius:2px;background:var(--ember);transform:rotate(45deg)}
.list li b{color:var(--text)}
ol.steps{counter-reset:s;list-style:none;padding:0;margin:8px 0 24px;display:grid;gap:10px}
ol.steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:15.5px;color:var(--prose)}
ol.steps li::before{content:counter(s);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-size:14px;background:rgba(0,112,222,.14);color:var(--ember-2)}
ol.steps b{color:var(--text)}
.hypo{margin:28px 0 0;padding:24px 26px;border-radius:18px;border:1px solid rgba(0,112,222,.35);background:linear-gradient(135deg,rgba(0,112,222,.12),rgba(0,112,222,.02))}
.hypo .eyebrow{display:block;margin-bottom:8px}
.hypo p{margin:0;font-size:17px;color:var(--text)}
.shot{margin:26px 0 0;border:1px dashed var(--line-2);border-radius:18px;aspect-ratio:16/9;max-width:100%;display:grid;place-items:center;text-align:center;padding:20px;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.015) 14px 28px)}
.shot span{font-family:var(--mono);font-size:12px;color:var(--dim);max-width:36ch;line-height:1.6}

/* flow */
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 10px}
.flow .st{font-size:13px;font-weight:600;padding:10px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface-2)}
.flow .st.x{color:var(--bad);border-color:rgba(255,90,110,.35);text-decoration:line-through;background:rgba(255,90,110,.06)}
.flow .sep{color:var(--dim);font-size:14px}
.flow-cap{font-size:14px;color:var(--muted);margin:0 0 20px}

/* compare bars */
.cmp{display:grid;gap:16px;margin:22px 0}
.cmp-row{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}
.cmp-row span{font-size:13px;color:var(--muted)}
.bar{height:38px;border-radius:10px;display:flex;align-items:center;padding-inline:12px;font-family:var(--mono);font-size:13px;white-space:nowrap}
.bar.old{background:linear-gradient(90deg,rgba(255,90,110,.28),rgba(255,90,110,.12));color:var(--neg);width:100%}
.bar.new{background:linear-gradient(90deg,var(--good),rgba(62,226,154,.5));color:#03261a;font-weight:500;min-width:84px}

/* table */
.tbl{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:16px}
table{width:100%;border-collapse:collapse;min-width:560px;font-size:14.5px}
th,td{text-align:left;padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}
thead th{border-top:0;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:var(--surface)}
td.o{color:var(--neg)}
td.n{color:var(--pos);font-weight:600}
td:first-child{color:var(--text);font-weight:600}
td{color:var(--prose)}

.ds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 24px}
.ds div{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.ds b{display:block;font-size:15px;margin-bottom:4px}
.ds span{font-size:14px;color:var(--muted);line-height:1.45;display:block}

.quote{margin:24px 0;padding:0 0 0 22px;border-left:2px solid var(--ember);font-family:var(--display);font-weight:500;font-size:clamp(18px,2vw,24px);line-height:1.35;color:var(--text)}

.next{padding-block:72px 110px;border-top:1px solid var(--line)}
.next-card{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:clamp(24px,4vw,44px);border-radius:var(--r);border:1px solid var(--line-2);background:radial-gradient(80% 140% at 100% 0%,rgba(0,112,222,.25),transparent 60%),var(--bg-2)}
.next-card h3{font-family:var(--display);font-weight:700;font-size:clamp(22px,3vw,36px);margin:8px 0 0;letter-spacing:-.02em}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--ember);color:#150700;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px var(--ember)}

footer{border-top:1px solid var(--line);padding-block:28px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--dim)}

.page{animation:fade .5s ease both}
@keyframes fade{from{opacity:.001;transform:translateY(8px)}}

/* featured card */
.card.feat{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.card.feat .pic{aspect-ratio:auto;min-height:340px;border-bottom:0;border-right:1px solid var(--line)}
.card.feat .body{justify-content:center;padding:32px}
.card.feat h3{font-size:clamp(22px,2.4vw,30px)}
.card .body{flex:1}
.card .foot{margin-top:auto}
.nda{position:absolute;right:16px;top:16px;z-index:2;font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);color:#fff}

/* Kupol cover */
.pic-kupol{background:radial-gradient(120% 90% at 75% 10%,#1d6bff 0%,#0a2a6e 38%,#050914 78%)}
.pic-kupol::before{content:"";position:absolute;inset:0;background:radial-gradient(38% 45% at 80% 20%,rgba(110,175,255,.4),transparent 70%)}
.k-vuln{left:7%;top:14%;width:58%;padding:14px 16px;transform:rotate(-3deg)}
.sev{justify-self:start;font-size:9px;padding:2px 7px;border-radius:999px;font-weight:600}
.sev.c{background:rgba(255,90,110,.22);color:#ff9fab}
.sev.h{background:rgba(255,145,60,.22);color:#ffb784}
.sev.m{background:rgba(255,214,90,.2);color:#ffe29a}
.k-donut{right:7%;top:12%;width:30%;padding:14px;transform:rotate(4deg);text-align:center}
.k-donut .d{width:72%;aspect-ratio:1;margin:6px auto 0;border-radius:50%;background:conic-gradient(#ff5a6e 0 18%,#ff913c 18% 42%,#ffd65a 42% 70%,#3ee29a 70% 100%);-webkit-mask:radial-gradient(circle,transparent 52%,#000 53%);mask:radial-gradient(circle,transparent 52%,#000 53%)}
.k-donut small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.k-nodes{right:12%;bottom:10%;width:44%;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;transform:rotate(-2deg)}
.k-nodes i{width:16px;height:16px;border-radius:50%;background:#6eafff;box-shadow:0 0 12px #6eafff}
.k-nodes i.bad{background:#ff5a6e;box-shadow:0 0 12px #ff5a6e}
.k-nodes b{flex:1;height:1px;background:rgba(255,255,255,.3);margin:0 4px}
.k-shield{left:11%;bottom:11%;padding:10px 14px;font-size:11px;font-weight:600;display:flex;gap:10px;align-items:center;transform:rotate(-3deg)}
.k-shield span{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#6eafff;color:#03153a;font-size:12px}

/* KSO cover */
.pic-kso{background:radial-gradient(120% 90% at 30% 10%,#6a3cff 0%,#2a1470 40%,#0a0716 80%)}
.pic-kso::before{content:"";position:absolute;inset:0;background:radial-gradient(35% 45% at 25% 20%,rgba(190,160,255,.45),transparent 70%)}
.s-kiosk{left:50%;top:8%;width:38%;min-width:170px;margin-left:-19%;padding:14px;border-radius:18px;transform:rotate(-2deg)}
.s-kiosk .it{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.1);font-family:var(--mono);color:rgba(255,255,255,.8)}
.s-kiosk .tot{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0;font-family:var(--display);font-size:13px}
.s-kiosk .pay{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.s-kiosk .pay span{font-size:9px;font-weight:700;text-align:center;padding:8px 4px;border-radius:8px;background:#fff;color:#2a1470}
.s-kiosk .pay span+span{background:rgba(255,255,255,.18);color:#fff}
.s-qr{left:6%;bottom:12%;padding:12px;display:flex;gap:10px;align-items:center;font-size:11px;font-weight:600;transform:rotate(-5deg)}
.s-qr i{width:34px;height:34px;border-radius:6px;background:conic-gradient(#fff 0 25%,#1a1040 0 50%,#fff 0 75%,#1a1040 0) 0 0/8px 8px}
.s-help{right:6%;top:18%;padding:10px 12px;font-size:10px;font-weight:600;transform:rotate(6deg)}

/* MGN cover */
.pic-mgn{background:radial-gradient(120% 90% at 70% 10%,#c98200 0%,#5a3600 40%,#120b03 80%)}
.pic-mgn::before{content:"";position:absolute;inset:0;background:radial-gradient(38% 45% at 75% 18%,rgba(255,200,90,.45),transparent 70%)}
.g-prod{left:8%;top:12%;width:40%;padding:12px;transform:rotate(-4deg)}
.g-img{aspect-ratio:4/3;border-radius:10px;background:repeating-linear-gradient(0deg,#b4552b 0 12px,#e9d7c2 12px 14px),#b4552b;position:relative;overflow:hidden}
.g-img::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22px,#e9d7c2 22px 24px);mask:repeating-linear-gradient(0deg,#000 0 14px,transparent 14px 28px);-webkit-mask:repeating-linear-gradient(0deg,#000 0 14px,transparent 14px 28px)}
.g-prod b{display:block;font-size:11px;margin-top:8px}
.g-prod .pr{font-family:var(--display);font-size:15px;margin-top:2px}
.g-prod .add{margin-top:8px;font-size:10px;font-weight:700;text-align:center;padding:8px;border-radius:8px;background:#ffb800;color:#2a1a00}
.g-cart{right:7%;top:16%;width:40%;padding:14px;transform:rotate(4deg)}
.g-steps{display:flex;gap:4px;margin-bottom:10px}
.g-steps i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.2)}
.g-steps i.on{background:#ffb800}
.g-cart .it{display:flex;justify-content:space-between;font-size:10px;padding:5px 0;font-family:var(--mono);color:rgba(255,255,255,.8)}
.g-bonus{right:14%;bottom:11%;padding:10px 14px;font-size:11px;font-weight:600;display:flex;gap:10px;align-items:center;transform:rotate(-3deg)}
.g-bonus span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffb800;color:#2a1a00;font-size:12px}

/* MON cover */
.pic-mon{background:radial-gradient(120% 90% at 50% 0%,#c21f78 0%,#4a0d45 40%,#0c0514 80%)}
.pic-mon::before{content:"";position:absolute;inset:0;background:radial-gradient(35% 40% at 20% 85%,rgba(60,220,255,.35),transparent 70%),radial-gradient(35% 45% at 80% 15%,rgba(255,120,200,.45),transparent 70%)}
.n-row{position:absolute;left:0;right:0;top:16%;display:flex;justify-content:center;gap:4%}
.n-card{position:relative;width:23%;padding:10px;border-radius:14px}
.n-card:nth-child(1){transform:rotate(-8deg) translateY(14px)}
.n-card:nth-child(3){transform:rotate(8deg) translateY(14px)}
.n-art{aspect-ratio:1;border-radius:10px;display:grid;place-items:center}
.n-art i{width:52%;aspect-ratio:1;border-radius:22%;transform:rotate(45deg);box-shadow:0 0 24px currentColor;background:currentColor}
.n-card b{display:block;font-size:10px;margin-top:8px}
.n-card small{font-size:9px;font-family:var(--mono);color:rgba(255,255,255,.65)}
.n-chains{left:50%;bottom:9%;transform:translateX(-50%);display:flex;gap:6px;padding:8px 10px}
.n-chains i{width:18px;height:18px;border-radius:50%}

.glow[style]::before{background:radial-gradient(circle,var(--g),transparent 65%)}

/* nav back + to-top */
.nav-left{display:flex;align-items:center;gap:14px}
.nav-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding:8px 14px 8px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);transition:background .2s,border-color .2s}
.nav-back:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24)}
.to-top{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:var(--float-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);font-size:20px;cursor:pointer;display:grid;place-items:center;transition:opacity .25s,transform .25s,background .2s;opacity:0;transform:translateY(10px);pointer-events:none}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* case body with toc */
.case-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.toc{position:sticky;top:calc(64px + 24px + env(safe-area-inset-top,0px));margin-top:clamp(48px,7vw,88px)}
.toc-title{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.toc-bar{height:2px;border-radius:2px;background:var(--line);margin-bottom:14px;overflow:hidden}
.toc-bar i{display:block;height:100%;width:0;background:var(--ember);transition:width .15s linear}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--line)}
.toc a{display:block;padding:8px 12px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--muted);transition:color .2s,border-color .2s,background .2s;border-radius:0 8px 8px 0}
.toc a small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
.toc a:hover{color:var(--text);background:var(--surface)}
.toc a.on{color:var(--text);border-left-color:var(--ember);background:rgba(0,112,222,.07)}
.toc a.on small{color:var(--ember-2)}
.chapters{min-width:0}
.case-body .chapter{display:block}
.case-body .chapter aside{position:static;margin-bottom:22px}
.case-body .chapter h2{font-size:clamp(24px,2.8vw,36px)}
@media (max-width:900px){
  .case-body{grid-template-columns:minmax(0,1fr);gap:0}
  .toc,.toc ol{min-width:0;max-width:100vw}
  .toc{top:calc(64px + env(safe-area-inset-top,0px));z-index:15;padding:10px 0;margin-inline:calc(-1 * clamp(16px,4vw,40px));padding-inline:clamp(16px,4vw,40px);background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .toc-title{display:none}
  .toc-bar{margin-bottom:8px}
  .toc ol{display:flex;gap:6px;border-left:0;overflow-x:auto;scrollbar-width:none}
  .toc ol::-webkit-scrollbar{display:none}
  .toc a{white-space:nowrap;border-left:0;border:1px solid var(--line);border-radius:999px;margin:0;padding:6px 12px;font-size:13px}
  .toc a small{display:none}
  .toc a.on{border-color:var(--ember)}
  .nav-back{padding:7px 12px 7px 10px}
}


.case-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-bottom:40px;font-size:14px;font-weight:700;padding:10px 18px 10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:color .2s,border-color .2s,transform .2s}
.case-back:hover{color:var(--text);border-color:var(--line-2);transform:translateX(-2px)}
.toc-back{margin-bottom:24px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility .25s,color .2s,border-color .2s}
.toc.stuck .toc-back{opacity:1;visibility:visible;transform:none}
@media (max-width:900px){
  .toc{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center}
  .toc-bar{grid-column:1/-1}
  .toc-back{margin:0;padding:6px 12px;font-size:13px;opacity:1;visibility:visible;transform:none}
  .toc-back .tb-label{display:none}
}
.toc a.toc-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 24px;padding:10px 18px 10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}
.toc a.toc-back:hover{color:var(--text);border-color:var(--line-2);background:var(--surface)}
@media (max-width:900px){
  .toc-bar{grid-row:1;grid-column:1/-1}
  .toc a.toc-back{grid-row:2;grid-column:1;margin:0;padding:6px 12px;font-size:13px}
  .toc ol{grid-row:2;grid-column:2}
}
@media (max-width:900px){
  .toc{display:block;padding:0;margin-top:0;border-bottom:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .toc ol,.toc a.toc-back,.toc-title{display:none}
  .toc-bar{margin:0;height:3px;border-radius:0;background:rgba(255,255,255,.06)}
}
@media (max-width:560px){
  .hero .role{font-size:clamp(26px,7.4vw,32px);line-height:1.1;margin-top:22px}
  .hero .name{font-size:8.6vw;letter-spacing:-.03em;max-width:100%;overflow-wrap:anywhere}
}
@media (max-width:720px){
  .facts{width:100%;flex-direction:column}
  .fact{width:100%;justify-content:center;flex-wrap:wrap;column-gap:8px;row-gap:2px;text-align:center}
  .fact span{white-space:nowrap}
  .card .body{padding:14px 16px 16px}
  #home .case-grid .card.feat .body{padding:14px 16px 16px}
  .card.feat .body{padding:24px}
  .card .foot .go{display:none}
}

/* image cards */
.pic-img{background:#0b0b0e}
.pic-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pic-img.has-stats::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,0) 45%,rgba(8,8,10,.55) 75%,rgba(8,8,10,.92) 100%);pointer-events:none}
a.card:hover .pic-img img{transform:scale(1.045)}
a.card{isolation:isolate}
a.card:hover{box-shadow:0 30px 70px -30px var(--tint,rgba(0,112,222,.5))}
.stats{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;display:flex;flex-wrap:wrap;gap:6px}
.stat{font-size:12px;color:rgba(255,255,255,.8);padding:6px 10px;border-radius:10px;background:rgba(12,12,16,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.stat b{font-family:var(--display);font-weight:700;color:#fff;margin-right:4px}
.cover-img{margin:28px 0 0;aspect-ratio:auto;background:#0b0b0e}
.cover-img img{display:block;width:100%;height:auto}
.fig{margin:26px 0 0}
.fig img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line)}
.fig figcaption{margin-top:10px;font-size:13px;color:var(--dim);font-family:var(--mono)}
.fig.wide{margin-inline:0}
.case-grid .card:not(.feat) .pic{aspect-ratio:16/9}

/* contacts */
.contacts{position:relative;overflow:hidden;padding-block:clamp(72px,10vw,130px);border-top:1px solid var(--line)}
.contacts .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.contacts .glow::before{right:auto;left:50%;margin-left:-360px;top:auto;bottom:-420px}
.contacts h2.big{max-width:18ch;text-wrap:balance}
.c-list{width:100%;margin-top:48px;display:grid;border-top:1px solid var(--line)}
.c-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:20px;padding-block:28px;border-bottom:1px solid var(--line);text-align:left}
.c-label{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.c-big{font-family:var(--display);font-weight:800;font-size:clamp(20px,6.4vw,92px);line-height:1.05;letter-spacing:-.035em;color:var(--text);white-space:nowrap;min-width:0;transition:color .2s}
.c-acts{display:flex;align-items:center;gap:8px;justify-self:end}
.c-icon{position:relative;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:color .2s,border-color .2s}
.c-icon:hover{color:var(--text);border-color:var(--text)}
.c-icon svg{width:18px;height:18px;grid-area:1/1}
.c-icon .i-ok{opacity:0;color:var(--pos)}
.c-icon.done .i-copy{opacity:0}
.c-icon.done .i-ok{opacity:1}
a.c-big:hover{color:var(--ember)}
.c-act{font:inherit;font-size:14px;font-weight:700;padding:12px 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
.c-act:hover{border-color:var(--text)}
.c-act-main{background:var(--accent);border-color:var(--accent);color:#fff}
.c-act-main:hover{border-color:var(--accent);filter:brightness(1.08)}
@media (max-width:720px){
  .c-row{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:22px}
  .c-acts{justify-self:start}
  .c-icon{width:42px;height:42px;order:2}
  .c-act{padding:10px 14px;font-size:13px}
}

/* icons & arrows */
.ico{width:16px;height:16px;flex:none;display:block}
.btn .ico,.c-act .ico,.case-back .ico{width:16px;height:16px}
.btn,.c-act{display:inline-flex;align-items:center;gap:8px}
.to-top .ico{width:20px;height:20px}
.arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 6px 18px -6px var(--accent);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.arrow .ico{width:16px;height:16px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
a.card:hover .arrow{transform:scale(1.08)}
a.card:hover .arrow .ico{transform:rotate(45deg)}
.btn{color:#fff;background:var(--accent)}
@media (hover:hover){
  .card .foot .go{opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
  a.card:hover .foot .go,a.card:focus-visible .foot .go{opacity:1;transform:none}
}
/* status pill blur */
.status{background:rgba(14,14,18,.55);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
:root[data-site="light"] .status{background:rgba(255,255,255,.7)}
/* floating gradients on home hero */
.hero .glow::before{animation:float-a 18s ease-in-out infinite}
.hero .glow::after{animation:float-b 22s ease-in-out infinite}
.hero .glow .blob{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(90px);background:radial-gradient(circle,rgba(255,138,61,.35),transparent 65%);right:8%;bottom:-120px;animation:float-c 26s ease-in-out infinite}
@keyframes float-a{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-120px,70px) scale(1.12)}66%{transform:translate(90px,40px) scale(.94)}}
@keyframes float-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(160px,-60px) scale(1.15)}}
@keyframes float-c{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(-140px,-80px) scale(1.1)}75%{transform:translate(60px,-30px) scale(.9)}}

/* custom cursor: dot + ring + glow (mouse devices only) */
.cur-dot,.cur-ring,.cur-spot{position:fixed;left:0;top:0;pointer-events:none;z-index:200;opacity:0;will-change:transform;display:none}
.cur-dot{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--ember);transition:opacity .2s}
.cur-ring{width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:1.5px solid var(--cur-ring);display:grid;place-items:center;transition:width .3s,height .3s,margin .3s,background .3s,border-color .3s,opacity .2s}
.cur-ring span{font-size:11px;font-weight:700;color:#fff;opacity:0;transition:opacity .2s;white-space:nowrap}
.cur-ring.hover{width:60px;height:60px;margin:-30px 0 0 -30px;background:rgba(0,112,222,.14);border-color:var(--ember)}
.cur-ring.card{width:92px;height:92px;margin:-46px 0 0 -46px;background:var(--accent);border-color:var(--accent)}
.cur-ring.card span{opacity:1}
.cur-dot.hide{opacity:0!important}
.cur-spot{z-index:-1;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,rgba(0,112,222,.2),rgba(0,112,222,.07) 35%,transparent 65%)}
:root{--cur-ring:rgba(255,255,255,.55)}
:root[data-site="light"]{--cur-ring:rgba(16,18,24,.4)}
:root[data-site="light"] .cur-spot{background:radial-gradient(circle,rgba(0,112,222,.14),rgba(0,112,222,.05) 35%,transparent 65%)}
.grid-hot{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s;background-image:linear-gradient(rgba(255,120,60,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,120,60,.4) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),#000,transparent 70%);mask-image:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),#000,transparent 70%)}
@media (hover:hover) and (pointer:fine){
  html.has-cursor .cur-dot,html.has-cursor .cur-ring,html.has-cursor .cur-spot{display:grid}
  html.has-cursor.cur-on .cur-dot,html.has-cursor.cur-on .cur-ring,html.has-cursor.cur-on .cur-spot{opacity:1}
  html.has-cursor,html.has-cursor *{cursor:none!important}
  html.has-cursor.cur-on .hero:hover .grid-hot{opacity:1}
}
.next .section-head{margin-bottom:28px}
.more-grid .pic-rwb .mock{transform-origin:center}
html.in-case .cur-spot{display:none!important}

/* loader */
.loader{position:fixed;inset:0;z-index:500;background:var(--bg);display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility 0s linear .6s}
html.is-loading .loader{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease .25s,visibility 0s}
.ld{display:flex;flex-direction:column;align-items:center;gap:22px}
.ld-name{display:flex;align-items:center;gap:14px;font-family:var(--display);font-weight:800;font-size:clamp(28px,5vw,52px);letter-spacing:-.03em;color:var(--text)}
.ld-name i{width:14px;height:14px;border-radius:50%;background:var(--ember);box-shadow:0 0 24px var(--ember);animation:ld-pulse 1.1s ease-in-out infinite}
@keyframes ld-pulse{50%{transform:scale(.6);opacity:.6}}
.ld-bar{width:min(240px,60vw);height:2px;border-radius:2px;background:var(--line);overflow:hidden}
.ld-bar b{display:block;height:100%;width:0;background:var(--ember);transition:width .3s ease}
.ld-pct{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--dim);font-variant-numeric:tabular-nums}
/* intro */
@keyframes rv-up{from{opacity:0;transform:translateY(28px)}}
@keyframes rv-name{from{opacity:0;transform:translateY(60%);clip-path:inset(0 0 100% 0)}to{clip-path:inset(-20% -5% -20% -5%)}}
@keyframes rv-glow{from{opacity:0}}
html.intro #home .rv{animation:rv-up .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0s)}
html.intro #home .name span{animation:rv-name 1.1s cubic-bezier(.2,.8,.2,1) backwards}
html.intro #home .name span:first-child{animation-delay:.12s}
html.intro #home .name span:last-child{animation-delay:.24s}
html.intro #home .hero .glow{animation:rv-glow 1.6s ease backwards}
html.intro .nav{animation:rv-up .7s cubic-bezier(.2,.7,.2,1) backwards}
@media (prefers-reduced-motion:reduce){html.intro *{animation:none!important}}
.shot-code{display:block;margin:0 auto 8px;width:max-content;padding:4px 10px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em}

/* kupol live cover (scaled 1600x900 artboard) */
.kc-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;background:#050b1a;--kcs:.3}
.cover.kc-wrap{aspect-ratio:16/9}
.kc{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;transform:scale(var(--kcs));background:#050b1a;color:#fff;font-family:Manrope,system-ui,sans-serif;pointer-events:none}
.kc-glow{position:absolute;inset:0;background:radial-gradient(900px 620px at 72% 38%,rgba(29,107,255,.55) 0%,rgba(29,107,255,0) 70%),radial-gradient(700px 500px at 8% 110%,rgba(40,90,220,.35) 0%,rgba(40,90,220,0) 70%);animation:kc-glow 7s ease-in-out infinite}
.kc-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;opacity:.7}
.kc-logo-l{position:absolute;left:80px;top:72px;height:38px;width:auto;max-width:none}
.kc-logo-r{position:absolute;right:80px;top:68px;height:46px;width:auto;max-width:none}
.kc-text{position:absolute;left:80px;bottom:150px;width:560px;display:flex;flex-direction:column;gap:26px}
.kc-tags{display:flex;gap:10px}
.kc-tags span{font-size:15px;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85)}
.kc-h{font-family:Unbounded,sans-serif;font-weight:700;font-size:58px;line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.kc-sub{position:absolute;left:80px;bottom:80px;width:520px;font-size:20px;line-height:1.4;color:rgba(255,255,255,.7)}
.kc-laptop{position:absolute;left:640px;top:170px;width:1040px;transform:perspective(2400px) rotateY(-16deg) rotateX(7deg) rotateZ(1deg);transform-origin:0% 50%;animation:kc-breathe 8s ease-in-out infinite}
.kc-lframe{padding:14px;border-radius:26px;background:#0b0e16;border:1px solid rgba(255,255,255,.12);box-shadow:0 60px 120px -30px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.6)}
.kc-lframe img{display:block;width:100%;max-width:none;border-radius:12px}
.kc-phone{position:absolute;right:92px;top:311px;width:312px;height:660px;transform:rotate(-4deg);animation:kc-float 6s ease-in-out infinite}
.kc-b{position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#6d6a66,#3b3936)}
.kc-b1{left:-2px;top:138px;height:26px}.kc-b2{left:-2px;top:186px;height:52px}.kc-b3{left:-2px;top:250px;height:52px}.kc-b4{right:-2px;top:214px;height:84px}.kc-b5{right:-2px;top:360px;height:40px}
.kc-pbody{position:absolute;inset:0;border-radius:62px;background:linear-gradient(140deg,#8a8580 0%,#4a4743 18%,#2a2826 50%,#4d4a46 82%,#8f8a84 100%);padding:3px;box-shadow:0 60px 110px -20px rgba(0,0,0,.85)}
.kc-pbezel{position:relative;width:100%;height:100%;border-radius:59px;background:#000;padding:6px;box-sizing:border-box}
.kc-pscreen{position:relative;width:100%;height:100%;border-radius:53px;overflow:hidden;background:#e8eaee}
.kc-pimg{display:block;width:100%;max-width:none;height:auto;animation:kc-pan 16s linear infinite}
.kc-island{position:absolute;left:50%;top:12px;width:100px;height:29px;margin-left:-50px;background:#000;border-radius:15px}
.kc-island i{position:absolute;right:12px;top:9px;width:11px;height:11px;border-radius:50%;background:#0b0d14;box-shadow:inset 0 0 0 2px #151a28}
.kc-glare{position:absolute;inset:0;border-radius:53px;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 30%)}
@keyframes kc-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(-2.5deg)}}
@keyframes kc-pan{0%,12%{transform:translateY(0);animation-timing-function:ease-in}30%{transform:translateY(-104.66px);animation-timing-function:ease-out}48%,62%{transform:translateY(-204.72px);animation-timing-function:ease-in}80%{transform:translateY(-104.66px);animation-timing-function:ease-out}98%,100%{transform:translateY(0)}}
@keyframes kc-sticky{0%,29.9%{opacity:0}30%,79.9%{opacity:1}80%,100%{opacity:0}}
.kc-sticky{position:absolute;left:0;top:78.4px;width:100%;max-width:none;height:auto;display:block;opacity:0;box-shadow:0 8px 16px -10px rgba(10,30,70,.35);animation:kc-sticky 16s linear infinite}
.kc-fixtop{position:absolute;left:0;top:0;width:100%;max-width:none;height:auto;display:block}
.kc-fixbot{position:absolute;left:0;bottom:0;width:100%;max-width:none;height:auto;display:block}
@keyframes kc-breathe{0%,100%{transform:perspective(2400px) rotateY(-16deg) rotateX(7deg) rotateZ(1deg) translateY(0)}50%{transform:perspective(2400px) rotateY(-15deg) rotateX(6.5deg) rotateZ(1deg) translateY(-8px)}}
@keyframes kc-glow{0%,100%{opacity:.85}50%{opacity:1}}
.kc.kj{background:#e4002b;font-family:Manrope,system-ui,sans-serif;color:#fff;overflow:hidden}
.kc-wrap.kj-wrap{background:#e4002b}
.kj img{max-width:none}
@keyframes kj-scene{0%{opacity:0}1%{opacity:1}12.5%{opacity:1}13.5%{opacity:0}100%{opacity:0}}
@keyframes kj-tap{0%{opacity:0;transform:scale(.5)}1%{opacity:1;transform:scale(1)}2.5%{opacity:.95;transform:scale(.8)}4.5%{opacity:0;transform:scale(1.5)}100%{opacity:0;transform:scale(1.5)}}
@keyframes kj-in{0%{opacity:0;transform:translateY(10px)}2%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}
@keyframes kj-pop{0%{opacity:0;transform:scale(.6)}1.5%{opacity:1;transform:scale(1.08)}2.5%{transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes kj-beam{0%{top:62%;opacity:0}1%{opacity:1}6%{top:92%}11%{top:62%;opacity:1}12.5%{opacity:0}100%{opacity:0}}
@keyframes kj-ring{0%{opacity:0;transform:scale(.7)}2%{opacity:1}5%{transform:scale(1.25);opacity:.2}6%{transform:scale(.7);opacity:1}9%{transform:scale(1.25);opacity:.2}10%{opacity:0}100%{opacity:0}}
@keyframes kj-float-a{0%,100%{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-22px) rotate(-8deg)}}
@keyframes kj-float-b{0%,100%{transform:translateY(0) rotate(18deg)}50%{transform:translateY(18px) rotate(24deg)}}
.kj-scene{position:absolute;inset:0;opacity:0;animation:kj-scene 24s linear infinite backwards}
.kj-tap{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.55);border:3px solid rgba(228,0,43,.9);box-shadow:0 0 0 8px rgba(228,0,43,.18);opacity:0;animation:kj-tap 24s linear infinite backwards}
.kj-in{opacity:0;animation:kj-in 24s linear infinite backwards}
.kj-pop{opacity:0;animation:kj-pop 24s linear infinite backwards}
.kj-beam{position:absolute;left:8%;right:8%;height:4px;border-radius:2px;background:#ff2a4f;box-shadow:0 0 16px 4px rgba(255,42,79,.6);opacity:0;animation:kj-beam 24s linear infinite backwards}
.kj-ring{position:absolute;opacity:0;animation:kj-ring 24s linear infinite backwards}
.kj-melon{animation:kj-float-a 7s ease-in-out infinite}
@keyframes kj-receipt{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-12px)}}
@keyframes kj-card{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(10px)}}
.kj-receipt{animation:kj-receipt 7s ease-in-out infinite}
.kj-card{animation:kj-card 6s ease-in-out infinite}
.kj-banana{animation:kj-float-b 8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.kj-scene,.kj-tap,.kj-in,.kj-pop,.kj-beam,.kj-ring,.kj-melon,.kj-banana,.kj-receipt,.kj-card{animation:none}.kj-s4{opacity:1}.kj-s4 .kj-in,.kj-s4 .kj-pop{opacity:1}}
.kc.km{background:#0d0b0a;font-family:Onest,system-ui,sans-serif;color:#fff;overflow:hidden}
.kc-wrap.km-wrap{background:#0d0b0a}
.km img{max-width:none}
.km b,.km i{font-style:normal}
.kc-off *{animation-play-state:paused!important}


@keyframes m5-cur{0.00%{transform:translate(1330px,1000px)}8.00%{transform:translate(707px,726px)}11.50%{transform:translate(707px,726px)}18.00%{transform:translate(1010px,520px)}24.50%{transform:translate(1176px,567px)}28.00%{transform:translate(1176px,567px)}35.50%{transform:translate(705px,472px)}39.50%{transform:translate(705px,472px)}44.00%{transform:translate(335px,701px)}50.00%{transform:translate(335px,701px)}55.50%{transform:translate(920px,744px)}61.00%{transform:translate(1100px,684px)}66.00%{transform:translate(1100px,684px)}73.00%{transform:translate(900px,560px)}82.00%{transform:translate(750px,848px)}94.00%{transform:translate(750px,848px)}98.50%{transform:translate(1330px,1000px)}100.00%{transform:translate(1330px,1000px)}}
@keyframes m5-press{0.00%{transform:scale(1)}9.25%{transform:scale(1)}10.00%{transform:scale(0.82)}11.00%{transform:scale(1)}25.75%{transform:scale(1)}26.50%{transform:scale(0.82)}27.50%{transform:scale(1)}37.25%{transform:scale(1)}38.00%{transform:scale(0.82)}39.00%{transform:scale(1)}45.25%{transform:scale(1)}46.00%{transform:scale(0.82)}47.00%{transform:scale(1)}62.25%{transform:scale(1)}63.00%{transform:scale(0.82)}64.00%{transform:scale(1)}83.25%{transform:scale(1)}84.00%{transform:scale(0.82)}85.00%{transform:scale(1)}100.00%{transform:scale(1)}}
@keyframes m5-rip{0%{opacity:0;transform:scale(.3)}.2%{opacity:.9;transform:scale(.3)}3%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
@keyframes m5-added{0.00%{opacity:0}9.25%{opacity:0}10.50%{opacity:1}97.50%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-b3{0.00%{opacity:1}11.00%{opacity:1}11.25%{opacity:0}97.50%{opacity:0}97.75%{opacity:1}100.00%{opacity:1}}
@keyframes m5-b4{0.00%{opacity:0;transform:scale(1)}11.00%{opacity:0;transform:scale(1)}11.75%{opacity:1;transform:scale(1.4)}13.50%{opacity:1;transform:scale(1)}97.50%{opacity:1;transform:scale(1)}98.50%{opacity:0;transform:scale(1)}100.00%{opacity:0;transform:scale(1)}}
@keyframes m5-drop{0.00%{opacity:0;transform:translateY(-12px)}12.00%{opacity:0;transform:translateY(-12px)}14.00%{opacity:1;transform:translateY(0px)}29.00%{opacity:1;transform:translateY(0px)}30.00%{opacity:0;transform:translateY(-12px)}100.00%{opacity:0;transform:translateY(-12px)}}
@keyframes m5-cat{0.00%{opacity:1}29.00%{opacity:1}30.25%{opacity:0}98.00%{opacity:0}99.25%{opacity:1}100.00%{opacity:1}}
@keyframes m5-chk{0.00%{opacity:0}28.75%{opacity:0}30.00%{opacity:1}65.50%{opacity:1}66.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-pay{0.00%{opacity:0}64.50%{opacity:0}66.00%{opacity:1}98.00%{opacity:1}99.50%{opacity:0}100.00%{opacity:0}}
@keyframes m5-cc{0.00%{opacity:0}37.25%{opacity:0}38.50%{opacity:1}97.00%{opacity:1}98.25%{opacity:0}100.00%{opacity:0}}
@keyframes m5-dlv{0.00%{opacity:1}38.00%{opacity:1}39.25%{opacity:0}97.00%{opacity:0}98.25%{opacity:1}100.00%{opacity:1}}
@keyframes m5-br{0.00%{opacity:0}45.50%{opacity:0}46.50%{opacity:1}97.00%{opacity:1}98.00%{opacity:0}100.00%{opacity:0}}
@keyframes m5-more{0.00%{opacity:0;transform:translateY(14px)}47.50%{opacity:0;transform:translateY(14px)}50.00%{opacity:1;transform:translateY(0px)}97.00%{opacity:1;transform:translateY(0px)}98.00%{opacity:0;transform:translateY(14px)}100.00%{opacity:0;transform:translateY(14px)}}
@keyframes m5-scroll{0.00%{transform:translateY(0px)}51.00%{transform:translateY(0px)}56.00%{transform:translateY(-173px)}97.50%{transform:translateY(-173px)}98.50%{transform:translateY(0px)}100.00%{transform:translateY(0px)}}
@keyframes m5-prs1{0.00%{opacity:0}62.75%{opacity:0}63.00%{opacity:1}64.50%{opacity:1}64.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-prs2{0.00%{opacity:0}83.75%{opacity:0}84.00%{opacity:1}85.50%{opacity:1}85.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-redir{0.00%{opacity:0}84.50%{opacity:0}85.50%{opacity:1}97.50%{opacity:1}98.50%{opacity:0}100.00%{opacity:0}}
@keyframes m5-spin{to{transform:rotate(360deg)}}
@keyframes m5-f0{0.00%{opacity:0}68.25%{opacity:0}69.00%{opacity:1}98.00%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-f1{0.00%{opacity:0}69.35%{opacity:0}70.10%{opacity:1}98.00%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-f2{0.00%{opacity:0}70.45%{opacity:0}71.20%{opacity:1}98.00%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-f3{0.00%{opacity:0}71.55%{opacity:0}72.30%{opacity:1}98.00%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-f4{0.00%{opacity:0}72.65%{opacity:0}73.40%{opacity:1}98.00%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-f5{0.00%{opacity:0}73.75%{opacity:0}74.50%{opacity:1}98.00%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-f6{0.00%{opacity:0}74.85%{opacity:0}75.60%{opacity:1}98.00%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
@keyframes m5-f7{0.00%{opacity:0}75.95%{opacity:0}76.70%{opacity:1}98.00%{opacity:1}98.75%{opacity:0}100.00%{opacity:0}}
.m5-cur{animation:m5-cur 20.0s cubic-bezier(.45,0,.25,1) infinite}
.m5-curi{animation:m5-press 20.0s linear infinite;transform-origin:8px 4px}
.m5-rip{position:absolute;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:4px solid #fe8000;background:rgba(254,128,0,.18);box-sizing:border-box;opacity:0;animation:m5-rip 20.0s ease-out infinite backwards}
.m5-spin{animation:m5-spin .8s linear infinite}
.m5-added{animation:m5-added 20.0s linear infinite}
.m5-b3{animation:m5-b3 20.0s linear infinite}
.m5-b4{animation:m5-b4 20.0s linear infinite}
.m5-drop{animation:m5-drop 20.0s linear infinite}
.m5-cat{animation:m5-cat 20.0s linear infinite}
.m5-chk{animation:m5-chk 20.0s linear infinite}
.m5-pay{animation:m5-pay 20.0s linear infinite}
.m5-cc{animation:m5-cc 20.0s linear infinite}
.m5-dlv{animation:m5-dlv 20.0s linear infinite}
.m5-br{animation:m5-br 20.0s linear infinite}
.m5-more{animation:m5-more 20.0s linear infinite}
.m5-scroll{animation:m5-scroll 20.0s linear infinite}
.m5-prs1{animation:m5-prs1 20.0s linear infinite}
.m5-prs2{animation:m5-prs2 20.0s linear infinite}
.m5-redir{animation:m5-redir 20.0s linear infinite}
.m5-f0{animation:m5-f0 20.0s linear infinite}
.m5-f1{animation:m5-f1 20.0s linear infinite}
.m5-f2{animation:m5-f2 20.0s linear infinite}
.m5-f3{animation:m5-f3 20.0s linear infinite}
.m5-f4{animation:m5-f4 20.0s linear infinite}
.m5-f5{animation:m5-f5 20.0s linear infinite}
.m5-f6{animation:m5-f6 20.0s linear infinite}
.m5-f7{animation:m5-f7 20.0s linear infinite}
.m5-added,.m5-b4,.m5-drop,.m5-chk,.m5-pay,.m5-cc,.m5-br,.m5-more,.m5-prs1,.m5-prs2,.m5-redir,.m5-f0,.m5-f1,.m5-f2,.m5-f3,.m5-f4,.m5-f5,.m5-f6,.m5-f7{opacity:0}

@keyframes m5-ptap{0%,26%{opacity:0;transform:scale(.5)}27%{opacity:1;transform:scale(1)}29%{opacity:.9;transform:scale(.8)}33%,100%{opacity:0;transform:scale(1.5)}}
@keyframes m5-padd{0%,29%{opacity:0}31%,94%{opacity:1}97%,100%{opacity:0}}
@keyframes m5-pscroll{0%,40%{transform:translateY(0)}58%,84%{transform:translateY(-520px)}96%,100%{transform:translateY(0)}}
@keyframes m5-pfloat{0%,100%{transform:translateY(0) rotate(3.5deg)}50%{transform:translateY(-10px) rotate(2.5deg)}}
.m5-ptap{opacity:0;animation:m5-ptap 10s linear infinite}
.m5-padd{opacity:0;animation:m5-padd 10s linear infinite}
.m5-pscroll{animation:m5-pscroll 10s ease-in-out infinite}
.m5-pfloat{animation:m5-pfloat 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){[class*="m5-"]{animation:none!important}.m5-cur{display:none}}

.kc.kmn{background:#141416;font-family:Manrope,system-ui,sans-serif;color:#fff;overflow:hidden}
.kc-wrap.kmn-wrap{background:#141416}
.kmn img{max-width:none}


@keyframes mo-cross{0.00%{transform:translateX(283.7px)}16.00%{transform:translateX(283.7px)}20.00%{transform:translateX(439.7px)}36.00%{transform:translateX(439.7px)}40.00%{transform:translateX(573.4px)}56.00%{transform:translateX(573.4px)}60.00%{transform:translateX(729.4px)}76.00%{transform:translateX(729.4px)}80.00%{transform:translateX(863.1px)}96.00%{transform:translateX(863.1px)}100.00%{transform:translateX(283.7px)}}
@keyframes mo-s0{0.00%{opacity:1}16.00%{opacity:1}17.67%{opacity:0}97.67%{opacity:0}100.00%{opacity:1}}
.mo-s0{opacity:0;animation:mo-s0 15.0s linear infinite}
@keyframes mo-s1{0.00%{opacity:0}19.67%{opacity:0}21.67%{opacity:1}36.00%{opacity:1}37.67%{opacity:0}100.00%{opacity:0}}
.mo-s1{opacity:0;animation:mo-s1 15.0s linear infinite}
@keyframes mo-s2{0.00%{opacity:0}39.67%{opacity:0}41.67%{opacity:1}56.00%{opacity:1}57.67%{opacity:0}100.00%{opacity:0}}
.mo-s2{opacity:0;animation:mo-s2 15.0s linear infinite}
@keyframes mo-s3{0.00%{opacity:0}59.67%{opacity:0}61.67%{opacity:1}76.00%{opacity:1}77.67%{opacity:0}100.00%{opacity:0}}
.mo-s3{opacity:0;animation:mo-s3 15.0s linear infinite}
@keyframes mo-s4{0.00%{opacity:0}79.67%{opacity:0}81.67%{opacity:1}96.00%{opacity:1}97.67%{opacity:0}100.00%{opacity:0}}
.mo-s4{opacity:0;animation:mo-s4 15.0s linear infinite}
.mo-cross{animation:mo-cross 15.0s cubic-bezier(.45,0,.25,1) infinite}
@keyframes mo-home{0.00%{transform:translateY(0px)}5.71%{transform:translateY(0px)}24.29%{transform:translateY(-560px)}88.57%{transform:translateY(-560px)}97.14%{transform:translateY(0px)}100.00%{transform:translateY(0px)}}
@keyframes mo-sheet{0.00%{transform:translateY(800px)}30.00%{transform:translateY(800px)}35.00%{transform:translateY(0px)}71.43%{transform:translateY(0px)}75.71%{transform:translateY(800px)}100.00%{transform:translateY(800px)}}
@keyframes mo-dim{0.00%{opacity:0}30.00%{opacity:0}35.00%{opacity:1}71.43%{opacity:1}75.71%{opacity:0}100.00%{opacity:0}}
@keyframes mo-thumb{0.00%{transform:translateX(351px)}38.57%{transform:translateX(351px)}45.00%{transform:translateX(221px)}49.29%{transform:translateX(221px)}55.00%{transform:translateX(150px)}97.86%{transform:translateX(150px)}100.00%{transform:translateX(351px)}}
@keyframes mo-fill{0.00%{transform:scaleX(1.000)}38.57%{transform:scaleX(1.000)}45.00%{transform:scaleX(0.526)}49.29%{transform:scaleX(0.526)}55.00%{transform:scaleX(0.266)}97.86%{transform:scaleX(0.266)}100.00%{transform:scaleX(1.000)}}
@keyframes mo-v1{0.00%{opacity:1}39.29%{opacity:1}40.71%{opacity:0}97.86%{opacity:0}100.00%{opacity:1}}
@keyframes mo-v2{0.00%{opacity:0}40.71%{opacity:0}42.14%{opacity:1}50.00%{opacity:1}51.43%{opacity:0}100.00%{opacity:0}}
@keyframes mo-v3{0.00%{opacity:0}51.43%{opacity:0}52.86%{opacity:1}97.86%{opacity:1}100.00%{opacity:0}}
@keyframes mo-chk{0.00%{opacity:0}60.00%{opacity:0}61.07%{opacity:1}97.86%{opacity:1}100.00%{opacity:0}}
@keyframes mo-prs{0.00%{opacity:0}67.86%{opacity:0}68.57%{opacity:1}70.71%{opacity:0}100.00%{opacity:0}}
@keyframes mo-badge{0.00%{opacity:0}74.29%{opacity:0}76.43%{opacity:1}95.71%{opacity:1}97.14%{opacity:0}100.00%{opacity:0}}
@keyframes mo-grid{0.00%{opacity:1;transform:translateY(0px)}73.57%{opacity:1;transform:translateY(0px)}75.00%{opacity:0.3;transform:translateY(12px)}78.57%{opacity:1;transform:translateY(0px)}100.00%{opacity:1;transform:translateY(0px)}}
@keyframes mo-tap{0%{opacity:0;transform:scale(.5)}1%{opacity:1;transform:scale(1)}3%{opacity:.9;transform:scale(.8)}6%,100%{opacity:0;transform:scale(1.6)}}
.mo-home{animation:mo-home 14.0s cubic-bezier(.45,0,.25,1) infinite}
.mo-sheet{animation:mo-sheet 14.0s cubic-bezier(.3,.7,.2,1) infinite;transform:translateY(800px)}
.mo-dim{opacity:0;animation:mo-dim 14.0s linear infinite}
.mo-thumb{animation:mo-thumb 14.0s cubic-bezier(.45,0,.25,1) infinite}
.mo-fill{animation:mo-fill 14.0s cubic-bezier(.45,0,.25,1) infinite}
.mo-v1{animation:mo-v1 14.0s linear infinite}.mo-v2{opacity:0;animation:mo-v2 14.0s linear infinite}.mo-v3{opacity:0;animation:mo-v3 14.0s linear infinite}
.mo-chk{opacity:0;animation:mo-chk 14.0s linear infinite}.mo-prs{opacity:0;animation:mo-prs 14.0s linear infinite}
.mo-badge{opacity:0;animation:mo-badge 14.0s linear infinite}.mo-grid{animation:mo-grid 14.0s ease-out infinite}
.mo-tap{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,255,255,.35);border:3px solid rgba(255,255,255,.85);box-sizing:border-box;opacity:0;animation:mo-tap 14.0s linear infinite backwards}

@keyframes mo-pfloat{0%,100%{transform:translateY(0) rotate(3.5deg)}50%{transform:translateY(-10px) rotate(2.5deg)}}
.mo-pfloat{animation:mo-pfloat 7s ease-in-out infinite}
@keyframes mo-coin{0%,100%{transform:translateY(0) rotate(-4deg) scaleX(1)}25%{transform:translateY(-10px) rotate(2deg) scaleX(.9)}50%{transform:translateY(-16px) rotate(6deg) scaleX(1)}75%{transform:translateY(-6px) rotate(0deg) scaleX(.93)}}
@keyframes mo-card{0%,100%{transform:perspective(900px) rotateY(-18deg) rotate(8deg) translateY(0)}50%{transform:perspective(900px) rotateY(-4deg) rotate(12deg) translateY(-18px)}}
@keyframes mo-crys{0%,100%{transform:translateY(0) rotate(-4deg) scale(1);filter:drop-shadow(0 0 18px rgba(61,160,255,.6)) brightness(1)}50%{transform:translateY(-16px) rotate(4deg) scale(1.05);filter:drop-shadow(0 0 40px rgba(61,220,255,1)) brightness(1.25)}}
@keyframes mo-flash{0%,86%,100%{opacity:0}88%{opacity:.9}90%{opacity:.2}92%{opacity:.8}}
@keyframes mo-sheen{0%,55%{transform:translateX(-120%) skewX(-20deg)}75%,100%{transform:translateX(160%) skewX(-20deg)}}
@keyframes mo-orbit{to{transform:rotate(342deg)}}
@keyframes mo-glow{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes mo-spark{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
.mo-coin{animation:mo-coin 6s ease-in-out infinite}
.mo-card{animation:mo-card 7s ease-in-out infinite}
.mo-crys{animation:mo-crys 4s ease-in-out infinite}
.mo-flash{animation:mo-flash 4s linear infinite}
.mo-sheen{animation:mo-sheen 4.5s ease-in-out infinite}
.mo-orbit{animation:mo-orbit 80s linear infinite}
.mo-glow{animation:mo-glow 6s ease-in-out infinite}
.mo-spark{animation:mo-spark 2.8s ease-in-out infinite backwards}

@keyframes ar-spin{to{transform:rotate(360deg)}}
@keyframes ar-hue{to{filter:hue-rotate(360deg)}}
@keyframes ar-flow{to{background-position:144px 144px}}
@keyframes ar-pulse{0%{transform:scale(.3);opacity:0}30%{opacity:1}100%{transform:scale(1.6);opacity:0}}
@keyframes ar-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}
@keyframes ar-twinkle{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes ar-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8%) rotate(4deg)}}
.ar{position:relative;overflow:hidden}
.ar-spin{animation:ar-spin 14s linear infinite}
.ar-hue{animation:ar-hue 10s linear infinite}
.ar-flow{animation:ar-flow 6s linear infinite}
.ar-bob{animation:ar-bob 5s ease-in-out infinite}
.ar-twk{animation:ar-twinkle 2.4s ease-in-out infinite}
.ar-float{animation:ar-float 5s ease-in-out infinite}
.ar-ring{position:absolute;left:50%;top:50%;border-radius:50%;animation:ar-pulse 3.6s ease-out infinite backwards}

@keyframes a2-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5%)}}
@keyframes a2-pulse{0%,100%{transform:scale(1,1)}50%{transform:scale(1.05,.93)}}
@keyframes a2-sway{0%,100%{transform:skewX(-6deg)}50%{transform:skewX(6deg)}}
@keyframes a2-ring{to{transform:rotateX(22deg) rotateY(-18deg) rotateZ(360deg)}}
@keyframes a2-flow{to{background-position:200% 0}}
@keyframes a2-glint{0%,60%{transform:translateX(-160%) skewX(-20deg)}85%,100%{transform:translateX(260%) skewX(-20deg)}}
@keyframes a2-neon{0%,100%{opacity:1}45%{opacity:.75}50%{opacity:.35}55%{opacity:.9}}
@keyframes a2-float{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,-58%) rotate(6deg)}}
@keyframes a2-spin{to{transform:rotate(360deg)}}
@keyframes a2-dash{to{stroke-dashoffset:-60}}
.a2-bob{animation:a2-bob 5s ease-in-out infinite}
.a2-pulse{animation:a2-pulse 3.2s ease-in-out infinite;transform-origin:50% 100%}
.a2-sway{animation:a2-sway 3.2s ease-in-out infinite;transform-origin:50% 0}
.a2-ring{animation:a2-ring 26s linear infinite}
.a2-flow{animation:a2-flow 4s linear infinite}
.a2-glint{animation:a2-glint 4.5s ease-in-out infinite}
.a2-neon{animation:a2-neon 3.7s linear infinite}
.a2-float{animation:a2-float 4.6s ease-in-out infinite}
.a2-spin{animation:a2-spin 18s linear infinite}
.a2-dash{animation:a2-dash 2.4s linear infinite}
@media (prefers-reduced-motion:reduce){.kmn [class*="mo-"],.kmn [class*="ar-"],.kmn [class*="a2-"]{animation:none!important}.mo-s0{opacity:1}}



/* ── light variants of live covers (Korzinka stays as is) ── */
:root[data-site="light"] .kc-wrap:not(.kj-wrap):not(.km-wrap):not(.kmn-wrap):not(.krs-wrap),:root[data-site="light"] .kc:not(.kj):not(.km):not(.kmn):not(.krs){background:#eef3ff}
:root[data-site="light"] .kc-glow{background:radial-gradient(900px 620px at 72% 38%,rgba(29,107,255,.28) 0%,rgba(29,107,255,0) 70%),radial-gradient(700px 500px at 8% 110%,rgba(90,140,255,.30) 0%,rgba(90,140,255,0) 70%)}
:root[data-site="light"] .kc-grid{background-image:linear-gradient(rgba(10,30,90,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(10,30,90,.07) 1px,transparent 1px)}
:root[data-site="light"] .kc:not(.kj):not(.km):not(.kmn):not(.krs){color:#0b1533}
:root[data-site="light"] .kc-tags span{border-color:rgba(11,21,51,.2);color:rgba(11,21,51,.75)}
:root[data-site="light"] .kc-sub{color:rgba(11,21,51,.68)}
:root[data-site="light"] .kc-lframe{box-shadow:0 60px 120px -40px rgba(20,40,110,.45),0 0 0 1px rgba(0,0,0,.6)}
:root[data-site="light"] .kc-pbody{box-shadow:0 50px 90px -30px rgba(20,40,110,.5)}

:root[data-site="light"] .kc-wrap.km-wrap,:root[data-site="light"] .kc.km{background:#f5f1ec}
:root[data-site="light"] .km>div:nth-child(1){background:radial-gradient(900px 620px at 68% 42%,#ffd3a6 0%,#fbe7d3 38%,#f5f1ec 75%)!important}
:root[data-site="light"] .km>div:nth-child(2){background:linear-gradient(180deg,rgba(0,0,0,0),rgba(120,70,20,.08))!important}
:root[data-site="light"] .km>div:nth-child(3){background:linear-gradient(90deg,#e6d8ca 0%,#f3e9de 30%,#eadccf 60%,#dccbba 100%)!important}
:root[data-site="light"] .km>div:nth-child(4){background:radial-gradient(ellipse at 50% 40%,#fffaf4 0%,#f1e4d6 55%,#e6d6c5 100%)!important;box-shadow:inset 0 2px 0 #fff!important}
:root[data-site="light"] .km>div:nth-child(5){background:radial-gradient(ellipse,rgba(80,40,0,.28),rgba(0,0,0,0) 70%)!important}
:root[data-site="light"] .km>div:nth-child(9)>div:nth-child(2){color:#17181b!important}
:root[data-site="light"] .km>div:nth-child(9)>div:nth-child(3){color:rgba(23,24,27,.68)!important}

:root[data-site="light"] .kc-wrap.kmn-wrap,:root[data-site="light"] .kc.kmn{background:#f4f2fb}
:root[data-site="light"] .kmn>div:nth-child(1){background:radial-gradient(closest-side,rgba(90,105,255,.38) 0%,rgba(90,105,255,.14) 45%,rgba(90,105,255,0) 100%)!important}
:root[data-site="light"] .kmn>div:nth-child(2){background:radial-gradient(closest-side,rgba(40,200,255,.28),rgba(40,200,255,0))!important}
:root[data-site="light"] .kmn>div:nth-child(3){background:radial-gradient(closest-side,rgba(255,79,154,.22),rgba(255,79,154,0))!important}
:root[data-site="light"] .kmn>div:nth-child(4){background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0))!important}
:root[data-site="light"] .kmn .mo-orbit{border-color:rgba(30,20,80,.1)!important}
:root[data-site="light"] .kmn>.mo-spark i{filter:brightness(.55) saturate(3)}
:root[data-site="light"] .kmn .mo-card,:root[data-site="light"] .kmn .mo-coin{filter:drop-shadow(0 26px 26px rgba(40,30,90,.3))!important}
:root[data-site="light"] .kmn>div:last-child>div:nth-child(2){color:#141416!important}
:root[data-site="light"] .kmn>div:last-child>div:nth-child(3){color:rgba(20,20,22,.68)!important}

:root[data-site="light"] .pic-rwb{background:radial-gradient(120% 90% at 70% 10%,#c7ceff 0%,#e1e5ff 40%,#f3f5ff 80%);color:#10143a}
:root[data-site="light"] .pic-rwb::before{background:radial-gradient(40% 50% at 78% 22%,rgba(110,125,255,.35),transparent 70%),radial-gradient(35% 40% at 15% 90%,rgba(0,112,222,.22),transparent 70%)}
:root[data-site="light"] .pic-rwb .mock{border-color:rgba(255,255,255,.9);background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.55));box-shadow:0 30px 60px -24px rgba(40,50,160,.35);color:#10143a}
:root[data-site="light"] .pic-rwb .m-row{border-top-color:rgba(16,20,58,.08);color:rgba(16,20,58,.75)}
:root[data-site="light"] .pic-rwb .m-wallet small{color:rgba(16,20,58,.55)}
:root[data-site="light"] .pic-rwb .m-screens i:not(.on):not(.hot){background:rgba(16,20,58,.08)}
:root[data-site="light"] .pic-rwb .pill{background:rgba(22,163,94,.14);color:#0e8a4f}
:root[data-site="light"] .pic-rwb .pill.w{background:rgba(230,140,20,.16);color:#b86a00}
:root[data-site="light"] .pic-rwb .badge-live{background:rgba(255,255,255,.7);border-color:rgba(16,20,58,.12);color:#10143a}
.kc.krs{background:transparent;font-family:Manrope,system-ui,sans-serif;color:#fff;overflow:visible}
.kc-wrap.krs-wrap{background:#07081f}
.card.feat .kc-wrap>.kc{top:50%;margin-top:calc(-450px * var(--kcs))}
.krs img{max-width:none}


@keyframes rs-cur{0.00%{transform:translate(1200px,980px)}14.37%{transform:translate(1350px,91px)}20.00%{transform:translate(1350px,91px)}30.00%{transform:translate(1000px,500px)}35.62%{transform:translate(28px,768px)}39.38%{transform:translate(28px,768px)}45.00%{transform:translate(572px,869px)}50.62%{transform:translate(572px,869px)}56.25%{transform:translate(560px,700px)}63.12%{transform:translate(560px,700px)}68.75%{transform:translate(585px,854px)}75.00%{transform:translate(585px,854px)}85.00%{transform:translate(1180px,560px)}95.62%{transform:translate(1180px,560px)}100.00%{transform:translate(1200px,980px)}}
@keyframes rs-press{0.00%{transform:scale(1)}16.56%{transform:scale(1)}17.50%{transform:scale(0.82)}18.75%{transform:scale(1)}36.56%{transform:scale(1)}37.50%{transform:scale(0.82)}38.75%{transform:scale(1)}46.56%{transform:scale(1)}47.50%{transform:scale(0.82)}48.75%{transform:scale(1)}70.31%{transform:scale(1)}71.25%{transform:scale(0.82)}72.50%{transform:scale(1)}100.00%{transform:scale(1)}}
@keyframes rs-form{0.00%{opacity:0;transform:translateX(60px)}19.38%{opacity:0;transform:translateX(60px)}22.50%{opacity:1;transform:translateX(0px)}95.00%{opacity:1;transform:translateX(0px)}98.12%{opacity:0;transform:translateX(60px)}100.00%{opacity:0;transform:translateX(60px)}}
@keyframes rs-prs1{0.00%{opacity:0}17.19%{opacity:0}17.50%{opacity:1}19.06%{opacity:1}19.37%{opacity:0}100.00%{opacity:0}}
@keyframes rs-prs2{0.00%{opacity:0}47.19%{opacity:0}47.50%{opacity:1}49.06%{opacity:1}49.38%{opacity:0}100.00%{opacity:0}}
@keyframes rs-chk{0.00%{opacity:0}37.19%{opacity:0}38.12%{opacity:1}95.00%{opacity:1}95.94%{opacity:0}100.00%{opacity:0}}
@keyframes rs-sel{0.00%{opacity:0}48.12%{opacity:0}50.00%{opacity:1}93.75%{opacity:1}95.62%{opacity:0}100.00%{opacity:0}}
@keyframes rs-toast{0.00%{opacity:0}49.38%{opacity:0}51.25%{opacity:1}66.25%{opacity:1}68.12%{opacity:0}100.00%{opacity:0}}
@keyframes rs-toast2{0.00%{opacity:0}72.50%{opacity:0}74.38%{opacity:1}93.75%{opacity:1}95.62%{opacity:0}100.00%{opacity:0}}
@keyframes rs-prs3{0.00%{opacity:0}70.94%{opacity:0}71.25%{opacity:1}72.81%{opacity:1}73.12%{opacity:0}100.00%{opacity:0}}
@keyframes rs-fscroll{0.00%{transform:translateY(0px)}53.75%{transform:translateY(0px)}61.88%{transform:translateY(-429px)}95.00%{transform:translateY(-429px)}97.50%{transform:translateY(0px)}100.00%{transform:translateY(0px)}}
@keyframes rs-t2{0.00%{opacity:0}48.75%{opacity:0}50.00%{opacity:1}95.00%{opacity:1}96.25%{opacity:0}100.00%{opacity:0}}
@keyframes rs-t1{0.00%{opacity:1}49.38%{opacity:1}50.62%{opacity:0}95.00%{opacity:0}96.25%{opacity:1}100.00%{opacity:1}}
@keyframes rs-pop{0.00%{opacity:0;transform:scale(0.3)}24.38%{opacity:0;transform:scale(0.3)}26.88%{opacity:1;transform:scale(1.12)}28.12%{opacity:1;transform:scale(1)}95.00%{opacity:1;transform:scale(1)}96.88%{opacity:0;transform:scale(0.3)}100.00%{opacity:0;transform:scale(0.3)}}
@keyframes rs-donut{0.00%{transform:rotate(-360deg)}24.38%{transform:rotate(-360deg)}32.50%{transform:rotate(0deg)}100.00%{transform:rotate(0deg)}}
@keyframes rs-rip{0%{opacity:0;transform:scale(.3)}.2%{opacity:.9;transform:scale(.3)}3%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
@keyframes rs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes rs-glow{0%,100%{opacity:.8}50%{opacity:1}}
.rs-cur{animation:rs-cur 16.0s cubic-bezier(.45,0,.25,1) infinite}
.rs-curi{animation:rs-press 16.0s linear infinite;transform-origin:8px 4px}
.rs-form{opacity:0;animation:rs-form 16.0s cubic-bezier(.3,.7,.2,1) infinite}
.rs-prs1,.rs-prs2,.rs-prs3,.rs-chk,.rs-sel,.rs-toast,.rs-toast2,.rs-t2{opacity:0}
.rs-prs3{animation:rs-prs3 16.0s linear infinite}.rs-toast2{animation:rs-toast2 16.0s ease-out infinite}.rs-fscroll{animation:rs-fscroll 16.0s cubic-bezier(.45,0,.25,1) infinite}
.rs-prs1{animation:rs-prs1 16.0s linear infinite}.rs-prs2{animation:rs-prs2 16.0s linear infinite}.rs-chk{animation:rs-chk 16.0s linear infinite}
.rs-sel{animation:rs-sel 16.0s linear infinite}.rs-toast{animation:rs-toast 16.0s ease-out infinite}.rs-t1{animation:rs-t1 16.0s linear infinite}.rs-t2{animation:rs-t2 16.0s linear infinite}
.rs-pop{animation:rs-pop 16.0s cubic-bezier(.3,1.4,.5,1) infinite backwards}
.rs-donut{animation:rs-donut 16.0s ease-out infinite}
.rs-rip{position:absolute;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:4px solid #4f63d6;background:rgba(79,99,214,.18);box-sizing:border-box;opacity:0;animation:rs-rip 16.0s ease-out infinite backwards}
.rs-float{animation:rs-float 6s ease-in-out infinite}
.rs-glow{animation:rs-glow 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.krs [class*="rs-"]{animation:none!important}.rs-form{opacity:1}.rs-cur{display:none}}


:root[data-site="light"] .kc-wrap.krs-wrap,:root[data-site="light"] .kc.krs{background:#eef1ff}
:root[data-site="light"] .krs>div:nth-child(1){background:radial-gradient(120% 90% at 72% 18%,#c9d0ff 0%,#e4e8ff 40%,#f3f5ff 80%)!important}
:root[data-site="light"] .krs>div:nth-child(2){background:radial-gradient(40% 50% at 78% 22%,rgba(110,125,255,.35),transparent 70%),radial-gradient(38% 42% at 6% 96%,rgba(80,120,255,.25),transparent 70%)!important}
:root[data-site="light"] .krs>div:nth-child(3){background-image:linear-gradient(rgba(16,20,58,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,20,58,.05) 1px,transparent 1px)!important}
:root[data-site="light"] .krs>div:last-child>div:nth-child(1){color:#4f63d6!important}
:root[data-site="light"] .krs>div:last-child>div:nth-child(2){color:#10143a!important}
:root[data-site="light"] .krs>div:last-child>div:nth-child(3){color:rgba(16,20,58,.68)!important}
:root[data-site="light"] .krs i[style*="rgba(255,255,255,.35)"]{background:rgba(16,20,58,.25)!important}
.kc-wrap.krs-wrap{background:radial-gradient(120% 90% at 72% 18%,#2a33d6 0%,#141a7a 38%,#07081f 78%)!important}
.kc-wrap.krs-wrap::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/calc(80px * var(--kcs)) calc(80px * var(--kcs)),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/calc(80px * var(--kcs)) calc(80px * var(--kcs)),radial-gradient(40% 50% at 78% 22%,rgba(160,170,255,.45),transparent 70%),radial-gradient(38% 42% at 6% 96%,rgba(80,120,255,.40),transparent 70%)}
.krs>div:nth-child(-n+3){display:none!important}
:root[data-site="light"] .kc-wrap.krs-wrap{background:radial-gradient(120% 90% at 72% 18%,#c9d0ff 0%,#e4e8ff 40%,#f3f5ff 80%)!important}
:root[data-site="light"] .kc-wrap.krs-wrap::before{background:linear-gradient(rgba(16,20,58,.05) 1px,transparent 1px) 0 0/calc(80px * var(--kcs)) calc(80px * var(--kcs)),linear-gradient(90deg,rgba(16,20,58,.05) 1px,transparent 1px) 0 0/calc(80px * var(--kcs)) calc(80px * var(--kcs)),radial-gradient(40% 50% at 78% 22%,rgba(110,125,255,.35),transparent 70%),radial-gradient(38% 42% at 6% 96%,rgba(80,120,255,.25),transparent 70%)}
.kc.krs{background:transparent!important;overflow:visible!important}
:root[data-site="light"] .krs>div:last-child>div:nth-child(2) span{background:linear-gradient(90deg,#3446c9,#6a7bff)!important;-webkit-background-clip:text!important;background-clip:text!important}

/* light theme: silver devices */
:root[data-site="light"] .km [style*="radial-gradient(120% 90% at 50% 20%,#34353a"],:root[data-site="light"] .kmn [style*="radial-gradient(120% 90% at 50% 20%,#34353a"]{background:radial-gradient(120% 90% at 50% 20%,#eceef1 0%,#dfe1e5 55%,#d3d6db 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important}
:root[data-site="light"] .km [style*="linear-gradient(90deg,#26272a 0%,#3a3b3f"],:root[data-site="light"] .kmn [style*="linear-gradient(90deg,#26272a 0%,#3a3b3f"]{background:linear-gradient(90deg,#a9adb4 0%,#cfd2d7 70%,#e3e5e8 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
:root[data-site="light"] .km [style*="linear-gradient(90deg,#1a1b1d,#0e0e10)"],:root[data-site="light"] .kmn [style*="linear-gradient(90deg,#1a1b1d,#0e0e10)"]{background:linear-gradient(90deg,#b7bac0,#9ea2a9)!important}
:root[data-site="light"] .km [style*="linear-gradient(180deg,#44454a 0%"],:root[data-site="light"] .kmn [style*="linear-gradient(180deg,#44454a 0%"]{background:linear-gradient(180deg,#eef0f2 0%,#c9ccd1 45%,#9ea2a9 100%)!important}
:root[data-site="light"] .km [style*="linear-gradient(180deg,#3a3b3f,#26272a)"],:root[data-site="light"] .kmn [style*="linear-gradient(180deg,#3a3b3f,#26272a)"]{background:linear-gradient(180deg,#d9dce0,#b9bcc2)!important}
:root[data-site="light"] .km [style*="linear-gradient(180deg,#2e2f33,#2a2b2f)"],:root[data-site="light"] .kmn [style*="linear-gradient(180deg,#2e2f33,#2a2b2f)"]{background:linear-gradient(180deg,#e2e4e8,#d9dce0)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important}
:root[data-site="light"] .km [style*="linear-gradient(180deg,#2b2c30,#1d1e21)"],:root[data-site="light"] .kmn [style*="linear-gradient(180deg,#2b2c30,#1d1e21)"]{background:linear-gradient(180deg,#e4e6e9,#c8cbd0)!important}
:root[data-site="light"] .km [style*="linear-gradient(180deg,#1a1b1e,#050506)"],:root[data-site="light"] .kmn [style*="linear-gradient(180deg,#1a1b1e,#050506)"]{background:linear-gradient(180deg,#c8cbd0,#8e9299)!important}
:root[data-site="light"] .km [style*="inset 0 0 0 2px #36373b"],:root[data-site="light"] .kmn [style*="inset 0 0 0 2px #36373b"]{box-shadow:inset 0 0 0 2px #c9ccd2,inset 0 0 0 3px #e9ebee,0 50px 90px -40px rgba(40,50,90,.35)!important}
:root[data-site="light"] .km [style*="linear-gradient(140deg,#5a5a5e 0%"],:root[data-site="light"] .kmn [style*="linear-gradient(140deg,#5a5a5e 0%"]{background:linear-gradient(140deg,#f4f5f7 0%,#c9ccd1 20%,#a7abb2 50%,#cfd2d6 82%,#f2f3f5 100%)!important}
:root[data-site="light"] .km [style*="background:#2a2a2d"],:root[data-site="light"] .kmn [style*="background:#2a2a2d"]{background:#b9bcc2!important}
:root[data-site="light"] .km [style*="background:#101012"],:root[data-site="light"] .kmn [style*="background:#101012"]{background:#b0b3b9!important}

.ba{position:absolute;left:0;top:0;width:1600px;height:900px;--p:50%;overflow:hidden;background:#fff}
.ba-layer{position:absolute;inset:0}
.ba-new{clip-path:inset(0 0 0 var(--p));animation:ba-sweep 9s cubic-bezier(.65,0,.35,1) infinite}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--p);width:0;animation:ba-move 9s cubic-bezier(.65,0,.35,1) infinite}
.ba-handle i{position:absolute;top:0;bottom:0;left:-2px;width:4px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 24px rgba(0,0,0,.35)}
.ba-handle b{position:absolute;top:50%;left:-32px;width:64px;height:64px;margin-top:-32px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3);display:grid;place-items:center;font:700 22px/1 Manrope,sans-serif;color:#1c1f2b}
.ba-tag{position:absolute;bottom:70px;z-index:3;padding:10px 18px;border-radius:999px;font:700 22px/1 Manrope,sans-serif;backdrop-filter:blur(6px)}
@keyframes ba-sweep{0%,8%{clip-path:inset(0 0 0 88%)}42%,58%{clip-path:inset(0 0 0 12%)}92%,100%{clip-path:inset(0 0 0 88%)}}
@keyframes ba-move{0%,8%{left:88%}42%,58%{left:12%}92%,100%{left:88%}}
.ba.manual .ba-new,.ba.manual .ba-handle{animation:none}
.ba.manual .ba-new{clip-path:inset(0 0 0 var(--p))}
.ba-wrap{touch-action:pan-y;-webkit-user-select:none;user-select:none}.ba-wrap img{-webkit-user-drag:none;pointer-events:none}
.ba-wrap.dragging{cursor:ew-resize}
@media (prefers-reduced-motion:reduce){.ba-new,.ba-handle{animation:none}}
@keyframes uc-p0{0.00%{opacity:1}24.06%{opacity:1}25.00%{opacity:0}99.06%{opacity:0}100.00%{opacity:1}}
.uc-p0,.uc-on0{animation:uc-p0 16.0s linear infinite}
@keyframes uc-p1{0.00%{opacity:0}24.06%{opacity:0}25.00%{opacity:1}49.06%{opacity:1}50.00%{opacity:0}100.00%{opacity:0}}
.uc-p1,.uc-on1{animation:uc-p1 16.0s linear infinite}
@keyframes uc-p2{0.00%{opacity:0}49.06%{opacity:0}50.00%{opacity:1}74.06%{opacity:1}75.00%{opacity:0}100.00%{opacity:0}}
.uc-p2,.uc-on2{animation:uc-p2 16.0s linear infinite}
@keyframes uc-p3{0.00%{opacity:0}74.06%{opacity:0}75.00%{opacity:1}99.06%{opacity:1}100.00%{opacity:0}100.00%{opacity:0}}
.uc-p3,.uc-on3{animation:uc-p3 16.0s linear infinite}
@keyframes uc-cur{0.00%{transform:translate(1450px,860px)}19.06%{transform:translate(799px,203px)}23.12%{transform:translate(799px,203px)}34.38%{transform:translate(1046px,782px)}38.44%{transform:translate(1046px,782px)}44.06%{transform:translate(930px,203px)}48.12%{transform:translate(930px,203px)}57.50%{transform:translate(853px,818px)}61.56%{transform:translate(853px,818px)}69.06%{transform:translate(1070px,203px)}73.12%{transform:translate(1070px,203px)}81.25%{transform:translate(1359px,283px)}85.31%{transform:translate(1359px,283px)}94.06%{transform:translate(632px,203px)}98.12%{transform:translate(632px,203px)}100.00%{transform:translate(632px,203px)}}
@keyframes uc-press{0.00%{transform:scale(1)}22.19%{transform:scale(1)}22.81%{transform:scale(0.82)}23.75%{transform:scale(1)}37.50%{transform:scale(1)}38.12%{transform:scale(0.82)}39.06%{transform:scale(1)}47.19%{transform:scale(1)}47.81%{transform:scale(0.82)}48.75%{transform:scale(1)}60.63%{transform:scale(1)}61.25%{transform:scale(0.82)}62.19%{transform:scale(1)}72.19%{transform:scale(1)}72.81%{transform:scale(0.82)}73.75%{transform:scale(1)}84.38%{transform:scale(1)}85.00%{transform:scale(0.82)}85.94%{transform:scale(1)}97.19%{transform:scale(1)}97.81%{transform:scale(0.82)}98.75%{transform:scale(1)}100.00%{transform:scale(1)}}
@keyframes uc-b1{0.00%{opacity:1}38.75%{opacity:1}40.00%{opacity:0}98.75%{opacity:0}100.00%{opacity:1}}
@keyframes uc-b2{0.00%{opacity:0}38.75%{opacity:0}40.00%{opacity:1}98.75%{opacity:1}100.00%{opacity:0}}
@keyframes uc-prs{0.00%{opacity:0}37.81%{opacity:0}38.12%{opacity:1}40.00%{opacity:0}100.00%{opacity:0}}
@keyframes uc-chk{0.00%{opacity:0}61.25%{opacity:0}62.19%{opacity:1}98.75%{opacity:1}100.00%{opacity:0}}
@keyframes uc-c2{0.00%{opacity:0}61.25%{opacity:0}62.19%{opacity:1}98.75%{opacity:1}100.00%{opacity:0}}
@keyframes uc-c1{0.00%{opacity:1}61.25%{opacity:1}62.19%{opacity:0}98.75%{opacity:0}100.00%{opacity:1}}
@keyframes uc-newrow{0.00%{opacity:0;transform:translateY(-10px)}86.25%{opacity:0;transform:translateY(-10px)}88.75%{opacity:1;transform:translateY(0px)}98.12%{opacity:1;transform:translateY(0px)}100.00%{opacity:0;transform:translateY(-10px)}}
.uc-cur{animation:uc-cur 16.0s cubic-bezier(.45,0,.25,1) infinite}
.uc-curi{animation:uc-press 16.0s linear infinite;transform-origin:8px 4px}
.uc-b1{animation:uc-b1 16.0s linear infinite}.uc-b2{opacity:0;animation:uc-b2 16.0s linear infinite}.uc-prs{opacity:0;animation:uc-prs 16.0s linear infinite}
.uc-chk,.uc-c2{opacity:0}.uc-chk{animation:uc-chk 16.0s linear infinite}.uc-c2{animation:uc-c2 16.0s linear infinite}.uc-c1{animation:uc-c1 16.0s linear infinite}
.uc-newrow{opacity:0;animation:uc-newrow 16.0s ease-out infinite}
.uc-pane:not(.uc-p0),.uc-on:not(.uc-on0){opacity:0}
@media (prefers-reduced-motion:reduce){.uc [class*="uc-"]{animation:none!important}.uc-cur{display:none}}
.demo{margin:28px 0 0}.prose > .demo:not(:last-child){margin-bottom:28px}
.demo .demo-wrap{border-radius:18px;border:1px solid var(--line);background:#fff}
.demo figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--muted)}
@keyframes pf-pinfo{0.00%{opacity:1}12.00%{opacity:1}12.75%{opacity:0}98.50%{opacity:0}100.00%{opacity:1}}
@keyframes pf-ppay{0.00%{opacity:0}12.00%{opacity:0}12.75%{opacity:1}98.50%{opacity:1}100.00%{opacity:0}}
@keyframes pf-menu{0.00%{opacity:0}21.90%{opacity:0}22.50%{opacity:1}29.50%{opacity:1}30.10%{opacity:0}100.00%{opacity:0}}
@keyframes pf-mh{0.00%{opacity:0}26.00%{opacity:0}26.50%{opacity:1}29.50%{opacity:1}30.00%{opacity:0}100.00%{opacity:0}}
@keyframes pf-modal{0.00%{opacity:0}29.75%{opacity:0}29.85%{opacity:1}77.25%{opacity:1}77.35%{opacity:0}100.00%{opacity:0}}
@keyframes pf-dim{0.00%{opacity:0}29.75%{opacity:0}31.50%{opacity:1}75.50%{opacity:1}77.25%{opacity:0}100.00%{opacity:0}}
@keyframes pf-sheet{0.00%{transform:translateY(860px)}29.75%{transform:translateY(860px)}32.50%{transform:translateY(0px)}75.00%{transform:translateY(0px)}77.25%{transform:translateY(860px)}100.00%{transform:translateY(860px)}}
@keyframes pf-k1{0.00%{opacity:1}46.50%{opacity:1}46.75%{opacity:0}98.50%{opacity:0}100.00%{opacity:1}}
@keyframes pf-k2{0.00%{opacity:0}46.50%{opacity:0}46.75%{opacity:1}98.50%{opacity:1}100.00%{opacity:0}}
@keyframes pf-focus{0.00%{opacity:0}38.00%{opacity:0}38.25%{opacity:1}47.50%{opacity:1}47.75%{opacity:0}100.00%{opacity:0}}
@keyframes pf-caret{0.00%{opacity:0}38.10%{opacity:0}38.25%{opacity:1}47.50%{opacity:1}47.65%{opacity:0}100.00%{opacity:0}}
@keyframes pf-kd{0.00%{width:9ch}40.00%{width:9ch}40.45%{width:9ch}40.50%{width:8ch}40.95%{width:8ch}41.00%{width:7ch}41.45%{width:7ch}41.50%{width:6ch}41.95%{width:6ch}42.00%{width:5ch}42.45%{width:5ch}42.50%{width:4ch}42.95%{width:4ch}43.00%{width:3ch}43.25%{width:3ch}43.30%{width:0ch}98.45%{width:0ch}98.50%{width:9ch}100.00%{width:9ch}}
@keyframes pf-kt{0.00%{width:0ch}43.25%{width:0ch}43.30%{width:3ch}43.50%{width:3ch}43.95%{width:3ch}44.00%{width:4ch}44.45%{width:4ch}44.50%{width:5ch}44.95%{width:5ch}45.00%{width:6ch}45.45%{width:6ch}45.50%{width:7ch}45.95%{width:7ch}46.00%{width:8ch}46.45%{width:8ch}46.50%{width:9ch}98.45%{width:9ch}98.50%{width:0ch}100.00%{width:0ch}}
@keyframes pf-errb{0.00%{opacity:0}46.90%{opacity:0}47.50%{opacity:1}55.50%{opacity:1}56.10%{opacity:0}100.00%{opacity:0}}
@keyframes pf-errt{0.00%{opacity:0}46.90%{opacity:0}47.50%{opacity:1}55.50%{opacity:1}56.10%{opacity:0}100.00%{opacity:0}}
@keyframes pf-slot{0.00%{height:0px}47.50%{height:0px}49.25%{height:180px}56.00%{height:180px}57.50%{height:138px}77.50%{height:138px}77.75%{height:0px}100.00%{height:0px}}
@keyframes pf-drop{0.00%{opacity:0}47.25%{opacity:0}48.00%{opacity:1}56.00%{opacity:1}56.75%{opacity:0}100.00%{opacity:0}}
@keyframes pf-chip{0.00%{opacity:0}55.50%{opacity:0}56.25%{opacity:1}76.50%{opacity:1}77.25%{opacity:0}100.00%{opacity:0}}
@keyframes pf-barf{0.00%{transform:scaleX(0)}56.50%{transform:scaleX(0)}63.00%{transform:scaleX(1)}100.00%{transform:scaleX(1)}}
@keyframes pf-bar{0.00%{opacity:0}55.50%{opacity:0}56.00%{opacity:1}63.50%{opacity:1}64.00%{opacity:0}100.00%{opacity:0}}
@keyframes pf-load1{0.00%{opacity:0}55.75%{opacity:0}56.00%{opacity:1}63.00%{opacity:1}63.25%{opacity:0}100.00%{opacity:0}}
@keyframes pf-load2{0.00%{opacity:0}62.50%{opacity:0}63.00%{opacity:1}76.50%{opacity:1}77.00%{opacity:0}100.00%{opacity:0}}
@keyframes pf-prs{0.00%{opacity:0}72.75%{opacity:0}73.00%{opacity:1}74.25%{opacity:1}74.50%{opacity:0}100.00%{opacity:0}}
@keyframes pf-toast{0.00%{opacity:0}74.50%{opacity:0}76.00%{opacity:1}91.00%{opacity:1}92.50%{opacity:0}100.00%{opacity:0}}
@keyframes pf-toastm{0.00%{transform:translateX(40px)}76.00%{transform:translateX(40px)}78.00%{transform:translateX(0px)}100.00%{transform:translateX(0px)}}
@keyframes pf-ghost{0.00%{opacity:0;transform:translate(1240px,470px)}50.50%{opacity:0;transform:translate(1240px,470px)}52.00%{opacity:1;transform:translate(1240px,470px)}55.50%{opacity:1;transform:translate(650px,420px)}56.50%{opacity:0;transform:translate(650px,420px)}100.00%{opacity:0;transform:translate(650px,420px)}}
@keyframes pf-on0{0.00%{opacity:1}12.00%{opacity:1}12.75%{opacity:0}98.50%{opacity:0}100.00%{opacity:1}}
@keyframes pf-on1{0.00%{opacity:0}12.00%{opacity:0}12.75%{opacity:1}98.50%{opacity:1}100.00%{opacity:0}}
@keyframes pf-cur{0.00%{transform:translate(1460px,860px)}9.00%{transform:translate(799px,204px)}12.50%{transform:translate(799px,204px)}19.00%{transform:translate(1370px,344px)}22.50%{transform:translate(1370px,344px)}26.00%{transform:translate(1269px,403px)}29.50%{transform:translate(1269px,403px)}35.00%{transform:translate(800px,314px)}48.00%{transform:translate(800px,314px)}50.50%{transform:translate(1280px,492px)}52.00%{transform:translate(1280px,492px)}55.50%{transform:translate(690px,442px)}57.50%{transform:translate(690px,442px)}70.00%{transform:translate(1108px,855px)}74.00%{transform:translate(1108px,855px)}96.00%{transform:translate(1460px,860px)}100.00%{transform:translate(1460px,860px)}}
@keyframes pf-press{0.00%{transform:scale(1)}11.50%{transform:scale(1)}12.00%{transform:scale(0.82)}12.75%{transform:scale(1)}21.50%{transform:scale(1)}22.00%{transform:scale(0.82)}22.75%{transform:scale(1)}28.50%{transform:scale(1)}29.00%{transform:scale(0.82)}29.75%{transform:scale(1)}37.50%{transform:scale(1)}38.00%{transform:scale(0.82)}38.75%{transform:scale(1)}55.50%{transform:scale(1)}56.00%{transform:scale(0.82)}56.75%{transform:scale(1)}72.50%{transform:scale(1)}73.00%{transform:scale(0.82)}73.75%{transform:scale(1)}100.00%{transform:scale(1)}}
.pf-pinfo{animation:pf-pinfo 20.0s linear infinite}.pf-ppay{animation:pf-ppay 20.0s linear infinite}.pf-menu{animation:pf-menu 20.0s linear infinite}.pf-mh{animation:pf-mh 20.0s linear infinite}.pf-modal{animation:pf-modal 20.0s linear infinite}.pf-dim{animation:pf-dim 20.0s linear infinite}.pf-sheet{animation:pf-sheet 20.0s linear infinite}.pf-k1{animation:pf-k1 20.0s linear infinite}.pf-k2{animation:pf-k2 20.0s linear infinite}.pf-focus{animation:pf-focus 20.0s linear infinite}.pf-caret{animation:pf-caret 20.0s linear infinite}.pf-errb{animation:pf-errb 20.0s linear infinite}.pf-errt{animation:pf-errt 20.0s linear infinite}.pf-slot{animation:pf-slot 20.0s linear infinite}.pf-drop{animation:pf-drop 20.0s linear infinite}.pf-chip{animation:pf-chip 20.0s linear infinite}.pf-barf{animation:pf-barf 20.0s linear infinite}.pf-bar{animation:pf-bar 20.0s linear infinite}.pf-load1{animation:pf-load1 20.0s linear infinite}.pf-load2{animation:pf-load2 20.0s linear infinite}.pf-prs{animation:pf-prs 20.0s linear infinite}.pf-toast{animation:pf-toast 20.0s linear infinite}.pf-toastm{animation:pf-toastm 20.0s linear infinite}.pf-ghost{animation:pf-ghost 20.0s linear infinite}.pf-kd{animation:pf-kd 20.0s linear infinite}.pf-kt{animation:pf-kt 20.0s linear infinite}.pf-on0{animation:pf-on0 20.0s linear infinite}.pf-on1{animation:pf-on1 20.0s linear infinite}.pf-cur{animation:pf-cur 20.0s linear infinite}
.pf-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.pf-sheet{animation-timing-function:cubic-bezier(.22,.8,.25,1)}.pf-sheet{transform:translateY(860px)}.pf-slot{animation-timing-function:ease-out}.pf-curi{animation:pf-press 20.0s linear infinite;transform-origin:8px 4px}.pf-menu,.pf-mh,.pf-modal,.pf-focus,.pf-errb,.pf-errt,.pf-drop,.pf-chip,.pf-prs,.pf-toast,.pf-ghost,.pf-k2,.pf-ppay,.pf-on1,.pf-load2{opacity:0}.pf-slot{height:0}@media (prefers-reduced-motion:reduce){.pf [class*="pf-"]{animation:none!important}.pf-cur{display:none}}
.prose > h3.sub{font-family:var(--display);font-weight:600;font-size:clamp(19px,2vw,23px);line-height:1.25;letter-spacing:-.01em;color:var(--text);margin:44px 0 12px;text-wrap:balance}
.refs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 26px}
.ref{margin:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}
.ref-img{aspect-ratio:16/9;overflow:hidden;background:#eee;border-bottom:1px solid var(--line)}.ref-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.ref figcaption{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:var(--prose)}
.ref figcaption b{font-size:15.5px;color:var(--text)}.ref figcaption em{font-style:normal;color:var(--text);padding-left:14px;position:relative}
.ref figcaption em::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:1px;background:var(--ember);transform:rotate(45deg)}
.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 8px}
.tcard{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px 16px 18px}.tcard b{display:block;font-size:15.5px;color:var(--text)}.tcard p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--prose)}
.flow{margin:22px 0 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:6px 18px}
.flow-row{width:100%;box-sizing:border-box;display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center;padding:14px 0}.flow-row+.flow-row{border-top:1px solid var(--line)}
.flow-h b{display:block;font-size:15.5px;color:var(--text)}.flow-h span{font-size:13px;color:var(--muted)}
.flow ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.flow li{font-size:12.5px;line-height:1;padding:7px 9px;border-radius:8px;border:1px solid var(--line);color:var(--prose);white-space:nowrap}
.flow .rel li{background:var(--ember);border-color:var(--ember);color:#fff;font-weight:600}
@media (max-width:760px){.tcards{grid-template-columns:1fr}.flow-row{grid-template-columns:1fr;gap:8px}}
@media (max-width:560px){.refs{grid-template-columns:1fr}}
@keyframes wz-s1{0.000%{opacity:1}13.214%{opacity:1}14.286%{opacity:0}98.750%{opacity:0}100.000%{opacity:1}}
@keyframes wz-s2{0.000%{opacity:0}6.071%{opacity:0}6.786%{opacity:1}13.393%{opacity:1}14.107%{opacity:0}100.000%{opacity:0}}
@keyframes wz-pop{0.000%{opacity:0;transform:scale(0.96)}6.786%{opacity:0;transform:scale(0.96)}7.679%{opacity:1;transform:scale(1)}100.000%{opacity:1;transform:scale(1)}}
@keyframes wz-hov{0.000%{opacity:0}9.821%{opacity:0}10.357%{opacity:1}13.214%{opacity:1}13.750%{opacity:0}100.000%{opacity:0}}
@keyframes wz-s3{0.000%{opacity:0}12.143%{opacity:0}13.214%{opacity:1}28.214%{opacity:1}29.286%{opacity:0}100.000%{opacity:0}}
@keyframes wz-s4{0.000%{opacity:0}27.143%{opacity:0}28.214%{opacity:1}48.214%{opacity:1}49.286%{opacity:0}100.000%{opacity:0}}
@keyframes wz-s6{0.000%{opacity:0}47.143%{opacity:0}48.214%{opacity:1}72.500%{opacity:1}73.571%{opacity:0}100.000%{opacity:0}}
@keyframes wz-s7{0.000%{opacity:0}57.857%{opacity:0}58.571%{opacity:1}66.786%{opacity:1}67.500%{opacity:0}100.000%{opacity:0}}
@keyframes wz-panel{0.000%{transform:translateX(-390px)}58.571%{transform:translateX(-390px)}59.821%{transform:translateX(0px)}66.429%{transform:translateX(0px)}67.500%{transform:translateX(-390px)}100.000%{transform:translateX(-390px)}}
@keyframes wz-s8{0.000%{opacity:0}71.429%{opacity:0}72.500%{opacity:1}98.750%{opacity:1}100.000%{opacity:0}}
@keyframes wz-s9{0.000%{opacity:0}83.214%{opacity:0}83.929%{opacity:1}98.750%{opacity:1}100.000%{opacity:0}}
@keyframes wz-pop9{0.000%{transform:scale(0.94)}83.214%{transform:scale(0.94)}84.643%{transform:scale(1)}100.000%{transform:scale(1)}}
@keyframes wz-type{0.000%{clip-path:inset(0 100% 0 0)}15.357%{clip-path:inset(0 100% 0 0)}20.000%{clip-path:inset(0 0% 0 0)}100.000%{clip-path:inset(0 0% 0 0)}}
@keyframes wz-nval{0.000%{opacity:0}14.250%{opacity:0}14.286%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-nph{0.000%{opacity:1}14.250%{opacity:1}14.286%{opacity:0}100.000%{opacity:0}}
@keyframes wz-nfoc{0.000%{opacity:0}13.750%{opacity:0}14.107%{opacity:1}21.429%{opacity:1}21.786%{opacity:0}100.000%{opacity:0}}
@keyframes wz-caret{0.000%{opacity:0}14.214%{opacity:0}14.286%{opacity:1}21.429%{opacity:1}21.500%{opacity:0}100.000%{opacity:0}}
@keyframes wz-sc3{0.000%{transform:translateY(0px)}21.429%{transform:translateY(0px)}24.643%{transform:translateY(-562px)}100.000%{transform:translateY(-562px)}}
@keyframes wz-exp{0.000%{height:0px}31.964%{height:0px}33.393%{height:861px}100.000%{height:861px}}
@keyframes wz-t-air{0.000%{opacity:0}31.500%{opacity:0}31.786%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-c-intl{0.000%{opacity:0}35.857%{opacity:0}36.071%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-c-std{0.000%{opacity:0}42.286%{opacity:0}42.500%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-sc8{0.000%{transform:translateY(0px)}74.286%{transform:translateY(0px)}76.429%{transform:translateY(-302px)}98.571%{transform:translateY(-302px)}100.000%{transform:translateY(0px)}}
@keyframes wz-sc5{0.000%{transform:translateY(0px)}37.500%{transform:translateY(0px)}40.357%{transform:translateY(-378px)}100.000%{transform:translateY(-378px)}}
@keyframes wz-c-3{0.000%{opacity:0}52.286%{opacity:0}52.500%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-n2{0.000%{opacity:1}52.500%{opacity:1}52.679%{opacity:0}100.000%{opacity:0}}
@keyframes wz-n3{0.000%{opacity:0}52.500%{opacity:0}52.679%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-p1{0.000%{opacity:1}52.857%{opacity:1}53.571%{opacity:0}100.000%{opacity:0}}
@keyframes wz-p2{0.000%{opacity:0}52.857%{opacity:0}53.571%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-t1{0.000%{opacity:1}67.143%{opacity:1}67.500%{opacity:0}100.000%{opacity:0}}
@keyframes wz-t2{0.000%{opacity:0}67.143%{opacity:0}67.500%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-c-free{0.000%{opacity:0}61.929%{opacity:0}62.143%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-d11{0.000%{opacity:1}78.929%{opacity:1}79.464%{opacity:0}100.000%{opacity:0}}
@keyframes wz-d12{0.000%{opacity:0}78.929%{opacity:0}79.464%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-n1x1{0.000%{opacity:1}78.929%{opacity:1}79.464%{opacity:0}100.000%{opacity:0}}
@keyframes wz-n1x2{0.000%{opacity:0}78.929%{opacity:0}79.464%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-d21{0.000%{opacity:1}78.929%{opacity:1}79.464%{opacity:0}100.000%{opacity:0}}
@keyframes wz-d22{0.000%{opacity:0}78.929%{opacity:0}79.464%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-n2x1{0.000%{opacity:1}78.929%{opacity:1}79.464%{opacity:0}100.000%{opacity:0}}
@keyframes wz-n2x2{0.000%{opacity:0}78.929%{opacity:0}79.464%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-o1{0.000%{opacity:1}78.929%{opacity:1}79.464%{opacity:0}100.000%{opacity:0}}
@keyframes wz-o2{0.000%{opacity:0}78.929%{opacity:0}79.464%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-p-create{0.000%{opacity:0}5.214%{opacity:0}5.357%{opacity:1}6.143%{opacity:1}6.286%{opacity:0}100.000%{opacity:0}}
@keyframes wz-p-next3{0.000%{opacity:0}26.643%{opacity:0}26.786%{opacity:1}27.571%{opacity:1}27.714%{opacity:0}100.000%{opacity:0}}
@keyframes wz-p-next5{0.000%{opacity:0}47.000%{opacity:0}47.143%{opacity:1}47.929%{opacity:1}48.071%{opacity:0}100.000%{opacity:0}}
@keyframes wz-p-next6{0.000%{opacity:0}71.286%{opacity:0}71.429%{opacity:1}72.214%{opacity:1}72.357%{opacity:0}100.000%{opacity:0}}
@keyframes wz-p-apply{0.000%{opacity:0}65.929%{opacity:0}66.071%{opacity:1}66.857%{opacity:1}67.000%{opacity:0}100.000%{opacity:0}}
@keyframes wz-p-create2{0.000%{opacity:0}82.714%{opacity:0}82.857%{opacity:1}83.643%{opacity:1}83.786%{opacity:0}100.000%{opacity:0}}
@keyframes wz-l0{0.000%{opacity:1}12.679%{opacity:1}13.214%{opacity:0}99.464%{opacity:0}100.000%{opacity:1}}
@keyframes wz-l1{0.000%{opacity:0}12.679%{opacity:0}13.214%{opacity:1}27.679%{opacity:1}28.214%{opacity:0}100.000%{opacity:0}}
@keyframes wz-l2{0.000%{opacity:0}27.679%{opacity:0}28.214%{opacity:1}47.679%{opacity:1}48.214%{opacity:0}100.000%{opacity:0}}
@keyframes wz-l3{0.000%{opacity:0}47.679%{opacity:0}48.214%{opacity:1}71.964%{opacity:1}72.500%{opacity:0}100.000%{opacity:0}}
@keyframes wz-l4{0.000%{opacity:0}71.964%{opacity:0}72.500%{opacity:1}83.393%{opacity:1}83.929%{opacity:0}100.000%{opacity:0}}
@keyframes wz-l5{0.000%{opacity:0}83.393%{opacity:0}83.929%{opacity:1}99.286%{opacity:1}100.000%{opacity:0}}
@keyframes wz-g0{0.000%{transform:scaleX(0)}13.214%{transform:scaleX(0)}14.464%{transform:scaleX(1)}98.929%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes wz-g1{0.000%{transform:scaleX(0)}28.214%{transform:scaleX(0)}29.464%{transform:scaleX(1)}98.929%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes wz-g2{0.000%{transform:scaleX(0)}48.214%{transform:scaleX(0)}49.464%{transform:scaleX(1)}98.929%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes wz-g3{0.000%{transform:scaleX(0)}72.500%{transform:scaleX(0)}73.750%{transform:scaleX(1)}98.929%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes wz-stk5{0.000%{transform:translateY(0.0px)}37.500%{transform:translateY(0.0px)}37.643%{transform:translateY(-1.7px)}37.786%{transform:translateY(-7.5px)}37.929%{transform:translateY(-18.6px)}38.071%{transform:translateY(-37.1px)}38.214%{transform:translateY(-65.2px)}38.357%{transform:translateY(-104.5px)}38.500%{transform:translateY(-118.0px)}38.643%{transform:translateY(-118.0px)}38.786%{transform:translateY(-118.0px)}38.929%{transform:translateY(-118.0px)}39.071%{transform:translateY(-118.0px)}39.214%{transform:translateY(-118.0px)}39.357%{transform:translateY(-118.0px)}39.500%{transform:translateY(-118.0px)}39.643%{transform:translateY(-118.0px)}39.786%{transform:translateY(-118.0px)}39.929%{transform:translateY(-118.0px)}40.071%{transform:translateY(-118.0px)}40.214%{transform:translateY(-118.0px)}40.357%{transform:translateY(-118.0px)}100.000%{transform:translateY(-118.0px)}100.000%{transform:translateY(-118.0px)}}
@keyframes wz-stk8{0.000%{transform:translateY(0.0px)}74.286%{transform:translateY(0.0px)}74.393%{transform:translateY(-1.4px)}74.500%{transform:translateY(-6.0px)}74.607%{transform:translateY(-14.9px)}74.714%{transform:translateY(-29.6px)}74.821%{transform:translateY(-52.1px)}74.929%{transform:translateY(-83.5px)}75.036%{transform:translateY(-121.8px)}75.143%{transform:translateY(-152.0px)}75.250%{transform:translateY(-152.0px)}75.357%{transform:translateY(-152.0px)}75.464%{transform:translateY(-152.0px)}75.571%{transform:translateY(-152.0px)}75.679%{transform:translateY(-152.0px)}75.786%{transform:translateY(-152.0px)}75.893%{transform:translateY(-152.0px)}76.000%{transform:translateY(-152.0px)}76.107%{transform:translateY(-152.0px)}76.214%{transform:translateY(-152.0px)}76.321%{transform:translateY(-152.0px)}76.429%{transform:translateY(-152.0px)}98.571%{transform:translateY(-152.0px)}100.000%{transform:translateY(0.0px)}}
@keyframes wz-cur{0.000%{transform:translate(1444px,816px)}2.857%{transform:translate(1504px,87px)}5.714%{transform:translate(1504px,87px)}9.643%{transform:translate(954px,461px)}12.500%{transform:translate(954px,461px)}13.214%{transform:translate(804px,282px)}20.714%{transform:translate(804px,282px)}24.643%{transform:translate(1073px,854px)}27.143%{transform:translate(1073px,854px)}29.643%{transform:translate(479px,441px)}32.143%{transform:translate(479px,441px)}34.286%{transform:translate(594px,703px)}36.429%{transform:translate(594px,703px)}40.714%{transform:translate(466px,476px)}42.857%{transform:translate(466px,476px)}45.000%{transform:translate(1073px,854px)}47.500%{transform:translate(1073px,854px)}50.000%{transform:translate(96px,647px)}52.857%{transform:translate(96px,647px)}55.357%{transform:translate(489px,315px)}57.857%{transform:translate(489px,315px)}60.000%{transform:translate(26px,377px)}62.500%{transform:translate(26px,377px)}63.929%{transform:translate(281px,856px)}66.429%{transform:translate(281px,856px)}68.929%{transform:translate(433px,836px)}71.786%{transform:translate(433px,836px)}76.071%{transform:translate(726px,326px)}78.929%{transform:translate(726px,326px)}80.357%{transform:translate(1044px,854px)}83.571%{transform:translate(1044px,854px)}97.857%{transform:translate(1444px,816px)}100.000%{transform:translate(1444px,816px)}}
@keyframes wz-press{0.000%{transform:scale(1)}5.000%{transform:scale(1)}5.357%{transform:scale(0.82)}5.893%{transform:scale(1)}11.786%{transform:scale(1)}12.143%{transform:scale(0.82)}12.679%{transform:scale(1)}13.571%{transform:scale(1)}13.929%{transform:scale(0.82)}14.464%{transform:scale(1)}26.429%{transform:scale(1)}26.786%{transform:scale(0.82)}27.321%{transform:scale(1)}31.429%{transform:scale(1)}31.786%{transform:scale(0.82)}32.321%{transform:scale(1)}35.714%{transform:scale(1)}36.071%{transform:scale(0.82)}36.607%{transform:scale(1)}42.143%{transform:scale(1)}42.500%{transform:scale(0.82)}43.036%{transform:scale(1)}46.786%{transform:scale(1)}47.143%{transform:scale(0.82)}47.679%{transform:scale(1)}52.143%{transform:scale(1)}52.500%{transform:scale(0.82)}53.036%{transform:scale(1)}57.143%{transform:scale(1)}57.500%{transform:scale(0.82)}58.036%{transform:scale(1)}61.786%{transform:scale(1)}62.143%{transform:scale(0.82)}62.679%{transform:scale(1)}65.714%{transform:scale(1)}66.071%{transform:scale(0.82)}66.607%{transform:scale(1)}71.071%{transform:scale(1)}71.429%{transform:scale(0.82)}71.964%{transform:scale(1)}78.214%{transform:scale(1)}78.571%{transform:scale(0.82)}79.107%{transform:scale(1)}82.500%{transform:scale(1)}82.857%{transform:scale(0.82)}83.393%{transform:scale(1)}100.000%{transform:scale(1)}}
.wz .wz-s1{animation:wz-s1 28.0s linear infinite}.wz .wz-s2{animation:wz-s2 28.0s linear infinite}.wz .wz-pop{animation:wz-pop 28.0s linear infinite}.wz .wz-hov{animation:wz-hov 28.0s linear infinite}.wz .wz-s3{animation:wz-s3 28.0s linear infinite}.wz .wz-s4{animation:wz-s4 28.0s linear infinite}.wz .wz-s6{animation:wz-s6 28.0s linear infinite}.wz .wz-s7{animation:wz-s7 28.0s linear infinite}.wz .wz-panel{animation:wz-panel 28.0s linear infinite}.wz .wz-s8{animation:wz-s8 28.0s linear infinite}.wz .wz-s9{animation:wz-s9 28.0s linear infinite}.wz .wz-pop9{animation:wz-pop9 28.0s linear infinite}.wz .wz-type{animation:wz-type 28.0s linear infinite}.wz .wz-nval{animation:wz-nval 28.0s linear infinite}.wz .wz-nph{animation:wz-nph 28.0s linear infinite}.wz .wz-nfoc{animation:wz-nfoc 28.0s linear infinite}.wz .wz-caret{animation:wz-caret 28.0s linear infinite}.wz .wz-sc3{animation:wz-sc3 28.0s linear infinite}.wz .wz-exp{animation:wz-exp 28.0s linear infinite}.wz .wz-t-air{animation:wz-t-air 28.0s linear infinite}.wz .wz-c-intl{animation:wz-c-intl 28.0s linear infinite}.wz .wz-c-std{animation:wz-c-std 28.0s linear infinite}.wz .wz-sc5{animation:wz-sc5 28.0s linear infinite}.wz .wz-sc8{animation:wz-sc8 28.0s linear infinite}.wz .wz-stk5{animation:wz-stk5 28.0s linear infinite}.wz .wz-stk8{animation:wz-stk8 28.0s linear infinite}.wz .wz-c-3{animation:wz-c-3 28.0s linear infinite}.wz .wz-n2{animation:wz-n2 28.0s linear infinite}.wz .wz-n3{animation:wz-n3 28.0s linear infinite}.wz .wz-p1{animation:wz-p1 28.0s linear infinite}.wz .wz-p2{animation:wz-p2 28.0s linear infinite}.wz .wz-t1{animation:wz-t1 28.0s linear infinite}.wz .wz-t2{animation:wz-t2 28.0s linear infinite}.wz .wz-c-free{animation:wz-c-free 28.0s linear infinite}.wz .wz-cur{animation:wz-cur 28.0s linear infinite}.wz .wz-l0{animation:wz-l0 28.0s linear infinite}.wz .wz-l1{animation:wz-l1 28.0s linear infinite}.wz .wz-l2{animation:wz-l2 28.0s linear infinite}.wz .wz-l3{animation:wz-l3 28.0s linear infinite}.wz .wz-l4{animation:wz-l4 28.0s linear infinite}.wz .wz-l5{animation:wz-l5 28.0s linear infinite}.wz .wz-g0{animation:wz-g0 28.0s linear infinite}.wz .wz-g1{animation:wz-g1 28.0s linear infinite}.wz .wz-g2{animation:wz-g2 28.0s linear infinite}.wz .wz-g3{animation:wz-g3 28.0s linear infinite}.wz .wz-d11{animation:wz-d11 28.0s linear infinite}.wz .wz-d12{animation:wz-d12 28.0s linear infinite}.wz .wz-n1x1{animation:wz-n1x1 28.0s linear infinite}.wz .wz-n1x2{animation:wz-n1x2 28.0s linear infinite}.wz .wz-d21{animation:wz-d21 28.0s linear infinite}.wz .wz-d22{animation:wz-d22 28.0s linear infinite}.wz .wz-n2x1{animation:wz-n2x1 28.0s linear infinite}.wz .wz-n2x2{animation:wz-n2x2 28.0s linear infinite}.wz .wz-o1{animation:wz-o1 28.0s linear infinite}.wz .wz-o2{animation:wz-o2 28.0s linear infinite}.wz .wz-p-create{animation:wz-p-create 28.0s linear infinite}.wz .wz-p-next3{animation:wz-p-next3 28.0s linear infinite}.wz .wz-p-next5{animation:wz-p-next5 28.0s linear infinite}.wz .wz-p-next6{animation:wz-p-next6 28.0s linear infinite}.wz .wz-p-apply{animation:wz-p-apply 28.0s linear infinite}.wz .wz-p-create2{animation:wz-p-create2 28.0s linear infinite}
.wz .wz-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.wz .wz-type{animation-timing-function:steps(34,end)}.wz .wz-exp{animation-timing-function:ease-out}.wz .wz-sc3,.wz .wz-sc5,.wz .wz-sc8{animation-timing-function:cubic-bezier(.45,0,.25,1)}.wz .wz-panel{animation-timing-function:cubic-bezier(.3,.7,.2,1)}.wz .wz-curi{animation:wz-press 28.0s linear infinite;transform-origin:8px 4px}.wz .wz-g0{transform-origin:0 0}.wz .wz-g0{transform-origin:0 0}.wz .wz-g1{transform-origin:0 0}.wz .wz-g2{transform-origin:0 0}.wz .wz-g3{transform-origin:0 0}.wz .wz-clsel{opacity:0}.wz .wz-exp{height:0}.wz .wz-s2,.wz .wz-s3,.wz .wz-s4,.wz .wz-s6,.wz .wz-s7,.wz .wz-s8,.wz .wz-s9,.wz .wz-hov,.wz .wz-nval,.wz .wz-nfoc,.wz .wz-caret,.wz .wz-t-air,.wz .wz-c-intl,.wz .wz-c-std,.wz .wz-c-3,.wz .wz-n3,.wz .wz-p2,.wz .wz-t2,.wz .wz-c-free,.wz [class*="wz-p-"],.wz .wz-d12,.wz .wz-n1x2,.wz .wz-d22,.wz .wz-n2x2,.wz .wz-o2,.wz .wz-l1,.wz .wz-l2,.wz .wz-l3,.wz .wz-l4,.wz .wz-l5{opacity:0}@media (prefers-reduced-motion:reduce){.wz [class*="wz-"]{animation:none!important}.wz .wz-cur{display:none}}
@keyframes wzs-f0{0.000%{transform:scaleX(0)}13.214%{transform:scaleX(0)}28.214%{transform:scaleX(1)}98.929%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes wzs-a0{0.000%{opacity:0.45}12.679%{opacity:0.45}13.214%{opacity:1}27.679%{opacity:1}28.214%{opacity:0.45}100.000%{opacity:0.45}}
@keyframes wzs-f1{0.000%{transform:scaleX(0)}28.214%{transform:scaleX(0)}48.214%{transform:scaleX(1)}98.929%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes wzs-a1{0.000%{opacity:0.45}27.679%{opacity:0.45}28.214%{opacity:1}47.679%{opacity:1}48.214%{opacity:0.45}100.000%{opacity:0.45}}
@keyframes wzs-f2{0.000%{transform:scaleX(0)}48.214%{transform:scaleX(0)}72.500%{transform:scaleX(1)}98.929%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes wzs-a2{0.000%{opacity:0.45}47.679%{opacity:0.45}48.214%{opacity:1}71.964%{opacity:1}72.500%{opacity:0.45}100.000%{opacity:0.45}}
@keyframes wzs-f3{0.000%{transform:scaleX(0)}72.500%{transform:scaleX(0)}83.929%{transform:scaleX(1)}98.929%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes wzs-a3{0.000%{opacity:0.45}71.964%{opacity:0.45}72.500%{opacity:1}83.393%{opacity:1}83.929%{opacity:0.45}100.000%{opacity:0.45}}
.wzs .wzs-f0{animation:wzs-f0 28.0s linear infinite}.wzs .wzs-a0{animation:wzs-a0 28.0s linear infinite}.wzs .wzs-f1{animation:wzs-f1 28.0s linear infinite}.wzs .wzs-a1{animation:wzs-a1 28.0s linear infinite}.wzs .wzs-f2{animation:wzs-f2 28.0s linear infinite}.wzs .wzs-a2{animation:wzs-a2 28.0s linear infinite}.wzs .wzs-f3{animation:wzs-f3 28.0s linear infinite}.wzs .wzs-a3{animation:wzs-a3 28.0s linear infinite}
.wzs{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wzs li{min-width:0}.wzs i{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.wzs b{display:block;height:100%;background:var(--ember);transform-origin:0 0;transform:scaleX(0)}.demo .wzs span{display:flex;gap:6px;margin-top:8px;font-size:13px;line-height:1.3;color:var(--text);opacity:.45}.wzs em{font-style:normal;font-family:var(--mono);color:var(--ember)}.kc-wrap.kc-off + .wzs *{animation-play-state:paused!important}@media (max-width:560px){.demo .wzs span{font-size:11.5px;flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){.wzs *{animation:none!important}.wzs span{opacity:1}.wzs b{transform:none}}
@keyframes cr-lib{0.000%{opacity:0}12.188%{opacity:0}12.500%{opacity:1}49.375%{opacity:1}49.688%{opacity:0}100.000%{opacity:0}}
@keyframes cr-dim{0.000%{opacity:0}12.500%{opacity:0}14.375%{opacity:1}46.875%{opacity:1}49.062%{opacity:0}100.000%{opacity:0}}
@keyframes cr-sheet{0.000%{transform:translateY(860px)}12.500%{transform:translateY(860px)}15.937%{transform:translateY(0px)}46.250%{transform:translateY(0px)}49.062%{transform:translateY(860px)}100.000%{transform:translateY(860px)}}
@keyframes cr-tip{0.000%{opacity:0}20.312%{opacity:0}21.250%{opacity:1}32.500%{opacity:1}33.438%{opacity:0}100.000%{opacity:0}}
@keyframes cr-sel{0.000%{opacity:0}35.875%{opacity:0}36.250%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes cr-c0{0.000%{opacity:1}36.250%{opacity:1}36.562%{opacity:0}100.000%{opacity:0}}
@keyframes cr-c1{0.000%{opacity:0}36.250%{opacity:0}36.562%{opacity:1}100.000%{opacity:1}100.000%{opacity:0}100.000%{opacity:0}}
@keyframes cr-slot{0.000%{height:0px}50.000%{height:0px}53.125%{height:220px}96.250%{height:220px}98.750%{height:0px}100.000%{height:0px}}
@keyframes cr-new{0.000%{opacity:0;background:rgba(0,112,222,0.000)}51.875%{opacity:0;background:rgba(0,112,222,0.000)}54.375%{opacity:1;background:rgba(0,112,222,0.070)}66.250%{opacity:1;background:rgba(0,112,222,0.000)}96.250%{opacity:1;background:rgba(0,112,222,0.000)}97.500%{opacity:0;background:rgba(0,112,222,0.000)}100.000%{opacity:0;background:rgba(0,112,222,0.000)}}
@keyframes cr-toast{0.000%{opacity:0}50.000%{opacity:0}51.875%{opacity:1}72.500%{opacity:1}74.375%{opacity:0}100.000%{opacity:0}}
@keyframes cr-p-lib{0.000%{opacity:0}11.000%{opacity:0}11.250%{opacity:1}12.625%{opacity:1}12.875%{opacity:0}100.000%{opacity:0}}
@keyframes cr-p-apply{0.000%{opacity:0}44.750%{opacity:0}45.000%{opacity:1}46.375%{opacity:1}46.625%{opacity:0}100.000%{opacity:0}}
@keyframes cr-cur{0.000%{transform:translate(1374px,796px)}6.250%{transform:translate(929px,577px)}11.875%{transform:translate(929px,577px)}17.500%{transform:translate(792px,297px)}31.250%{transform:translate(792px,297px)}33.125%{transform:translate(424px,262px)}36.875%{transform:translate(424px,262px)}40.625%{transform:translate(1103px,853px)}45.938%{transform:translate(1103px,853px)}55.000%{transform:translate(1174px,556px)}96.250%{transform:translate(1374px,796px)}100.000%{transform:translate(1374px,796px)}}
@keyframes cr-press{0.000%{transform:scale(1)}10.625%{transform:scale(1)}11.250%{transform:scale(0.82)}12.188%{transform:scale(1)}35.625%{transform:scale(1)}36.250%{transform:scale(0.82)}37.188%{transform:scale(1)}44.375%{transform:scale(1)}45.000%{transform:scale(0.82)}45.938%{transform:scale(1)}100.000%{transform:scale(1)}}
.crf .cr-lib{animation:cr-lib 16.0s linear infinite}.crf .cr-dim{animation:cr-dim 16.0s linear infinite}.crf .cr-sheet{animation:cr-sheet 16.0s linear infinite}.crf .cr-tip{animation:cr-tip 16.0s linear infinite}.crf .cr-sel{animation:cr-sel 16.0s linear infinite}.crf .cr-c0{animation:cr-c0 16.0s linear infinite}.crf .cr-c1{animation:cr-c1 16.0s linear infinite}.crf .cr-slot{animation:cr-slot 16.0s linear infinite}.crf .cr-new{animation:cr-new 16.0s linear infinite}.crf .cr-toast{animation:cr-toast 16.0s linear infinite}.crf .cr-p-lib{animation:cr-p-lib 16.0s linear infinite}.crf .cr-p-apply{animation:cr-p-apply 16.0s linear infinite}.crf .cr-cur{animation:cr-cur 16.0s linear infinite}
.crf .cr-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.crf .cr-sheet{animation-timing-function:cubic-bezier(.22,.8,.25,1);transform:translateY(860px)}.crf .cr-slot{animation-timing-function:ease-out;height:0}.crf .cr-curi{animation:cr-press 16.0s linear infinite;transform-origin:8px 4px}.crf .cr-lib,.crf .cr-tip,.crf .cr-sel,.crf .cr-c1,.crf .cr-toast,.crf [class*="cr-p-"]{opacity:0}@media (prefers-reduced-motion:reduce){.crf [class*="cr-"]{animation:none!important}.crf .cr-cur{display:none}}
@keyframes ad-f{0.000%{width:1520px;left:40px}22.667%{width:1520px;left:40px}28.000%{width:880px;left:360px}53.333%{width:880px;left:360px}58.667%{width:562px;left:519px}86.000%{width:562px;left:519px}91.333%{width:1520px;left:40px}100.000%{width:1520px;left:40px}}
@keyframes ad-d{0.000%{opacity:1}23.667%{opacity:1}25.333%{opacity:0}88.667%{opacity:0}90.333%{opacity:1}100.000%{opacity:1}}
@keyframes ad-t{0.000%{opacity:0}25.000%{opacity:0}27.000%{opacity:1}54.333%{opacity:1}56.000%{opacity:0}100.000%{opacity:0}}
@keyframes ad-p{0.000%{opacity:0}55.667%{opacity:0}57.667%{opacity:1}87.000%{opacity:1}88.667%{opacity:0}100.000%{opacity:0}}
@keyframes ad-ps{0.000%{transform:translateY(0px)}66.667%{transform:translateY(0px)}74.667%{transform:translateY(-300px)}86.000%{transform:translateY(-300px)}91.333%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}
@keyframes ad-row{0.000%{background:rgba(0,112,222,0.000)}6.667%{background:rgba(0,112,222,0.000)}10.000%{background:rgba(0,112,222,0.090)}22.667%{background:rgba(0,112,222,0.090)}24.667%{background:rgba(0,112,222,0.000)}100.000%{background:rgba(0,112,222,0.000)}}
@keyframes ad-card{0.000%{box-shadow:0 0 0 0.0px rgba(0,112,222,0.00)}28.000%{box-shadow:0 0 0 0.0px rgba(0,112,222,0.00)}30.667%{box-shadow:0 0 0 2.0px rgba(0,112,222,0.80)}53.333%{box-shadow:0 0 0 2.0px rgba(0,112,222,0.80)}58.667%{box-shadow:0 0 0 2.0px rgba(0,112,222,0.80)}86.000%{box-shadow:0 0 0 2.0px rgba(0,112,222,0.80)}88.000%{box-shadow:0 0 0 0.0px rgba(0,112,222,0.00)}100.000%{box-shadow:0 0 0 0.0px rgba(0,112,222,0.00)}}
.ad .ad-f{animation:ad-f 15.0s linear infinite}.ad .ad-d{animation:ad-d 15.0s linear infinite}.ad .ad-t{animation:ad-t 15.0s linear infinite}.ad .ad-p{animation:ad-p 15.0s linear infinite}.ad .ad-ps{animation:ad-ps 15.0s linear infinite}.ad .ad-row{animation:ad-row 15.0s linear infinite}.ad .ad-card{animation:ad-card 15.0s linear infinite}
.ad .ad-f{animation-timing-function:cubic-bezier(.6,0,.3,1)}.ad .ad-ps{animation-timing-function:cubic-bezier(.45,0,.25,1)}.ad .ad-t,.ad .ad-p{opacity:0}@media (prefers-reduced-motion:reduce){.ad [class*="ad-"]{animation:none!important}}
@keyframes ads-f0{0.000%{transform:scaleX(0)}25.333%{transform:scaleX(1)}98.000%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes ads-a0{0.000%{opacity:1}0.000%{opacity:1}0.000%{opacity:1}24.333%{opacity:1}25.333%{opacity:0.45}98.000%{opacity:0.45}100.000%{opacity:1}}
@keyframes ads-f1{0.000%{transform:scaleX(0)}25.333%{transform:scaleX(0)}56.000%{transform:scaleX(1)}56.067%{transform:scaleX(1)}98.000%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes ads-a1{0.000%{opacity:0.45}24.333%{opacity:0.45}25.333%{opacity:1}55.000%{opacity:1}56.000%{opacity:0.45}98.000%{opacity:0.45}100.000%{opacity:0.45}}
@keyframes ads-f2{0.000%{transform:scaleX(0)}56.000%{transform:scaleX(0)}88.667%{transform:scaleX(1)}88.733%{transform:scaleX(1)}98.000%{transform:scaleX(1)}100.000%{transform:scaleX(0)}}
@keyframes ads-a2{0.000%{opacity:0.45}55.000%{opacity:0.45}56.000%{opacity:1}87.667%{opacity:1}88.667%{opacity:0.45}98.000%{opacity:0.45}100.000%{opacity:0.45}}
.ads .ads-f0{animation:ads-f0 15.0s linear infinite}.ads .ads-a0{animation:ads-a0 15.0s linear infinite}.ads .ads-f1{animation:ads-f1 15.0s linear infinite}.ads .ads-a1{animation:ads-a1 15.0s linear infinite}.ads .ads-f2{animation:ads-f2 15.0s linear infinite}.ads .ads-a2{animation:ads-a2 15.0s linear infinite}
.ads{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ads li{min-width:0}.ads i{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.ads b{display:block;height:100%;background:var(--ember);transform-origin:0 0;transform:scaleX(0)}.demo .ads span{display:flex;gap:6px;margin-top:8px;font-size:13px;line-height:1.3;color:var(--text);opacity:.45}.ads em{font-style:normal;font-family:var(--mono);color:var(--ember)}.kc-wrap.kc-off + .ads *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.ads *{animation:none!important}.demo .ads span{opacity:1}.ads b{transform:none}}
.pipe{margin:24px 0 8px;display:grid;grid-template-columns:1fr 2.2fr 1.3fr .9fr;gap:8px}
.pipe-ph{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 12px 14px}
.pipe-ph.last{border-color:var(--ember);background:rgba(0,112,222,.08)}
.pipe-h{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ember)}
.pipe ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pipe li{font-size:12.5px;line-height:1.2;padding:6px 8px;border-radius:8px;border:1px solid var(--line);color:var(--text);background:var(--bg)}
.pipe-ph:not(:last-child)::after{content:"→";position:absolute;right:-8px;top:50%;transform:translate(50%,-50%);font-size:14px;color:var(--muted);z-index:1}
.boards{margin:22px 0 22px;display:flex;flex-direction:column;gap:10px}
.board{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#ececec}.board img{display:block;width:100%}
.board span{display:block;padding:8px 12px;font-size:13px;color:#4a4d5a;background:#e4e4e4;border-top:1px solid rgba(0,0,0,.06)}
.boards figcaption{font-size:14px;line-height:1.5;color:var(--muted)}
.stickies{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 22px}
.sticky{border-radius:12px;background:#fbf0cf;border:1.5px solid #f0d77f;padding:12px 14px;color:#2b2a24}
.sticky span{display:block;font-size:11.5px;color:#7a7254}.sticky p{margin:6px 0 0;font-size:13.5px;line-height:1.45}
@media (max-width:760px){.pipe{grid-template-columns:1fr}.pipe-ph:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-10px;transform:translate(50%,50%)}.stickies{grid-template-columns:1fr}}
.zoomable{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:9999;background:rgba(8,8,10,.92);display:none;overflow:auto;-webkit-overflow-scrolling:touch}
.lb.on{display:block}.lb-in{display:flex;min-width:100%;min-height:100%;width:max-content;padding:60px 16px 96px;box-sizing:border-box}
.lb img{display:block;margin:auto;max-width:none;height:auto;border-radius:8px;background:#fff;cursor:zoom-in;flex:none}

.lb-x{position:fixed;top:14px;right:16px;width:44px;height:44px;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:rgba(20,21,26,.88);color:#fff;cursor:pointer;z-index:2;box-shadow:0 6px 18px rgba(0,0,0,.45)}.lb-x svg{display:block;width:18px;height:18px;pointer-events:none}.lb-x:hover{background:#ff5b1f;border-color:#ff5b1f}.lb.zoomed img{cursor:grab}.lb.dragging img{cursor:grabbing}.lb.dragging{user-select:none}
.lb-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(30,31,36,.92);box-shadow:0 10px 30px rgba(0,0,0,.4);color:#fff;font:600 13px/1 system-ui,sans-serif}
.lb-bar button{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:32px;cursor:pointer;padding:0}
.lb-bar button:hover{background:rgba(255,255,255,.22)}
.lb-bar input{width:min(46vw,260px);accent-color:#ff5b1f;cursor:pointer}
.lb-bar output{min-width:44px;text-align:right;color:rgba(255,255,255,.75)}
html.lb-open{overflow:hidden}
html.lb-open .cur-dot,html.lb-open .cur-ring{z-index:10001}
.kmap{margin:26px 0 0;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:18px 18px 8px}.kmap-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}.kmap-h b{font-size:16px;color:var(--text)}.kmap-h span{font-size:13px;color:var(--muted)}.kmap ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.kmap li{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-content:start;padding:12px 0;border-bottom:1px solid var(--line)}.kmap li:nth-last-child(-n+2){border-bottom:0}.kmap em{grid-row:span 2;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--ember);padding-top:3px}.kmap li b{font-size:15px;color:var(--text)}.kmap li span{font-size:13.5px;line-height:1.4;color:var(--prose);margin-top:2px}@media (max-width:620px){.kmap ol{grid-template-columns:1fr}.kmap li:nth-last-child(2){border-bottom:1px solid var(--line)}}.kshow-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e8eaee}
.kshow-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;opacity:0;transition:opacity .45s}
.kshow-stage img.on{opacity:1;z-index:1}
.kshow-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin-top:14px}
.kshow-tabs button{all:unset;cursor:pointer;min-width:0}
.kshow-tabs i{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden}
.kshow-tabs b{display:block;height:100%;width:0;background:var(--ember)}
.kshow-tabs button.done b{width:100%}
.kshow-tabs button.on b{animation:kshow-fill var(--kdur,6s) linear forwards}
.kshow.paused .kshow-tabs button.on b{animation-play-state:paused}
@keyframes kshow-fill{to{width:100%}}
.kshow-tabs span{display:flex;gap:6px;margin-top:8px;font-size:13px;line-height:1.3;color:var(--text);opacity:.45;transition:opacity .2s}
.kshow-tabs button.on span,.kshow-tabs button:hover span{opacity:1}
.kshow-tabs em{font-style:normal;font-family:var(--mono);color:var(--ember)}
.kgal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kgal-it{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.kgal-it img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:left top}
.kgal-it span{display:block;padding:8px 12px;font-size:13px;color:var(--prose)}
@media (max-width:560px){.kshow-tabs span{font-size:11.5px;flex-direction:column;gap:2px}}
.kbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 6px}.kbench div{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px 16px}.kbench b{display:block;font-size:15px;color:var(--text)}.kbench span{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--prose)}@media (max-width:620px){.kbench{grid-template-columns:1fr}}

@keyframes kx-dr{0.000%{transform:translateX(1300px)}11.176%{transform:translateX(1300px)}14.706%{transform:translateX(0px)}81.765%{transform:translateX(0px)}84.706%{transform:translateX(1300px)}100.000%{transform:translateX(1300px)}}
@keyframes kx-hl{0.000%{opacity:0}8.235%{opacity:0}9.412%{opacity:1}84.706%{opacity:1}85.882%{opacity:0}100.000%{opacity:0}}
@keyframes kx-ds{0.000%{opacity:0}30.882%{opacity:0}32.353%{opacity:1}84.706%{opacity:1}85.000%{opacity:0}100.000%{opacity:0}}
@keyframes kx-db{0.000%{transform:translateY(0px)}38.824%{transform:translateY(0px)}56.471%{transform:translateY(-749px)}67.059%{transform:translateY(-749px)}74.118%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}
@keyframes kx-st{0.000%{opacity:0}38.824%{opacity:0}40.588%{opacity:1}72.941%{opacity:1}74.118%{opacity:0}100.000%{opacity:0}}
@keyframes kx-cur{0.000%{transform:translate(1493px,975px)}5.882%{transform:translate(357px,395px)}11.765%{transform:translate(357px,395px)}25.294%{transform:translate(918px,83px)}31.765%{transform:translate(918px,83px)}37.647%{transform:translate(1293px,595px)}75.294%{transform:translate(1293px,595px)}77.059%{transform:translate(1886px,27px)}82.353%{transform:translate(1886px,27px)}97.059%{transform:translate(1493px,975px)}100.000%{transform:translate(1493px,975px)}}
@keyframes kx-press{0.000%{transform:scale(1)}10.000%{transform:scale(1)}10.588%{transform:scale(0.82)}11.471%{transform:scale(1)}30.000%{transform:scale(1)}30.588%{transform:scale(0.82)}31.471%{transform:scale(1)}80.588%{transform:scale(1)}81.176%{transform:scale(0.82)}82.059%{transform:scale(1)}100.000%{transform:scale(1)}}
.kx .kx-dr{animation:kx-dr 17.0s linear infinite}.kx .kx-hl{animation:kx-hl 17.0s linear infinite}.kx .kx-ds{animation:kx-ds 17.0s linear infinite}.kx .kx-db{animation:kx-db 17.0s linear infinite}.kx .kx-st{animation:kx-st 17.0s linear infinite}.kx .kx-cur{animation:kx-cur 17.0s linear infinite}
.kx .kx-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.kx .kx-curi{animation:kx-press 17.0s linear infinite;transform-origin:8px 4px}.kx .kx-dr{transform:translateX(1300px);animation-timing-function:cubic-bezier(.22,.8,.25,1)}.kx .kx-db{animation-timing-function:cubic-bezier(.45,0,.25,1)}.kx .kx-ds,.kx .kx-hl,.kx .kx-st{opacity:0}@media (prefers-reduced-motion:reduce){.kx [class*="kx-"]{animation:none!important}.kx .kx-cur{display:none}}
@keyframes km2-dr{0.000%{transform:translateX(1320px)}19.167%{transform:translateX(1320px)}24.167%{transform:translateX(0px)}72.500%{transform:translateX(0px)}76.667%{transform:translateX(1320px)}100.000%{transform:translateX(1320px)}}
@keyframes km2-ring{0.000%{opacity:0}14.167%{opacity:0}15.833%{opacity:1}76.667%{opacity:1}78.333%{opacity:0}100.000%{opacity:0}}
@keyframes km2-cur{0.000%{transform:translate(1493px,975px)}8.333%{transform:translate(553px,555px)}13.333%{transform:translate(792px,713px)}20.000%{transform:translate(792px,713px)}35.000%{transform:translate(1243px,415px)}55.000%{transform:translate(1243px,695px)}65.000%{transform:translate(1862px,27px)}73.333%{transform:translate(1862px,27px)}95.833%{transform:translate(1493px,975px)}100.000%{transform:translate(1493px,975px)}}
@keyframes km2-press{0.000%{transform:scale(1)}17.500%{transform:scale(1)}18.333%{transform:scale(0.82)}19.583%{transform:scale(1)}70.833%{transform:scale(1)}71.667%{transform:scale(0.82)}72.917%{transform:scale(1)}100.000%{transform:scale(1)}}
.km2 .km2-dr{animation:km2-dr 12.0s linear infinite}.km2 .km2-ring{animation:km2-ring 12.0s linear infinite}.km2 .km2-cur{animation:km2-cur 12.0s linear infinite}
.km2 .km2-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.km2 .km2-curi{animation:km2-press 12.0s linear infinite;transform-origin:8px 4px}.km2 .km2-dr{transform:translateX(1320px);animation-timing-function:cubic-bezier(.22,.8,.25,1)}.km2 .km2-ring{opacity:0}@media (prefers-reduced-motion:reduce){.km2 [class*="km2-"]{animation:none!important}.km2 .km2-cur{display:none}}
@keyframes kpp-c{0.000%{opacity:0}11.875%{opacity:0}13.438%{opacity:1}38.125%{opacity:1}39.688%{opacity:0}63.125%{opacity:0}64.688%{opacity:1}85.625%{opacity:1}87.188%{opacity:0}100.000%{opacity:0}}
.kpp .kpp-c{opacity:0}
@keyframes kpp-e{0.000%{opacity:0}38.125%{opacity:0}39.688%{opacity:1}63.125%{opacity:1}64.688%{opacity:0}100.000%{opacity:0}}
.kpp .kpp-e{opacity:0}
@keyframes kpp-h{0.000%{opacity:0}8.125%{opacity:0}9.688%{opacity:1}12.500%{opacity:1}14.062%{opacity:0}100.000%{opacity:0}}
.kpp .kpp-h{opacity:0}
@keyframes kpp-cur{0.000%{transform:translate(1493px,975px)}6.250%{transform:translate(356px,345px)}12.500%{transform:translate(356px,345px)}21.250%{transform:translate(1093px,615px)}31.875%{transform:translate(949px,233px)}38.750%{transform:translate(949px,233px)}47.500%{transform:translate(1193px,555px)}56.875%{transform:translate(963px,233px)}63.750%{transform:translate(963px,233px)}79.375%{transform:translate(247px,27px)}86.250%{transform:translate(247px,27px)}96.875%{transform:translate(1493px,975px)}100.000%{transform:translate(1493px,975px)}}
@keyframes kpp-press{0.000%{transform:scale(1)}10.625%{transform:scale(1)}11.250%{transform:scale(0.82)}12.188%{transform:scale(1)}36.875%{transform:scale(1)}37.500%{transform:scale(0.82)}38.438%{transform:scale(1)}61.875%{transform:scale(1)}62.500%{transform:scale(0.82)}63.438%{transform:scale(1)}84.375%{transform:scale(1)}85.000%{transform:scale(0.82)}85.938%{transform:scale(1)}100.000%{transform:scale(1)}}
.kpp .kpp-c{animation:kpp-c 16.0s linear infinite}.kpp .kpp-e{animation:kpp-e 16.0s linear infinite}.kpp .kpp-h{animation:kpp-h 16.0s linear infinite}.kpp .kpp-cur{animation:kpp-cur 16.0s linear infinite}
.kpp .kpp-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.kpp .kpp-curi{animation:kpp-press 16.0s linear infinite;transform-origin:8px 4px}@media (prefers-reduced-motion:reduce){.kpp [class*="kpp-"]{animation:none!important}.kpp .kpp-cur{display:none}}
@keyframes kpr-r{0.000%{opacity:0}15.833%{opacity:0}17.917%{opacity:1}72.500%{opacity:1}74.583%{opacity:0}100.000%{opacity:0}}
.kpr .kpr-r{opacity:0}
@keyframes kpr-h{0.000%{opacity:0}10.833%{opacity:0}12.917%{opacity:1}16.667%{opacity:1}18.750%{opacity:0}100.000%{opacity:0}}
.kpr .kpr-h{opacity:0}
@keyframes kpr-cur{0.000%{transform:translate(1493px,975px)}8.333%{transform:translate(355px,385px)}16.667%{transform:translate(355px,385px)}30.000%{transform:translate(993px,295px)}45.000%{transform:translate(1163px,445px)}55.000%{transform:translate(1163px,535px)}65.000%{transform:translate(247px,27px)}73.333%{transform:translate(247px,27px)}95.833%{transform:translate(1493px,975px)}100.000%{transform:translate(1493px,975px)}}
@keyframes kpr-press{0.000%{transform:scale(1)}14.167%{transform:scale(1)}15.000%{transform:scale(0.82)}16.250%{transform:scale(1)}70.833%{transform:scale(1)}71.667%{transform:scale(0.82)}72.917%{transform:scale(1)}100.000%{transform:scale(1)}}
.kpr .kpr-r{animation:kpr-r 12.0s linear infinite}.kpr .kpr-h{animation:kpr-h 12.0s linear infinite}.kpr .kpr-cur{animation:kpr-cur 12.0s linear infinite}
.kpr .kpr-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.kpr .kpr-curi{animation:kpr-press 12.0s linear infinite;transform-origin:8px 4px}@media (prefers-reduced-motion:reduce){.kpr [class*="kpr-"]{animation:none!important}.kpr .kpr-cur{display:none}}
@keyframes kpd-d{0.000%{transform:translateX(454px)}17.500%{transform:translateX(454px)}21.250%{transform:translateX(0px)}70.833%{transform:translateX(0px)}74.583%{transform:translateX(454px)}100.000%{transform:translateX(454px)}}
.kpd .kpd-d{transform:translateX(454px);animation-timing-function:cubic-bezier(.22,.8,.25,1)}
@keyframes kpd-dim{0.000%{opacity:0}17.500%{opacity:0}19.583%{opacity:1}70.833%{opacity:1}72.917%{opacity:0}100.000%{opacity:0}}
.kpd .kpd-dim{opacity:0}
@keyframes kpd-cur{0.000%{transform:translate(1493px,975px)}10.000%{transform:translate(1716px,87px)}18.333%{transform:translate(1716px,87px)}31.667%{transform:translate(1753px,465px)}46.667%{transform:translate(1753px,885px)}63.333%{transform:translate(1578px,1047px)}71.667%{transform:translate(1578px,1047px)}95.833%{transform:translate(1493px,975px)}100.000%{transform:translate(1493px,975px)}}
@keyframes kpd-press{0.000%{transform:scale(1)}15.833%{transform:scale(1)}16.667%{transform:scale(0.82)}17.917%{transform:scale(1)}69.167%{transform:scale(1)}70.000%{transform:scale(0.82)}71.250%{transform:scale(1)}100.000%{transform:scale(1)}}
.kpd .kpd-d{animation:kpd-d 12.0s linear infinite}.kpd .kpd-dim{animation:kpd-dim 12.0s linear infinite}.kpd .kpd-cur{animation:kpd-cur 12.0s linear infinite}
.kpd .kpd-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.kpd .kpd-curi{animation:kpd-press 12.0s linear infinite;transform-origin:8px 4px}@media (prefers-reduced-motion:reduce){.kpd [class*="kpd-"]{animation:none!important}.kpd .kpd-cur{display:none}}
@keyframes kpk-p{0.000%{transform:translateX(454px)}17.500%{transform:translateX(454px)}21.250%{transform:translateX(0px)}72.500%{transform:translateX(0px)}76.250%{transform:translateX(454px)}100.000%{transform:translateX(454px)}}
.kpk .kpk-p{transform:translateX(454px);animation-timing-function:cubic-bezier(.22,.8,.25,1)}
@keyframes kpk-dim{0.000%{opacity:0}17.500%{opacity:0}19.583%{opacity:1}72.500%{opacity:1}74.583%{opacity:0}100.000%{opacity:0}}
.kpk .kpk-dim{opacity:0}
@keyframes kpk-cur{0.000%{transform:translate(1493px,975px)}10.000%{transform:translate(1743px,209px)}18.333%{transform:translate(1743px,209px)}31.667%{transform:translate(1713px,455px)}46.667%{transform:translate(1713px,835px)}65.000%{transform:translate(1578px,1046px)}73.333%{transform:translate(1578px,1046px)}95.833%{transform:translate(1493px,975px)}100.000%{transform:translate(1493px,975px)}}
@keyframes kpk-press{0.000%{transform:scale(1)}15.833%{transform:scale(1)}16.667%{transform:scale(0.82)}17.917%{transform:scale(1)}70.833%{transform:scale(1)}71.667%{transform:scale(0.82)}72.917%{transform:scale(1)}100.000%{transform:scale(1)}}
.kpk .kpk-p{animation:kpk-p 12.0s linear infinite}.kpk .kpk-dim{animation:kpk-dim 12.0s linear infinite}.kpk .kpk-cur{animation:kpk-cur 12.0s linear infinite}
.kpk .kpk-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.kpk .kpk-curi{animation:kpk-press 12.0s linear infinite;transform-origin:8px 4px}@media (prefers-reduced-motion:reduce){.kpk [class*="kpk-"]{animation:none!important}.kpk .kpk-cur{display:none}}
.hyp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.hyp-tabs button{all:unset;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s,background .2s}.hyp-tabs button:hover{border-color:var(--line-2)}.hyp-tabs button.on{border-color:var(--ember);background:rgba(0,112,222,.07)}.hyp-tabs em{grid-row:span 2;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--ember);padding-top:2px}.hyp-tabs span{font-size:14px;line-height:1.35;color:var(--text)}.hyp-tabs i{justify-self:start;font-style:normal;font-size:11.5px;padding:2px 8px;border-radius:6px}.hyp-tabs i.ok{background:rgba(62,226,154,.14);color:var(--pos)}.hyp-tabs i.wip{background:rgba(255,196,60,.16);color:#d9a21b}.hyp-pane > p{margin:0 0 14px;font-size:16px;line-height:1.55;color:var(--prose)}.hyp-pane figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--muted)}.hyp-still{border-radius:18px;overflow:hidden;background:#e9ebef}.hyp-still img{display:block;width:100%;height:auto}@media (max-width:760px){.hyp-tabs{grid-template-columns:1fr 1fr}}
@keyframes hy3-s{0%,12%{transform:translateX(0)}40%,60%{transform:translateX(-420px)}88%,100%{transform:translateX(0)}}@keyframes hy3-t{0%,12%{transform:translateX(0)}40%,60%{transform:translateX(420px)}88%,100%{transform:translateX(0)}}@keyframes hy3-c{0%{transform:translate(900px,760px)}10%,12%{transform:translate(460px,996px)}40%,60%{transform:translate(880px,996px)}88%{transform:translate(460px,996px)}100%{transform:translate(900px,760px)}}.hy3-s,.hy3-t,.hy3-c{animation:hy3-s 8s cubic-bezier(.45,0,.25,1) infinite}.hy3-t{animation-name:hy3-t}.hy3-c{animation-name:hy3-c}@keyframes hy6-a{0%,8%{opacity:0}10%,20%{opacity:1}25%{opacity:.35}30%,40%{opacity:1}45%,100%{opacity:0}}@keyframes hy6-b{0%,48%{opacity:0}50%,60%{opacity:1}65%{opacity:.35}70%,80%{opacity:1}85%,100%{opacity:0}}@keyframes hy6-k{0%,6%,46%,100%{transform:translateY(0)}8%,48%{transform:translateY(4px)}}.hy6-a,.hy6-b{opacity:0;animation:hy6-a 6s linear infinite}.hy6-b{animation-name:hy6-b}.hy6-k{animation:hy6-k 6s linear infinite}@media (prefers-reduced-motion:reduce){.hy3 *,.hy6 *{animation:none!important}}
.kmob-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kmob-ph{aspect-ratio:375/760;border-radius:22px;overflow:hidden;border:6px solid #16181d;background:#fff;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}.kmob-ph img{display:block;width:100%;height:auto}.kmob-it span{display:block;margin-top:8px;font-size:13px;color:var(--prose);text-align:center}@media (min-width:1100px){.kmob-row{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bms{margin:10px 0 26px;display:grid;gap:22px}.bm-lead{margin:0;font-size:16px;color:var(--prose)}.bm{margin:0}.bm-img{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.bm-img img{display:block;width:100%;height:auto}.bm-img svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.bm-img path.g,.bm-img path.r{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke}.bm-img path.g{stroke:#16a34a}.bm-img path.r{stroke:#e11d48}.bm-img circle{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}.bm-img circle.g{fill:#16a34a}.bm-img circle.r{fill:#e11d48}.bn{position:absolute;transform:translate(3px,-50%);max-width:150px;padding:3px 6px;border-radius:4px;font:500 11px/1.3 Roboto,system-ui,sans-serif;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);pointer-events:none}.bn.l{transform:translate(calc(-100% - 3px),-50%)}.bn.g{background:#16a34a}.bn.r{background:#e11d48}.bm figcaption{margin-top:8px;font-size:14px;font-weight:600;color:var(--text)}
.kph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.kph div{display:flex;flex-direction:column;gap:4px}.kph img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:#222;margin-bottom:6px}.kph b{font-size:14px;color:var(--text)}.kph span{font-size:13px;line-height:1.4;color:var(--muted)}.kbank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 6px}.kbank>div{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:12px}.kbank img{width:96px;height:128px;object-fit:cover;border-radius:10px;display:block}.kbank i{display:inline-block;font-style:normal;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;margin-bottom:8px}.kbank i.ok{background:rgba(62,226,154,.15);color:var(--pos)}.kbank i.no{background:rgba(255,77,94,.14);color:#ff4d5e}.kbank b{display:block;font-size:15px;line-height:1.3;color:var(--text)}.kbank span{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--prose)}#ks-flow .hyp-tabs,#ks-bench .hyp-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}#ks-bench .hyp-tabs button{padding:10px 12px}@media (max-width:760px){#ks-flow .hyp-tabs,#ks-bench .hyp-tabs{grid-template-columns:1fr 1fr}.kph{grid-template-columns:repeat(2,minmax(0,1fr))}.kbank{grid-template-columns:1fr}}@media (max-width:480px){.kph{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes ksp-s1{0.000%{opacity:0}6.667%{opacity:0}7.917%{opacity:1}92.500%{opacity:1}93.750%{opacity:0}100.000%{opacity:0}}
.ksp .ksp-s1{opacity:0}
@keyframes ksp-s2{0.000%{opacity:0}18.333%{opacity:0}19.583%{opacity:1}30.833%{opacity:1}32.083%{opacity:0}100.000%{opacity:0}}
.ksp .ksp-s2{opacity:0}
@keyframes ksp-s3{0.000%{opacity:0}30.833%{opacity:0}32.083%{opacity:1}41.667%{opacity:1}42.917%{opacity:0}100.000%{opacity:0}}
.ksp .ksp-s3{opacity:0}
@keyframes ksp-s4{0.000%{opacity:0}41.667%{opacity:0}42.917%{opacity:1}51.667%{opacity:1}52.917%{opacity:0}100.000%{opacity:0}}
.ksp .ksp-s4{opacity:0}
@keyframes ksp-s5{0.000%{opacity:0}51.667%{opacity:0}52.917%{opacity:1}60.833%{opacity:1}62.083%{opacity:0}100.000%{opacity:0}}
.ksp .ksp-s5{opacity:0}
@keyframes ksp-s6{0.000%{opacity:0}60.833%{opacity:0}62.083%{opacity:1}73.333%{opacity:1}74.583%{opacity:0}100.000%{opacity:0}}
.ksp .ksp-s6{opacity:0}
@keyframes ksp-s7{0.000%{opacity:0}73.333%{opacity:0}74.583%{opacity:1}92.500%{opacity:1}93.750%{opacity:0}100.000%{opacity:0}}
.ksp .ksp-s7{opacity:0}
@keyframes ksp-cur{0.000%{transform:translate(798px,767px)}15.208%{transform:translate(592px,781px)}19.375%{transform:translate(592px,781px)}27.708%{transform:translate(451px,718px)}31.875%{transform:translate(451px,718px)}38.542%{transform:translate(451px,528px)}42.708%{transform:translate(451px,528px)}48.542%{transform:translate(367px,424px)}52.708%{transform:translate(367px,424px)}57.708%{transform:translate(535px,424px)}61.875%{transform:translate(535px,424px)}89.375%{transform:translate(451px,746px)}93.542%{transform:translate(451px,746px)}98.333%{transform:translate(798px,767px)}100.000%{transform:translate(798px,767px)}}
@keyframes ksp-press{0.000%{transform:scale(1)}17.833%{transform:scale(1)}18.333%{transform:scale(0.78)}19.083%{transform:scale(1)}30.333%{transform:scale(1)}30.833%{transform:scale(0.78)}31.583%{transform:scale(1)}41.167%{transform:scale(1)}41.667%{transform:scale(0.78)}42.417%{transform:scale(1)}51.167%{transform:scale(1)}51.667%{transform:scale(0.78)}52.417%{transform:scale(1)}60.333%{transform:scale(1)}60.833%{transform:scale(0.78)}61.583%{transform:scale(1)}92.000%{transform:scale(1)}92.500%{transform:scale(0.78)}93.250%{transform:scale(1)}100.000%{transform:scale(1)}}
@keyframes ksp-rip{0.000%{opacity:0.00;transform:scale(2.40)}18.292%{opacity:0.00;transform:scale(2.40)}18.333%{opacity:0.90;transform:scale(1.00)}20.208%{opacity:0.00;transform:scale(2.40)}30.792%{opacity:0.00;transform:scale(2.40)}30.833%{opacity:0.90;transform:scale(1.00)}32.708%{opacity:0.00;transform:scale(2.40)}41.625%{opacity:0.00;transform:scale(2.40)}41.667%{opacity:0.90;transform:scale(1.00)}43.542%{opacity:0.00;transform:scale(2.40)}51.625%{opacity:0.00;transform:scale(2.40)}51.667%{opacity:0.90;transform:scale(1.00)}53.542%{opacity:0.00;transform:scale(2.40)}60.792%{opacity:0.00;transform:scale(2.40)}60.833%{opacity:0.90;transform:scale(1.00)}62.708%{opacity:0.00;transform:scale(2.40)}92.458%{opacity:0.00;transform:scale(2.40)}92.500%{opacity:0.90;transform:scale(1.00)}94.375%{opacity:0.00;transform:scale(2.40)}100.000%{opacity:0.00;transform:scale(2.40)}}
@keyframes ksp-i0{0.000%{opacity:1.00;border-left-color:#e4002b}6.667%{opacity:1.00;border-left-color:#e4002b}7.708%{opacity:0.40;border-left-color:#d6d8dd}98.750%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:1.00;border-left-color:#e4002b}}
@keyframes ksp-i1{0.000%{opacity:0.40;border-left-color:#d6d8dd}6.625%{opacity:0.40;border-left-color:#d6d8dd}7.708%{opacity:1.00;border-left-color:#e4002b}18.333%{opacity:1.00;border-left-color:#e4002b}19.375%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
@keyframes ksp-i2{0.000%{opacity:0.40;border-left-color:#d6d8dd}18.292%{opacity:0.40;border-left-color:#d6d8dd}19.375%{opacity:1.00;border-left-color:#e4002b}30.833%{opacity:1.00;border-left-color:#e4002b}31.875%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
@keyframes ksp-i3{0.000%{opacity:0.40;border-left-color:#d6d8dd}30.792%{opacity:0.40;border-left-color:#d6d8dd}31.875%{opacity:1.00;border-left-color:#e4002b}41.667%{opacity:1.00;border-left-color:#e4002b}42.708%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
@keyframes ksp-i4{0.000%{opacity:0.40;border-left-color:#d6d8dd}41.625%{opacity:0.40;border-left-color:#d6d8dd}42.708%{opacity:1.00;border-left-color:#e4002b}60.833%{opacity:1.00;border-left-color:#e4002b}61.875%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
@keyframes ksp-i5{0.000%{opacity:0.40;border-left-color:#d6d8dd}60.792%{opacity:0.40;border-left-color:#d6d8dd}61.875%{opacity:1.00;border-left-color:#e4002b}73.333%{opacity:1.00;border-left-color:#e4002b}74.375%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
@keyframes ksp-i6{0.000%{opacity:0.40;border-left-color:#d6d8dd}73.292%{opacity:0.40;border-left-color:#d6d8dd}74.375%{opacity:1.00;border-left-color:#e4002b}98.750%{opacity:1.00;border-left-color:#e4002b}99.792%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
.ksp .ksp-s1{animation:ksp-s1 24.0s linear infinite}.ksp .ksp-s2{animation:ksp-s2 24.0s linear infinite}.ksp .ksp-s3{animation:ksp-s3 24.0s linear infinite}.ksp .ksp-s4{animation:ksp-s4 24.0s linear infinite}.ksp .ksp-s5{animation:ksp-s5 24.0s linear infinite}.ksp .ksp-s6{animation:ksp-s6 24.0s linear infinite}.ksp .ksp-s7{animation:ksp-s7 24.0s linear infinite}.ksp .ksp-i0{animation:ksp-i0 24.0s linear infinite}.ksp .ksp-i1{animation:ksp-i1 24.0s linear infinite}.ksp .ksp-i2{animation:ksp-i2 24.0s linear infinite}.ksp .ksp-i3{animation:ksp-i3 24.0s linear infinite}.ksp .ksp-i4{animation:ksp-i4 24.0s linear infinite}.ksp .ksp-i5{animation:ksp-i5 24.0s linear infinite}.ksp .ksp-i6{animation:ksp-i6 24.0s linear infinite}.ksp .ksp-cur{animation:ksp-cur 24.0s linear infinite}.ksp .ksp-rip{animation:ksp-rip 24.0s linear infinite}
.ksp .ksp-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.ksp .ksp-curi{animation:ksp-press 24.0s linear infinite}@media (prefers-reduced-motion:reduce){.ksp [class*="ksp-"]{animation:none!important}.ksp .ksp-cur{display:none}}
@keyframes kss-s1{0.000%{opacity:0}10.667%{opacity:0}12.667%{opacity:1}26.667%{opacity:1}28.667%{opacity:0}100.000%{opacity:0}}
.kss .kss-s1{opacity:0}
@keyframes kss-s2{0.000%{opacity:0}26.667%{opacity:0}28.667%{opacity:1}57.333%{opacity:1}59.333%{opacity:0}100.000%{opacity:0}}
.kss .kss-s2{opacity:0}
@keyframes kss-s3{0.000%{opacity:0}57.333%{opacity:0}59.333%{opacity:1}96.000%{opacity:1}98.000%{opacity:0}100.000%{opacity:0}}
.kss .kss-s3{opacity:0}
@keyframes kss-k0{0.000%{opacity:0}33.000%{opacity:0}33.333%{opacity:1}34.800%{opacity:0}100.000%{opacity:0}}
.kss .kss-k0{opacity:0}
@keyframes kss-k1{0.000%{opacity:0}36.000%{opacity:0}36.333%{opacity:1}37.800%{opacity:0}100.000%{opacity:0}}
.kss .kss-k1{opacity:0}
@keyframes kss-k2{0.000%{opacity:0}39.000%{opacity:0}39.333%{opacity:1}40.800%{opacity:0}100.000%{opacity:0}}
.kss .kss-k2{opacity:0}
@keyframes kss-k3{0.000%{opacity:0}42.000%{opacity:0}42.333%{opacity:1}43.800%{opacity:0}100.000%{opacity:0}}
.kss .kss-k3{opacity:0}
@keyframes kss-k4{0.000%{opacity:0}45.000%{opacity:0}45.333%{opacity:1}46.800%{opacity:0}100.000%{opacity:0}}
.kss .kss-k4{opacity:0}
@keyframes kss-k5{0.000%{opacity:0}48.000%{opacity:0}48.333%{opacity:1}49.800%{opacity:0}100.000%{opacity:0}}
.kss .kss-k5{opacity:0}
@keyframes kss-k6{0.000%{opacity:0}51.000%{opacity:0}51.333%{opacity:1}52.800%{opacity:0}100.000%{opacity:0}}
.kss .kss-k6{opacity:0}
@keyframes kss-cur{0.000%{transform:translate(798px,767px)}5.667%{transform:translate(367px,445px)}12.333%{transform:translate(367px,445px)}21.667%{transform:translate(379px,228px)}28.333%{transform:translate(379px,228px)}28.333%{transform:translate(505px,673px)}31.333%{transform:translate(397px,634px)}34.333%{transform:translate(397px,673px)}35.000%{transform:translate(505px,673px)}37.333%{transform:translate(397px,634px)}38.000%{transform:translate(397px,634px)}40.333%{transform:translate(505px,634px)}41.000%{transform:translate(397px,673px)}43.333%{transform:translate(361px,634px)}44.000%{transform:translate(397px,634px)}46.333%{transform:translate(361px,673px)}47.000%{transform:translate(505px,634px)}50.000%{transform:translate(361px,634px)}53.000%{transform:translate(361px,673px)}71.000%{transform:translate(291px,323px)}77.667%{transform:translate(291px,323px)}97.333%{transform:translate(798px,767px)}100.000%{transform:translate(798px,767px)}}
@keyframes kss-press{0.000%{transform:scale(1)}9.867%{transform:scale(1)}10.667%{transform:scale(0.78)}11.867%{transform:scale(1)}25.867%{transform:scale(1)}26.667%{transform:scale(0.78)}27.867%{transform:scale(1)}32.533%{transform:scale(1)}33.333%{transform:scale(0.78)}34.533%{transform:scale(1)}35.533%{transform:scale(1)}36.333%{transform:scale(0.78)}37.533%{transform:scale(1)}38.533%{transform:scale(1)}39.333%{transform:scale(0.78)}40.533%{transform:scale(1)}41.533%{transform:scale(1)}42.333%{transform:scale(0.78)}43.533%{transform:scale(1)}44.533%{transform:scale(1)}45.333%{transform:scale(0.78)}46.533%{transform:scale(1)}47.533%{transform:scale(1)}48.333%{transform:scale(0.78)}49.533%{transform:scale(1)}50.533%{transform:scale(1)}51.333%{transform:scale(0.78)}52.533%{transform:scale(1)}75.200%{transform:scale(1)}76.000%{transform:scale(0.78)}77.200%{transform:scale(1)}100.000%{transform:scale(1)}}
@keyframes kss-rip{0.000%{opacity:0.00;transform:scale(2.40)}10.600%{opacity:0.00;transform:scale(2.40)}10.667%{opacity:0.90;transform:scale(1.00)}13.667%{opacity:0.00;transform:scale(2.40)}26.600%{opacity:0.00;transform:scale(2.40)}26.667%{opacity:0.90;transform:scale(1.00)}29.667%{opacity:0.00;transform:scale(2.40)}33.267%{opacity:0.00;transform:scale(2.40)}33.333%{opacity:0.90;transform:scale(1.00)}36.267%{opacity:0.00;transform:scale(2.40)}36.333%{opacity:0.00;transform:scale(2.40)}36.333%{opacity:0.90;transform:scale(1.00)}39.267%{opacity:0.00;transform:scale(2.40)}39.333%{opacity:0.00;transform:scale(2.40)}39.333%{opacity:0.90;transform:scale(1.00)}42.267%{opacity:0.00;transform:scale(2.40)}42.333%{opacity:0.90;transform:scale(1.00)}42.333%{opacity:0.00;transform:scale(2.40)}45.267%{opacity:0.00;transform:scale(2.40)}45.333%{opacity:0.00;transform:scale(2.40)}45.333%{opacity:0.90;transform:scale(1.00)}48.267%{opacity:0.00;transform:scale(2.40)}48.333%{opacity:0.00;transform:scale(2.40)}48.333%{opacity:0.90;transform:scale(1.00)}51.267%{opacity:0.00;transform:scale(2.40)}51.333%{opacity:0.00;transform:scale(2.40)}51.333%{opacity:0.90;transform:scale(1.00)}54.333%{opacity:0.00;transform:scale(2.40)}75.933%{opacity:0.00;transform:scale(2.40)}76.000%{opacity:0.90;transform:scale(1.00)}79.000%{opacity:0.00;transform:scale(2.40)}100.000%{opacity:0.00;transform:scale(2.40)}}
@keyframes kss-i0{0.000%{opacity:1.00;border-left-color:#e4002b}10.667%{opacity:1.00;border-left-color:#e4002b}12.333%{opacity:0.40;border-left-color:#d6d8dd}98.000%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:1.00;border-left-color:#e4002b}}
@keyframes kss-i1{0.000%{opacity:0.40;border-left-color:#d6d8dd}10.600%{opacity:0.40;border-left-color:#d6d8dd}12.333%{opacity:1.00;border-left-color:#e4002b}26.667%{opacity:1.00;border-left-color:#e4002b}28.333%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
@keyframes kss-i2{0.000%{opacity:0.40;border-left-color:#d6d8dd}26.600%{opacity:0.40;border-left-color:#d6d8dd}28.333%{opacity:1.00;border-left-color:#e4002b}57.333%{opacity:1.00;border-left-color:#e4002b}59.000%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
@keyframes kss-i3{0.000%{opacity:0.40;border-left-color:#d6d8dd}57.267%{opacity:0.40;border-left-color:#d6d8dd}59.000%{opacity:1.00;border-left-color:#e4002b}98.000%{opacity:1.00;border-left-color:#e4002b}99.667%{opacity:0.40;border-left-color:#d6d8dd}100.000%{opacity:0.40;border-left-color:#d6d8dd}}
.kss .kss-s1{animation:kss-s1 15.0s linear infinite}.kss .kss-s2{animation:kss-s2 15.0s linear infinite}.kss .kss-s3{animation:kss-s3 15.0s linear infinite}.kss .kss-k0{animation:kss-k0 15.0s linear infinite}.kss .kss-k1{animation:kss-k1 15.0s linear infinite}.kss .kss-k2{animation:kss-k2 15.0s linear infinite}.kss .kss-k3{animation:kss-k3 15.0s linear infinite}.kss .kss-k4{animation:kss-k4 15.0s linear infinite}.kss .kss-k5{animation:kss-k5 15.0s linear infinite}.kss .kss-k6{animation:kss-k6 15.0s linear infinite}.kss .kss-i0{animation:kss-i0 15.0s linear infinite}.kss .kss-i1{animation:kss-i1 15.0s linear infinite}.kss .kss-i2{animation:kss-i2 15.0s linear infinite}.kss .kss-i3{animation:kss-i3 15.0s linear infinite}.kss .kss-cur{animation:kss-cur 15.0s linear infinite}.kss .kss-rip{animation:kss-rip 15.0s linear infinite}
.kss .kss-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.kss .kss-curi{animation:kss-press 15.0s linear infinite}@media (prefers-reduced-motion:reduce){.kss [class*="kss-"]{animation:none!important}.kss .kss-cur{display:none}}



































.mmet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.mmet>div{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px}.mmet b{display:block;font-size:15px;color:var(--text);margin-bottom:12px}.mmet p{display:flex;align-items:baseline;gap:10px;margin:0;padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.35;color:var(--muted)}.mmet strong{flex:none;width:66px;font-family:var(--display);font-size:22px;font-weight:700;color:var(--text)}@media (max-width:760px){.mmet{grid-template-columns:1fr}}.mjs td:first-child{color:var(--text)}.mjs td{font-size:14.5px;line-height:1.45;vertical-align:top}#mg-ideas .hyp-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:620px){#mg-ideas .hyp-tabs{grid-template-columns:1fr}}
/*mgh*/@keyframes mgh-s0i{0.000%{transform:translateY(0px)}7.500%{transform:translateY(0px)}26.250%{transform:translateY(-733px)}33.750%{transform:translateY(-733px)}52.500%{transform:translateY(-2089px)}60.000%{transform:translateY(-2089px)}77.500%{transform:translateY(-2885px)}85.000%{transform:translateY(-2885px)}96.250%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}
.mgh .mgh-s0i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgh-cur{0.000%{transform:translate(1444px,816px)}96.875%{transform:translate(1444px,816px)}100.000%{transform:translate(1444px,816px)}}
@keyframes mgh-press{0.000%{transform:scale(1)}100.000%{transform:scale(1)}}
.mgh .mgh-s0i{animation:mgh-s0i 16.0s linear infinite}.mgh .mgh-cur{animation:mgh-cur 16.0s linear infinite}
.mgh .mgh-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.mgh .mgh-curi{animation:mgh-press 16.0s linear infinite;transform-origin:8px 4px}@media (prefers-reduced-motion:reduce){.mgh [class*="mgh-"]{animation:none!important}.mgh .mgh-cur{display:none}}
@keyframes mgh-ph{0.000%{transform:translateY(0px)}11.250%{transform:translateY(0px)}30.000%{transform:translateY(-720px)}37.500%{transform:translateY(-720px)}56.250%{transform:translateY(-1520px)}63.750%{transform:translateY(-1520px)}81.250%{transform:translateY(-2270px)}87.500%{transform:translateY(-2270px)}97.500%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}.mgh .mgh-ph{animation:mgh-ph 16.0s cubic-bezier(.45,0,.25,1) infinite}@keyframes mgh-ph-sb{0.000%{color:#fff}11.250%{color:#fff}12.500%{color:#16171b}95.938%{color:#16171b}97.500%{color:#fff}100.000%{color:#fff}}.mgh .mgh-ph-sb{animation:mgh-ph-sb 16.0s linear infinite}.mgh .mgh-cur{display:none}/*/mgh*/
/*mgp*/@keyframes mgp-s0i{0.000%{transform:translateY(0px)}7.778%{transform:translateY(0px)}20.000%{transform:translateY(-1478px)}88.889%{transform:translateY(-1478px)}98.889%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}
.mgp .mgp-s0i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgp-s1{0.000%{opacity:0}29.444%{opacity:0}31.389%{opacity:1}48.333%{opacity:1}50.278%{opacity:0}100.000%{opacity:0}}
.mgp .mgp-s1{opacity:0}
@keyframes mgp-s1i{0.000%{transform:translateY(-1478px)}29.444%{transform:translateY(-1478px)}37.778%{transform:translateY(-1478px)}43.333%{transform:translateY(-1767px)}37.222%{transform:translateY(-1767px)}42.222%{transform:translateY(-1478px)}100.000%{transform:translateY(-1478px)}}
.mgp .mgp-s1i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgp-s2{0.000%{opacity:0}48.333%{opacity:0}50.278%{opacity:1}67.222%{opacity:1}69.167%{opacity:0}100.000%{opacity:0}}
.mgp .mgp-s2{opacity:0}
@keyframes mgp-s2i{0.000%{transform:translateY(-1478px)}66.667%{transform:translateY(-1478px)}}
.mgp .mgp-s2i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgp-s3{0.000%{opacity:0}67.222%{opacity:0}69.167%{opacity:1}87.222%{opacity:1}89.167%{opacity:0}100.000%{opacity:0}}
.mgp .mgp-s3{opacity:0}
@keyframes mgp-s3i{0.000%{transform:translateY(-1478px)}74.444%{transform:translateY(-1478px)}81.111%{transform:translateY(-1700px)}76.111%{transform:translateY(-1700px)}81.111%{transform:translateY(-1478px)}100.000%{transform:translateY(-1478px)}}
.mgp .mgp-s3i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgp-cur{0.000%{transform:translate(1444px,816px)}24.444%{transform:translate(542px,129px)}30.000%{transform:translate(542px,129px)}43.333%{transform:translate(1044px,129px)}48.889%{transform:translate(1044px,129px)}62.222%{transform:translate(1295px,129px)}67.778%{transform:translate(1295px,129px)}82.222%{transform:translate(291px,125px)}87.778%{transform:translate(291px,125px)}97.222%{transform:translate(1444px,816px)}100.000%{transform:translate(1444px,816px)}}
@keyframes mgp-press{0.000%{transform:scale(1)}28.333%{transform:scale(1)}28.889%{transform:scale(0.82)}29.722%{transform:scale(1)}47.222%{transform:scale(1)}47.778%{transform:scale(0.82)}48.611%{transform:scale(1)}66.111%{transform:scale(1)}66.667%{transform:scale(0.82)}67.500%{transform:scale(1)}86.111%{transform:scale(1)}86.667%{transform:scale(0.82)}87.500%{transform:scale(1)}100.000%{transform:scale(1)}}
.mgp .mgp-s0i{animation:mgp-s0i 18.0s linear infinite}.mgp .mgp-s1{animation:mgp-s1 18.0s linear infinite}.mgp .mgp-s1i{animation:mgp-s1i 18.0s linear infinite}.mgp .mgp-s2{animation:mgp-s2 18.0s linear infinite}.mgp .mgp-s2i{animation:mgp-s2i 18.0s linear infinite}.mgp .mgp-s3{animation:mgp-s3 18.0s linear infinite}.mgp .mgp-s3i{animation:mgp-s3i 18.0s linear infinite}.mgp .mgp-cur{animation:mgp-cur 18.0s linear infinite}
.mgp .mgp-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.mgp .mgp-curi{animation:mgp-press 18.0s linear infinite;transform-origin:8px 4px}@media (prefers-reduced-motion:reduce){.mgp [class*="mgp-"]{animation:none!important}.mgp .mgp-cur{display:none}}/*/mgp*/
/*mgc*/@keyframes mgc-s0i{0.000%{transform:translateY(0px)}5.556%{transform:translateY(0px)}10.000%{transform:translateY(-211px)}97.778%{transform:translateY(-211px)}100.000%{transform:translateY(0px)}}
.mgc .mgc-s0i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgc-s1{0.000%{opacity:0}15.000%{opacity:0}16.944%{opacity:1}32.222%{opacity:1}34.167%{opacity:0}100.000%{opacity:0}}
.mgc .mgc-s1{opacity:0}
@keyframes mgc-s1i{0.000%{transform:translateY(-211px)}100.000%{transform:translateY(-211px)}}
.mgc .mgc-s1i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgc-s2{0.000%{opacity:0}31.667%{opacity:0}33.611%{opacity:1}63.333%{opacity:1}65.278%{opacity:0}100.000%{opacity:0}}
.mgc .mgc-s2{opacity:0}
@keyframes mgc-s2i{0.000%{transform:translateY(-211px)}36.667%{transform:translateY(-211px)}44.444%{transform:translateY(-778px)}51.111%{transform:translateY(-778px)}55.556%{transform:translateY(-211px)}100.000%{transform:translateY(-211px)}}
.mgc .mgc-s2i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgc-s3{0.000%{opacity:0}62.778%{opacity:0}64.722%{opacity:1}97.778%{opacity:1}99.722%{opacity:0}100.000%{opacity:0}}
.mgc .mgc-s3{opacity:0}
@keyframes mgc-s3i{0.000%{transform:translateY(0px)}62.778%{transform:translateY(0px)}71.111%{transform:translateY(0px)}80.000%{transform:translateY(-333px)}93.333%{transform:translateY(-333px)}97.778%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}
.mgc .mgc-s3i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgc-cur{0.000%{transform:translate(1444px,816px)}10.000%{transform:translate(1227px,826px)}15.556%{transform:translate(1227px,826px)}26.667%{transform:translate(375px,432px)}32.222%{transform:translate(375px,432px)}57.778%{transform:translate(1228px,869px)}63.333%{transform:translate(1228px,869px)}97.222%{transform:translate(1444px,816px)}100.000%{transform:translate(1444px,816px)}}
@keyframes mgc-press{0.000%{transform:scale(1)}13.889%{transform:scale(1)}14.444%{transform:scale(0.82)}15.278%{transform:scale(1)}30.556%{transform:scale(1)}31.111%{transform:scale(0.82)}31.944%{transform:scale(1)}61.667%{transform:scale(1)}62.222%{transform:scale(0.82)}63.056%{transform:scale(1)}100.000%{transform:scale(1)}}
.mgc .mgc-s0i{animation:mgc-s0i 18.0s linear infinite}.mgc .mgc-s1{animation:mgc-s1 18.0s linear infinite}.mgc .mgc-s1i{animation:mgc-s1i 18.0s linear infinite}.mgc .mgc-s2{animation:mgc-s2 18.0s linear infinite}.mgc .mgc-s2i{animation:mgc-s2i 18.0s linear infinite}.mgc .mgc-s3{animation:mgc-s3 18.0s linear infinite}.mgc .mgc-s3i{animation:mgc-s3i 18.0s linear infinite}.mgc .mgc-cur{animation:mgc-cur 18.0s linear infinite}
.mgc .mgc-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.mgc .mgc-curi{animation:mgc-press 18.0s linear infinite;transform-origin:8px 4px}@media (prefers-reduced-motion:reduce){.mgc [class*="mgc-"]{animation:none!important}.mgc .mgc-cur{display:none}}/*/mgc*/
/*mgm*/@keyframes mgm-p0{0.000%{transform:translateY(0px)}8.571%{transform:translateY(0px)}37.143%{transform:translateY(-1124px)}45.714%{transform:translateY(-1124px)}74.286%{transform:translateY(-2048px)}82.857%{transform:translateY(-2048px)}95.714%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}.mgm .mgm-p0{animation:mgm-p0 14.0s cubic-bezier(.45,0,.25,1) infinite}@keyframes mgm-p0-sb{0.000%{color:#fff}8.571%{color:#fff}10.000%{color:#16171b}93.929%{color:#16171b}95.714%{color:#fff}100.000%{color:#fff}}.mgm .mgm-p0-sb{animation:mgm-p0-sb 14.0s linear infinite}
@keyframes mgm-p1{0.000%{transform:translateY(0px)}11.429%{transform:translateY(0px)}40.000%{transform:translateY(-1368px)}48.571%{transform:translateY(-1368px)}77.143%{transform:translateY(-2493px)}82.857%{transform:translateY(-2493px)}95.714%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}.mgm .mgm-p1{animation:mgm-p1 14.0s cubic-bezier(.45,0,.25,1) infinite}@keyframes mgm-p1-sb{0.000%{color:#fff}11.429%{color:#fff}12.857%{color:#16171b}93.929%{color:#16171b}95.714%{color:#fff}100.000%{color:#fff}}.mgm .mgm-p1-sb{animation:mgm-p1-sb 14.0s linear infinite}
@keyframes mgm-p2{0.000%{transform:translateY(0px)}14.286%{transform:translateY(0px)}42.857%{transform:translateY(-992px)}51.429%{transform:translateY(-992px)}80.000%{transform:translateY(-1808px)}82.857%{transform:translateY(-1808px)}95.714%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}.mgm .mgm-p2{animation:mgm-p2 14.0s cubic-bezier(.45,0,.25,1) infinite}@keyframes mgm-p2-sb{0.000%{color:#fff}14.286%{color:#fff}15.714%{color:#16171b}93.929%{color:#16171b}95.714%{color:#fff}100.000%{color:#fff}}.mgm .mgm-p2-sb{animation:mgm-p2-sb 14.0s linear infinite}@media (prefers-reduced-motion:reduce){.mgm [class*="mgm-"]{animation:none!important}}/*/mgm*/
/*mgb*/@keyframes mgb-pg{0.000%{transform:translateY(-0.0px)}0.714%{transform:translateY(-0.0px)}1.429%{transform:translateY(-0.0px)}2.143%{transform:translateY(-0.0px)}2.857%{transform:translateY(-0.0px)}3.571%{transform:translateY(-0.0px)}4.286%{transform:translateY(-0.0px)}5.000%{transform:translateY(-0.0px)}5.714%{transform:translateY(-0.0px)}6.429%{transform:translateY(-0.0px)}7.143%{transform:translateY(-0.0px)}7.857%{transform:translateY(-0.0px)}8.571%{transform:translateY(-0.0px)}9.286%{transform:translateY(-0.0px)}10.000%{transform:translateY(-0.0px)}10.714%{transform:translateY(-1.3px)}11.429%{transform:translateY(-5.3px)}12.143%{transform:translateY(-11.9px)}12.857%{transform:translateY(-21.0px)}13.571%{transform:translateY(-32.6px)}14.286%{transform:translateY(-46.6px)}15.000%{transform:translateY(-62.8px)}15.714%{transform:translateY(-81.2px)}16.429%{transform:translateY(-101.5px)}17.143%{transform:translateY(-123.6px)}17.857%{transform:translateY(-147.3px)}18.571%{transform:translateY(-172.4px)}19.286%{transform:translateY(-198.7px)}20.000%{transform:translateY(-226.0px)}20.714%{transform:translateY(-253.9px)}21.429%{transform:translateY(-282.4px)}22.143%{transform:translateY(-311.1px)}22.857%{transform:translateY(-339.8px)}23.571%{transform:translateY(-368.3px)}24.286%{transform:translateY(-396.3px)}25.000%{transform:translateY(-423.5px)}25.714%{transform:translateY(-449.8px)}26.429%{transform:translateY(-474.9px)}27.143%{transform:translateY(-498.6px)}27.857%{transform:translateY(-520.7px)}28.571%{transform:translateY(-541.0px)}29.286%{transform:translateY(-559.4px)}30.000%{transform:translateY(-575.6px)}30.714%{transform:translateY(-589.6px)}31.429%{transform:translateY(-601.2px)}32.143%{transform:translateY(-610.3px)}32.857%{transform:translateY(-616.9px)}33.571%{transform:translateY(-620.9px)}34.286%{transform:translateY(-622.2px)}35.000%{transform:translateY(-622.2px)}35.714%{transform:translateY(-622.2px)}36.429%{transform:translateY(-622.2px)}37.143%{transform:translateY(-622.2px)}37.857%{transform:translateY(-622.2px)}38.571%{transform:translateY(-622.2px)}39.286%{transform:translateY(-622.2px)}40.000%{transform:translateY(-622.2px)}40.714%{transform:translateY(-622.2px)}41.429%{transform:translateY(-622.2px)}42.143%{transform:translateY(-622.2px)}42.857%{transform:translateY(-622.2px)}43.571%{transform:translateY(-622.2px)}44.286%{transform:translateY(-622.2px)}45.000%{transform:translateY(-623.9px)}45.714%{transform:translateY(-628.8px)}46.429%{transform:translateY(-637.0px)}47.143%{transform:translateY(-648.4px)}47.857%{transform:translateY(-662.9px)}48.571%{transform:translateY(-680.4px)}49.286%{transform:translateY(-700.7px)}50.000%{transform:translateY(-723.8px)}50.714%{transform:translateY(-749.4px)}51.429%{transform:translateY(-777.3px)}52.143%{transform:translateY(-807.3px)}52.857%{transform:translateY(-839.3px)}53.571%{transform:translateY(-872.9px)}54.286%{transform:translateY(-907.9px)}55.000%{transform:translateY(-944.0px)}55.714%{transform:translateY(-981.0px)}56.429%{transform:translateY(-1018.5px)}57.143%{transform:translateY(-1056.3px)}57.857%{transform:translateY(-1094.2px)}58.571%{transform:translateY(-1131.7px)}59.286%{transform:translateY(-1168.7px)}60.000%{transform:translateY(-1204.8px)}60.714%{transform:translateY(-1239.8px)}61.429%{transform:translateY(-1273.4px)}62.143%{transform:translateY(-1305.3px)}62.857%{transform:translateY(-1335.4px)}63.571%{transform:translateY(-1363.3px)}64.286%{transform:translateY(-1388.9px)}65.000%{transform:translateY(-1411.9px)}65.714%{transform:translateY(-1432.3px)}66.429%{transform:translateY(-1449.8px)}67.143%{transform:translateY(-1464.3px)}67.857%{transform:translateY(-1475.7px)}68.571%{transform:translateY(-1483.8px)}69.286%{transform:translateY(-1488.8px)}70.000%{transform:translateY(-1490.4px)}70.714%{transform:translateY(-1490.4px)}71.429%{transform:translateY(-1490.4px)}72.143%{transform:translateY(-1490.4px)}72.857%{transform:translateY(-1490.4px)}73.571%{transform:translateY(-1490.4px)}74.286%{transform:translateY(-1490.4px)}75.000%{transform:translateY(-1490.4px)}75.714%{transform:translateY(-1490.4px)}76.429%{transform:translateY(-1490.4px)}77.143%{transform:translateY(-1490.4px)}77.857%{transform:translateY(-1490.4px)}78.571%{transform:translateY(-1490.4px)}79.286%{transform:translateY(-1490.4px)}80.000%{transform:translateY(-1490.4px)}80.714%{transform:translateY(-1490.4px)}81.429%{transform:translateY(-1490.4px)}82.143%{transform:translateY(-1490.4px)}82.857%{transform:translateY(-1490.4px)}83.571%{transform:translateY(-1479.1px)}84.286%{transform:translateY(-1445.5px)}85.000%{transform:translateY(-1390.6px)}85.714%{transform:translateY(-1316.1px)}86.429%{transform:translateY(-1224.2px)}87.143%{transform:translateY(-1117.8px)}87.857%{transform:translateY(-1000.1px)}88.571%{transform:translateY(-874.6px)}89.286%{transform:translateY(-745.2px)}90.000%{transform:translateY(-615.8px)}90.714%{transform:translateY(-490.3px)}91.429%{transform:translateY(-372.6px)}92.143%{transform:translateY(-266.2px)}92.857%{transform:translateY(-174.3px)}93.571%{transform:translateY(-99.8px)}94.286%{transform:translateY(-44.9px)}95.000%{transform:translateY(-11.3px)}95.714%{transform:translateY(-0.0px)}96.429%{transform:translateY(-0.0px)}97.143%{transform:translateY(-0.0px)}97.857%{transform:translateY(-0.0px)}98.571%{transform:translateY(-0.0px)}99.286%{transform:translateY(-0.0px)}100.000%{transform:translateY(-0.0px)}}
@keyframes mgb-sd{0.000%{transform:translateY(244.4px)}0.714%{transform:translateY(244.4px)}1.429%{transform:translateY(244.4px)}2.143%{transform:translateY(244.4px)}2.857%{transform:translateY(244.4px)}3.571%{transform:translateY(244.4px)}4.286%{transform:translateY(244.4px)}5.000%{transform:translateY(244.4px)}5.714%{transform:translateY(244.4px)}6.429%{transform:translateY(244.4px)}7.143%{transform:translateY(244.4px)}7.857%{transform:translateY(244.4px)}8.571%{transform:translateY(244.4px)}9.286%{transform:translateY(244.4px)}10.000%{transform:translateY(244.4px)}10.714%{transform:translateY(243.1px)}11.429%{transform:translateY(239.1px)}12.143%{transform:translateY(232.6px)}12.857%{transform:translateY(223.4px)}13.571%{transform:translateY(211.8px)}14.286%{transform:translateY(197.8px)}15.000%{transform:translateY(181.6px)}15.714%{transform:translateY(163.2px)}16.429%{transform:translateY(142.9px)}17.143%{transform:translateY(120.8px)}17.857%{transform:translateY(97.1px)}18.571%{transform:translateY(72.0px)}19.286%{transform:translateY(45.7px)}20.000%{transform:translateY(26.7px)}20.714%{transform:translateY(26.7px)}21.429%{transform:translateY(26.7px)}22.143%{transform:translateY(26.7px)}22.857%{transform:translateY(26.7px)}23.571%{transform:translateY(26.7px)}24.286%{transform:translateY(26.7px)}25.000%{transform:translateY(26.7px)}25.714%{transform:translateY(26.7px)}26.429%{transform:translateY(26.7px)}27.143%{transform:translateY(26.7px)}27.857%{transform:translateY(26.7px)}28.571%{transform:translateY(26.7px)}29.286%{transform:translateY(26.7px)}30.000%{transform:translateY(26.7px)}30.714%{transform:translateY(26.7px)}31.429%{transform:translateY(26.7px)}32.143%{transform:translateY(26.7px)}32.857%{transform:translateY(26.7px)}33.571%{transform:translateY(26.7px)}34.286%{transform:translateY(26.7px)}35.000%{transform:translateY(26.7px)}35.714%{transform:translateY(26.7px)}36.429%{transform:translateY(26.7px)}37.143%{transform:translateY(26.7px)}37.857%{transform:translateY(26.7px)}38.571%{transform:translateY(26.7px)}39.286%{transform:translateY(26.7px)}40.000%{transform:translateY(26.7px)}40.714%{transform:translateY(26.7px)}41.429%{transform:translateY(26.7px)}42.143%{transform:translateY(26.7px)}42.857%{transform:translateY(26.7px)}43.571%{transform:translateY(26.7px)}44.286%{transform:translateY(26.7px)}45.000%{transform:translateY(26.7px)}45.714%{transform:translateY(26.7px)}46.429%{transform:translateY(26.7px)}47.143%{transform:translateY(26.7px)}47.857%{transform:translateY(26.7px)}48.571%{transform:translateY(26.7px)}49.286%{transform:translateY(26.7px)}50.000%{transform:translateY(26.7px)}50.714%{transform:translateY(26.7px)}51.429%{transform:translateY(26.7px)}52.143%{transform:translateY(26.7px)}52.857%{transform:translateY(26.7px)}53.571%{transform:translateY(26.7px)}54.286%{transform:translateY(26.7px)}55.000%{transform:translateY(26.7px)}55.714%{transform:translateY(26.7px)}56.429%{transform:translateY(26.7px)}57.143%{transform:translateY(26.7px)}57.857%{transform:translateY(-10.8px)}58.571%{transform:translateY(-48.4px)}59.286%{transform:translateY(-85.4px)}60.000%{transform:translateY(-121.5px)}60.714%{transform:translateY(-156.5px)}61.429%{transform:translateY(-190.1px)}62.143%{transform:translateY(-222.0px)}62.857%{transform:translateY(-252.0px)}63.571%{transform:translateY(-280.0px)}64.286%{transform:translateY(-305.5px)}65.000%{transform:translateY(-328.6px)}65.714%{transform:translateY(-349.0px)}66.429%{transform:translateY(-366.4px)}67.143%{transform:translateY(-380.9px)}67.857%{transform:translateY(-392.3px)}68.571%{transform:translateY(-400.5px)}69.286%{transform:translateY(-405.5px)}70.000%{transform:translateY(-407.1px)}70.714%{transform:translateY(-407.1px)}71.429%{transform:translateY(-407.1px)}72.143%{transform:translateY(-407.1px)}72.857%{transform:translateY(-407.1px)}73.571%{transform:translateY(-407.1px)}74.286%{transform:translateY(-407.1px)}75.000%{transform:translateY(-407.1px)}75.714%{transform:translateY(-407.1px)}76.429%{transform:translateY(-407.1px)}77.143%{transform:translateY(-407.1px)}77.857%{transform:translateY(-407.1px)}78.571%{transform:translateY(-407.1px)}79.286%{transform:translateY(-407.1px)}80.000%{transform:translateY(-407.1px)}80.714%{transform:translateY(-407.1px)}81.429%{transform:translateY(-407.1px)}82.143%{transform:translateY(-407.1px)}82.857%{transform:translateY(-407.1px)}83.571%{transform:translateY(-395.8px)}84.286%{transform:translateY(-362.2px)}85.000%{transform:translateY(-307.3px)}85.714%{transform:translateY(-232.8px)}86.429%{transform:translateY(-140.9px)}87.143%{transform:translateY(-34.5px)}87.857%{transform:translateY(26.7px)}88.571%{transform:translateY(26.7px)}89.286%{transform:translateY(26.7px)}90.000%{transform:translateY(26.7px)}90.714%{transform:translateY(26.7px)}91.429%{transform:translateY(26.7px)}92.143%{transform:translateY(26.7px)}92.857%{transform:translateY(70.1px)}93.571%{transform:translateY(144.6px)}94.286%{transform:translateY(199.5px)}95.000%{transform:translateY(233.1px)}95.714%{transform:translateY(244.4px)}96.429%{transform:translateY(244.4px)}97.143%{transform:translateY(244.4px)}97.857%{transform:translateY(244.4px)}98.571%{transform:translateY(244.4px)}99.286%{transform:translateY(244.4px)}100.000%{transform:translateY(244.4px)}}
.mgb .mgb-pg,.mgb .mgb-sd{animation:mgb-pg 14.0s linear infinite}.mgb .mgb-sd{animation-name:mgb-sd}
@media (prefers-reduced-motion:reduce){.mgb [class*="mgb-"]{animation:none!important}}/*/mgb*/
/*mgk*/@keyframes mgk-s0i{0.000%{transform:translateY(0px)}10.000%{transform:translateY(0px)}31.429%{transform:translateY(-778px)}41.429%{transform:translateY(-778px)}71.429%{transform:translateY(-2943px)}84.286%{transform:translateY(-2943px)}95.714%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}
.mgk .mgk-s0i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgk-cur{0.000%{transform:translate(1444px,816px)}96.429%{transform:translate(1444px,816px)}100.000%{transform:translate(1444px,816px)}}
@keyframes mgk-press{0.000%{transform:scale(1)}100.000%{transform:scale(1)}}
.mgk .mgk-s0i{animation:mgk-s0i 14.0s linear infinite}.mgk .mgk-cur{animation:mgk-cur 14.0s linear infinite}
.mgk .mgk-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.mgk .mgk-curi{animation:mgk-press 14.0s linear infinite;transform-origin:8px 4px}.mgk .mgk-cur{display:none}@media (prefers-reduced-motion:reduce){.mgk [class*="mgk-"]{animation:none!important}.mgk .mgk-cur{display:none}}/*/mgk*/
/*mgl*/@keyframes mgl-s0i{0.000%{transform:translateY(0px)}10.000%{transform:translateY(0px)}31.429%{transform:translateY(-778px)}41.429%{transform:translateY(-778px)}71.429%{transform:translateY(-1292px)}84.286%{transform:translateY(-1292px)}95.714%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}
.mgl .mgl-s0i{animation-timing-function:cubic-bezier(.45,0,.25,1)}
@keyframes mgl-cur{0.000%{transform:translate(1444px,816px)}96.429%{transform:translate(1444px,816px)}100.000%{transform:translate(1444px,816px)}}
@keyframes mgl-press{0.000%{transform:scale(1)}100.000%{transform:scale(1)}}
.mgl .mgl-s0i{animation:mgl-s0i 14.0s linear infinite}.mgl .mgl-cur{animation:mgl-cur 14.0s linear infinite}
.mgl .mgl-cur{animation-timing-function:cubic-bezier(.45,0,.25,1)}.mgl .mgl-curi{animation:mgl-press 14.0s linear infinite;transform-origin:8px 4px}.mgl .mgl-cur{display:none}@media (prefers-reduced-motion:reduce){.mgl [class*="mgl-"]{animation:none!important}.mgl .mgl-cur{display:none}}/*/mgl*/










.mnx{position:relative}.mnx .in{position:relative;border-radius:18px;overflow:hidden;background:#141416;border:1px solid var(--line)}.mnx .in>img.zoomable{display:block;width:100%;height:auto}.mnz{position:absolute;border-radius:12px;box-shadow:0 24px 50px -10px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.14);pointer-events:none}.mnf{margin-block:26px}.mnda{margin:0 0 22px;padding:16px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);display:flex;gap:14px;align-items:baseline}.mnda .eyebrow{flex:none;margin:0}.mnda p{margin:0;font-size:15.5px;line-height:1.5;color:var(--text)}.mnf .hyp-still img{display:block;width:100%;height:auto}
/*mnd*/@keyframes mnd-pg{0.000%{transform:translateY(0px)}7.778%{transform:translateY(0px)}24.444%{transform:translateY(-778px)}32.222%{transform:translateY(-778px)}50.000%{transform:translateY(-1944px)}57.778%{transform:translateY(-1944px)}76.667%{transform:translateY(-3986px)}85.556%{transform:translateY(-3986px)}96.667%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}.mnd .mnd-pg{animation:mnd-pg 18s cubic-bezier(.45,0,.25,1) infinite}@media (prefers-reduced-motion:reduce){.mnd .mnd-pg{animation:none}}/*/mnd*/
/*mnm*/@keyframes mnm-p{0.000%{transform:translateY(0px)}10.000%{transform:translateY(0px)}28.750%{transform:translateY(-888px)}37.500%{transform:translateY(-888px)}58.750%{transform:translateY(-2269px)}67.500%{transform:translateY(-2269px)}86.250%{transform:translateY(-3441px)}92.500%{transform:translateY(-3441px)}98.750%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}.mnm .mnm-p{animation:mnm-p 16.0s cubic-bezier(.45,0,.25,1) infinite}@keyframes mnm-p-sb{0.000%{color:#fff}100.000%{color:#fff}}.mnm .mnm-p-sb{animation:mnm-p-sb 16.0s linear infinite}@media (prefers-reduced-motion:reduce){.mnm [class*="mnm-"]{animation:none!important}}/*/mnm*/
/*mnl*/@keyframes mnl-pg{0.000%{transform:translateY(0px)}6.154%{transform:translateY(0px)}16.154%{transform:translateY(-1542px)}22.308%{transform:translateY(-1542px)}32.308%{transform:translateY(-3042px)}38.462%{transform:translateY(-3042px)}48.462%{transform:translateY(-4333px)}54.615%{transform:translateY(-4333px)}64.615%{transform:translateY(-5750px)}70.769%{transform:translateY(-5750px)}80.769%{transform:translateY(-6540px)}86.923%{transform:translateY(-6540px)}98.462%{transform:translateY(0px)}100.000%{transform:translateY(0px)}}.mnl .mnl-pg{animation:mnl-pg 26.0s cubic-bezier(.45,0,.25,1) infinite}@media (prefers-reduced-motion:reduce){.mnl .mnl-pg{animation:none}}/*/mnl*/
@media (prefers-reduced-motion:reduce){.kc:not(.kj) *{animation:none!important}}
/* centered layout */
.hero .wrap{text-align:center;display:flex;flex-direction:column;align-items:center}
.power{margin-inline:auto}
.facts{justify-content:center}
.hero .glow::before{right:auto;left:50%;margin-left:-360px;top:-380px}
.hero .glow::after{left:50%;margin-left:-260px;top:auto;bottom:-300px}
.grid-bg{mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 20%,transparent 75%)}
.section-head{justify-content:center;text-align:center}
.c-hero .wrap{text-align:center;display:flex;flex-direction:column;align-items:center}
.c-hero .meta,.c-hero .cover{width:100%;text-align:left}
.c-title{margin-inline:auto}
.c-lead{margin-inline:auto}
.c-hero .glow::before{right:auto;left:50%;margin-left:-360px;top:-360px}
.kpi-head{display:block;text-align:center}
@media (max-width:900px){
  .meta,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chapter{grid-template-columns:1fr}
  .chapter aside{position:static}
  .ds{grid-template-columns:1fr}
  .card.feat{grid-template-columns:1fr}
  .card.feat .pic{aspect-ratio:16/9;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .case-grid .card.feat .body{justify-content:flex-start;padding:22px 24px 24px}
  .case-grid .card.feat h3{font-size:clamp(19px,2vw,24px)}
}
@media (max-width:560px){
  .k-nodes,.k-shield,.s-help,.g-bonus{display:none}
  .k-vuln{width:80%}
  .k-donut{top:auto;bottom:8%;width:36%}
  .g-prod{width:48%}.g-cart{width:44%}
  .n-card b,.n-card small{display:none}
}
@media (max-width:720px){
  .case-grid{grid-template-columns:1fr}
  .nav nav a{padding:7px 10px}
  .cover{aspect-ratio:4/3}
  .cmp-row{grid-template-columns:1fr;gap:6px}
}
@media (max-width:560px){
  .m-screens,.m-toast{display:none}
  .m-main{width:80%;top:16%;padding:10px 12px}
  .m-row{font-size:9px}
  .m-wallet{width:48%;top:auto;bottom:8%;right:5%}
}
@media (max-width:420px){
  .kpis,.meta{grid-template-columns:1fr}
  .c-after .meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav nav{display:none}
}

.burger{display:none;position:relative;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;padding:0}
.burger i{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s cubic-bezier(.2,.7,.2,1),opacity .2s}
.burger i:nth-child(1){top:13px}.burger i:nth-child(2){top:19px}.burger i:nth-child(3){top:25px}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;left:0;right:0;top:calc(64px + env(safe-area-inset-top,0px));bottom:0;z-index:19;background:var(--bg);padding:20px 16px 32px;overflow:auto;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .25s cubic-bezier(.2,.7,.2,1)}
.mnav.open{opacity:1;transform:none}
.mnav nav{display:flex;flex-direction:column;gap:4px;padding-top:8px}
.mnav a{display:block;padding:10px 4px;font-family:var(--display);font-weight:800;font-size:clamp(34px,11vw,52px);line-height:1.05;letter-spacing:-.035em;color:var(--text);transition:color .2s}
.mnav a.on{color:var(--ember)}
html.mnav-open{overflow:hidden}
html.mnav-open .nav{position:fixed;left:0;right:0;top:0;z-index:30}
html.mnav-open body{padding-top:64px}
@media (max-width:560px){
  .nav nav{display:none}
  .burger{display:block}
}

/* case hero: interface first */
.c-title{font-size:clamp(28px,3.2vw,46px);max-width:30ch}
.c-hero .cover.kc-wrap{width:min(100%,calc((100svh - 410px) * 16 / 9));min-width:min(100%,720px);align-self:center}
.c-hero{padding-block:clamp(24px,4vw,44px) clamp(32px,5vw,56px)}
.c-hero .cover{margin-top:clamp(20px,2.4vw,32px)}
.c-after{width:100%;display:flex;flex-direction:column;align-items:center}
.c-after .c-lead{margin-top:clamp(24px,3vw,36px)}
.c-after .meta{margin-top:28px}
@media (max-width:720px){
  .c-hero .cover.kc-wrap{width:100%;min-width:0;max-width:100%;align-self:stretch;border-radius:16px}
  .c-after .meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-after .meta div{padding:14px 14px}
  .c-after .meta dd{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}


.ck{position:fixed;left:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:14px;max-width:440px;padding:12px 12px 12px 18px;border:1px solid var(--line-2);border-radius:16px;background:var(--float-bg);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);color:var(--muted);font:500 13px/1.45 var(--body);box-shadow:0 12px 40px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1)}
.ck.on{opacity:1;transform:none}
.ck p{margin:0}
.ck button{flex:none;font:600 13px/1 var(--body);padding:10px 16px;border-radius:999px;border:0;background:var(--text);color:var(--bg);cursor:pointer;transition:opacity .2s}
.ck button:hover{opacity:.85}
.ck button:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
@media(max-width:560px){.ck{left:12px;right:12px;bottom:12px;max-width:none}}


#about{--on-accent:#fff;overflow-x:clip}
#about .ab-hero .glow::before{right:auto;left:50%;margin-left:-360px;top:-380px}
#about .ab-cta .glow::before{right:auto;left:50%;margin-left:-360px;top:-200px}
#about .ab-sec-head p{margin:0;color:var(--muted);max-width:40ch;font-size:15px}
#about .ab-cta{overflow:hidden}
#about .ab-sec{position:relative;padding-block:clamp(64px,9vw,112px);border-top:1px solid var(--line)}
#about .ab-sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,48px)}
@keyframes drift{to{transform:translate(-80px,60px) scale(1.08)}}
#about .ab-hero{position:relative;padding-block:clamp(56px,9vw,120px) clamp(56px,8vw,100px);overflow:hidden}
#about .ab-hero .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
#about .ab-hero .glow::before{right:auto;left:50%;margin-left:-360px;top:-380px}
#about .ab-ph{position:relative;margin:0 0 30px;width:120px;height:120px;padding:0}
#about .ab-ph img{display:block;width:120px;height:120px;border-radius:24px;object-fit:cover;max-width:100%}
#about .ab-ph::after{content:"";position:absolute;inset:-7px;border:1.5px solid var(--ember);border-radius:4px;pointer-events:none}
#about .ab-ph .ab-h{position:absolute;width:9px;height:9px;background:var(--bg);border:1.5px solid var(--ember);z-index:1}
#about .ab-ph .ab-tl{left:-11px;top:-11px}
#about .ab-ph .ab-tr{right:-11px;top:-11px}
#about .ab-ph .ab-bl{left:-11px;bottom:-11px}
#about .ab-ph .ab-br{right:-11px;bottom:-11px}
#about .ab-ph-name{position:absolute;left:-8px;bottom:calc(100% + 12px);font:500 11px/1 var(--mono);color:var(--ember-2);white-space:nowrap}
#about .ab-ph-size{position:absolute;left:50%;top:calc(100% + 16px);transform:translateX(-50%);font:500 11px/1 var(--mono);color:var(--on-accent);background:var(--accent);padding:4px 7px;border-radius:5px;white-space:nowrap}
#about .ab-hero .eyebrow{margin-top:18px}
#about .facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px}
#about .fact{display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);backdrop-filter:blur(8px)}
#about .fact strong{font-family:var(--mono);font-weight:500;font-size:14px}
#about .fact span{font-size:13px;color:var(--muted)}
#about .dot-on{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}
#about .ab-h1{font-family:var(--display);font-weight:800;font-size:clamp(34px,6.6vw,96px);line-height:.98;letter-spacing:-.035em;margin:16px 0 0;text-wrap:balance;max-width:14ch}
#about .ab-h1 em{font-style:normal;background:linear-gradient(95deg,var(--text) 5%,var(--ember-2) 50%,var(--ember) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
#about .ab-lead{font-size:clamp(17px,1.7vw,20px);color:var(--muted);margin:26px auto 0;max-width:46ch}
#about .ab-lead b{color:var(--text);font-weight:600}
#about .ab-hero-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
#about .ab-btn{display:inline-flex;align-items:center;gap:8px;font:700 14px/1 var(--body);padding:14px 20px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);transition:border-color .2s,filter .2s}
#about .ab-btn:hover{border-color:var(--text)}
#about .ab-btn.ab-main{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
#about .ab-btn.ab-main:hover{filter:brightness(1.08)}
#about .ab-btn svg{width:16px;height:16px}
#about .ab-chips{display:flex;flex-wrap:wrap;gap:6px}
#about .ab-chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap}
#about .ab-vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
#about .ab-v{position:relative;background:var(--bg);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px;min-width:0;transition:background .3s}
#about .ab-v:hover{background:var(--bg-2)}
#about .ab-v svg.ab-ic{width:30px;height:30px;color:var(--ember)}
#about .ab-v h3{font-family:var(--display);font-weight:600;font-size:clamp(20px,2vw,26px);letter-spacing:-.015em;line-height:1.15;margin:6px 0 0;text-wrap:balance}
#about .ab-v p{margin:0;color:var(--muted);max-width:44ch}
#about .ab-v .ab-proof{margin-top:auto;padding-top:14px;font-family:var(--mono);font-size:12px;color:var(--dim);display:flex;gap:8px;align-items:center}
#about .ab-v .ab-proof::before{content:"";width:14px;height:1px;background:var(--ember)}
#about .ab-proc{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto;column-gap:14px}
#about .ab-loop{grid-column:3/5;grid-row:1;height:64px;margin-inline:calc(50% / 2 - 7px);position:relative;border:1.5px dashed var(--ember);border-bottom:0;border-radius:40px 40px 0 0;opacity:.8}
#about .ab-loop span{position:absolute;left:50%;top:-14px;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.06em;white-space:nowrap;color:var(--ember-2);background:var(--bg);padding:3px 10px;border:1px solid var(--line-2);border-radius:999px}
#about .ab-loop::after{content:"";position:absolute;left:-6px;bottom:-2px;border:6px solid transparent;border-top:8px solid var(--ember);border-bottom:0}
#about .ab-step{grid-row:2;position:relative;padding-top:26px;min-width:0}
#about .ab-step::before{content:"";position:absolute;left:0;right:-14px;top:6px;height:1px;background:var(--line-2)}
#about .ab-step:last-child::before{right:0}
#about .ab-step .ab-dot{position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--ember)}
#about .ab-step.ab-hot .ab-dot{background:var(--ember);box-shadow:0 0 14px var(--ember)}
#about .ab-step .ab-n{font-family:var(--mono);font-size:12px;color:var(--dim)}
#about .ab-step h3{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.01em;margin:6px 0 8px}
#about .ab-step p{margin:0;font-size:14px;color:var(--muted)}
#about .ab-runner{position:absolute;left:0;top:calc(64px + 4px);width:5px;height:5px;margin-left:4px;border-radius:50%;background:var(--ember-2);box-shadow:0 0 10px 2px var(--ember);animation:ab-run 7s linear infinite}
@keyframes ab-run{0%{left:0;opacity:0}5%{opacity:1}95%{opacity:1}100%{left:calc(100% - 14px);opacity:0}}
#about .ab-rs{display:grid;border-top:1px solid var(--line)}
#about .ab-rs-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding-block:24px;border-bottom:1px solid var(--line);align-items:start}
#about .ab-rs-row h3{margin:0;font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.01em}
#about .ab-rs-row h3 small{display:block;margin-top:6px;font-family:var(--mono);font-weight:400;font-size:12px;color:var(--dim);letter-spacing:0}
#about .ab-rs .ab-chip{font-size:14px;padding:8px 14px;color:var(--prose);background:var(--surface);transition:border-color .2s,color .2s}
#about .ab-rs .ab-chip:hover{border-color:var(--ember);color:var(--text)}
#about .ab-rs .ab-chips{gap:8px}
#about .ab-xp-top{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#about .ab-xp{border-top:1px solid var(--line)}
#about .ab-xp-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:28px;align-items:baseline;padding-block:28px;border-bottom:1px solid var(--line);transition:padding .3s}
#about .ab-xp-row:hover .ab-co{color:var(--ember)}
#about .ab-co{font-family:var(--display);font-weight:700;font-size:clamp(24px,3.2vw,40px);letter-spacing:-.03em;line-height:1;transition:color .25s}
#about .ab-co small{display:block;margin-top:10px;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:0;color:var(--dim)}
#about .ab-what h3{margin:0 0 6px;font-size:18px;font-weight:700;line-height:1.35}
#about .ab-what p{margin:0;color:var(--muted);max-width:52ch}
#about .ab-case-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:700;color:var(--text);border-bottom:1px solid var(--ember);padding-bottom:2px;transition:color .2s}
#about .ab-case-link:hover{color:var(--ember)}
#about .ab-case-link svg{width:15px;height:15px}
#about .met{display:flex;flex-direction:column;gap:6px;text-align:right}
#about .met b{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;line-height:1;color:var(--ember-2);font-variant-numeric:tabular-nums;white-space:nowrap}
#about .met span{font-size:13px;color:var(--dim);line-height:1.35}
#about .ab-cta-in{display:flex;flex-direction:column;align-items:center;text-align:center}
#about .ab-cta-in h2.big{max-width:18ch;margin-top:0}
#about .ab-cta-in p{margin:16px 0 0;color:var(--muted);font-size:17px;max-width:44ch}
#about .ab-cta{position:relative;overflow:hidden}
#about .ab-cta .wrap{position:relative;z-index:1}
#about .ab-rv{animation:ab-rv .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
@keyframes ab-rv{from{opacity:0;transform:translateY(18px)}}
@media (max-width:900px){#about .ab-vgrid{grid-template-columns:minmax(0,1fr)}#about .ab-proc{grid-template-columns:28px minmax(0,1fr);grid-template-rows:repeat(5,auto);column-gap:18px;row-gap:0}#about .ab-step{grid-column:2;grid-row:auto;padding:0 0 26px 0}#about .ab-step::before{left:-25px;right:auto;top:14px;bottom:-4px;width:1px;height:auto}#about .ab-step:last-child::before{display:none}#about .ab-step .ab-dot{left:-31px;top:6px}#about .ab-step:nth-child(2){grid-row:1}#about .ab-step:nth-child(3){grid-row:2}#about .ab-step:nth-child(4){grid-row:3}#about .ab-step:nth-child(5){grid-row:4}#about .ab-step:nth-child(6){grid-row:5}#about .ab-loop{grid-column:1;grid-row:3/5;height:auto;width:28px;margin:12px 0 38px;border:1.5px dashed var(--ember);border-right:0;border-radius:24px 0 0 24px;position:relative;left:-26px}#about .ab-loop span{display:none}#about .ab-loop::after{left:auto;right:-4px;top:-7px;bottom:auto;border:6px solid transparent;border-left:8px solid var(--ember);border-right:0}#about .ab-loop-note{display:block!important}#about .ab-runner{display:none}#about .ab-rs-row{grid-template-columns:minmax(0,1fr);gap:14px}#about .ab-xp-row{grid-template-columns:minmax(0,1fr);gap:12px}#about .met{text-align:left;flex-direction:row;align-items:baseline;gap:10px}}
#about .ab-loop-note{display:none;margin:0 0 20px;font-family:var(--mono);font-size:12px;color:var(--ember-2)}


.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 76px);z-index:95;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px 12px 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--float-bg);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);color:var(--text);font:600 14px/1.3 var(--body);white-space:nowrap;box-shadow:0 12px 40px rgba(0,0,0,.28);opacity:0;transform:translate(-50%,-10px);transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast svg{width:18px;height:18px;flex:none;color:var(--pos)}
.toast.bad svg{display:none}
@media (prefers-reduced-motion:reduce){.toast{transition:none}}

.kpis.kpis-in{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:560px){.kpis.kpis-in{grid-template-columns:1fr}}
.kc-wrap.kc-off>.kc{display:none}
html.d-nokc .kc{display:none!important}html.d-nofx .glow,html.d-nofx .grid-bg,html.d-nofx .grid-hot{display:none!important}html.d-nofx *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.kz{-webkit-text-size-adjust:100%;text-size-adjust:100%}html.kz .kc{transform:none!important;zoom:var(--kcs);-webkit-text-size-adjust:100%;text-size-adjust:100%}html.kz .card.feat .kc-wrap>.kc{margin-top:-450px}
html.vid .kc-wrap[data-v]>.kc{display:none!important}.kc-wrap>video.kv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;background:#050b1a}
.pd-st{position:relative;width:100%;border-radius:0;overflow:hidden;border:1px solid var(--line);background:#050604;isolation:isolate}
.pd-st>.pd-po{display:block;width:100%;height:auto}
.pd-in{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}
.pd-sc{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;visibility:hidden}
.pd-sc.on{opacity:1;visibility:visible;z-index:2}
.pd-sc.out{opacity:1;visibility:visible;z-index:1;transition:none}
.pd-sc>img{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.pd-l,.pd-gl{position:absolute;background-repeat:no-repeat}
.pd-l{clip-path:inset(0 0 0 0)}
.pd-gl{opacity:0;mix-blend-mode:screen;filter:sepia(1) saturate(6) hue-rotate(130deg)}
.pd-gl.b{filter:sepia(1) saturate(6) hue-rotate(-60deg)}
.pd-k{position:absolute;background:#dff04a;opacity:0;box-shadow:0 0 8px rgba(223,240,74,.7)}
.pd-p{position:absolute;opacity:0;box-shadow:0 0 26px 2px color-mix(in srgb,var(--c) 55%,transparent),inset 0 0 14px color-mix(in srgb,var(--c) 35%,transparent)}
.pd-v{position:absolute;object-fit:fill;display:block}
.pd-in svg{position:absolute;overflow:visible}
.pd-cur{position:absolute;left:0;top:0;width:90px;height:90px;margin:-45px 0 0 -45px;z-index:5;opacity:0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}
.pd-cur svg{position:absolute;left:0;top:0}
.pd-cb{position:absolute;left:12px;top:12px;width:66px;height:66px;border-radius:50%;background:rgba(10,16,12,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.pd-cur .pd-ca{transform-box:fill-box;transform-origin:center;animation:pd-spin 6s linear infinite}
.pd-cur .pd-cm{transform-box:view-box;transform-origin:center}
@keyframes pd-spin{to{transform:rotate(360deg)}}
.pd-rot{position:absolute;display:flex;align-items:center;white-space:nowrap;font-family:Rajdhani,'Chakra Petch',system-ui,sans-serif;font-weight:500;font-size:15.5px;line-height:1;text-transform:uppercase}
.pd-rot i{display:inline-block;width:1.5px;height:24px;margin-left:2px;background:currentColor;animation:pd-bl 1s steps(1) infinite}
@keyframes pd-bl{50%{opacity:0}}
.pd-clk{position:absolute;left:0;top:0;width:76px;height:76px;margin:-38px 0 0 -38px;border:2px solid #e6f844;border-radius:50%;opacity:0;z-index:4}
.pd-sec{padding-block:clamp(40px,6vw,88px) 0}
.pd-sec .pd-hd{max-width:760px;margin:0 0 clamp(20px,3vw,32px)}
.pd-sec h2{font-family:var(--display);font-weight:700;font-size:clamp(24px,3vw,38px);letter-spacing:-.02em;line-height:1.1;margin:10px 0 12px}
.pd-sec .pd-hd p{color:var(--dim);font-size:clamp(15px,1.3vw,17px);line-height:1.6;margin:0}
.pd-g{display:grid;gap:clamp(12px,1.6vw,20px);grid-template-columns:repeat(12,minmax(0,1fr))}
.pd-f{margin:0;grid-column:span 12}
.pd-f.w8{grid-column:span 8}.pd-f.w4{grid-column:span 4}.pd-f.w6{grid-column:span 6}
.pd-g{align-items:stretch}
.pd-f{display:flex;flex-direction:column}
.pd-f .in{position:relative;border-radius:0;overflow:hidden;border:1px solid var(--line);background:#050604}
.pd-f img{display:block;width:100%;height:auto}
.pd-f.ph .in{flex:1;min-height:0}
.pd-f.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.pd-f figcaption{margin-top:10px;font-size:13px;color:var(--dim);font-family:var(--mono)}
.pd-pp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:clamp(28px,4vw,48px)}
.pd-pp>div{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:var(--bg-2)}
.pd-pp b{display:block;font-family:var(--display);font-size:16px;margin-bottom:6px;color:var(--text)}
.pd-pp span{color:var(--dim);font-size:14px;line-height:1.55}
.pd-cap{margin-top:12px;font-size:13px;color:var(--dim);font-family:var(--mono)}
@media (max-width:900px){.pd-f.w8,.pd-f.w4,.pd-f.w6{grid-column:span 12}.pd-f.ph{max-width:420px}.pd-f.ph .in{aspect-ratio:9/14;flex:none}.pd-pp{grid-template-columns:1fr}}

.pd-full{position:relative;z-index:1;margin-top:0}
.c-hero.pd-hero{padding-top:0}
.pd-full .pd-st{border-top:0}
.pd-full .pd-st{border-radius:0;border-left:0;border-right:0}
.pd-hero .case-back{margin-bottom:24px}
.pd-sh{position:absolute;mix-blend-mode:screen;opacity:1;background:linear-gradient(105deg,rgba(255,255,255,0) 43%,rgba(255,255,255,.25) 46.5%,rgba(255,255,255,.95) 49.5%,rgba(255,255,255,.85) 50.5%,rgba(255,255,255,.25) 53.5%,rgba(255,255,255,0) 57%) 100% 0/250% 100% no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.pd-pg{position:absolute;transform:translateX(-50%);padding:0 14px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#0d0f04;font-family:Rajdhani,'Chakra Petch',system-ui,sans-serif;font-weight:500;font-size:28px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.pd-gln{opacity:1;filter:drop-shadow(0 0 8px rgba(230,248,68,1)) drop-shadow(0 0 3px rgba(255,255,220,.9))}
.pd-bgw{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
.pd-bgc{position:absolute;inset:0;transform:scale(var(--bgc,1));transform-origin:50% 50%}
.pd-bgc>img,.pd-ui{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.pd-pl{position:absolute;left:0;top:0;mix-blend-mode:screen}
.pd-h1{margin:0;max-width:none}
.pd-snd{position:fixed;z-index:30;right:calc(max(16px,env(safe-area-inset-right,0px)) + 60px);bottom:calc(20px + env(safe-area-inset-bottom,0px));height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 18px 0 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--float-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);font:600 14px var(--body);cursor:pointer;transition:border-color .2s,background .2s}
.pd-snd:hover{border-color:#dff04a}
.pd-snd.on{border-color:#dff04a;color:#dff04a}
.pd-snd .eq{display:flex;align-items:flex-end;gap:2px;height:14px}
.pd-snd .eq i{width:3px;height:4px;border-radius:1px;background:currentColor}
.pd-snd.on .eq i{animation:pd-eq .9s ease-in-out infinite}
.pd-snd.on .eq i:nth-child(2){animation-delay:-.3s}.pd-snd.on .eq i:nth-child(3){animation-delay:-.6s}.pd-snd.on .eq i:nth-child(4){animation-delay:-.15s}
@keyframes pd-eq{0%,100%{height:4px}50%{height:14px}}
@media (max-width:560px){.pd-snd .pd-lb{display:none}.pd-snd{padding:0 16px}}
.pd-back{position:fixed;z-index:19;top:calc(64px + 32px + env(safe-area-inset-top,0px));left:max(12px,calc((100vw - 1200px)/2 + clamp(16px,4vw,40px) - 32px - 102px));margin:0;background:var(--float-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility .3s,color .2s,border-color .2s}
.pd-back.show{opacity:1;visibility:visible;transform:none}
.pd-back.show:hover{transform:translateX(-2px)}
.pd-hv{position:absolute;opacity:0;backdrop-filter:brightness(1.35) saturate(1.15);-webkit-backdrop-filter:brightness(1.35) saturate(1.15);box-shadow:0 0 22px 2px rgba(223,240,74,.45),inset 0 0 0 1.5px rgba(232,248,90,.9)}
.pd-xh{position:absolute;opacity:0;background:#e9ebe0;box-shadow:0 0 14px rgba(255,255,255,.5)}
.pd-xh svg{position:static}
.pd-bsh{position:absolute;mix-blend-mode:screen;opacity:0;background:linear-gradient(100deg,rgba(223,240,74,0) 35%,rgba(223,240,74,.22) 48%,rgba(240,255,150,.38) 50%,rgba(223,240,74,.22) 52%,rgba(223,240,74,0) 65%) 100% 0/300% 100% no-repeat}
.pd-intro{padding-top:clamp(40px,6vw,72px);text-align:left}
.pd-intro .pd-i-top{justify-content:flex-start;column-gap:28px}
.pd-i-stats b{text-align:left}
.pd-i-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:clamp(20px,3vw,28px);border-bottom:1px solid var(--line)}
.pd-i-tag{margin:0 0 .6em;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pd-i-k{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b8c93a;margin-bottom:14px}
:root[data-site="light"] .pd-i-k{color:#6d7a00}
.pd-i-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:clamp(28px,4vw,44px);border-bottom:1px solid var(--line)}
.pd-i-lore p{margin:0;font-size:clamp(18px,1.8vw,22px);line-height:1.5;color:var(--text)}
.pd-i-stats{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);align-self:start}
.pd-i-stats div{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg)}
.pd-i-stats b{min-width:3.4em;font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;line-height:1}
.pd-i-stats span{font-size:14px;color:var(--muted);line-height:1.4}
.pd-i-loop{padding-top:clamp(28px,4vw,44px)}
.pd-i-loop ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.pd-i-loop li{position:relative;padding:20px 20px 22px;background:var(--bg);display:flex;flex-direction:column;gap:6px}
.pd-i-loop li:not(:last-child)::after{content:"";position:absolute;right:-6px;top:50%;margin-top:-5px;width:10px;height:10px;border-top:1.5px solid #b8c93a;border-right:1.5px solid #b8c93a;transform:rotate(45deg);background:var(--bg);z-index:1}
.pd-i-loop em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--dim)}
.pd-i-loop b{font-family:var(--display);font-weight:600;font-size:18px}
.pd-i-loop span{font-size:14px;color:var(--muted);line-height:1.45}
@media (max-width:900px){.pd-i-grid{grid-template-columns:1fr}.pd-i-loop ol{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-i-loop li::after{display:none}}
@media (max-width:520px){.pd-i-loop ol{grid-template-columns:1fr}}
#case-pandora .pd-intro{display:block!important;text-align:left!important}
#case-pandora .pd-intro *{text-align:left!important}
#case-pandora .pd-intro>*{width:100%;margin-left:0;margin-right:0}
#case-pandora .pd-intro p{max-width:none;margin-left:0;margin-right:0}
.pd-lay{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.pd-grow{position:absolute;transform-origin:0 50%;box-shadow:0 0 16px rgba(255,59,48,.45)}
.pd-scr{position:absolute;display:flex;font-weight:500!important;align-items:center;justify-content:center;color:#f2f2ec;font-family:Rajdhani,'Chakra Petch',system-ui,sans-serif;font-weight:600;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:0}
.pd-role{padding-block:clamp(24px,3.5vw,40px);border-bottom:1px solid var(--line)}
.pd-role-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(24px,5vw,72px);align-items:start}
.pd-role-t b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.015em;line-height:1.15}
.pd-role-t span{display:block;margin-top:10px;color:var(--muted);font-size:15px;line-height:1.5}
.pd-role ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.pd-role li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--bg);font-size:15px;line-height:1.45;color:var(--prose)}
.pd-role li em{font-style:normal;font-family:var(--mono);font-size:12px;color:#b8c93a;padding-top:3px}
:root[data-site="light"] .pd-role li em{color:#6d7a00}
@media (max-width:900px){.pd-role-in{grid-template-columns:1fr}}
@media (max-width:560px){.pd-role ul{grid-template-columns:1fr}}
@media (max-width:1460px){.pd-back .pd-bl{display:none}}
.pd-dat{position:absolute;filter:drop-shadow(0 0 4px rgba(223,240,74,.9))}
.pd-st.pd-live>.pd-po{visibility:hidden}
.pd-full{background:#050604}
.pd-full .pd-st{width:100%;height:calc(100vh - 67px);height:calc(100svh - 67px - env(safe-area-inset-top,0px));max-height:62.5vw}
.pd-full .pd-st>.pd-po{height:100%;object-fit:cover}
.pd-z{position:absolute;inset:0;pointer-events:none}
.pd-gd{position:absolute}
.pd-trail{position:absolute;opacity:0;background:rgba(160,180,25,.32)}
.pd-mo{will-change:transform;z-index:1}
.pd-wave{position:absolute;overflow:visible}
.pd-ws{position:absolute;top:0;height:100%;transform-origin:50% 50%}
.pd-wd,.pd-wb{position:absolute;inset:0;background-repeat:no-repeat}
.pd-wd{}
.pd-wb{opacity:0;filter:brightness(1.35) saturate(1.5)}
.pd-flip{position:absolute;perspective:1400px}
.pd-fi{position:absolute;inset:0;transform-style:preserve-3d}
.pd-ff,.pd-fb{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-repeat:no-repeat}
.pd-fb{transform:rotateY(180deg)}
.pd-cw{position:absolute;overflow:hidden}
.pd-cw>img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;transform-origin:50% 50%}
.pd-g2{position:absolute}
.pd-g2r,.pd-g2c{opacity:0;mix-blend-mode:screen}
.pd-g2r{filter:sepia(1) saturate(9) hue-rotate(-45deg) brightness(.9)}
.pd-g2c{filter:sepia(1) saturate(9) hue-rotate(150deg) brightness(.9)}
.pd-hl{position:absolute;opacity:0;z-index:2;box-shadow:inset 0 0 0 2px #dff04a,0 0 22px rgba(223,240,74,.3);background:none}
.pd-bm{position:absolute;z-index:4;mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(230,248,68,.9))}
.pd-bm rect,.pd-bm polygon{transform-box:view-box}
.pd-tint{position:absolute;z-index:2;background:rgba(223,240,74,.2);mix-blend-mode:screen}
.pd-mq{position:absolute;overflow:hidden}
.pd-mi{position:absolute;top:0;left:0}
.pd-mo,.pd-cw,.pd-hl,.pd-tint{will-change:transform,opacity;backface-visibility:hidden}
.pd-sc{will-change:opacity}
.pd-st[data-pd="event"] .pd-sc,.pd-st[data-pd="mine"] .pd-sc{visibility:visible}
.pd-f.full .in{height:auto}
.pd-f.full img{position:static;width:100%;height:auto}
.pd-g:has(.pd-f.full){align-items:start}
.pd-pair{grid-column:span 12;display:grid;grid-template-columns:minmax(0,5.145fr) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);align-items:start}
@media (max-width:900px){.pd-pair{grid-template-columns:minmax(0,5.145fr) minmax(0,1fr)}}
.pd-pair>.pd-f{grid-column:auto}


.pd-dev{position:relative;width:100%;aspect-ratio:16/9.6;margin-top:8px}
.pd-glow{position:absolute;inset:-6% -4%;background:radial-gradient(45% 55% at 42% 55%,rgba(223,240,74,.16),transparent 70%),radial-gradient(30% 40% at 85% 70%,rgba(223,240,74,.1),transparent 70%);filter:blur(10px);pointer-events:none}
.pd-mb{position:absolute;left:2%;top:2%;width:76%}
.pd-mb-lid{position:relative;padding:2.2% 2.2% 3.2%;background:linear-gradient(180deg,#2b2c2f,#151517);border-radius:18px 18px 4px 4px;box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 40px 80px -30px rgba(0,0,0,.9)}
.pd-mb-scr{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000;border-radius:4px}
.pd-mb-notch{position:absolute;left:50%;top:0;width:12%;height:2.6%;margin-left:-6%;background:#0d0d0e;border-radius:0 0 8px 8px}
.pd-mb-base{position:relative;height:0;padding-bottom:3.2%;margin:0 -7%;background:linear-gradient(180deg,#cfd0d3 0,#9fa0a4 45%,#5e5f63 100%);border-radius:2px 2px 14px 14px;box-shadow:0 30px 50px -20px rgba(0,0,0,.9)}
.pd-mb-base i{position:absolute;left:50%;top:0;width:16%;height:38%;margin-left:-8%;background:#8a8b8f;border-radius:0 0 10px 10px}
.pd-ly{position:absolute;inset:0;overflow:hidden}
.pd-ly img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pd-ly .bg{transform-origin:50% 45%}
.pd-mb-scr .s2{opacity:0}
/* iPhone 17 Pro Max */
.pd-ip{position:absolute;right:3%;bottom:0;width:21.5%}
.pd-ip-body{position:relative;padding:2.6%;border-radius:17.5%/8.3%;background:linear-gradient(135deg,#f0a066 0%,#c8642c 22%,#8f3f17 48%,#c96a33 74%,#f4b07a 100%);box-shadow:0 0 0 .6px rgba(255,255,255,.35) inset,0 0 0 1.6px rgba(0,0,0,.35),0 60px 80px -30px rgba(0,0,0,.95),0 0 70px rgba(223,240,74,.1)}
.pd-ip-glass{position:relative;padding:2.2%;background:#050505;border-radius:15.6%/7.4%}
.pd-ip-scr{position:relative;aspect-ratio:828/1792;overflow:hidden;background:#000;border-radius:13.6%/6.3%}
.pd-ip-scr::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.08) 0,rgba(255,255,255,0) 32%);pointer-events:none}
.pd-ip-isl{position:absolute;left:50%;top:2.2%;width:31%;height:3.1%;margin-left:-15.5%;background:#000;border-radius:40px;z-index:3;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.pd-ip-isl::after{content:"";position:absolute;right:12%;top:22%;height:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2c3550,#0a0c14 60%)}
.pd-ip-body .b{position:absolute;width:1.4%;border-radius:2px;background:linear-gradient(90deg,#7a3a17,#e08a52)}
.pd-ip-body .b1{left:-1.1%;top:16%;height:5.5%}
.pd-ip-body .b2{left:-1.1%;top:25%;height:9%}
.pd-ip-body .b3{left:-1.1%;top:36%;height:9%}
.pd-ip-body .b4{right:-1.1%;top:27%;height:13%;background:linear-gradient(270deg,#7a3a17,#e08a52)}
.pd-ip-body .b5{right:-1.1%;top:58%;height:8%;background:linear-gradient(270deg,#3a2a20,#6a4a38)}
/* motion */



.pd-anim.in-view .pd-mb-scr .s2{animation:pd-xf 14s ease-in-out infinite}
.pd-anim.in-view .pd-ip{animation:pd-float 7s ease-in-out infinite}
.pd-anim.in-view .pd-mb{animation:pd-float2 9s ease-in-out infinite}
@keyframes pd-bgz{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
@keyframes pd-xf{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@keyframes pd-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3%) rotate(.5deg)}}
@keyframes pd-float2{0%,100%{transform:translateY(0)}50%{transform:translateY(-1%)}}
@keyframes pd-txt{0%{opacity:0;clip-path:inset(0 0 100% 0);filter:brightness(2.2) blur(2px)}60%{opacity:1;filter:brightness(1.3) blur(0)}100%{opacity:1;clip-path:inset(0 0 0 0);filter:none}}
html.vid .pd-dev *{animation:none!important}
@media (prefers-reduced-motion:reduce){.pd-dev *{animation:none!important}}
@media (max-width:700px){.pd-dev{aspect-ratio:16/11.5}.pd-mb{width:84%;left:0}.pd-ip{width:28%;right:0}}
.pd-ip-scr .pd-ly{top:6.4%;bottom:auto;aspect-ratio:828/1792}
.pd-ip-scr .pd-ly img{object-position:50% 0}
.pd-ip-sb{position:absolute;left:0;right:0;top:0;height:6.4%;display:flex;align-items:center;justify-content:space-between;padding:0 11% 0 12%;font:600 clamp(6px,.75vw,11px)/1 -apple-system,"SF Pro Text",Inter,system-ui,sans-serif;color:#fff;z-index:2}
.pd-ip-sb span:last-child{display:flex;gap:3px;align-items:center}
.pd-ip-sb i{display:inline-block;background:#fff;border-radius:1px}
/* MacBook Air, thin bezels, black */
.pd-mb-lid{padding:1.1% 1.1% 1.6%;background:linear-gradient(180deg,#1d1f23,#0e0f12);border-radius:14px 14px 3px 3px;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 0 1px #000,0 40px 80px -30px rgba(0,0,0,.9)}
.pd-mb-scr{border-radius:6px 6px 2px 2px}
.pd-mb-notch{width:9%;height:2.4%;margin-left:-4.5%;top:1.1%;background:#0a0b0d;border-radius:0 0 6px 6px}
.pd-mb-base{padding-bottom:2.1%;margin:0 -5.5%;background:linear-gradient(180deg,#3a3d44 0,#25272c 40%,#121316 100%);border-radius:1px 1px 12px 12px;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 30px 50px -20px rgba(0,0,0,.95)}
.pd-mb-base i{width:14%;height:34%;margin-left:-7%;background:#1a1b1f;border-radius:0 0 8px 8px}
/* iPhone black */
.pd-ip-body{background:linear-gradient(135deg,#4a4c52 0%,#1c1d21 22%,#0b0b0d 48%,#1e1f23 74%,#55575d 100%);box-shadow:0 0 0 .6px rgba(255,255,255,.28) inset,0 0 0 1.6px rgba(0,0,0,.6),0 60px 80px -30px rgba(0,0,0,.95),0 0 70px rgba(223,240,74,.08)}
.pd-ip-body .b{background:linear-gradient(90deg,#1a1b1e,#5a5c62)}
.pd-ip-body .b4{background:linear-gradient(270deg,#1a1b1e,#5a5c62)}
.pd-ip-body .b5{background:linear-gradient(270deg,#0d0d0f,#3a3b40)}
@keyframes pd-txth{0%{filter:brightness(1)}35%{filter:brightness(1.55) drop-shadow(0 0 6px rgba(223,240,74,.45))}100%{filter:brightness(1)}}

.pd-cpic{overflow:hidden;background:#0b0b0e}
.pd-cpic .pd-cpo{transform-origin:50% 45%;animation:pd-cz 14s ease-in-out infinite alternate}
a.card:hover .pd-cpic .pd-cpo{transform:none}
@keyframes pd-cz{from{transform:scale(1.02)}to{transform:scale(1.12)}}
html.vid .pd-cpic .pd-cpo{animation:none}
@media (prefers-reduced-motion:reduce){.pd-cpic .pd-cpo{animation:none}}
.pd-scope{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(18px,2.5vw,28px)}
.pd-scope-l{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}
.pd-scope div{background:var(--bg);padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.pd-scope b{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.02em;line-height:1;color:#dff04a}
:root[data-site="light"] .pd-scope b{color:#6d7a00}
.pd-scope span{font-size:14px;line-height:1.45;color:var(--muted)}
.pd-role-in{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
@media (max-width:900px){.pd-role-in{grid-template-columns:1fr;gap:20px}.pd-role ul{grid-template-columns:1fr}.pd-role-t span{max-width:60ch}}
@media (max-width:900px){.pd-scope,.pd-scope-l{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.pd-scope,.pd-scope-l{grid-template-columns:1fr}}

.pd-ly.pz .full{opacity:0}.pd-ly.pz.done .full{opacity:1}
.pd-pcs{position:absolute;inset:0;pointer-events:none}
.pd-ly.pz:not(.run) .pd-pcs{visibility:hidden}
.pd-pc{position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fx),#000 calc(100% - var(--fx)),transparent),linear-gradient(transparent,#000 var(--fy),#000 calc(100% - var(--fy)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 var(--fx),#000 calc(100% - var(--fx)),transparent),linear-gradient(transparent,#000 var(--fy),#000 calc(100% - var(--fy)),transparent);mask-composite:intersect}
.pd-pc>b{position:absolute;inset:0;display:block;overflow:hidden}.pd-pc>b>i{position:absolute;display:block;background-size:100% 100%;background-repeat:no-repeat}
.pd-ly.run .pd-pc,.pd-ly.run .pd-pc>b{animation-delay:var(--d);animation-fill-mode:both}
.pd-ly.run .t-rise>b{animation-name:pd-p-rise;animation-duration:.95s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.pd-ly.run .t-line>b{animation-name:pd-p-line;animation-duration:.9s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.pd-ly.run .t-sweep,.pd-ly.run .t-glow{animation-name:pd-p-sweep;animation-duration:.8s;animation-timing-function:cubic-bezier(.77,0,.18,1)}
.pd-ly.run .t-sweep>b,.pd-ly.run .t-glow>b{animation-name:pd-p-sweepi;animation-duration:1s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.pd-ly.run .t-blur{animation-name:pd-p-blur;animation-duration:1.1s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.pd-ly.run .t-pop{animation-name:pd-p-pop;animation-duration:.55s;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}
.pd-ly.run .t-fade{animation-name:pd-p-fade;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.pd-ly.run .t-scan{animation-name:pd-p-scan;animation-duration:.7s;animation-timing-function:steps(9,end)}
@keyframes pd-p-rise{from{transform:translateY(102%)}to{transform:none}}
@keyframes pd-p-line{from{transform:translateY(55%);opacity:0;filter:blur(6px)}to{transform:none;opacity:1;filter:blur(0)}}
@keyframes pd-p-sweep{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pd-p-sweepi{from{transform:translateX(-3%)}to{transform:none}}
@keyframes pd-p-blur{from{opacity:0;filter:blur(14px);transform:scale(1.06)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes pd-p-pop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
@keyframes pd-p-fade{from{opacity:0;transform:translateY(12%)}to{opacity:1;transform:none}}
@keyframes pd-p-scan{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}

/* embed overrides */
html,body{background:transparent!important;margin:0!important;padding:0!important;overflow:hidden!important;min-height:0!important;cursor:auto!important}
.emb-anc{display:block!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;border:0!important;background:none!important;box-shadow:none!important;position:static!important;transform:none!important;animation:none!important;opacity:1!important;gap:0!important;overflow:visible!important}
.emb-target{margin:0!important}
.emb-target.kc-wrap{width:100%!important;min-width:0!important;max-width:100%!important}
.emb-card{border-bottom:0!important;border-radius:0!important}
.emb-nocap>figcaption{display:none!important}
html.emb{background:transparent!important;color-scheme:normal!important}
/* Ozon Bank cover */
.kc-wrap.koz-wrap,.kc.koz{background:#061033}
.koz .oz-bg{position:absolute;inset:0;background:radial-gradient(60% 70% at 72% 40%,#1f5cff 0%,#0b2a9e 40%,#061033 80%)}
.koz .oz-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:80px 80px}
.koz .oz-text{position:absolute;left:90px;top:200px;width:620px}
.koz .oz-logo{font:700 34px Onest,sans-serif;letter-spacing:-.01em}.koz .oz-logo b{color:#7fb0ff}
.koz .oz-h{margin-top:40px;font:800 78px/1.02 Onest,sans-serif;letter-spacing:-.03em}
.koz .oz-h span{background:linear-gradient(90deg,#9ec4ff,#3d7bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.koz .oz-sub{margin-top:30px;font:600 26px Manrope,sans-serif;color:rgba(255,255,255,.75)}
.koz .oz-phone{position:absolute;left:930px;top:90px;width:380px;height:780px;border-radius:60px;padding:14px;box-sizing:border-box;background:linear-gradient(145deg,#3a3c44,#0b0b0d 60%,#2c2e35);box-shadow:inset 0 0 0 2px #45474f,0 60px 120px -30px rgba(0,0,30,.8),0 0 120px -20px rgba(60,120,255,.6);transform:perspective(2000px) rotateY(-14deg) rotateX(5deg);animation:oz-float 8s ease-in-out infinite}
.koz .oz-island{position:absolute;left:50%;top:30px;width:110px;height:32px;margin-left:-55px;border-radius:20px;background:#000}
.koz .oz-scr{position:relative;width:100%;height:100%;border-radius:46px;overflow:hidden;background:#f2f4f8;color:#0b1533;font-family:Onest,sans-serif;padding:76px 22px 0;box-sizing:border-box}
.koz .oz-top{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:800}.koz .oz-top i{width:40px;height:40px;border-radius:50%;background:#005bff}
.koz .oz-bal{margin-top:20px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#005bff,#4d8dff);color:#fff;display:flex;flex-direction:column;gap:4px}
.koz .oz-bal small{font-size:15px;opacity:.8}.koz .oz-bal b{font-size:38px}.koz .oz-bal em{font-style:normal;font-size:15px;color:#c9ff6b;animation:oz-pulse 4s ease-in-out infinite}
.koz .oz-acts{margin-top:16px;display:flex;gap:10px}.koz .oz-acts span{flex:1;height:64px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:14px;font-weight:600}
.koz .oz-row{margin-top:12px;display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:#fff;opacity:0;animation:oz-in 9s ease-out infinite}
.koz .oz-row i{width:44px;height:44px;border-radius:14px;background:#e6eeff;flex-shrink:0}.koz .oz-row b{display:block;font-size:17px}.koz .oz-row small{font-size:13px;color:#6a7390}
.koz .r1{animation-delay:.3s}.koz .r2{animation-delay:.6s}.koz .r3{animation-delay:.9s}
.koz .oz-qr{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;font-size:28px;opacity:0;animation:oz-qr 9s ease-in-out infinite}
.koz .oz-qrc{width:200px;height:200px;border-radius:24px;background:repeating-conic-gradient(#0b1533 0 25%,#fff 0 50%) 0 0/40px 40px;box-shadow:0 0 0 12px #e6eeff}
.koz .oz-qr b{color:#1b9a4b}
.koz .oz-card{position:absolute;left:1190px;top:470px;animation:oz-card 7s ease-in-out infinite}
.koz .oz-cardi{position:relative;width:380px;height:240px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#0047e0,#6aa2ff 55%,#0a2a9e);box-shadow:0 50px 90px -20px rgba(0,10,60,.8);transform:rotate(-12deg);font-family:Onest,sans-serif}
.koz .oz-chip{position:absolute;left:30px;top:80px;width:56px;height:42px;border-radius:9px;background:linear-gradient(135deg,#ffe8a3,#c9a24a)}
.koz .oz-cl{position:absolute;left:30px;top:26px;font-size:24px;font-weight:800}.koz .oz-cn{position:absolute;left:30px;bottom:30px;font-size:22px;letter-spacing:.1em}
.koz .oz-mir{position:absolute;right:30px;bottom:26px;font-size:30px;font-weight:800;font-style:italic}
.koz .oz-shine{position:absolute;top:0;bottom:0;width:120px;left:-160px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:oz-shine 5s ease-in-out infinite}
@keyframes oz-float{0%,100%{transform:perspective(2000px) rotateY(-14deg) rotateX(5deg) translateY(0)}50%{transform:perspective(2000px) rotateY(-10deg) rotateX(3deg) translateY(-18px)}}
@keyframes oz-card{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(4deg)}}
@keyframes oz-shine{0%,60%{left:-160px}100%{left:460px}}
@keyframes oz-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes oz-in{0%{opacity:0;transform:translateY(16px)}8%,62%{opacity:1;transform:translateY(0)}70%,100%{opacity:1}}
@keyframes oz-qr{0%,64%{opacity:0;transform:scale(1.04)}70%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}