:root{
  /* ══════════════════════════════════════════════════════════
     BunnySplit brand v1 — сдержанный премиум-тёмный.
     База: ink/graphite. Один акцент: бирюза #19E3D6.
     Тёплый reward: морковный #F97316 (токены/маскот/awards).
     Имена legacy-переменных (--cyan/--magenta/--grad-*/--accent2)
     СОХРАНЕНЫ как алиасы → prompts/account/share наследуют бренд,
     ничего не ломая. cyan→бирюза, magenta→приглушённый графит-аналог.
     ══════════════════════════════════════════════════════════ */
  /* ── фирменная палитра ── */
  --ink:#0A0A0B; --graphite:#1C1C20; --paper:#F7F7F5; --muted:#8A8A8F;
  --accent:#19E3D6; --accent-h:#3DEEE2; --accent-ink:#062b29; --carrot:#F97316;
  /* ── ФОН: ink-база ── */
  --bg:#0A0A0B; --bg2:#0F0F11; --bg3:#08080A;
  --surface:rgba(28,28,32,.55); --surface2:rgba(38,38,44,.62); --surface-solid:#121214;
  /* ── ГРАНИЦЫ: тонкие графитовые + бирюзовый только на акценте ── */
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14); --line-neon:rgba(25,227,214,.45);
  /* ── ТЕКСТ ── */
  --txt:#E9E9EC; --mut:#A2A2A8; --dim:#7A7A80;
  /* ── АКЦЕНТ (одинарный, бирюза) ── */
  --cyan:var(--accent); --magenta:var(--carrot);
  --accent-soft:rgba(25,227,214,.10); --accent-ring:rgba(25,227,214,.55);
  /* ── СВЕЧЕНИЯ (сдержанные — премиум, не неон) ── */
  --glow-blue:0 0 18px rgba(25,227,214,.28); --glow-cyan:0 0 20px rgba(25,227,214,.30); --glow-magenta:0 0 18px rgba(249,115,22,.26);
  /* ── ГРАДИЕНТЫ: монотон-бирюза вместо радуги ── */
  --grad-a:#19E3D6; --grad-b:#19E3D6; --grad-c:#3DEEE2;
  --grad-neon:linear-gradient(100deg,var(--accent),var(--accent-h));
  /* семантика */
  --ok:#34d399; --warn:#fbbf24; --err:#fb7185;
  --radius:18px; --radius-sm:12px; --maxw:1180px;
  --ease:cubic-bezier(.16,1,.3,1);
  /* алиасы обратной совместимости (article.css/prompts/account/share) */
  --panel:var(--surface-solid); --accent2:var(--carrot);
  font-synthesis:none;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--txt); position:relative;
  font-family:Onest,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
/* ── ФОН: тонкий графитовый грид + сдержанное бирюзовое свечение сверху ── */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask:radial-gradient(ellipse 85% 60% at 50% 0%,#000 38%,transparent 82%);
          mask:radial-gradient(ellipse 85% 60% at 50% 0%,#000 38%,transparent 82%);
  animation:gridDrift 24s linear infinite}
body::after{content:"";position:fixed;inset:-20%;z-index:-3;pointer-events:none;filter:blur(80px);
  background:
    radial-gradient(40% 40% at 50% 0%,rgba(25,227,214,.10),transparent 72%),
    radial-gradient(34% 34% at 84% 30%,rgba(25,227,214,.05),transparent 70%),
    radial-gradient(36% 36% at 60% 92%,rgba(249,115,22,.05),transparent 72%);
  animation:aurora 30s ease-in-out infinite alternate}
@keyframes gridDrift{to{background-position:0 48px,48px 0}}
@keyframes aurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.08)}100%{transform:translate3d(-2%,1%,0) scale(1.04)}}

a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Onest",Inter,system-ui,sans-serif;line-height:1.15;letter-spacing:-.02em}
.grad{background:var(--grad-neon);-webkit-background-clip:text;background-clip:text;color:transparent}
/* числа/моноспейс: бренд без JetBrains — Space Grotesk c табличными цифрами */
.mono{font-family:"Onest",ui-monospace,monospace;font-variant-numeric:tabular-nums}

/* ── icons ── */
.ico{display:inline-grid;place-items:center;color:var(--cyan);line-height:0}
.ico svg{width:24px;height:24px;stroke-width:1.75}
.ico-sm svg{width:18px;height:18px}

/* ── buttons (glow-aura) ── */
.btn{display:inline-flex;align-items:center;gap:.45em;border:0;cursor:pointer;
  font:inherit;font-weight:700;border-radius:var(--radius-sm);padding:.7em 1.25em;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .2s}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}
.btn-primary{background:var(--accent);color:var(--accent-ink);
  box-shadow:0 8px 24px -12px rgba(25,227,214,.6)}
.btn-primary:hover{transform:translateY(-2px);background:var(--accent-h);box-shadow:var(--glow-cyan),0 12px 30px -12px rgba(25,227,214,.7)}
.btn-primary:active{transform:translateY(0) scale(.98)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--txt);border:1px solid var(--line2);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:var(--line-neon);box-shadow:0 0 16px -8px rgba(25,227,214,.4)}
.btn-lg{padding:.85em 1.6em;font-size:1.05rem}

/* ── nav ── */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:2rem;
  max-width:var(--maxw);margin:0 auto;padding:1rem 1.5rem;backdrop-filter:blur(12px)}
.nav::before{content:"";position:fixed;inset:0 0 auto 0;height:68px;background:rgba(10,10,11,.78);z-index:-1;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.5rem;font-family:"Unbounded",sans-serif;font-weight:400;font-size:1.12rem;letter-spacing:-.03em}
.brand .dot{color:var(--accent)}
.logo{display:grid;place-items:center;width:28px;height:28px;line-height:0}
.logo svg{width:28px;height:28px;display:block}
.nav-links{display:flex;gap:1.4rem;margin-left:auto;font-size:.94rem;color:var(--mut)}
.nav-links a{padding:.2em .1em;border-radius:6px;transition:.2s}
.nav-links a:hover{color:var(--accent)}
.nav-links a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}

/* ── hero ── */
.hero{max-width:var(--maxw);margin:0 auto;padding:4rem 1.5rem 2.5rem;
  display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center;min-height:74vh}
.badge{display:inline-block;font-family:"Onest",monospace;font-size:.72rem;font-weight:600;color:var(--accent);
  text-transform:uppercase;letter-spacing:.18em;background:var(--accent-soft);border:1px solid var(--line-neon);
  padding:.5em .9em;border-radius:999px;margin-bottom:1.2rem;box-shadow:0 0 0 0 rgba(25,227,214,0);animation:pulse 3.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(25,227,214,0)}50%{box-shadow:0 0 14px 1px rgba(25,227,214,.28)}}
.hero h1{font-family:"Onest",Inter,sans-serif;font-size:clamp(2.2rem,4.6vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-bottom:1.1rem}
.hero h1 .grad{color:var(--accent);-webkit-background-clip:initial;background-clip:initial;background:none}
@keyframes shimmer{to{background-position:-220% 0}}
.lead{font-size:1.18rem;color:var(--mut);max-width:38ch;margin-bottom:1.7rem;line-height:1.55}
.lead b{color:var(--txt)}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.5rem}
.trust{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.86rem;color:var(--mut)}
.trust span{display:inline-flex;align-items:center;gap:.35em}
.trust .ico{color:var(--ok)}

/* ── hero 3d: голограмма ── */
.hero-3d{position:relative;perspective:1200px}
.hero-3d::after{content:"";position:absolute;inset:-14% -10%;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(25,227,214,.18),rgba(249,115,22,.07),transparent 72%);
  filter:blur(12px);animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.8}50%{opacity:1}}
.hud{position:relative;border:1px solid var(--line);border-radius:var(--radius);
  background:rgba(18,18,20,.4);backdrop-filter:blur(6px);overflow:hidden;transition:transform .2s var(--ease)}
.hud::before,.hud::after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--cyan);opacity:.7;z-index:4}
.hud::before{top:10px;left:10px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.hud::after{bottom:10px;right:10px;border-left:0;border-top:0;border-radius:0 0 6px 0}
.scan{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:repeating-linear-gradient(transparent 0 3px,rgba(25,227,214,.04) 3px 4px)}
.scan::after{content:"";position:absolute;left:0;right:0;height:120px;
  background:linear-gradient(transparent,rgba(25,227,214,.12),transparent);animation:scanline 4.5s linear infinite}
@keyframes scanline{0%{transform:translateY(-130px)}100%{transform:translateY(560px)}}
.hero-platform{position:absolute;left:50%;bottom:5%;z-index:1;width:62%;height:56px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(25,227,214,.45),rgba(25,227,214,.14),transparent 75%);
  filter:blur(10px);border-radius:50%;animation:platform 5s ease-in-out infinite}
@keyframes platform{0%,100%{opacity:.7;transform:translateX(-50%) scaleX(1)}50%{opacity:1;transform:translateX(-50%) scaleX(1.06)}}
model-viewer{width:100%;height:480px;--poster-color:transparent;background:transparent;border-radius:var(--radius);position:relative;z-index:2}
.hero-3d model-viewer{height:520px}
.mv-progress{display:none}
.ba-toggle{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;
  display:flex;gap:.25rem;background:rgba(14,14,16,.85);border:1px solid var(--line2);
  border-radius:999px;padding:.25rem;backdrop-filter:blur(8px)}
.ba-btn{border:0;background:transparent;color:var(--mut);font:inherit;font-weight:600;font-size:.85rem;padding:.4em 1em;border-radius:999px;cursor:pointer;transition:.15s}
.ba-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}
.ba-btn.active{background:var(--accent);color:var(--accent-ink);box-shadow:var(--glow-cyan)}
.hero-3d-hint{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:5;display:inline-flex;align-items:center;gap:.4em;font-size:.78rem;color:var(--dim);pointer-events:none}

/* ── logos strip ── */
.logos{max-width:var(--maxw);margin:1rem auto 0;padding:1.4rem 1.5rem;
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;justify-content:center;color:var(--mut);font-size:.92rem;border-top:1px solid var(--line)}
.logos b{color:var(--mut);font-weight:600}
.logos i{color:var(--line2)}
.logos span{margin-right:.4rem;font-family:"Onest",monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--dim)}

/* ── sections ── */
.section{max-width:var(--maxw);margin:0 auto;padding:5.5rem 1.5rem}
.section.alt{background:var(--bg2);max-width:none;border-block:1px solid var(--line)}
.section.alt>*{max-width:var(--maxw);margin-left:auto;margin-right:auto}
.section h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.02em;text-align:center;margin-bottom:.5rem}
.section h2 .grad{filter:drop-shadow(0 0 16px rgba(25,227,214,.28))}
.section-sub{text-align:center;color:var(--mut);margin-bottom:3rem}

/* ── glass cards (общая база) ── */
.step-card,.why-card,.tier,.gal-item,.faq-item{
  background:var(--surface);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);
  border:1px solid var(--line);border-radius:var(--radius);position:relative;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 20px 40px -24px rgba(0,0,0,.8);
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.step-card:hover,.why-card:hover,.gal-item:hover{transform:translateY(-4px);border-color:var(--line2);
  box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 24px 50px -22px rgba(0,0,0,.85),0 0 40px -8px rgba(25,227,214,.30)}
.why-card:hover::before,.step-card:hover::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:var(--grad-neon);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.step-card{padding:1.7rem}
.step-n{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:1.05rem;
  font-family:"Onest",monospace;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line-neon);margin-bottom:1.1rem;box-shadow:0 0 12px -6px rgba(25,227,214,.4)}
.step-card h3{font-size:1.18rem;margin-bottom:.45rem}
.step-card p{color:var(--mut);font-size:.96rem}

.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.why-card{padding:1.6rem}
.why-card .ico{margin-bottom:.9rem;filter:drop-shadow(0 0 10px rgba(25,227,214,.45))}
.why-card h3{font-size:1.06rem;margin-bottom:.4rem}
.why-card p{color:var(--mut);font-size:.92rem}

/* ── gallery (голо-капсулы) ── */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.gal-item{overflow:hidden}
.gal-item model-viewer{height:300px}
.gal-item figcaption{padding:.9rem 1.1rem;color:var(--mut);font-size:.9rem;border-top:1px solid var(--line)}

/* ── pricing ── */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;align-items:start}
.tier{padding:1.9rem}
.tier:hover{transform:translateY(-4px);border-color:var(--line2)}
.tier.featured{border-color:transparent;box-shadow:0 0 0 1px var(--line-neon),0 24px 60px -26px rgba(25,227,214,.45),0 0 50px -14px rgba(249,115,22,.20)}
.tier.featured::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad-neon);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none}
.tier-tag{position:absolute;top:-11px;left:1.9rem;background:var(--accent);color:var(--accent-ink);font-size:.74rem;font-weight:700;padding:.2em .8em;border-radius:999px;box-shadow:var(--glow-cyan)}
.tier h3{font-size:1.3rem;margin-bottom:.3rem}
.price{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:1rem;font-family:"Onest",monospace;font-variant-numeric:tabular-nums}
.tier ul{list-style:none;margin-bottom:1.5rem;display:grid;gap:.6rem}
.tier li{color:var(--mut);font-size:.94rem;padding-left:1.6em;position:relative}
.tier li::before{content:"";position:absolute;left:0;top:.35em;width:14px;height:14px;background:var(--cyan);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.tier .btn{width:100%;justify-content:center}

/* ── compare table ── */
.compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(16px)}
.compare{width:100%;border-collapse:collapse;font-size:.98rem}
.compare th,.compare td{padding:.95em 1.2em;text-align:left;border-bottom:1px solid var(--line);color:var(--mut)}
.compare thead th{background:rgba(28,28,32,.6);color:var(--txt);font-weight:600}
.compare th.us,.compare td.us{background:var(--accent-soft);color:var(--txt);font-weight:600}
.compare tbody tr:last-child td{border-bottom:0}

/* ── faq ── */
.faq{max-width:760px;margin:0 auto;display:grid;gap:.7rem}
.faq-item{padding:0 1.3rem}
.faq-item[open]{border-color:var(--line2);box-shadow:0 0 30px -10px rgba(25,227,214,.28)}
.faq-item summary{cursor:pointer;list-style:none;padding:1.15rem 0;font-weight:600;color:var(--txt);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--cyan);font-weight:400;font-size:1.4rem;line-height:1;transition:.2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring);border-radius:8px}
.faq-item p{color:var(--mut);padding:0 0 1.15rem;font-size:.96rem;line-height:1.6}

/* ── final cta ── */
.final-cta{text-align:center;padding:6.5rem 1.5rem;background:radial-gradient(closest-side,rgba(25,227,214,.12),transparent 70%)}
.final-cta h2{font-family:"Onest",Inter,sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;max-width:26ch;margin:0 auto 1.7rem;letter-spacing:-.03em}

/* ── footer ── */
.footer{max-width:var(--maxw);margin:0 auto;padding:2.6rem 1.5rem;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;color:var(--dim);font-size:.88rem}
.foot-links{display:flex;gap:1.2rem;flex-wrap:wrap}
.foot-links a:hover{color:var(--cyan)}

/* ── scroll-reveal (усиленный) ── */
.reveal{opacity:0;transform:translateY(28px) scale(.98);filter:blur(6px);
  transition:opacity .6s var(--ease),transform .6s var(--ease),filter .6s var(--ease)}
.reveal.in{opacity:1;transform:none;filter:none}

/* ── responsive ── */
@media(max-width:880px){
  .hero{grid-template-columns:1fr;padding-top:2rem}
  .hero-3d{order:-1}
  .hero-3d model-viewer{height:380px}
  .nav-links{display:none}
  .steps,.why-grid,.gallery,.tiers{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.why-grid{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════════
   ★ KLIKKO — маскот-заяц по эмоциональным точкам ★
   Парит мягко, бросает тёплую тень. Рабочий 3D-вьюпорт не трогаем.
   ══════════════════════════════════════════════════════════ */
@keyframes klikkoFloat{0%,100%{transform:translateY(0) rotate(var(--kr,0deg))}50%{transform:translateY(-11px) rotate(var(--kr,0deg))}}
.klikko{display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.45));animation:klikkoFloat 5.5s var(--ease) infinite}
.klikko.slow{animation-duration:7s}
.klikko.delay{animation-delay:-2.6s}

/* hero — заяц машет из-за платформы */
.hero-3d{overflow:visible}
.hero-klikko{position:absolute;left:-6px;bottom:-6px;width:clamp(96px,12vw,150px);z-index:6;--kr:-4deg}

/* речь-облачко в голосе Klikko */
.klikko-bubble{position:absolute;z-index:7;background:var(--surface-solid);border:1px solid var(--line2);
  border-radius:14px;padding:.5rem .8rem;font-size:.84rem;color:var(--txt);font-weight:500;
  box-shadow:0 14px 30px rgba(0,0,0,.4);max-width:15rem;line-height:1.35}
.klikko-bubble b{color:var(--accent);font-weight:700}
.hero-bubble{left:92px;bottom:104px}
.hero-bubble::after{content:"";position:absolute;left:-6px;bottom:18px;width:12px;height:12px;
  background:inherit;border-left:1px solid var(--line2);border-top:1px solid var(--line2);transform:rotate(45deg)}

/* карточки-шаги — мелкий заяц в углу, выглядывает при наведении */
.step-card{overflow:visible}
.step-klikko{position:absolute;top:-26px;right:-8px;width:62px;z-index:3;--kr:6deg;
  opacity:.9;transition:transform .35s var(--ease),opacity .35s var(--ease)}
.step-card:hover .step-klikko{opacity:1;transform:translateY(-4px) scale(1.06)}

/* секции — заяц подглядывает с края */
.section{position:relative}
.sec-klikko{position:absolute;z-index:4;width:clamp(78px,9vw,124px);opacity:.96}
.sec-klikko.right{right:2%;top:-26px;--kr:5deg}
.sec-klikko.left{left:1%;bottom:8px;--kr:-6deg}

/* финальный CTA — крупный герой-заяц с морковкой */
.final-cta{position:relative;overflow:hidden}
.final-cta .cta-ghost{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);
  width:clamp(150px,20vw,230px);z-index:1;opacity:.16;filter:drop-shadow(0 0 40px rgba(25,227,214,.25));animation:none}
.final-cta>*{position:relative;z-index:2}
.cta-row{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,3rem);flex-wrap:wrap;margin-top:.4rem}
.cta-klikko{width:clamp(120px,16vw,185px);--kr:3deg}

/* footer — заяц прикорнул */
.foot-klikko{width:64px;opacity:.92;margin:0 auto .3rem;animation:klikkoFloat 7s var(--ease) infinite}

@media(max-width:880px){
  .hero-klikko{width:88px;left:0;bottom:0}
  .hero-bubble{display:none}
  .sec-klikko{width:62px;opacity:.85}
  .sec-klikko.right{top:-12px}
}
@media(prefers-reduced-motion:reduce){
  body::before,body::after,.badge,.hero h1 .grad,.hero-3d::after,.hero-platform,.scan::after{animation:none!important}
  .hero h1 .grad{background-position:0 0}
  .reveal{opacity:1;transform:none;filter:none;transition:none}
  model-viewer{--auto-rotate:none}
  .klikko,.foot-klikko{animation:none!important}
}