/* ============ yumefleet.com — styles ============ */
:root{
  --yellow:#F0B100; --yellow-deep:#D99E00; --yellow-soft:#FFF1C4; --yellow-tint:#FFF8E1;
  --ink:#0D0D0D; --ink-2:#181818; --muted:#727272; --faint:#A3A3A3; --line:#E3E3E3; --line-2:#EDEDED;
  --bg:#FAFAFA; --card:#FFFFFF; --dark:#0D0D0D; --dark-2:#161616; --dark-3:#222222; --on-dark:#F5F5F5; --on-dark-muted:#A8A8A8; --line-dark:rgba(255,255,255,.1);
  --ok:#1F9D5B; --ok-soft:#E4F5EB; --bad:#D6453D; --bad-soft:#FCE9E8; --warn:#D99E00;
  --font:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:12px; --r-lg:20px; --r-sm:8px;
  --shadow:0 24px 60px -28px rgba(13,13,13,.28);
  --ease:cubic-bezier(.22,1,.36,1);
  --wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"ss01","cv11"}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{margin:0;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;font-weight:700}
h1{font-size:clamp(40px,5.6vw,72px);font-weight:800;letter-spacing:-.035em}
h2{font-size:clamp(30px,3.8vw,48px);font-weight:800;letter-spacing:-.03em}
h3{font-size:20px}
p{margin:0}
.wrap{width:min(var(--wrap),calc(100% - 48px));margin:0 auto}
.section{padding:clamp(72px,9vw,120px) 0}
.section--card{background:var(--card)}
.section--dark{background:var(--dark);color:var(--on-dark)}
.section--yellow{background:var(--yellow);color:var(--ink)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.eyebrow::before{content:"";width:22px;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 18'%3E%3Cpath d='M6 0l9 0-3 9-9 0z m18 0l9 0-3 9-9 0z m-12 9l9 0-3 9-9 0z m18 0l9 0-3 9-9 0z' fill='%23F0B100'/%3E%3C/svg%3E") no-repeat center/contain}
.section--dark .eyebrow{color:var(--on-dark-muted)}
.lead{font-size:clamp(16px,1.3vw,19px);color:var(--muted);max-width:58ch;line-height:1.55}
.section--dark .lead{color:var(--on-dark-muted)}
.hl{background:linear-gradient(transparent 12%,var(--yellow) 12%,var(--yellow) 88%,transparent 88%);padding:0 .12em;margin:0 -.04em;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.section--dark .hl{color:var(--ink)}
.sec-head{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.sec-head--center{grid-template-columns:1fr;text-align:center;justify-items:center}
.sec-head--center .lead{margin-top:16px;text-align:center;margin-left:auto;margin-right:auto}
@media (max-width:860px){.sec-head{grid-template-columns:1fr;gap:14px}}

/* buttons */
.btn{--bg:var(--ink);--fg:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:12px;background:var(--bg);color:var(--fg);font-weight:600;font-size:15px;line-height:1;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s;white-space:nowrap;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;background:radial-gradient(140px 140px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.22),transparent 60%);opacity:0;transition:opacity .3s;z-index:-1}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(13,13,13,.6)}
.btn:hover::after{opacity:1}
.btn:active{transform:translateY(0) scale(.98)}
.btn--yellow{--bg:var(--yellow);--fg:var(--ink)}
.btn--yellow:hover{box-shadow:0 16px 30px -12px rgba(240,177,0,.7)}
.btn--yellow::after{background:radial-gradient(140px 140px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.5),transparent 60%)}
.btn--ghost{--bg:transparent;--fg:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--ink),0 10px 24px -14px rgba(13,13,13,.3)}
.btn--on-dark{--bg:transparent;--fg:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.btn--on-dark:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.btn--light{--bg:#fff;--fg:var(--ink)}
.btn--sm{padding:11px 16px;font-size:14px;border-radius:10px}
.btn--lg{padding:18px 30px;font-size:16px;border-radius:14px}
.btn svg{width:18px;height:18px;flex:none}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);border-bottom:2px solid var(--yellow);padding-bottom:1px}
.link svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.link:hover svg{transform:translateX(4px)}

/* ============ NAV ============ */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .35s,box-shadow .35s}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.nav.is-scrolled{background:rgba(250,250,250,.86);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);box-shadow:0 1px 0 var(--line)}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:22px;letter-spacing:-.03em;color:var(--ink)}
.logo i{width:34px;height:34px;border-radius:9px;background:var(--yellow);display:grid;place-items:center;flex:none}
.logo i svg{width:24px;height:auto}
.logo span b{font-weight:700}
.logo span em{font-style:normal;font-weight:400;color:var(--muted);margin-left:5px}
.logo--dark{color:#fff}.logo--dark span em{color:var(--on-dark-muted)}
.nav__menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav__menu a{display:inline-flex;align-items:center;padding:9px 13px;border-radius:9px;font-size:15px;font-weight:500;color:var(--ink);opacity:.8;transition:opacity .2s,background .2s}
.nav__menu a:hover{opacity:1;background:rgba(13,13,13,.06)}
.nav__actions{display:flex;gap:8px;align-items:center}
.nav__login{padding:10px 14px;font-weight:500;font-size:15px;opacity:.8}
.nav__login:hover{opacity:1}
.nav__burger{display:none;width:44px;height:44px;border-radius:10px;place-items:center;color:var(--ink)}
.nav__burger span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:.3s}
.nav__burger span::before,.nav__burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:2px;transition:.3s}
.nav__burger span::before{top:-6px}.nav__burger span::after{top:6px}
.nav.is-open .nav__burger span{background:transparent}
.nav.is-open .nav__burger span::before{top:0;transform:rotate(45deg)}
.nav.is-open .nav__burger span::after{top:0;transform:rotate(-45deg)}
.nav__menu .nav__cta-m{display:none}
@media (max-width:1180px){.nav__menu a{padding:9px 9px;font-size:14px}}
@media (max-width:1040px){
  .nav__menu,.nav__login,.nav .btn{display:none}
  .nav__burger{display:grid}
  .nav.is-open{background:var(--bg)}
  .nav.is-open .nav__menu{display:flex;flex-direction:column;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:12px 24px 24px;gap:4px;box-shadow:0 30px 40px -20px rgba(0,0,0,.2);border-top:1px solid var(--line)}
  .nav.is-open .nav__menu a{font-size:18px;padding:12px 8px;opacity:1}
  .nav.is-open .nav__cta-m{display:inline-flex;background:var(--yellow);border-radius:12px;justify-content:center;margin-top:8px;font-weight:600}
}

/* ============ HERO ============ */
.hero{position:relative;padding:150px 0 0;overflow:hidden;background:var(--bg)}
.hero__checks{position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M0 0h24v24H0zM24 24h24v24H24z' fill='%230D0D0D' fill-opacity='.035'/%3E%3C/svg%3E");
  mask-image:radial-gradient(60% 50% at 50% 0%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(60% 50% at 50% 0%,#000 20%,transparent 70%)}
.hero .wrap{position:relative;z-index:1}
.hero__inner{max-width:860px;margin:0 auto;text-align:center}
.hero__pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--muted);margin-bottom:26px}
.hero__pill b{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:700;font-size:11px;letter-spacing:.06em}
.hero h1{opacity:0;animation:fade .9s var(--ease) .1s forwards;font-size:clamp(34px,4.2vw,58px);max-width:24ch;margin-inline:auto}
.hero .lead{margin:26px auto 0;max-width:62ch;opacity:0;animation:fade .8s var(--ease) .45s forwards}
.hero__ctas{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap;opacity:0;animation:fade .8s var(--ease) .65s forwards}
.hero__trust{display:flex;gap:22px;justify-content:center;margin-top:22px;font-size:14px;color:var(--muted);flex-wrap:wrap;opacity:0;animation:fade .8s var(--ease) .85s forwards}
.hero__trust span{display:inline-flex;align-items:center;gap:7px}
.hero__trust svg{width:15px;height:15px;color:var(--ok)}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero__stage{position:relative;margin:64px auto 0;max-width:1140px}
.hero__frame{position:relative;border-radius:18px 18px 0 0;background:var(--ink);padding:10px 10px 0;box-shadow:0 -10px 80px -30px rgba(240,177,0,.55),0 40px 80px -40px rgba(13,13,13,.5);opacity:0;animation:stage 1.1s var(--ease) .5s forwards}
@keyframes stage{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
.hero__frame img{border-radius:10px 10px 0 0;width:100%}
.hero__fade{position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.float{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 30px 60px -20px rgba(0,0,0,.35);border:1px solid var(--line);font-size:13px;line-height:1.3;opacity:0;transform:translateY(16px) scale(.96);animation:pop .8s var(--ease) forwards;font-variant-numeric:tabular-nums}
.float b{display:block;font-weight:700;font-size:14px}
.float i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;font-style:normal}
.float i svg{width:20px;height:20px}
.float--1{left:-28px;top:18%;animation-delay:1.4s}.float--1 i{background:var(--bad-soft);color:var(--bad)}
.float--2{right:-24px;top:9%;animation-delay:1.8s}.float--2 i{background:var(--yellow-soft);color:var(--yellow-deep)}
.float--3{right:5%;bottom:26%;animation-delay:2.2s}.float--3 i{background:var(--ok-soft);color:var(--ok)}
.float.is-live{animation:pop .8s var(--ease) forwards,bob 6s ease-in-out infinite 2.4s}
@keyframes pop{to{opacity:1;transform:none}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media (max-width:760px){.float{display:none}.hero{padding-top:120px}}

/* ============ TICKER (metrics) ============ */
.metrics{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metrics .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.metric{padding:28px 28px 28px 0;border-right:1px solid var(--line)}
.metric+.metric{padding-left:28px}
.metric:last-child{border-right:0}
.metric b{display:block;font-size:clamp(22px,2.1vw,28px);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:8px;font-variant-numeric:tabular-nums}
.metric span{color:var(--muted);font-size:14px}
@media (max-width:900px){.metrics .wrap{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.metric:nth-child(3){padding-left:0}}
@media (max-width:520px){.metrics .wrap{grid-template-columns:1fr}.metric{border-right:0;padding:20px 0;border-top:1px solid var(--line)}.metric:first-child{border-top:0}.metric+.metric{padding-left:0}}

/* ============ PAINS ============ */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pain{position:relative;padding:30px 28px 28px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);display:grid;gap:14px;align-content:start;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.pain:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.pain small{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--yellow-deep)}
.pain h3{font-size:22px;letter-spacing:-.02em}
.pain p{color:var(--muted);font-size:15px}
.pain__num{position:absolute;right:18px;bottom:-18px;font-size:88px;font-weight:800;letter-spacing:-.06em;color:var(--yellow-soft);line-height:1;pointer-events:none;z-index:0}
.pain>*:not(.pain__num){position:relative;z-index:1}
.pain{padding-bottom:56px}
@media (max-width:900px){.pains{grid-template-columns:1fr}}

/* ============ BEFORE / AFTER ============ */
.shift{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.shift__row{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;border-top:1px solid var(--line)}
.shift__row:first-child{border-top:0;background:var(--bg)}
.shift__row:first-child div{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:14px 24px}
.shift__was,.shift__now{padding:22px 24px;font-size:16px}
.shift__was{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(13,13,13,.25);text-decoration-thickness:1px}
.shift__now{font-weight:600}
.shift__arr{display:grid;place-items:center;color:var(--yellow-deep)}
.shift__arr svg{width:22px;height:22px}
@media (max-width:760px){.shift__row{grid-template-columns:1fr}.shift__arr{display:none}.shift__was{padding-bottom:6px}.shift__now{padding-top:0}.shift__row:first-child div:nth-child(n+2){display:none}}

/* ============ TOOLS (3) ============ */
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tool{padding:30px 28px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);display:grid;gap:14px;align-content:start;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.tool:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.tool i{width:52px;height:52px;border-radius:14px;background:var(--yellow);display:grid;place-items:center;color:var(--ink);transition:transform .5s var(--ease)}
.tool:hover i{transform:rotate(-6deg) scale(1.06)}
.tool i svg{width:26px;height:26px}
.tool h3{font-size:22px}
.tool p{color:var(--muted);font-size:15px}
.tool ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px}
.tool li{display:flex;gap:8px;align-items:flex-start}
.tool li svg{width:16px;height:16px;color:var(--yellow-deep);flex:none;margin-top:2px}
@media (max-width:900px){.tools{grid-template-columns:1fr}}

/* ============ FEATURES (tabs, dark) ============ */
.feat{display:grid;grid-template-columns:400px 1fr;gap:48px;align-items:start}
.tabs{display:flex;flex-direction:column;gap:6px}
.tab{position:relative;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:18px;border-radius:var(--r);text-align:left;transition:background .3s;overflow:hidden;color:var(--on-dark)}
.tab svg{width:24px;height:24px;color:var(--yellow);margin-top:2px}
.tab h3{font-size:17px;margin-bottom:4px}
.tab p{font-size:14px;color:var(--on-dark-muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}
.tab.is-active{background:var(--dark-2);box-shadow:inset 0 0 0 1px var(--line-dark)}
.tab.is-active p{max-height:140px;opacity:1}
.tab__bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--yellow);transform:scaleY(0);transform-origin:top;border-radius:0 3px 3px 0}
.tab.is-active .tab__bar{transform:scaleY(1);transition:transform 6s linear}
.feat__stage{position:sticky;top:110px;border-radius:var(--r-lg);background:var(--dark-2);border:1px solid var(--line-dark);min-height:520px;overflow:hidden}
.pane{position:absolute;inset:0;padding:28px;display:grid;align-content:start;gap:16px;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .7s var(--ease);pointer-events:none}
.pane.is-active{opacity:1;transform:none;pointer-events:auto}
.pane__shot{border-radius:12px;overflow:hidden;border:1px solid var(--line-dark);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.pane__shot img{width:100%}
.pane__cap{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--on-dark-muted)}
.pane__cap b{color:#fff;font-weight:600}
.pane__cap .dot{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(240,177,0,.2)}
@media (max-width:980px){.feat{grid-template-columns:1fr}.feat__stage{position:relative;top:0;min-height:0}.pane{position:relative;display:none}.pane.is-active{display:grid}.tab p{max-height:none;opacity:1}}

/* ============ DEBT LIVE (demo) ============ */
.debt{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.debt__list{display:grid;gap:14px;margin:28px 0 32px;padding:0;list-style:none}
.debt__list li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.debt__list svg{width:20px;height:20px;color:var(--yellow-deep);flex:none;margin-top:1px}
.ledger{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.ledger__head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-size:14px}
.ledger__head b{font-weight:600}
.ledger__head span{color:var(--muted);display:inline-flex;gap:6px;align-items:center;font-size:12px}
.ledger__head span i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,157,91,.5)}100%{box-shadow:0 0 0 10px rgba(31,157,91,0)}}
.ledger table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.ledger th{text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 20px;background:var(--bg)}
.ledger td{padding:13px 20px;border-top:1px solid var(--line-2)}
.ledger td b{font-weight:600}
.ledger td small{display:block;color:var(--muted);font-size:12px}
.plate{display:inline-flex;align-items:center;white-space:nowrap;border:1.5px solid #111827;border-radius:3px;background:#fff;color:#111827;font-weight:700;font-size:12px;letter-spacing:.04em;line-height:1;height:28px;padding:0 8px 0 0;font-variant-numeric:tabular-nums}
.plate::before{content:"";flex:none;width:22px;height:18px;margin:0 6px 0 3px;border-right:1px solid #111827;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 18'><rect x='3' y='1' width='14' height='8' rx='1' fill='%2300afca'/><circle cx='10' cy='5' r='2.4' fill='%23F5C84B'/><text x='10' y='16.5' text-anchor='middle' font-family='sans-serif' font-size='7' font-weight='700' fill='%230b3b42'>KZ</text></svg>") center/22px 18px no-repeat}
.plate--sm{height:24px;font-size:11px;padding:0 6px 0 0}
.plate--sm::before{width:18px;height:16px;margin:0 4px 0 2px;background-size:18px 16px}
.neg{color:var(--bad);font-weight:700}.pos{color:var(--ok);font-weight:700}.zero{color:var(--muted)}
.ledger tr.is-new td{animation:rowin 2.2s cubic-bezier(.4,0,.2,1) both}
@keyframes rowin{0%{background:transparent}30%{background:#F0B100}100%{background:transparent}}
.ledger__foot{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--line);font-size:14px;background:var(--bg)}
.ledger__foot b{font-size:18px;font-weight:800;letter-spacing:-.02em}
@media (max-width:900px){.debt{grid-template-columns:1fr;gap:40px}}

/* ============ FLOW (steps) ============ */
.flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px}
.flow__line{position:absolute;left:24px;right:24px;top:28px;height:2px;background:var(--line);z-index:0}
.flow__line i{position:absolute;inset:0;background:var(--yellow);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .2s linear}
.step{position:relative;z-index:1}
.step__n{width:56px;height:56px;border-radius:16px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);margin-bottom:22px;transition:background .4s,transform .5s var(--ease),border-color .4s}
.step__n svg{width:24px;height:24px}
.step.is-on .step__n{background:var(--yellow);border-color:var(--yellow);transform:scale(1.06)}
.step small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--faint);margin-bottom:8px}
.step h3{margin-bottom:10px;font-size:22px}
.step p{color:var(--muted);font-size:15px}
@media (max-width:980px){.flow{grid-template-columns:1fr 1fr}.flow__line{display:none}}
@media (max-width:560px){.flow{grid-template-columns:1fr}}

/* ============ DRIVER APP ============ */
.drv{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.drv--rev > :first-child{order:2}
.drv--rev > :last-child{order:1}
.drv__phone{position:relative;display:grid;place-items:center}
.drv__phone::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--yellow-soft),transparent 70%)}
.drv__phone img{position:relative;width:min(340px,80%);aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:40px;border:9px solid var(--ink);background:var(--ink);box-shadow:0 50px 80px -40px rgba(13,13,13,.6);animation:bob 7s ease-in-out infinite}
.drv__list{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}
.drv__list li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.drv__list svg{width:20px;height:20px;color:var(--yellow-deep);flex:none;margin-top:1px}
@media (max-width:900px){.drv{grid-template-columns:1fr;gap:40px}.drv__phone{order:-1}}

/* ============ INTEGRATIONS ============ */
.ints{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.int{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:14px;background:var(--card);border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.int:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.int i{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-style:normal;flex:none;overflow:hidden;background:var(--bg);border:1px solid var(--line)}
.int i img{width:44px;height:44px;object-fit:cover;border-radius:11px}
.int i svg{width:22px;height:22px}
.int b{display:block;font-size:15px}
.int span{font-size:13px;color:var(--muted)}
@media (max-width:980px){.ints{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ints{grid-template-columns:1fr}}

/* ============ REVIEWS ============ */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rev{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:grid;gap:18px;align-content:start}
.rev q{font-size:16px;line-height:1.5;quotes:"«" "»"}
.rev__who{display:flex;gap:12px;align-items:center;margin-top:auto}
.rev__who i{width:42px;height:42px;border-radius:50%;background:var(--yellow-soft);display:grid;place-items:center;font-style:normal;font-weight:700;color:var(--ink)}
.rev__who b{display:block;font-size:14px}
.rev__who small{color:var(--muted);font-size:13px}
.rev--ph{border-style:dashed;color:var(--muted)}
@media (max-width:900px){.reviews{grid-template-columns:1fr}}

/* ============ FAQ ============ */
.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:start}
.faq__list{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;text-align:left;font-size:17px;font-weight:600}
.q button i{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex:none;transition:transform .4s var(--ease),background .3s}
.q button i::before,.q button i::after{content:"";position:absolute;width:12px;height:2px;background:currentColor;border-radius:2px;transition:transform .4s var(--ease)}
.q button i::after{transform:rotate(90deg)}
.q.is-open button i{background:var(--yellow);border-color:var(--yellow);transform:rotate(180deg)}
.q.is-open button i::after{transform:rotate(0)}
.q__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.q__a>div{overflow:hidden}
.q__a p{padding:0 60px 22px 0;color:var(--muted);font-size:15px;max-width:60ch}
.q.is-open .q__a{grid-template-rows:1fr}
@media (max-width:900px){.faq{grid-template-columns:1fr;gap:24px}}

/* ============ CTA / FORM ============ */
.cta{position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M0 0h24v24H0zM24 24h24v24H24z' fill='%23000' fill-opacity='.06'/%3E%3C/svg%3E");mask-image:linear-gradient(90deg,transparent 40%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000)}
.cta .wrap{position:relative;display:grid;grid-template-columns:1fr 480px;gap:64px;align-items:center}
.cta__list{display:grid;gap:12px;margin:28px 0;padding:0;list-style:none}
.cta__list li{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:500}
.cta__list svg{width:18px;height:18px;color:var(--ink)}
.cta__wa{display:inline-flex;align-items:center;gap:10px;font-weight:600}
.cta__wa svg{width:20px;height:20px}
.form{background:var(--card);color:var(--ink);border-radius:var(--r-lg);padding:30px;display:grid;gap:14px;box-shadow:0 60px 100px -40px rgba(0,0,0,.45);position:relative;overflow:hidden}
.field{display:grid;gap:6px}
.field label{font-size:13px;font-weight:600}
.field input,.field select{font:inherit;font-size:15px;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);outline:none;transition:border-color .3s,box-shadow .3s;color:var(--ink);width:100%}
.field input:focus,.field select:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(240,177,0,.25);background:#fff}
.field input.is-invalid{border-color:var(--bad);box-shadow:0 0 0 4px rgba(214,69,61,.12)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted)}
.consent input{margin:3px 0 0;accent-color:var(--ink)}
.form__err{font-size:13px;color:var(--bad);margin-top:6px}
.form__ok{position:absolute;inset:0;background:#fff;display:grid;place-items:center;text-align:center;padding:30px;opacity:0;pointer-events:none;transition:opacity .5s}
.form.is-done .form__ok{opacity:1;pointer-events:auto}
.form__ok i{width:64px;height:64px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;margin:0 auto 16px;animation:pop .6s var(--ease) both}
.form__ok svg{width:30px;height:30px}
@media (max-width:900px){.cta .wrap{grid-template-columns:1fr;gap:40px}}

/* ============ FOOTER ============ */
.footer{padding:64px 0 96px;font-size:14px;background:var(--dark);color:var(--on-dark)}
.footer__top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;margin-bottom:48px}
.footer__brand p{color:var(--on-dark-muted);margin:14px 0 18px;max-width:32ch}
.footer__brand a{display:block;font-weight:500;margin-top:6px}
.footer h4{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-weight:700;color:var(--on-dark-muted)}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.footer li a{color:var(--on-dark-muted);transition:color .2s}
.footer li a:hover{color:#fff}
.footer__bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line-dark);color:var(--on-dark-muted);font-size:13px;align-items:center}
.footer__bot .legal{display:flex;gap:16px;flex-wrap:wrap}
.footer__bot .cloud{display:inline-flex;gap:10px;align-items:center;padding:13px 20px;border-radius:12px;background:#6D4AFF;border:0;color:#fff;font-weight:600;font-size:14px;line-height:1;transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.footer__bot .cloud:hover{background:#5535E0;transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(109,74,255,.9)}
.footer__bot .cloud svg{width:17px;height:17px;transition:transform .25s var(--ease)}
.footer__bot .cloud:hover svg{transform:translateX(3px)}
@media (max-width:980px){.footer__top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer__top{grid-template-columns:1fr}}

/* ============ misc ============ */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal="left"]{transform:translateX(-32px)}
[data-reveal="right"]{transform:translateX(32px)}
[data-reveal="scale"]{transform:scale(.94)}
.to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;z-index:40;opacity:0;transform:translateY(10px);transition:.4s var(--ease)}
.to-top.is-on{opacity:1;transform:none}
.to-top svg{width:18px;height:18px}
.wa-fab{position:fixed;left:22px;bottom:22px;z-index:40;display:inline-flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:999px;background:#0B7A57;color:#fff;font-weight:600;font-size:14px;box-shadow:0 14px 30px -10px rgba(11,122,87,.6);transition:transform .4s var(--ease)}
.wa-fab:hover{transform:translateY(-3px)}
.wa-fab svg{width:22px;height:22px}
@media (max-width:600px){.wa-fab span{display:none}.wa-fab{padding:12px}.btn{white-space:normal;text-align:center}.hero__ctas .btn{width:100%}}
.check>*,.debt>*,.drv>*,.faq>*,.cta .wrap>*,.feat>*{min-width:0}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
  [data-reveal],.hero h1,.hero .lead,.hero__ctas,.hero__trust,.hero__frame,.float{opacity:1;transform:none}
}
.ledger__event{font-style:normal;display:inline-block;transition:opacity .45s var(--ease),transform .45s var(--ease),color .6s var(--ease)}
.ledger__event.is-out{opacity:0;transform:translateY(-5px)}
.int--soon{opacity:.85}
.int b em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--yellow-soft);color:var(--yellow-deep);margin-left:6px;vertical-align:middle}
@media (max-width:600px){.ledger th,.ledger td{padding:10px 12px;font-size:13px}.plate{font-size:10.5px}.ledger td small{font-size:11px}}

/* ============ CONTACTS PAGE ============ */
.phero{padding:140px 0 48px;background:var(--bg);position:relative;overflow:hidden}
.phero .hero__checks{mask-image:radial-gradient(50% 60% at 30% 0%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(50% 60% at 30% 0%,#000 10%,transparent 70%)}
.phero .wrap{position:relative;z-index:1}
.phero h1{font-size:clamp(34px,4.6vw,56px);margin-bottom:18px}
.crumbs{display:flex;gap:8px;font-size:13px;color:var(--muted);margin-bottom:22px}
.crumbs b{color:var(--ink);font-weight:500}
.contacts{display:grid;grid-template-columns:1fr 440px;gap:40px;align-items:start}
.ccards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ccard{position:relative;display:flex;gap:16px;padding:22px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
a.ccard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#D9D0A0}
.ccard i{width:44px;height:44px;border-radius:12px;background:var(--yellow-soft);color:var(--ink);display:grid;place-items:center;flex:none}
.ccard i svg{width:22px;height:22px}
.ccard small{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px}
.ccard b{display:block;font-size:18px;letter-spacing:-.01em;margin-bottom:6px}
.ccard span{display:block;color:var(--muted);font-size:14px}
.ccard__arr{position:absolute;right:18px;top:22px;width:18px;height:18px;color:var(--faint);transition:transform .3s var(--ease),color .3s}
a.ccard:hover .ccard__arr{transform:translate(3px,-3px);color:var(--ink)}
.ccard--wa{background:var(--yellow);border-color:var(--yellow)}
.ccard--wa i{background:var(--ink);color:var(--yellow)}
.ccard--wa span{color:var(--ink);opacity:.75}
.ccard--wa .ccard__arr{color:var(--ink)}
.contacts__form{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.contacts__form .form{box-shadow:none;padding:0}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick__i{display:grid;gap:10px;align-content:start;padding:24px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.quick__i:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.quick__i h3{font-size:17px}
.quick__i p{color:var(--muted);font-size:14px}
@media (max-width:980px){.contacts{grid-template-columns:1fr}.ccards{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}.phero{padding-top:110px}}
@media (max-width:560px){.quick{grid-template-columns:1fr}}

/* ============ v2: генератор ============ */
.tag{display:inline-flex;align-items:center;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;margin-left:8px;vertical-align:middle;line-height:1.4}
.tag--new{background:var(--ok-soft);color:var(--ok)}
.tag--better{background:#E6EEFF;color:#2B5FD9}
.tag--soon{background:var(--line-2);color:var(--muted)}
.eyebrow .tag{margin-left:0}
h1 .tag,h2 .tag{font-size:12px;padding:3px 9px;vertical-align:middle}
.section--dark .tag--new{background:rgba(31,157,91,.2);color:#7BD9A6}
/* nav */
.nav__menu a.is-cur{opacity:1;font-weight:600}
.nav__menu a svg{width:12px;height:12px;opacity:.6;margin-left:4px;transition:transform .25s}
.has-dd{position:relative}
.dd__tgl{display:none}
.dd{position:absolute;top:100%;left:-8px;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;z-index:60}
.has-dd:hover .dd,.has-dd:focus-within .dd,.has-dd.is-open .dd{opacity:1;visibility:visible;transform:none}
.has-dd:hover>a svg,.has-dd.is-open>a svg{transform:rotate(180deg)}
.dd__panel{background:#fff;color:var(--ink);border-radius:18px;padding:10px;box-shadow:0 30px 60px -20px rgba(13,13,13,.35),0 0 0 1px var(--line);width:640px}
.dd__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.nav__menu .dd__i{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;color:var(--ink);opacity:1;font-weight:500;line-height:1.3}
.nav__menu .dd__i:hover{background:var(--yellow-tint)}
.nav__menu .dd__i svg{width:20px;height:20px;opacity:1;color:var(--yellow-deep);flex:none;margin:2px 0 0}
.dd__i b{display:block;font-size:14px;font-weight:600}
.dd__i small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.nav__menu .dd__all{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--bg);color:var(--ink);font-weight:600;font-size:14px;opacity:1}
.nav__menu .dd__all svg{width:16px;height:16px;opacity:1}
@media (max-width:1040px){
  .dd__tgl{display:grid;place-items:center;position:absolute;right:0;top:4px;width:44px;height:44px;border-radius:10px;color:var(--ink)}
  .dd__tgl svg{width:16px;height:16px;transition:transform .25s}
  .has-dd.is-open .dd__tgl svg{transform:rotate(180deg)}
  .nav.is-open .nav__menu .has-dd>a svg{display:none}
  .dd{position:static;padding:0;opacity:1;visibility:visible;transform:none;display:none}
  .has-dd.is-open .dd{display:block}
  .dd__panel{width:auto;box-shadow:none;padding:0 0 8px;border-radius:0;background:transparent}
  .dd__grid{grid-template-columns:1fr;gap:0}
  .nav.is-open .nav__menu .dd__i{font-size:15px;padding:8px 8px 8px 20px}
  .nav.is-open .nav__menu .dd__i b{font-size:15px}
  .nav.is-open .nav__menu .dd__all{font-size:15px;padding:10px 20px;margin:4px 0 6px}
}
@media (max-width:1180px){.nav__menu a{padding:9px 8px;font-size:13.5px}}
/* metrics with tags */
.metric b .tag{font-size:9.5px;vertical-align:middle;margin-left:6px}
/* story */
.story{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.story__body{display:grid;gap:18px;font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--on-dark-muted)}
.story__body strong{color:#fff;font-weight:600}
@media (max-width:900px){.story{grid-template-columns:1fr;gap:28px}}
/* driver shots */
.drv__shots{position:relative;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}
.drv__shot{margin:0;display:grid;gap:10px}
.drv__shot img{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}
.drv__shot--phone{width:150px}
.drv__shot--phone img{aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:24px;border:6px solid var(--ink);background:var(--ink)}
.drv__shot figcaption{font-size:13px;color:var(--muted);text-align:center}
@media (max-width:600px){.drv__shots{grid-template-columns:1fr}.drv__shot--phone{width:60%;margin:0 auto}}
/* promo */
.promo{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.promo__vis--shot img{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow)}
@media (max-width:900px){.promo{grid-template-columns:1fr;gap:40px}.promo--rev .promo__vis{order:-1}.drv--rev > :first-child{order:2}.drv--rev > :last-child{order:1}}
/* buyout card */
.bcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow);display:grid;gap:18px;font-variant-numeric:tabular-nums}
.bcard__head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}
.bcard__head b{font-weight:600}
.bcard__head em{font-style:normal;margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--yellow-soft);color:var(--yellow-deep)}
.bcard__sum small,.bcard__row small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.bcard__sum b{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.03em}
.bcard__bar{height:10px;border-radius:999px;background:var(--line-2);overflow:hidden}
.bcard__bar i{display:block;height:100%;width:calc(var(--p)*100%);background:var(--yellow);border-radius:999px;transition:width 1.15s var(--ease)}
.buyplay{position:relative;height:500px;padding-bottom:72px}
.bform,.buyplay .bcard{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.bform,.buyplay .bcard{position:absolute;left:0;right:0;top:0;height:420px}
.buyplay[data-step="form"] .bcard,.buyplay[data-step="aim"] .bcard,.buyplay[data-step="open"] .bcard{opacity:0;transform:translateY(10px);pointer-events:none}
.buyplay:not([data-step="form"]):not([data-step="aim"]):not([data-step="open"]) .bform{opacity:0;transform:translateY(-10px);pointer-events:none}
.bform{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 22px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;overflow:hidden}
.bform header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.bform header b{font-size:18px;letter-spacing:-.02em}
.bform header span{font-size:13px;color:var(--muted);white-space:nowrap}
.bform__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.bform__wide{grid-column:1 / -1}
.bform label{display:grid;gap:4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.bform i{display:flex;align-items:center;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-style:normal;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .55s var(--ease),transform .55s var(--ease),background .55s var(--ease),border-color .55s var(--ease);transition-delay:calc(var(--i, 0) * 70ms)}
.bform i.is-in{opacity:1;transform:none;background:#fff;border-color:var(--ink)}
.bform__btn{margin-top:auto;padding:12px;border-radius:10px;background:var(--line);color:var(--muted);text-align:center;font-weight:700;transition:background .45s var(--ease),color .45s var(--ease)}
.buyplay[data-step="open"] .bform__btn,.buyplay[data-step="aim"] .bform__btn{background:var(--yellow);color:var(--ink)}
.buyplay[data-step="open"] .bform__btn{transform:scale(.98)}
.buycur{position:absolute;z-index:4;width:26px;height:26px;left:62%;top:24px;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .35s}
.buyplay[data-step="aim"] .buycur{transform:translate(-8px,332px)}
.buyplay[data-step="open"] .buycur{transform:translate(-8px,338px) scale(.86)}
.buyplay:not([data-step="form"]):not([data-step="aim"]):not([data-step="open"]) .buycur,.buyplay[data-step="form"] .buycur{opacity:0}
.buyplay[data-step="aim"] .buycur,.buyplay[data-step="open"] .buycur{opacity:1}
.buyplay .bcard{overflow:hidden;gap:12px;padding:20px 22px}
.fineplay{position:relative;height:420px}
.fcard{height:348px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}
.fcard header{display:flex;align-items:center;gap:12px}
.fcard header div{display:grid;gap:2px;margin-right:auto}
.fcard header b{font-size:16px;letter-spacing:-.02em}
.fcard header small{font-size:12px;color:var(--muted);font-weight:500}
.fcard__cam{width:44px;height:44px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;flex:none}
.fcard__cam svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}
.fcard__off{margin-top:14px;font-size:16px;font-weight:650}
.fcard__who{font-size:14px;color:var(--muted)}
.fcard__who{min-height:22px;transition:color .45s var(--ease)}
.fineplay[data-step="found"] .fcard__who,.fineplay[data-step="debt"] .fcard__who{color:var(--ink);font-weight:650}
.fcard__sum{margin-top:8px;font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1;opacity:0;transform:translateY(8px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.fineplay[data-step="found"] .fcard__sum,.fineplay[data-step="debt"] .fcard__sum{opacity:1;transform:none}
.fcard__disc{font-size:14px;font-weight:650;color:var(--ok);opacity:0;transition:opacity .45s var(--ease)}
.fineplay[data-step="found"] .fcard__disc,.fineplay[data-step="debt"] .fcard__disc{opacity:1}
.fcard__debt{margin-top:auto;padding:12px;border-radius:10px;background:var(--yellow-tint);font-weight:700;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.fineplay[data-step="debt"] .fcard__debt{opacity:1;transform:none}
.fineplay__toast{position:absolute;left:50%;bottom:0;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-size:14px;font-weight:600;white-space:nowrap;opacity:0;transform:translateX(-50%) translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.fineplay__toast i{width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;flex:none;font-size:13px}
.fineplay[data-step="debt"] .fineplay__toast{opacity:1;transform:translateX(-50%)}
.bcard__pay{padding:10px 12px;border-radius:10px;background:var(--yellow-tint);font-size:14px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .45s var(--ease)}
.buyplay[data-step="pay"] .bcard__pay,.buyplay[data-step="done"] .bcard__pay{opacity:1;transform:none}
.buyplay[data-step="setup"] .bcard__head em{background:var(--bg);color:var(--muted)}
.buyplay[data-step="pay"] [data-buy-saved],.buyplay[data-step="done"] [data-buy-saved]{background:var(--yellow-tint);border-radius:6px;padding:0 4px}
.finplay{position:relative;padding-bottom:64px}
.fledger{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;font-size:13px}
.fledger header,.fledger footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}
.fledger header{border-bottom:1px solid var(--line);font-size:14px}
.fledger header span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.fledger header span i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.fledger header em{font-style:normal;transition:opacity .35s var(--ease)}
.fledger header em.is-out{opacity:0}
.fledger__cols,.fledger li{display:grid;grid-template-columns:1.3fr 1fr .8fr .9fr;gap:8px;align-items:center;padding:9px 16px}
.fledger__cols{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
.fledger li{border-top:1px solid var(--line-2)}
.fledger li b{font-weight:650}
.fledger li em{font-style:normal;color:var(--muted)}
.fledger li.is-hot em{color:var(--bad);font-weight:700}
.fledger li strong{text-align:right;font-variant-numeric:tabular-nums;color:var(--bad)}
.fledger li.is-in{animation:rowin 1.6s cubic-bezier(.4,0,.2,1) both}
.fledger footer{border-top:1px solid var(--line);background:var(--bg)}
.fledger footer b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}

.buyplay__toast i{width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;flex:none;font-size:13px}
.buyplay[data-step="done"] .buyplay__toast{opacity:1;transform:translateX(-50%)}
.bcard__row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:15px}
.bcard__row b{font-weight:700}
.bcard__steps{display:flex;gap:8px;font-size:15px;font-weight:700}
.bcard__steps span{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 8px;border-radius:12px;background:var(--bg);color:var(--muted);border:1px solid var(--line);line-height:1}
.bcard__steps .is-done{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.bcard__steps .is-on{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
@media (max-width:520px){.bcard__row{grid-template-columns:1fr}}
/* cards grid */
.cards{display:grid;gap:16px}
.cards--2{grid-template-columns:1fr 1fr}.cards--3{grid-template-columns:repeat(3,1fr)}.cards--4{grid-template-columns:repeat(4,1fr)}
.card{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);color:var(--ink);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.section--card .card{background:var(--bg)}
.card--link:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card__i{width:44px;height:44px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;color:var(--ink);margin-bottom:6px}
.card__i svg{width:22px;height:22px}
.card h3{font-size:18px}
.card p{color:var(--muted);font-size:14.5px;flex:1}
.card .link{margin-top:6px;align-self:flex-start}
@media (max-width:980px){.cards--3,.cards--4{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards{grid-template-columns:1fr}}
/* prose */
.prose{max-width:820px}
.prose__body{display:grid;gap:16px;margin-top:22px;font-size:clamp(16px,1.3vw,19px);color:var(--muted);line-height:1.6}
.prose__body strong{color:var(--ink);font-weight:600}
.prose__body a{color:var(--ink);font-weight:650;border-bottom:2px solid var(--yellow)}
/* price */
.price{text-align:center;display:grid;justify-items:center;gap:18px}
.price .lead{text-align:center}
.more{margin-top:28px;text-align:center}
/* flow variants */
.flow__line{left:28px;right:calc(25% - 28px)}
.flow--3{grid-template-columns:repeat(3,1fr)}.flow--3 .flow__line{right:calc(33.333% - 28px)}
.flow--5{grid-template-columns:repeat(5,1fr);gap:24px}.flow--5 .flow__line{right:calc(20% - 28px)}
.flow--5 .step h3{font-size:19px}
@media (max-width:980px){.flow--3,.flow--5{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.flow--3,.flow--5{grid-template-columns:1fr}}
/* chips */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:14px;font-weight:500;transition:border-color .3s,transform .3s}
.chip svg{width:16px;height:16px;color:var(--yellow-deep)}
.chip:hover{border-color:var(--ink);transform:translateY(-2px)}
/* phero */
.phero .lead{max-width:64ch}
.phero .eyebrow .tag{margin-left:0}
/* form row */
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.form__row{grid-template-columns:1fr}}
.int--soon{opacity:.8}
.int b .tag{margin-left:6px;font-size:9.5px}

/* checks lists */
.checks{display:grid;gap:10px;margin:28px 0 32px;padding:0;list-style:none}
.checks li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:15px;line-height:1.5}
.checks li i{width:24px;height:24px;border-radius:50%;background:var(--yellow-soft);display:grid;place-items:center;flex:none;margin-top:1px}
.checks li i svg{width:13px;height:13px;color:var(--yellow-deep);margin:0}
.checks li span{display:block}
.checks strong{font-weight:600}
.checks--sm{margin:4px 0 0;gap:8px}
.checks--sm li{font-size:14px;grid-template-columns:20px 1fr;gap:8px}
.checks--sm li i{width:20px;height:20px}
.checks--sm li i svg{width:11px;height:11px}
.drv__list.checks{margin-bottom:0}
/* a11y + lang */
.tag--soon{background:#E6E6E6;color:#4F4F4F}
.int--soon{opacity:1}.int--soon i{filter:grayscale(1);opacity:.6}
.nav__lang{padding:8px 10px;font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--ink);opacity:.7;border:1px solid currentColor;border-radius:8px;line-height:1}
.nav__lang:hover{opacity:1}
@media (max-width:1040px){.nav__lang{display:inline-flex}}
.int b em.tag--soon{background:#E6E6E6;color:#4F4F4F}

/* phero with screenshot */
.phero--grid .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}
.phero__vis img{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}
.phero__vis--art{display:flex;align-items:center;justify-content:center;min-height:100%}
.phero__vis--art img{width:118%;max-width:none;height:auto;margin:0 -9%;display:block;border:0;border-radius:0;background:transparent;box-shadow:none}
.driverplay{position:relative}
.ov{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;font-size:12px}
.ov>header{display:flex;align-items:baseline;gap:8px;padding:12px 14px 10px}
.ov>header b{font-size:15px}
.ov>header small{color:var(--muted)}
.ov>header em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--ok-soft);color:var(--ok)}
/* полоса вкладок: подчёркивание активной, общая линия снизу */
.ov__tabs{display:flex;gap:2px;padding:0 10px;border-bottom:1px solid var(--line-2);margin-bottom:10px}
.ov__tabs button{position:relative;padding:7px 10px 9px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer;transition:color .25s}
.ov__tabs button::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--yellow);opacity:0;transform:scaleX(.6);transition:opacity .25s,transform .35s var(--ease)}
.ov__tabs .is-on{color:var(--ink)}
.ov__tabs .is-on::after{opacity:1;transform:none}
.ov__body{position:relative;min-height:262px}
.ov__bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin:6px 0}
.ov__bar i{display:block;height:100%;width:72%;background:var(--yellow)}
.ov__big{font-size:22px;letter-spacing:-.03em;line-height:1}
.ov__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}
.ov__tiles div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px}
.ov__tiles small{display:block;color:var(--muted)}
.ov__tabs{overflow-x:auto}
.ov__pane{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none;padding:0 10px 12px}
.ov__pane.is-on{opacity:1;transform:none}
.ovcur{position:absolute;z-index:3;width:22px;height:22px;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.driverplay[data-press="1"] .ovcur{transform:scale(.86)}
.ov__grid{display:grid;grid-template-columns:1.4fr .9fr;gap:8px}
.ov__main{display:grid;gap:8px;align-content:start}
.ov section{background:var(--bg);border-radius:12px;padding:10px}
.ov section>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ov__pill{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:#fff;color:var(--muted);border:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}
.ov__pill--ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
/* обзор: машина */
.ov__car{display:flex;align-items:center;gap:8px}
.ov__car i{width:34px;height:34px;border-radius:8px;background:#fff;display:grid;place-items:center;flex:none}
.ov__car i svg{width:18px;height:18px}
.ov__car>div{display:grid;justify-items:start;gap:3px;line-height:1.2}
.ov__car .plate{transform:none;margin:0}
.ov__car em{margin-left:auto;font-style:normal;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.ov__car em small{display:block;font-weight:500;color:var(--muted);font-size:10.5px}
/* обзор: события */
.ov ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ov__evs li{display:flex;align-items:center;gap:8px}
.ov__evs div{display:grid;line-height:1.25}
.ov__evs b{font-weight:650}
.ov__evs em{font-style:normal;color:var(--faint);font-size:10.5px}
.ov__evs span{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}
.ov__dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}
.ov__dot--pos{background:var(--ok)}
.ov__dot--neg{background:var(--bad)}
/* обзор: деньги */
.ov aside section+section{margin-top:8px}
.ov [data-drv-money]{display:grid;gap:2px}
.ov [data-drv-money]>small{color:var(--muted)}
.ov [data-drv-money]>b{font-size:22px;letter-spacing:-.03em;line-height:1.1}
.ov [data-drv-money]>span{color:var(--muted);font-size:11px}
.ov [data-drv-money]>i{margin-top:8px;padding:8px;border-radius:8px;background:var(--yellow);color:var(--ink);font-style:normal;font-weight:700;text-align:center}
.ov__kv li{display:flex;justify-content:space-between;gap:6px;align-items:baseline}
.ov__kv span{color:var(--muted)}
.ov__kv b{font-weight:650;font-variant-numeric:tabular-nums}
.ov__kv .zero{color:var(--faint);font-weight:500}
/* долг: плитки и журнал */
.ov__tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.ov__tile{background:var(--bg);border-radius:12px;padding:10px;display:grid;gap:2px}
.ov__tile small{color:var(--muted)}
.ov__tile b{font-size:18px;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.ov__tile--debt{background:var(--yellow-tint)}
.ov__journal>header{margin-bottom:6px}
.ov__cols,.ov__journal li,.ov__journal footer{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:8px;align-items:baseline}
.ov__cols{font-size:10px;font-weight:600;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;padding:0 0 6px;border-bottom:1px solid var(--line-2);margin-bottom:6px}
.ov__cols span:last-child,.ov__journal li span,.ov__journal footer b{text-align:right}
.ov__journal li b{font-weight:650}
.ov__journal li em{font-style:normal;color:var(--muted);font-size:11px}
.ov__journal li span{font-weight:700;font-variant-numeric:tabular-nums}
.ov__journal footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.ov__journal footer span{grid-column:1/3;font-weight:600}
.ov__journal footer b{font-size:14px;font-variant-numeric:tabular-nums}
/* документы */
.ov__docs{gap:6px}
.ov__docs li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:8px 10px}
.ov__docs i{width:28px;height:28px;border-radius:7px;background:var(--yellow-tint);display:grid;place-items:center;flex:none}
.ov__docs i svg{width:15px;height:15px}
.ov__docs b{font-weight:650}
.ov__docs .ov__pill{margin-left:auto}
.ov__sheet{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 10px 24px -18px rgba(13,13,13,.4)}
.ov__sheet>header{margin-bottom:8px}
.ov__rows{display:grid;gap:6px}
.ov__rows li{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;background:var(--bg);border-radius:10px;padding:8px}
.ov__rows i{width:32px;height:32px;border-radius:8px;background:var(--yellow);display:grid;place-items:center;color:var(--ink)}
.ov__rows i svg{width:16px;height:16px}
.ov__rows b{font-weight:650}
.ov__rows em{display:block;font-style:normal;color:var(--muted);font-size:11px;margin-top:2px}
.ov__rows>li>span{font-weight:700;font-variant-numeric:tabular-nums;font-size:12px}
.ov__fine div{min-width:0}
.ov__fine em{display:flex;align-items:center;gap:6px;margin-top:3px}
.fineplay{position:relative}
.fcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow);display:grid;gap:12px}
.fcard>header{display:flex;align-items:center;gap:8px}
.fcard>header b{font-size:15px}
.fcard>header em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--yellow-tint);color:var(--ink)}
.fineplay[data-step="link"] .fcard>header em,.fineplay[data-step="disc"] .fcard>header em{background:var(--ok-soft);color:var(--ok)}
.fcard__sum{display:flex;align-items:baseline;gap:10px}
.fcard__sum small{color:var(--muted);font-size:12px}
.fcard__sum b{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.fcard__sum s{color:var(--muted);font-size:14px;opacity:0;transition:opacity .4s var(--ease)}
.fineplay[data-step="disc"] .fcard__sum s{opacity:1}
.fcard__who{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;background:var(--bg);border-radius:12px;padding:10px}
.fcard__who>i{width:36px;height:36px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:12px}
.fcard__who em{display:block;font-style:normal;color:var(--muted);font-size:12px;margin-top:2px}
.fineplay[data-step="link"] .fcard__who em,.fineplay[data-step="disc"] .fcard__who em{color:var(--ok)}
.fcard__disc{position:relative;display:flex;justify-content:space-between;align-items:center;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:13px}
.fcard__disc em{font-style:normal;font-weight:700;color:var(--ok);opacity:0;transition:opacity .4s var(--ease)}
.fcard__disc i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--yellow);border-radius:2px;transition:width 1.1s var(--ease)}
.fineplay[data-step="disc"] .fcard__disc em{opacity:1}
.fineplay[data-step="disc"] .fcard__disc i{width:62%}
.fcard__line{font-size:12px;color:var(--muted);opacity:0;transform:translateY(4px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.fineplay[data-step="link"] .fcard__line,.fineplay[data-step="disc"] .fcard__line{opacity:1;transform:none}

.ov__car .neg{margin-left:auto;color:#dc2626;font-variant-numeric:tabular-nums}
.driverplay[data-step="1"] [data-drv-sum]{background:var(--yellow-tint);border-radius:4px}
.drvplay{position:relative}
.dcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}
.dcard header{display:flex;justify-content:space-between;align-items:baseline}
.dcard header small{color:var(--muted);font-size:13px}
.dcard ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dcard li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;min-height:42px;padding:0 12px;border-radius:10px;background:var(--bg);font-weight:650}
.dcard li i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.dcard li b{font-size:12px;color:var(--muted)}
.dcard li.is-on i{background:var(--ok)}
.dcard__ok{padding:12px;border-radius:10px;background:var(--line);color:var(--muted);text-align:center;font-weight:700;transition:background .4s,color .4s}
.drvplay[data-step="3"] .dcard__ok{background:var(--ok);color:#fff}
@media (max-width:900px){.drvplay[data-step="3"] .dcard__ok,.dcard__ok{background:var(--ok);color:#fff}}
.rentplay{position:relative}
.rcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.rcard header{display:flex;align-items:center;gap:12px}
.rcard header div{display:grid;gap:2px}
.rcard header small{color:var(--muted);font-size:13px}
.rcard__kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rcard__kinds button{min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--muted);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s var(--ease)}
.rcard__kinds button.is-press{transform:scale(.97)}
.rcard__kinds button.is-on{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.rcard__facts{position:relative;min-height:176px;flex:none;overflow:visible}
.rcard__facts>[data-rent-fact]{position:absolute;inset:0;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none}
.rcard__facts>[data-rent-fact].is-on{opacity:1;transform:none}
.rcard__facts b{font-size:18px;letter-spacing:-.03em}
.rcard__facts small{color:var(--muted);font-size:12px;font-weight:600}
.rfig{margin-top:8px}
.rfig--week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.rfig--week i{display:grid;place-items:center;height:28px;border-radius:7px;background:var(--yellow);color:var(--ink);font-style:normal;font-size:11px;font-weight:800}
.rfig--week i.is-off{background:var(--bg);color:var(--faint);box-shadow:inset 0 0 0 1px var(--line)}
.rfig--split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rfig--split b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.rfig--split b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow);flex:none}
.rfig--split b:last-of-type::before{background:var(--ink)}
.rfig--split i{grid-row:2;height:8px;border-radius:99px;background:var(--bg);overflow:hidden;font-style:normal}
.rfig--split i::before{content:"";display:block;height:100%;width:0;border-radius:inherit;background:var(--yellow);transition:width .7s var(--ease)}
.rfig--split i+i::before{background:var(--ink)}
.rcard__facts>.is-on .rfig--split i::before{width:62%}
.rcard__facts>.is-on .rfig--split i+i::before{width:38%}
.rfig--term{display:grid;gap:7px}
.rfig--term span{display:grid;gap:3px}
.rfig--term span b{font-size:11px;font-weight:700;color:var(--muted)}
.rfig--term i{position:relative;display:block;height:8px;margin:5px 0;border-radius:99px;background:var(--yellow-soft);font-style:normal}
.rfig--term i::before{content:"";display:block;height:100%;width:0;border-radius:inherit;background:var(--yellow);transition:width .7s var(--ease)}
.rfig--term span+span i{background:var(--line)}
.rfig--term span+span i::before{background:var(--ink)}
.rcard__facts>.is-on .rfig--term i::before{width:100%}
.rcard__facts>.is-on .rfig--term span+span i::before{width:36%}
.rfig--term em{position:absolute;left:36%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:9px;font-weight:800;display:grid;place-items:center}
.rfig--buy{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.rfig--buy>i{display:block;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--yellow) 21%,var(--line) 21%);font-style:normal}
.rfig--buy span{display:grid;gap:2px}
.rfig--buy span b{font-size:11px;font-weight:700;color:var(--muted)}
.rfig--buy span b:first-child{color:var(--ink)}
.rfig--buy span b:first-child::before,.rfig--buy span b+b::before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:2px;background:var(--yellow);vertical-align:0}
.rfig--buy span b+b::before{background:var(--line)}
.rentcur{position:absolute;z-index:3;width:24px;height:24px;left:18px;top:64px;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.rentplay[data-press="1"] .rentcur{transform:scale(.86)}
@media (max-width:900px){.rentcur,.ovcur{display:none}}
.rcard__facts span{color:var(--muted);font-weight:600}
@media (max-width:900px){.rcard{height:auto}}
.phero--grid .lead{max-width:none}
/* карточки: своя скруглённая форма и тень уже нарисованы в картинке — рамка скриншота не нужна */
.phero__vis--card img,.promo__vis--card img{display:block;width:100%;max-width:520px;margin-inline:auto;border:0;border-radius:0;background:none;box-shadow:none}
/* страница интеграции: логотип сервиса в надзаголовке и в чипах */
.eyebrow--logo::before{display:none}
.eyebrow--logo img{width:22px;height:22px;border-radius:6px;object-fit:cover}
.chip--logo img{width:20px;height:20px;border-radius:6px;object-fit:cover}
@media (max-width:980px){.phero--grid .wrap{grid-template-columns:1fr;gap:32px}}
@media (max-width:600px){.ledger th:nth-child(3),.ledger td:nth-child(3){display:none}.hero__pill{max-width:100%;white-space:normal;text-align:left}}
/* integrations accordion */
.iaccs{display:grid;gap:10px}
.iacc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .3s}
.iacc:hover{border-color:#D8D2BC}
.iacc button{width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;text-align:left}
.iacc i:first-child{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-style:normal;flex:none;overflow:hidden;background:var(--bg);border:1px solid var(--line)}
.iacc i:first-child img{width:44px;height:44px;object-fit:cover;border-radius:11px}
.iacc i:first-child svg{width:22px;height:22px}
.iacc span{flex:1;min-width:0}
.iacc b{display:block;font-size:16px}
.iacc small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.iacc__x{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);flex:none;transition:transform .4s var(--ease),background .3s}
.iacc__x::before,.iacc__x::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;background:currentColor;border-radius:2px;transition:transform .4s var(--ease)}
.iacc__x::after{transform:rotate(90deg)}
.iacc.is-open .iacc__x{background:var(--yellow);border-color:var(--yellow);transform:rotate(180deg)}
.iacc.is-open .iacc__x::after{transform:rotate(0)}
.iacc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.iacc.is-open .iacc__a{grid-template-rows:1fr}
.iacc__a>div{overflow:hidden}
.iacc__a p{padding:0 20px 8px 78px;color:var(--muted);font-size:15px;line-height:1.55;max-width:70ch}
.iacc__a .link{margin:0 20px 18px 78px}
.iacc--soon i:first-child img{filter:grayscale(1);opacity:.6}
@media (max-width:600px){.iacc__a p,.iacc__a .link{padding-left:20px;margin-left:20px}}
.drv__shots--one{grid-template-columns:1fr}
.drv__shot--free{position:relative;justify-items:center}
.drv__shot--free::before{content:"";position:absolute;top:6%;left:50%;transform:translateX(-50%);width:min(420px,88%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--yellow-soft),transparent 70%);z-index:0}
.drv__shot--free img{position:relative;z-index:1;width:auto;max-width:100%;max-height:560px;border:0;border-radius:0;box-shadow:none;background:transparent}
.drv__shot--free figcaption{position:relative;z-index:1}
.dd__logo{width:28px;height:28px;border-radius:7px;overflow:hidden;flex:none;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-style:normal;margin-top:1px}
.dd__logo img{width:28px;height:28px;object-fit:cover}
.nav__menu .dd__i .dd__logo{margin-top:2px}
.card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px}
.card__top--slim{min-height:22px}
.card__top .card__i{margin-bottom:0}
.card__top .tag{margin-left:auto;flex:none}
.card h3:has(.tag){display:flex;align-items:center;gap:10px}
.card h3 .tag{margin-left:auto;flex:none}

/* driver pay scene */
.payplay{display:flex;justify-content:center}
.payplay__stage{position:relative;width:min(440px,100%);padding:24px 16px 78px;border-radius:36px;background:linear-gradient(165deg,#161616 0%,#2a2418 62%,#F0B100 145%);box-shadow:0 40px 80px -36px rgba(13,13,13,.45);display:flex;justify-content:center;overflow:visible}
.payplay__phone{width:300px;height:568px;background:#0d0d0d;border-radius:38px;padding:10px;box-shadow:0 30px 50px -24px rgba(0,0,0,.55);flex:none}
.payplay__bezel{position:relative;height:100%;background:#fff;border-radius:30px;overflow:hidden;display:flex;flex-direction:column}
.payplay__top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 0}
.payplay__top b{font-size:14px;letter-spacing:-.03em}
.payplay__top b::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;border-radius:4px;background:var(--yellow);vertical-align:-2px}
.payplay__top em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);text-align:right}
.payplay__body{display:flex;flex-direction:column;flex:1;padding:18px 16px 16px}
.payplay__hi{font-size:13px;color:var(--muted)}
.payplay__sub{margin-top:14px;font-size:13px;color:var(--muted)}
.payplay__sum{margin-top:2px;font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.payplay__badge{align-self:flex-start;margin-top:10px;padding:4px 8px;border-radius:999px;background:var(--bad-soft);color:var(--bad);font-size:12px;font-weight:600}
.payplay__meta{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--ink);min-width:0}
.payplay__meta .plate{flex:none}
.payplay__meta span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payplay__rate{margin-top:6px;font-size:12px;color:var(--muted)}
.payplay__days{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.payplay__days li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:14px;transition:border-color .35s,background .35s}
.payplay__days i{width:18px;height:18px;border-radius:6px;border:1.5px solid #c8c8c8;flex:none;display:grid;place-items:center}
.payplay__days i::after{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.payplay__days b{margin-left:auto;font-weight:600}
.payplay__days li.is-on{border-color:var(--ink);background:var(--yellow-tint)}
.payplay__days li.is-on i{background:var(--ink);border-color:var(--ink)}
.payplay__days li.is-on i::after{opacity:1}
.payplay__btn{margin-top:auto;padding:14px;border-radius:12px;background:var(--ink);color:#fff;text-align:center;font-weight:600;font-size:15px;transition:background .35s}
.payplay[data-step="days"] .payplay__btn,.payplay[data-step="kaspi"] .payplay__btn{background:#F14635}
.payplay__sheet{position:absolute;left:8px;right:8px;bottom:8px;background:#fff;border-radius:20px;box-shadow:0 -16px 40px rgba(13,13,13,.16);padding:18px 16px;text-align:center;transform:translateY(120%);transition:transform .5s var(--ease)}
.payplay__sheet b{display:block;color:#F14635;font-size:13px;letter-spacing:.04em}
.payplay__sheet strong{display:block;margin:6px 0 4px;font-size:28px;letter-spacing:-.03em}
.payplay__sheet span{color:var(--muted);font-size:13px}
.payplay[data-step="kaspi"] .payplay__sheet{transform:none}
.payplay__ok{position:absolute;inset:0;background:#fff;display:grid;place-items:center;align-content:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .4s}
.payplay__ok i{width:56px;height:56px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:28px}
.payplay__ok b{font-size:22px}
.payplay__ok span{color:var(--muted);font-size:14px}
.payplay[data-step="ok"] .payplay__ok{opacity:1}
.payplay__toast{position:absolute;left:50%;bottom:18px;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:16px;background:#fff;box-shadow:var(--shadow);font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;opacity:0;transform:translateX(-50%) translateY(8px);transition:opacity .4s,transform .45s var(--ease)}
.payplay__toast i{width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;flex:none;font-size:13px}
.payplay[data-step="ok"] .payplay__toast{opacity:1;transform:translateX(-50%)}
@media (max-width:900px){.payplay{order:-1}.payplay__stage{min-height:0;padding:20px 12px}.payplay__phone{transform:scale(.9)}}
@media (prefers-reduced-motion:reduce){.payplay__sheet,.payplay__ok,.payplay__toast,.payplay__days li{transition:none}}

/* scenes 06.10 */
.docplay{position:relative;width:100%;max-width:520px;margin-inline:auto;font-feature-settings:"ss01","cv11"}
.docplay__card{position:relative;background:#fff;border:1px solid #E3E3E3;border-radius:16px;padding:20px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);display:flex;flex-direction:column;gap:14px;color:#0D0D0D;transition:border-color .5s}
.docplay[data-step="signed"] .docplay__card{border-color:#F0B100}
.docplay__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.docplay__head div{display:grid;gap:2px}
.docplay__head small{color:#727272;font-size:13px}
.docplay__head b{font-size:17px;line-height:1.2}
.docplay__status{position:relative;display:inline-grid;height:28px}
.docplay__st{grid-area:1/1;display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;font-style:normal;font-size:12px;font-weight:700;white-space:nowrap;transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1)}
.docplay__st--draft{background:#F3F3F3;color:#727272}
.docplay__st--done{background:#F0B100;color:#0D0D0D;opacity:0;transform:translateY(6px)}
.docplay[data-step="signed"] .docplay__st--draft{opacity:0;transform:translateY(-6px)}
.docplay[data-step="signed"] .docplay__st--done{opacity:1;transform:none}
.docplay__from{margin:-6px 0 0;font-size:12px;color:#727272;opacity:0;transition:opacity .5s}
.docplay:not([data-step="empty"]) .docplay__from{opacity:1}
.docplay__rows{margin:0;display:grid;gap:0;border-top:1px solid #EDEDED}
.docplay__row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;min-height:42px;border-bottom:1px solid #EDEDED}
.docplay__row dt{font-size:13px;color:#727272}
.docplay__row dd{margin:0;position:relative;display:grid;font-weight:700;font-size:15px;line-height:1}
.docplay__ph,.docplay__val{grid-area:1/1;display:inline-flex;align-items:center;justify-self:start}
.docplay__ph{width:46%;height:10px;border-radius:5px;background:#EDEDED;transition:opacity .35s;transition-delay:calc(var(--i) * .22s)}
.docplay__val{opacity:0;transform:translateX(-10px);transition:opacity .45s,transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * .22s)}
.docplay:not([data-step="empty"]) .docplay__ph{opacity:0}
.docplay:not([data-step="empty"]) .docplay__val{opacity:1;transform:none}
.docplay__foot{display:grid;gap:8px}
.docplay__btn{position:relative;display:inline-grid;align-items:center;justify-self:start;min-height:46px;padding:0 20px;border:0;border-radius:12px;background:#0D0D0D;color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:transform .15s cubic-bezier(.22,1,.36,1),background .35s,color .35s}
.docplay__btn-txt,.docplay__btn-ok{grid-area:1/1;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:opacity .3s}
.docplay__btn-ok{opacity:0}
.docplay__btn-ok svg{width:18px;height:18px}
.docplay__btn.is-press{transform:scale(.97)}
.docplay[data-step="signed"] .docplay__btn{background:#F0B100;color:#0D0D0D}
.docplay[data-step="signed"] .docplay__btn-txt{opacity:0}
.docplay[data-step="signed"] .docplay__btn-ok{opacity:1}
.docplay__hint{display:grid;font-size:12px;color:#727272}
.docplay__hint-a,.docplay__hint-b{grid-area:1/1;transition:opacity .35s}
.docplay__hint-b{opacity:0}
.docplay[data-step="signed"] .docplay__hint-a{opacity:0}
.docplay[data-step="signed"] .docplay__hint-b{opacity:1}
.docplay__cur{position:absolute;z-index:3;width:24px;height:24px;left:40px;top:40px;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.docplay[data-press="1"] .docplay__cur{transform:scale(.86)}
@media (max-width:900px){.docplay__cur{display:none}}
@media (prefers-reduced-motion:reduce){.docplay__cur{display:none}.docplay *{transition:none!important}}

/* investors scene — prefix invplay */
.invplay{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;align-items:start;font-family:var(--font,"Geist",system-ui,sans-serif);color:#0D0D0D;font-variant-numeric:tabular-nums}
.invplay__card{position:relative;background:#fff;border:1px solid #E3E3E3;border-radius:16px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);padding:16px 18px 18px;min-width:0;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.invplay__card--lease{transition-delay:.12s}
.invplay:not([data-step="open"]) .invplay__card{opacity:1;transform:none}

.invplay__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.invplay__eyebrow{font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;color:#727272}
.invplay__eyebrow::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:#F0B100;margin-right:7px;vertical-align:-1px}
.invplay__period{font-size:11.5px;font-weight:600;color:#727272;padding:3px 8px;border-radius:999px;background:#FAFAFA;border:1px solid #EDEDED;white-space:nowrap}

.invplay__car{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;min-width:0;padding-bottom:14px;border-bottom:1px solid #EDEDED}
.invplay__car .plate{flex:none}
.invplay__car span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.invplay__row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 0 12px}
.invplay__lbl{font-size:13px;color:#727272}
.invplay__num{font-size:20px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.invplay__num--acc{color:#0D0D0D}

.invplay__share{padding:12px 14px 12px;border-radius:12px;background:#FFF8E1}
.invplay__sharehead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.invplay__sharehead .invplay__lbl{white-space:nowrap}
.invplay__bar{--p:0;height:10px;margin-top:10px;border-radius:999px;background:#fff;border:1px solid #F0DDA0;overflow:hidden}
.invplay__bar i{display:block;height:100%;width:calc(var(--p) * 100%);background:#F0B100;border-radius:999px;transition:width 1.3s cubic-bezier(.22,1,.36,1)}
.invplay__split{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:12px;color:#727272;white-space:nowrap}
.invplay__split b{color:#0D0D0D;font-weight:700}

.invplay__lock{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;border-radius:10px;background:#FAFAFA;border:1px dashed #D9D9D9;font-size:12px;color:#727272;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .5s cubic-bezier(.22,1,.36,1)}
.invplay__lock svg{flex:none;color:#0D0D0D}
.invplay[data-step="share"] .invplay__lock,.invplay[data-step="lease"] .invplay__lock,.invplay[data-step="done"] .invplay__lock{opacity:1;transform:none}
.invplay[data-step="done"] .invplay__lock{border-color:#F0B100;background:#FFF8E1;color:#0D0D0D}

.invplay__big{display:block;font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-top:2px;white-space:nowrap}
.invplay__of{font-size:12px;color:#A3A3A3;margin-top:4px}
.invplay__chart{display:block;width:100%;height:84px;margin-top:14px;overflow:visible}
.invplay__line{stroke-dasharray:330;stroke-dashoffset:330;transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1)}
.invplay__area,.invplay__dot{opacity:0;transition:opacity .6s}
.invplay__dot{transition-delay:1.3s}
.invplay__area{transition-delay:.6s}
.invplay[data-step="lease"] .invplay__line,.invplay[data-step="done"] .invplay__line{stroke-dashoffset:0}
.invplay[data-step="lease"] .invplay__area,.invplay[data-step="done"] .invplay__area,
.invplay[data-step="lease"] .invplay__dot,.invplay[data-step="done"] .invplay__dot{opacity:1}
.invplay__paid{display:grid;gap:2px;margin-top:10px;padding-top:10px;border-top:1px solid #EDEDED;font-size:13px}
.invplay__paid b{font-weight:700;white-space:nowrap}

@media (max-width:560px){.invplay{grid-template-columns:1fr}}
@media (max-width:900px),(prefers-reduced-motion:reduce){
  .invplay__card,.invplay__bar i,.invplay__lock,.invplay__line,.invplay__area,.invplay__dot{transition:none}
  .invplay__card{opacity:1;transform:none}
}

/* scene: buyout — /features/buyout/ hero. Prefix: bopage */
.bopage{position:relative;width:100%;max-width:520px;margin-inline:auto;font-variant-numeric:tabular-nums;color:var(--ink,#0D0D0D)}
.bopage__card{background:var(--card,#fff);border:1px solid var(--line,#E3E3E3);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow,0 24px 60px -28px rgba(13,13,13,.28));display:grid;gap:16px;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.bopage[data-step="reset"] .bopage__card{opacity:0;transform:translateY(10px)}

.bopage__head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}
.bopage__head b{font-weight:600}
.bopage__stage{font-style:normal;margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--bg,#FAFAFA);color:var(--muted,#727272);border:1px solid var(--line,#E3E3E3);transition:background .4s,color .4s,border-color .4s}
.bopage[data-step="stage"] .bopage__stage,.bopage[data-step="pay"] .bopage__stage,.bopage[data-step="hold"] .bopage__stage{background:var(--yellow,#F0B100);color:var(--ink,#0D0D0D);border-color:var(--yellow,#F0B100)}

.bopage__who{margin:-6px 0 0;font-size:13px;color:var(--muted,#727272)}
.bopage__who b{color:var(--ink,#0D0D0D);font-weight:600}

.bopage__sum{display:grid;gap:4px}
.bopage__sum small{font-size:12px;color:var(--muted,#727272)}
.bopage__sum b{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.bopage__lock{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok,#1F9D5B);margin-top:2px}
.bopage__lock svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.bopage__bar{position:relative;height:10px;border-radius:999px;background:var(--line-2,#EDEDED);margin:4px 0 22px}
.bopage__bar-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--p,0)*100%);background:var(--yellow,#F0B100);border-radius:999px}
.bopage__bar-mark{position:absolute;top:-4px;bottom:-4px;left:calc(var(--m,0.2083)*100%);width:2px;background:var(--ink,#0D0D0D);border-radius:2px;opacity:.55}
.bopage__bar-mark span{position:absolute;top:100%;left:50%;transform:translate(-50%,4px);white-space:nowrap;font-size:11px;font-weight:600;color:var(--muted,#727272)}
.bopage[data-step="stage"] .bopage__bar-mark,.bopage[data-step="pay"] .bopage__bar-mark,.bopage[data-step="hold"] .bopage__bar-mark{opacity:1}

.bopage__row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:15px}
.bopage__row small{display:block;font-size:12px;color:var(--muted,#727272);margin-bottom:4px}
.bopage__row b{font-weight:700;white-space:nowrap}
.bopage__row b i{font-style:normal;font-weight:500;font-size:12px;color:var(--muted,#727272)}
.bopage__pos{border-radius:6px;padding:0 4px;margin-left:-4px;transition:background .4s}
.bopage[data-step="pay"] .bopage__pos,.bopage[data-step="hold"] .bopage__pos{background:var(--yellow-tint,#FFF8E1)}

.bopage__pay{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--bg,#FAFAFA);border:1px solid var(--line,#E3E3E3);font-size:14px;font-weight:600;color:var(--muted,#727272);transition:background .4s,color .4s,border-color .4s}
.bopage__pay i{width:20px;height:20px;border-radius:50%;background:var(--line,#E3E3E3);color:#fff;display:grid;place-items:center;flex:none;font-size:12px;font-style:normal;transition:background .4s}
.bopage__pay em{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;color:var(--muted,#727272);opacity:0;transition:opacity .4s}
.bopage[data-step="pay"] .bopage__pay,.bopage[data-step="hold"] .bopage__pay{background:var(--yellow-tint,#FFF8E1);border-color:transparent;color:var(--ink,#0D0D0D)}
.bopage[data-step="pay"] .bopage__pay i,.bopage[data-step="hold"] .bopage__pay i{background:var(--ok,#1F9D5B)}
.bopage[data-step="pay"] .bopage__pay em,.bopage[data-step="hold"] .bopage__pay em{opacity:1}

.bopage__steps{display:flex;gap:8px;font-size:14px;font-weight:700}
.bopage__steps span{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;border-radius:12px;background:var(--bg,#FAFAFA);color:var(--muted,#727272);border:1px solid var(--line,#E3E3E3);line-height:1;transition:background .4s,color .4s,border-color .4s}
.bopage__steps .is-on{background:var(--yellow,#F0B100);color:var(--ink,#0D0D0D);border-color:var(--yellow,#F0B100)}
.bopage__steps .is-done{background:var(--ok-soft,#E4F5EB);color:var(--ok,#1F9D5B);border-color:transparent}

@media (max-width:520px){.bopage__row{grid-template-columns:1fr 1fr}.bopage__row div:nth-child(3){grid-column:1/-1}.bopage__pay em{display:none}}

/* shifts scene: one car, two rentals by shift. Prefix shiftplay, attribute data-shiftplay. */
.shiftplay{position:relative;max-width:460px;margin-inline:auto;--sp-ease:cubic-bezier(.22,1,.36,1)}
.shiftplay__card{position:relative;background:#fff;border:1px solid #E3E3E3;border-radius:16px;padding:20px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);display:flex;flex-direction:column;gap:14px;color:#0D0D0D}
.shiftplay__head{display:flex;align-items:center;gap:12px}
.shiftplay__head div{display:grid;gap:2px;min-width:0}
.shiftplay__head b{font-size:15px;letter-spacing:-.02em;white-space:nowrap}
.shiftplay__head small{color:#727272;font-size:13px}

/* 24h strip: day half (Ерлан) and night half (Асан), fine marker at 14:20 */
.shiftplay__day{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:2px}
.shiftplay__half{position:relative;display:flex;align-items:center;justify-content:center;height:30px;border-radius:8px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.02em;transition:opacity .45s var(--sp-ease),box-shadow .45s var(--sp-ease)}
.shiftplay__half span{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:#727272}
.shiftplay__half--d{background:#F0B100;color:#0D0D0D}
.shiftplay__half--d span:first-child{left:8px}
.shiftplay__half--d span:last-child{right:8px;color:rgba(13,13,13,.6)}
.shiftplay__half--d span:first-child{color:rgba(13,13,13,.6)}
.shiftplay__half--n{background:#0D0D0D;color:#F5F5F5}
.shiftplay__half--n span{right:8px;color:#A8A8A8}
.shiftplay[data-step="1"] .shiftplay__half--d,
.shiftplay[data-step="0"] .shiftplay__half--n{opacity:.35}
.shiftplay[data-step="0"] .shiftplay__half--d,
.shiftplay[data-step="1"] .shiftplay__half--n{box-shadow:0 0 0 3px #fff,0 0 0 4.5px #0D0D0D}
.shiftplay__fine{position:absolute;left:calc(50% * 6.33 / 12 - 2px);top:-8px;height:46px;width:3px;border-radius:2px;background:#D6453D;font-style:normal;font-size:0;z-index:1}
.shiftplay__fine::after{content:"14:20";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);font-size:10px;font-weight:700;color:#D6453D;white-space:nowrap}

/* tabs */
.shiftplay__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.shiftplay__tabs button{min-height:46px;border:1px solid #E3E3E3;border-radius:12px;background:#FAFAFA;color:#727272;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s var(--sp-ease),background .25s,color .25s}
.shiftplay__tabs button.is-press{transform:scale(.97)}
.shiftplay__tabs button.is-on{background:#F0B100;border-color:#F0B100;color:#0D0D0D}
.shiftplay__tabs button[data-shiftplay-tab="1"].is-on{background:#0D0D0D;border-color:#0D0D0D;color:#F5F5F5}

/* facts: absolutely stacked, one visible */
.shiftplay__facts{position:relative;min-height:188px}
.shiftplay__facts>section{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #E3E3E3;opacity:0;transform:translateY(8px);transition:opacity .45s var(--sp-ease),transform .45s var(--sp-ease);pointer-events:none}
.shiftplay__facts>section.is-on{opacity:1;transform:none;pointer-events:auto}
.shiftplay__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.shiftplay__row span{color:#727272;font-size:13px;font-weight:600}
.shiftplay__sum{font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.shiftplay__facts small{color:#727272;font-size:12px;font-weight:600}
.shiftplay__bar{height:8px;margin-top:6px;border-radius:99px;background:#EDEDED;overflow:hidden}
.shiftplay__bar i{display:block;height:100%;width:0;border-radius:inherit;background:#F0B100;transition:width .8s var(--sp-ease)}
.shiftplay__facts>section.is-on .shiftplay__bar[data-shiftplay-bar="5"] i{width:71.43%}
.shiftplay__facts>section.is-on .shiftplay__bar[data-shiftplay-bar="7"] i{width:100%}
.shiftplay__cap{margin-top:-2px}
.shiftplay__note{margin-top:auto;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:600;line-height:1.4}
.shiftplay__note b{font-weight:800}
.shiftplay__note--fine{background:#FCE9E8;color:#0D0D0D}
.shiftplay__note--ok{background:#E4F5EB;color:#0D0D0D}

/* cursor, same figure as on the rentals page */
.shiftplay__cur{position:absolute;z-index:3;width:24px;height:24px;left:40px;top:120px;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.shiftplay[data-press="1"] .shiftplay__cur{transform:scale(.86)}

@media (max-width:900px){.shiftplay__cur{display:none}}
@media (prefers-reduced-motion:reduce){
  .shiftplay__cur{display:none}
  .shiftplay *{transition:none!important}
}

/* analytics hero scene — prefix anaplay */
.anaplay{position:relative;width:100%;max-width:520px;margin-inline:auto;background:#fff;border:1px solid var(--line,#E3E3E3);border-radius:16px;box-shadow:var(--shadow,0 20px 40px -20px rgba(13,13,13,.25));padding:18px;color:#0D0D0D;font-variant-numeric:tabular-nums;box-sizing:border-box}
.anaplay *{box-sizing:border-box}
.anaplay__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.anaplay__head b{font-size:15px;font-weight:700}
.anaplay__head span{font-size:12.5px;color:#727272}
.anaplay__tile{position:relative;border:1px solid #EDEDED;border-radius:12px;padding:14px 16px;background:#fff}
.anaplay__tile small{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#727272}
.anaplay__tile em{display:block;font-style:normal;font-size:12.5px;color:#727272;margin-top:4px}
.anaplay__num{display:block;font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.01em;margin-top:4px;white-space:nowrap}
.anaplay__num u{text-decoration:none;font-size:14px;font-weight:600;color:#727272}
.anaplay__row{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:10px}

/* bars: grow from zero, each with its own delay; nothing jumps */
.anaplay__bars{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:88px;gap:8px;height:88px;align-items:end;margin-top:12px}
.anaplay__bars i{position:relative;display:block;height:4px;border-radius:5px 5px 2px 2px;background:#F0B100;transition:height .9s cubic-bezier(.3,.7,.2,1)}
.anaplay__bars i:nth-child(2){transition-delay:.08s}.anaplay__bars i:nth-child(3){transition-delay:.16s}.anaplay__bars i:nth-child(4){transition-delay:.24s}.anaplay__bars i:nth-child(5){transition-delay:.32s}.anaplay__bars i:nth-child(6){transition-delay:.4s}.anaplay__bars i:nth-child(7){transition-delay:.48s}
.anaplay__bars i span{position:absolute;left:0;right:0;top:100%;margin-top:4px;text-align:center;font-size:10.5px;color:#A3A3A3;font-style:normal}
.anaplay__bars i:nth-child(5){background:#0D0D0D}
.anaplay__tile--rev{padding-bottom:30px}
.anaplay[data-step="rev"] .anaplay__bars i,.anaplay[data-step="load"] .anaplay__bars i,.anaplay[data-step="debt"] .anaplay__bars i{height:var(--h)}

/* ring: stroke fills to 12/14 ≈ 86 */
.anaplay__ring{position:absolute;right:14px;top:14px;width:52px;height:52px;transform:rotate(-90deg)}
.anaplay__ring circle{fill:none;stroke:#EDEDED;stroke-width:6}
.anaplay__arc{stroke:#F0B100!important;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s cubic-bezier(.3,.7,.2,1)}
.anaplay[data-step="load"] .anaplay__arc,.anaplay[data-step="debt"] .anaplay__arc{stroke-dashoffset:14}
.anaplay__tile--load .anaplay__num{padding-right:60px}

/* debt list: rows slide in once the number is counting */
.anaplay__list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.anaplay__list li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;font-size:12.5px;padding-top:6px;border-top:1px solid #EDEDED;opacity:0;transform:translateY(6px);transition:opacity .45s cubic-bezier(.3,.7,.2,1),transform .45s cubic-bezier(.3,.7,.2,1)}
.anaplay__list li:nth-child(2){transition-delay:.18s}
.anaplay__list li>span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.anaplay__list li b{font-weight:700;text-align:right;white-space:nowrap}
.anaplay__list li i{grid-column:1/-1;font-style:normal;font-size:11.5px;color:#A3A3A3;margin-top:-2px}
.anaplay[data-step="debt"] .anaplay__list li{opacity:1;transform:none}
.anaplay__tile--debt .anaplay__num{color:#D6453D}

/* final state without motion: narrow screens and reduced motion */
@media (max-width:900px),(prefers-reduced-motion:reduce){
  .anaplay__bars i,.anaplay__arc,.anaplay__list li{transition:none!important}
}
@media (max-width:520px){
  .anaplay__row{grid-template-columns:1fr}
  .anaplay__num{font-size:22px}
}

/* leads scene: WhatsApp message becomes a lead, cursor moves it to «Проверка». Prefix leadplay, attribute data-leadplay. */
.leadplay{position:relative;max-width:460px;margin-inline:auto;--lp-ease:cubic-bezier(.22,1,.36,1)}
.leadplay__card{position:relative;background:#fff;border:1px solid #E3E3E3;border-radius:16px;padding:18px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);display:flex;flex-direction:column;gap:14px;color:#0D0D0D;overflow:hidden}

/* chat */
.leadplay__chat{display:flex;flex-direction:column;gap:10px}
.leadplay__chathead{display:flex;align-items:center;gap:10px}
.leadplay__chathead div{display:grid;gap:1px;min-width:0}
.leadplay__chathead b{font-size:14px;letter-spacing:-.02em}
.leadplay__chathead small{color:#727272;font-size:12px}
.leadplay__wa{width:30px;height:30px;border-radius:50%;background:#25D366;flex:none;position:relative}
.leadplay__wa::after{content:"";position:absolute;inset:7px;border:2px solid #fff;border-radius:50% 50% 50% 4px;box-sizing:border-box}
.leadplay__msgs{position:relative;min-height:56px;display:flex;flex-direction:column;align-items:flex-start}
.leadplay__typing{position:absolute;left:0;top:0;display:flex;gap:4px;padding:10px 12px;border-radius:12px 12px 12px 4px;background:#F2F2F2;opacity:0;transition:opacity .3s}
.leadplay__typing i{width:6px;height:6px;border-radius:50%;background:#A8A8A8;animation:leadplay-dot 1s infinite}
.leadplay__typing i:nth-child(2){animation-delay:.15s}.leadplay__typing i:nth-child(3){animation-delay:.3s}
@keyframes leadplay-dot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-3px);opacity:1}}
.leadplay[data-step="in"] .leadplay__typing{opacity:1}
.leadplay__bubble{position:relative;margin:0;max-width:92%;padding:10px 54px 10px 12px;border-radius:12px 12px 12px 4px;background:#F2F2F2;font-size:13.5px;line-height:1.4;opacity:0;transform:translateY(8px) scale(.96);transform-origin:left bottom;transition:opacity .4s var(--lp-ease),transform .45s var(--lp-ease)}
.leadplay__bubble time{position:absolute;right:10px;bottom:6px;font-size:10px;color:#727272}
.leadplay:not([data-step="in"]) .leadplay__bubble{opacity:1;transform:none}

/* lead card */
.leadplay__lead{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;border:1px solid #E3E3E3;background:#fff;opacity:0;transform:translateY(12px);transition:opacity .45s var(--lp-ease),transform .5s var(--lp-ease)}
.leadplay[data-step="lead"] .leadplay__lead,.leadplay[data-step="aim"] .leadplay__lead,.leadplay[data-step="check"] .leadplay__lead,.leadplay[data-step="done"] .leadplay__lead{opacity:1;transform:none}
.leadplay__leadtop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.leadplay__leadtop div{display:grid;gap:1px}
.leadplay__leadtop small{color:#727272;font-size:12px;font-weight:600}
.leadplay__leadtop b{font-size:15px;letter-spacing:-.02em}
.leadplay__stage{padding:4px 10px;border-radius:999px;background:#F0B100;color:#0D0D0D;font-size:12px;font-weight:700;white-space:nowrap;transition:background .35s,color .35s}
.leadplay[data-step="check"] .leadplay__stage,.leadplay[data-step="done"] .leadplay__stage{background:#0D0D0D;color:#F5F5F5}
.leadplay__want{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}
.leadplay__want .plate{flex:none}
.leadplay__wantcar{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0D0D0D;font-weight:600}

/* stage track: four buttons over a filling bar */
.leadplay__track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:12px}
.leadplay__fill{position:absolute;left:0;top:0;height:5px;width:100%;border-radius:99px;background:#F2F2F2;font-style:normal;overflow:hidden}
.leadplay__fill::before{content:"";display:block;height:100%;width:var(--p,25%);border-radius:inherit;background:#F0B100;transition:width 1.1s var(--lp-ease),background .35s}
.leadplay[data-step="check"] .leadplay__fill::before,.leadplay[data-step="done"] .leadplay__fill::before{background:#0D0D0D}
.leadplay__st{min-height:34px;padding:0 4px;border:1px solid #E3E3E3;border-radius:9px;background:#FAFAFA;color:#727272;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .15s var(--lp-ease),background .25s,color .25s,border-color .25s}
.leadplay__st.is-press{transform:scale(.95)}
.leadplay__st.is-done{background:#FFF6D6;border-color:#FFF6D6;color:#0D0D0D}
.leadplay__st.is-on{background:#F0B100;border-color:#F0B100;color:#0D0D0D}
.leadplay__st[data-leadplay-st="3"].is-on{background:#0D0D0D;border-color:#0D0D0D;color:#F5F5F5}

/* checks: only on «Проверка» */
.leadplay__checks{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--lp-ease),opacity .4s}
.leadplay[data-step="check"] .leadplay__checks,.leadplay[data-step="done"] .leadplay__checks{max-height:120px;opacity:1}
.leadplay__checks li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;background:#FAFAFA;font-size:13px}
.leadplay__checks span{color:#0D0D0D;font-weight:600}
.leadplay__checks em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;font-weight:700;color:#727272}
.leadplay__spin{width:12px;height:12px;border-radius:50%;border:2px solid #E3E3E3;border-top-color:#0D0D0D;animation:leadplay-spin .8s linear infinite}
.leadplay__checks em b{display:none;color:#1A7F37}
.leadplay__checks em b::before{content:"";display:inline-block;width:7px;height:4px;margin:0 6px 2px 0;border-left:2px solid #1A7F37;border-bottom:2px solid #1A7F37;transform:rotate(-45deg)}
.leadplay__checks em.is-ok .leadplay__spin{display:none}
.leadplay__checks em.is-ok b{display:inline}
@keyframes leadplay-spin{to{transform:rotate(360deg)}}

/* hint swaps */
.leadplay__hint{display:block;color:#727272;font-size:12px;position:relative;min-height:16px}
.leadplay__hint span{position:absolute;left:0;top:0;white-space:nowrap;transition:opacity .35s}
.leadplay__hint-b{opacity:0}
.leadplay[data-step="done"] .leadplay__hint-a{opacity:0}
.leadplay[data-step="done"] .leadplay__hint-b{opacity:1}

/* cursor, same as rentals */
.leadplay__cur{position:absolute;z-index:3;width:24px;height:24px;left:40%;top:60%;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.leadplay[data-press="1"] .leadplay__cur{transform:scale(.86)}
@media (max-width:900px){.leadplay__cur{display:none}}
@media (prefers-reduced-motion:reduce){.leadplay__cur{display:none}.leadplay *{transition:none!important;animation:none!important}}

/* settings scene: park rules (schedule 7/0, rate 9 000, Kaspi switch). Prefix setplay, attribute data-setplay. */
.setplay{position:relative;max-width:460px;margin-inline:auto;--sp-ease:cubic-bezier(.22,1,.36,1)}
.setplay__card{position:relative;background:#fff;border:1px solid #E3E3E3;border-radius:16px;padding:20px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);display:flex;flex-direction:column;gap:12px;color:#0D0D0D}
.setplay__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}
.setplay__head div{display:grid;gap:2px;min-width:0}
.setplay__head b{font-size:15px;letter-spacing:-.02em;white-space:nowrap}
.setplay__head small{color:#727272;font-size:13px}
.setplay__saved{font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;background:#E4F5EB;color:#0D0D0D;opacity:0;transform:translateY(-4px);transition:opacity .4s var(--sp-ease),transform .4s var(--sp-ease)}
.setplay[data-step="2"] .setplay__saved{opacity:1;transform:none}

/* rows */
.setplay__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}
.setplay__row--pay{align-items:flex-start}
.setplay__lab{color:#727272;font-size:13px;font-weight:600;white-space:nowrap;padding-top:0}
.setplay__row--pay .setplay__lab{padding-top:8px}
.setplay__seg{display:inline-flex;padding:3px;border-radius:10px;background:#F2F2F2;gap:2px}
.setplay__seg i{font-style:normal;font-size:13px;font-weight:800;padding:5px 12px;border-radius:8px;color:#727272}
.setplay__seg i.is-on{background:#0D0D0D;color:#F5F5F5}
.setplay__rate{font-size:22px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.setplay__pays{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:236px}
.setplay__pays li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:0 0 0 10px;border:1px solid #E3E3E3;border-radius:10px;font-size:13px;font-weight:700}
.setplay__pays em{font-style:normal;white-space:nowrap}

/* switch: 44×24, knob slides, no jump */
.setplay__sw{position:relative;flex:none;width:44px;height:24px;margin:3px 4px 3px 0;border:0;padding:0;border-radius:99px;background:#D8D8D8;cursor:pointer;transition:background .35s var(--sp-ease),transform .15s var(--sp-ease)}
.setplay__sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(13,13,13,.3);transition:left .35s var(--sp-ease)}
.setplay__sw.is-on{background:#F0B100}
.setplay__sw.is-on::after{left:23px}
.setplay__sw.is-press{transform:scale(.94)}
i.setplay__sw{cursor:default}

/* rental preview: how the rules land in a rental */
.setplay__rent{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:14px 16px;border-radius:12px;border:1px solid #E3E3E3;background:#FAFAFA;transition:border-color .45s var(--sp-ease)}
.setplay[data-step="2"] .setplay__rent{border-color:#F0B100}
.setplay__rent>header{display:flex;align-items:center;gap:10px}
.setplay__rent>header div{display:grid;gap:1px;min-width:0}
.setplay__rent>header b{font-size:14px;letter-spacing:-.01em}
.setplay__rent>header small{color:#727272;font-size:12px;font-weight:600}
.setplay__week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.setplay__week i{height:8px;border-radius:99px;background:#EDEDED;position:relative;overflow:hidden}
.setplay__week i::after{content:"";position:absolute;inset:0;background:#F0B100;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--sp-ease)}
.setplay[data-step="1"] .setplay__week i::after,.setplay[data-step="2"] .setplay__week i::after{transform:none}
.setplay__week i:nth-child(1)::after{transition-delay:.0s}.setplay__week i:nth-child(2)::after{transition-delay:.08s}.setplay__week i:nth-child(3)::after{transition-delay:.16s}.setplay__week i:nth-child(4)::after{transition-delay:.24s}.setplay__week i:nth-child(5)::after{transition-delay:.32s}.setplay__week i:nth-child(6)::after{transition-delay:.4s}.setplay__week i:nth-child(7)::after{transition-delay:.48s}
.setplay__sum{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.setplay__sum span{color:#727272;font-size:12px;font-weight:600}
.setplay__sum b{font-size:18px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.setplay__chips{display:flex;flex-wrap:wrap;gap:6px}
.setplay__chips span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:#fff;border:1px solid #E3E3E3}
.setplay__chip--kaspi{background:#F0B100!important;border-color:#F0B100!important;opacity:0;transform:scale(.8);transition:opacity .4s var(--sp-ease),transform .4s var(--sp-ease)}
.setplay[data-step="2"] .setplay__chip--kaspi{opacity:1;transform:none}

/* cursor, same figure as on the rentals page */
.setplay__cur{position:absolute;z-index:3;width:24px;height:24px;left:40px;top:120px;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.setplay[data-press="1"] .setplay__cur{transform:scale(.86)}
.setplay[data-reset="1"] .setplay__card *{transition:none!important}

@media (max-width:900px){.setplay__cur{display:none}}
@media (prefers-reduced-motion:reduce){
  .setplay__cur{display:none}
  .setplay *{transition:none!important}
}

/* scene: kaspi — /kaspi-pay/ hero. Driver's phone: debt → pick days → pay in Kaspi → debt shrinks. Prefix: kpay, scope [data-kpay] */
.kpay{--kp-ease:cubic-bezier(.22,1,.36,1);position:relative;width:100%;max-width:380px;margin-inline:auto;font-variant-numeric:tabular-nums;color:#0D0D0D}
.kpay__phone{position:relative;overflow:hidden;background:#fff;border:1px solid #E3E3E3;border-radius:16px;padding:22px 22px 20px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);display:grid;gap:16px;transition:opacity .5s var(--kp-ease),transform .5s var(--kp-ease)}
.kpay[data-step="reset"] .kpay__phone{opacity:0;transform:translateY(10px)}

.kpay__head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}
.kpay__head b{font-weight:600}
.kpay__who{margin:-8px 0 0;font-size:13px;color:#727272}
.kpay__who b{color:#0D0D0D;font-weight:600}

.kpay__debt{display:grid;gap:4px}
.kpay__debt small{font-size:12px;color:#727272}
.kpay__debt b{font-size:clamp(30px,3vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.05;transition:color .4s}
.kpay__debt em{font-style:normal;font-size:12px;font-weight:600;color:#C2410C;transition:color .4s}
.kpay[data-step="paid"] .kpay__debt em,.kpay[data-step="hold"] .kpay__debt em{color:#1F9D5B}

.kpay__pick{display:grid;gap:8px}
.kpay__pick small{font-size:12px;color:#727272}
.kpay__days{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kpay__day{display:grid;gap:2px;min-height:52px;padding:8px 6px;border:1px solid #E3E3E3;border-radius:12px;background:#FAFAFA;color:#0D0D0D;font:inherit;text-align:center;cursor:pointer;transition:transform .15s var(--kp-ease),background .25s,border-color .25s,color .25s}
.kpay__day span{font-size:13px;font-weight:700}
.kpay__day i{font-style:normal;font-size:11.5px;color:#727272;transition:color .25s}
.kpay__day.is-on{background:#FFF8E1;border-color:#F0B100;box-shadow:inset 0 0 0 1px #F0B100}
.kpay__day.is-press{transform:scale(.94)}
.kpay__day.is-paid{background:#E4F5EB;border-color:transparent;color:#1F9D5B;box-shadow:none}
.kpay__day.is-paid i{color:#1F9D5B}
.kpay__day.is-paid i::before{content:"✓ "}

/* pay button: two captions, one visible */
.kpay__btn{position:relative;display:grid;min-height:48px;padding:0 20px;border:0;border-radius:12px;background:#0D0D0D;color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;overflow:hidden;transition:transform .15s var(--kp-ease),background .35s,color .35s}
.kpay__btn span{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:opacity .3s}
.kpay__btn b{font-weight:800}
.kpay__btn-b{opacity:0}
.kpay[data-step="in"] .kpay__btn{background:#E3E3E3;color:#727272}
.kpay[data-step="pick1"] .kpay__btn-a,.kpay[data-step="pick2"] .kpay__btn-a,.kpay[data-step="aim"] .kpay__btn-a,.kpay[data-step="kaspi"] .kpay__btn-a,.kpay[data-step="paid"] .kpay__btn-a,.kpay[data-step="hold"] .kpay__btn-a{opacity:0}
.kpay[data-step="pick1"] .kpay__btn-b,.kpay[data-step="pick2"] .kpay__btn-b,.kpay[data-step="aim"] .kpay__btn-b,.kpay[data-step="kaspi"] .kpay__btn-b,.kpay[data-step="paid"] .kpay__btn-b,.kpay[data-step="hold"] .kpay__btn-b{opacity:1}
.kpay__btn.is-press{transform:scale(.97)}
.kpay[data-step="paid"] .kpay__btn,.kpay[data-step="hold"] .kpay__btn{display:none}

/* result line takes the button's place */
.kpay__done{display:none;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border-radius:12px;background:#FFF8E1;border:1px solid #F0B100;font-size:14px;font-weight:600;color:#0D0D0D}
.kpay__done i{width:20px;height:20px;border-radius:50%;background:#1F9D5B;color:#fff;display:grid;place-items:center;flex:none;font-size:12px;font-style:normal}
.kpay__done b{font-weight:800}
.kpay[data-step="paid"] .kpay__done,.kpay[data-step="hold"] .kpay__done{display:flex}

.kpay__foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:-4px 0 0;font-size:12px;color:#727272}
.kpay__foot b{color:#0D0D0D;font-weight:700}

/* Kaspi sheet slides up over the phone */
.kpay__phone::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(255,255,255,.62);opacity:0;pointer-events:none;transition:opacity .45s}
.kpay[data-step="kaspi"] .kpay__phone::after{opacity:1}
.kpay__sheet{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:14px 22px 20px;background:#fff;border-top:1px solid #E3E3E3;border-radius:16px 16px 0 0;box-shadow:0 -18px 40px -24px rgba(13,13,13,.35);display:grid;gap:10px;transform:translateY(105%);transition:transform .55s var(--kp-ease)}
.kpay[data-step="kaspi"] .kpay__sheet{transform:none}
.kpay__sheet-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.kpay__sheet-top b{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:15px}
.kpay__sheet-top b::before{content:"";width:18px;height:18px;border-radius:5px;background:#F14635}
.kpay__sheet-top span{color:#727272;font-weight:600}
.kpay__sheet-sum{display:grid;gap:2px}
.kpay__sheet-sum small{font-size:12px;color:#727272}
.kpay__sheet-sum b{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.kpay__sheet-row{display:flex;justify-content:space-between;font-size:13px;color:#727272;padding-top:8px;border-top:1px solid #EDEDED}
.kpay__sheet-row b{color:#0D0D0D;font-weight:600}
.kpay__sheet-bar{height:6px;border-radius:999px;background:#EDEDED;overflow:hidden}
.kpay__sheet-bar i{display:block;height:100%;width:calc(var(--p,0)*100%);background:#F14635;border-radius:999px}

/* cursor, same figure as on the rentals page */
.kpay__cur{position:absolute;z-index:3;width:24px;height:24px;left:40%;top:60%;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.kpay[data-press="1"] .kpay__cur{transform:scale(.86)}

@media (max-width:900px){.kpay__cur{display:none}}
@media (prefers-reduced-motion:reduce){.kpay__cur{display:none}.kpay *{transition:none!important;animation:none!important}}
@media (max-width:420px){.kpay__phone{padding:18px 16px 16px}.kpay__foot{flex-direction:column;gap:4px}}

.hubplay{position:relative;width:100%;max-width:520px;margin-inline:auto;font-feature-settings:"ss01","cv11";--n:0}
.hubplay__card{position:relative;background:#fff;border:1px solid #E3E3E3;border-radius:16px;padding:20px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);display:flex;flex-direction:column;gap:14px;color:#0D0D0D;transition:border-color .5s}
.hubplay[data-step="5"] .hubplay__card{border-color:#F0B100}
.hubplay__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hubplay__head div{display:grid;gap:2px}
.hubplay__head small{color:#727272;font-size:13px}
.hubplay__head b{font-size:17px;line-height:1.2}
.hubplay__rent{display:inline-flex;align-items:center;gap:6px}
.hubplay__head div{gap:4px}
.hubplay__count{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;background:#F3F3F3;color:#727272;font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;transition:background .4s,color .4s}
.hubplay[data-step="5"] .hubplay__count{background:#F0B100;color:#0D0D0D}
.hubplay__bar{height:6px;border-radius:3px;background:#EDEDED;overflow:hidden;margin-top:-4px}
.hubplay__bar i{display:block;height:100%;width:calc(var(--n) * 20%);border-radius:3px;background:#F0B100;transition:width .6s cubic-bezier(.22,1,.36,1)}
.hubplay__list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid #EDEDED}
.hubplay__row{display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:12px;min-height:54px;padding:8px 0;border-bottom:1px solid #EDEDED;opacity:.42;transition:opacity .5s}
.hubplay__row.is-on{opacity:1}
.hubplay__ico{width:34px;height:34px;border-radius:10px;background:#F3F3F3;color:#9A9A9A;display:inline-flex;align-items:center;justify-content:center;transition:background .45s,color .45s,transform .5s cubic-bezier(.22,1,.36,1)}
.hubplay__ico svg{width:20px;height:20px}
.hubplay__row.is-on .hubplay__ico{background:#F0B100;color:#0D0D0D;transform:scale(1.06)}
.hubplay__txt{display:grid;gap:3px;min-width:0}
.hubplay__txt b{font-size:15px;line-height:1.2}
.hubplay__txt small{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#727272;line-height:1.25;opacity:0;transform:translateX(-8px);transition:opacity .45s,transform .55s cubic-bezier(.22,1,.36,1);transition-delay:.12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hubplay__row.is-on .hubplay__txt small{opacity:1;transform:none}
.hubplay__ok{width:22px;height:22px;border-radius:50%;background:#0D0D0D;color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1);transition-delay:.2s}
.hubplay__ok svg{width:14px;height:14px}
.hubplay__row.is-on .hubplay__ok{opacity:1;transform:none}
.hubplay__foot{margin:0;font-size:13px;font-weight:700;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:.35s}
.hubplay[data-step="5"] .hubplay__foot{opacity:1;transform:none}
.hubplay.is-static *{transition:none!important}
@media (prefers-reduced-motion:reduce){.hubplay *{transition:none!important}}

/* scene: egov — /integrations/egov/ hero. Driver's phone: contract → tap eGov mobile → signing sheet → signed, PDF in the rental card. Prefix: egovplay, scope [data-egovplay] */
.egovplay{--eg-ease:cubic-bezier(.22,1,.36,1);position:relative;width:100%;max-width:380px;margin-inline:auto;font-variant-numeric:tabular-nums;color:#0D0D0D}
.egovplay__phone{position:relative;overflow:hidden;background:#fff;border:1px solid #E3E3E3;border-radius:16px;padding:22px 22px 20px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);display:grid;gap:14px;transition:opacity .5s var(--eg-ease),transform .5s var(--eg-ease),border-color .4s}
.egovplay[data-step="reset"] .egovplay__phone{opacity:0;transform:translateY(10px)}
.egovplay[data-step="signed"] .egovplay__phone,.egovplay[data-step="hold"] .egovplay__phone{border-color:#F0B100}

.egovplay__head{display:grid;gap:4px}
.egovplay__head small{font-size:12px;color:#727272}
.egovplay__title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.egovplay__title b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.egovplay__st{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#F2F2F2;color:#727272;transition:background .35s,color .35s}
.egovplay[data-step="signed"] .egovplay__st,.egovplay[data-step="hold"] .egovplay__st{background:#F0B100;color:#0D0D0D}

.egovplay__rows{margin:0;display:grid;gap:8px}
.egovplay__rows div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;padding-bottom:8px;border-bottom:1px solid #F0F0F0}
.egovplay__rows dt{color:#727272}
.egovplay__rows dd{margin:0;font-weight:600}
.egovplay__from{margin:-6px 0 0;font-size:12px;color:#727272}

/* button: two captions, one visible */
.egovplay__btn{position:relative;display:grid;min-height:48px;padding:0 20px;border:0;border-radius:12px;background:#0D0D0D;color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;overflow:hidden;transition:transform .15s var(--eg-ease),background .35s,color .35s}
.egovplay__btn span{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:opacity .3s}
.egovplay__btn i{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0D0D0D;color:#F0B100;font-size:11px}
.egovplay__btn-b{opacity:0}
.egovplay__btn.is-press{transform:scale(.97)}
.egovplay[data-step="signed"] .egovplay__btn,.egovplay[data-step="hold"] .egovplay__btn{background:#F0B100;color:#0D0D0D}
.egovplay[data-step="signed"] .egovplay__btn-a,.egovplay[data-step="hold"] .egovplay__btn-a{opacity:0}
.egovplay[data-step="signed"] .egovplay__btn-b,.egovplay[data-step="hold"] .egovplay__btn-b{opacity:1}
.egovplay__hint{margin:-6px 0 0;font-size:12px;color:#727272;text-align:center}

/* signed PDF card: grows in on the final step */
.egovplay__pdf{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #E3E3E3;border-radius:12px;background:#FAFAFA;max-height:0;padding-top:0;padding-bottom:0;margin-top:-14px;opacity:0;overflow:hidden;transform:translateY(6px);transition:max-height .5s var(--eg-ease),padding .5s var(--eg-ease),margin .5s var(--eg-ease),opacity .4s,transform .5s var(--eg-ease)}
.egovplay[data-step="signed"] .egovplay__pdf,.egovplay[data-step="hold"] .egovplay__pdf{max-height:90px;padding-top:12px;padding-bottom:12px;margin-top:0;opacity:1;transform:none}
.egovplay__pdf-ic{flex:none;display:grid;place-items:center;width:40px;height:44px;border-radius:8px;background:#0D0D0D;color:#F0B100;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em}
.egovplay__pdf b{display:block;font-size:13px;font-weight:700}
.egovplay__pdf small{display:block;font-size:12px;color:#727272;margin-top:2px}

/* eGov sheet slides up over the phone */
.egovplay__sheet{position:absolute;left:0;right:0;bottom:0;z-index:2;background:#fff;border-top:1px solid #E3E3E3;border-radius:16px 16px 0 0;padding:18px 22px 20px;box-shadow:0 -18px 40px -20px rgba(13,13,13,.3);display:grid;gap:10px;transform:translateY(105%);transition:transform .55s var(--eg-ease)}
.egovplay[data-step="sign"] .egovplay__sheet{transform:none}
.egovplay__sheet-top{display:flex;justify-content:space-between;font-size:13px}
.egovplay__sheet-top b{font-weight:800}
.egovplay__sheet-top span{color:#727272}
.egovplay__sheet-doc{display:grid;gap:2px}
.egovplay__sheet-doc small{font-size:12px;color:#727272}
.egovplay__sheet-doc b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.egovplay__sheet-row{display:flex;justify-content:space-between;font-size:13px;color:#727272}
.egovplay__sheet-row b{color:#0D0D0D;font-weight:600}
.egovplay__sheet-bar{height:6px;border-radius:999px;background:#F2F2F2;overflow:hidden;margin-top:4px}
.egovplay__sheet-bar i{display:block;height:100%;width:100%;background:#F0B100;transform-origin:left;transform:scaleX(var(--p,0))}

/* cursor: same SVG as the rental scene */
.egovplay__cur{position:absolute;z-index:3;width:24px;height:24px;left:40%;top:60%;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.egovplay[data-press="1"] .egovplay__cur{transform:scale(.86)}

@media (max-width:900px){.egovplay__cur{display:none}}
@media (prefers-reduced-motion:reduce){.egovplay__cur{display:none}.egovplay *{transition:none!important;animation:none!important}}
@media (max-width:420px){.egovplay__phone{padding:18px 16px 16px}.egovplay__sheet{padding:16px 16px 18px}}

/* scene: erap — /integrations/erap/ hero. Prefix: erapplay */
.erapplay{position:relative;width:100%;max-width:520px;margin-inline:auto;font-variant-numeric:tabular-nums;color:var(--ink,#0D0D0D)}
.erapplay__card{background:var(--card,#fff);border:1px solid var(--line,#E3E3E3);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow,0 24px 60px -28px rgba(13,13,13,.28));display:grid;gap:16px;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.erapplay[data-step="reset"] .erapplay__card{opacity:0;transform:translateY(10px)}

.erapplay__head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}
.erapplay__src{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--muted,#727272)}
.erapplay__src i{width:8px;height:8px;border-radius:50%;background:var(--yellow,#F0B100);box-shadow:0 0 0 0 rgba(240,177,0,.5);animation:erapplay-ping 1.6s ease-out infinite}
@keyframes erapplay-ping{0%{box-shadow:0 0 0 0 rgba(240,177,0,.55)}100%{box-shadow:0 0 0 9px rgba(240,177,0,0)}}
.erapplay__stage{font-style:normal;margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--yellow,#F0B100);color:var(--ink,#0D0D0D);border:1px solid var(--yellow,#F0B100)}

.erapplay__proto{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line,#E3E3E3)}
.erapplay__proto>div{display:grid;gap:4px}
.erapplay__proto>div b{font-size:17px;font-weight:700;letter-spacing:-.01em}
.erapplay__proto small{font-size:12px;color:var(--muted,#727272)}
.erapplay__sum{flex:none;font-size:clamp(24px,2.6vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.05}

.erapplay__row{display:grid;gap:8px}
.erapplay__row small{font-size:12px;color:var(--muted,#727272)}
.erapplay__carline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.erapplay__arrow{color:var(--muted,#727272);opacity:0;transition:opacity .4s}
.erapplay__model{font-weight:600;opacity:0;transform:translateX(-6px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}
.erapplay[data-step="car"] .erapplay__arrow,.erapplay[data-step="who"] .erapplay__arrow,.erapplay[data-step="found"] .erapplay__arrow,.erapplay[data-step="debt"] .erapplay__arrow,.erapplay[data-step="hold"] .erapplay__arrow,
.erapplay[data-step="car"] .erapplay__model,.erapplay[data-step="who"] .erapplay__model,.erapplay[data-step="found"] .erapplay__model,.erapplay[data-step="debt"] .erapplay__model,.erapplay[data-step="hold"] .erapplay__model{opacity:1;transform:none}

.erapplay__who{opacity:.45;transition:opacity .4s}
.erapplay[data-step="who"] .erapplay__who,.erapplay[data-step="found"] .erapplay__who,.erapplay[data-step="debt"] .erapplay__who,.erapplay[data-step="hold"] .erapplay__who{opacity:1}
.erapplay__shift{position:relative;display:flex;gap:3px;height:30px;margin-bottom:28px}
.erapplay__seg{flex:1;display:flex;align-items:center;padding:0 10px;border-radius:8px;background:var(--bg,#FAFAFA);border:1px solid var(--line,#E3E3E3);font-size:12px;font-weight:600;color:var(--muted,#727272);white-space:nowrap;overflow:hidden;transition:background .4s,color .4s,border-color .4s}
.erapplay__seg.is-on{background:var(--yellow-tint,#FFF8E1);border-color:var(--yellow,#F0B100);color:var(--ink,#0D0D0D)}
.erapplay__mark{position:absolute;top:-4px;bottom:-4px;left:calc(var(--x,0)*100%);width:2px;margin-left:-1px;background:var(--ink,#0D0D0D);border-radius:2px;opacity:0;transition:left 1.1s cubic-bezier(.22,1,.36,1),opacity .3s}
.erapplay__mark span{position:absolute;top:100%;left:50%;transform:translate(-50%,4px);font-size:11px;font-weight:700;font-style:normal;white-space:nowrap}
.erapplay[data-step="who"] .erapplay__mark,.erapplay[data-step="found"] .erapplay__mark,.erapplay[data-step="debt"] .erapplay__mark,.erapplay[data-step="hold"] .erapplay__mark{opacity:1}

.erapplay__found{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted,#727272);opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.erapplay__found i{width:18px;height:18px;border-radius:50%;background:var(--ok,#1F9D5B);color:#fff;display:grid;place-items:center;font-size:11px;font-style:normal;flex:none}
.erapplay__found b{color:var(--ink,#0D0D0D);font-weight:700}
.erapplay[data-step="found"] .erapplay__found,.erapplay[data-step="debt"] .erapplay__found,.erapplay[data-step="hold"] .erapplay__found{opacity:1;transform:none}

.erapplay__debt{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:10px 12px;border-radius:10px;background:var(--bg,#FAFAFA);border:1px solid var(--line,#E3E3E3);transition:background .4s,border-color .4s}
.erapplay__debt small{grid-column:1;font-size:12px;color:var(--muted,#727272)}
.erapplay__debt em{grid-column:1}
.erapplay__debt b{grid-column:2;grid-row:1/3;justify-self:end;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--muted,#727272);transition:color .4s}
.erapplay__debt em{font-style:normal;font-size:12px;color:var(--muted,#727272)}
.erapplay[data-step="debt"] .erapplay__debt,.erapplay[data-step="hold"] .erapplay__debt{background:var(--yellow-tint,#FFF8E1);border-color:transparent}
.erapplay[data-step="debt"] .erapplay__debt b,.erapplay[data-step="hold"] .erapplay__debt b{color:var(--ink,#0D0D0D)}

.erapplay__steps{display:flex;gap:8px;font-size:13px;font-weight:700}
.erapplay__steps span{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 6px;border-radius:12px;background:var(--bg,#FAFAFA);color:var(--muted,#727272);border:1px solid var(--line,#E3E3E3);line-height:1;white-space:nowrap;transition:background .4s,color .4s,border-color .4s}
.erapplay__steps .is-on{background:var(--yellow,#F0B100);color:var(--ink,#0D0D0D);border-color:var(--yellow,#F0B100)}
.erapplay__steps .is-done{background:var(--ok-soft,#E4F5EB);color:var(--ok,#1F9D5B);border-color:transparent}

@media (max-width:520px){.erapplay__proto{flex-direction:column;gap:6px}.erapplay__steps{flex-wrap:wrap}.erapplay__steps span{flex:1 1 45%}.erapplay__seg{font-size:11px;padding:0 6px}}

/* scene: debtors — /integrations/debtors/ hero. Driver request: one registry row, "Проверяем…" → "Чисто", date stays in the card, issue unlocks. No cursor. Prefix: debtplay, scope [data-debtplay] */
.debtplay{--dp-ease:cubic-bezier(.22,1,.36,1);position:relative;width:100%;max-width:440px;margin-inline:auto;font-variant-numeric:tabular-nums;color:#0D0D0D}
.debtplay__card{position:relative;overflow:hidden;background:#fff;border:1px solid #E3E3E3;border-radius:16px;padding:22px 22px 20px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);display:grid;gap:14px;transition:opacity .5s var(--dp-ease),transform .5s var(--dp-ease),border-color .5s}
.debtplay[data-step="reset"] .debtplay__card{opacity:0;transform:translateY(10px)}
.debtplay[data-step="clean"] .debtplay__card,.debtplay[data-step="hold"] .debtplay__card{border-color:#F0B100}

/* head: who + which car */
.debtplay__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.debtplay__who{display:grid;gap:3px}
.debtplay__who small{font-size:12px;color:#727272}
.debtplay__who b{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.debtplay__who span{font-size:12.5px;color:#727272;letter-spacing:.02em}
.debtplay__car{display:grid;gap:5px;justify-items:end;text-align:right}
.debtplay__car em{font-style:normal;font-size:12.5px;color:#727272;white-space:nowrap}

/* the one registry row */
.debtplay__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #E3E3E3;border-radius:12px;background:#FAFAFA;transition:background .4s,border-color .4s}
.debtplay[data-step="clean"] .debtplay__row,.debtplay[data-step="hold"] .debtplay__row{background:#FFF8E1;border-color:#F0B100}
.debtplay__src{display:flex;align-items:center;gap:10px;min-width:0}
.debtplay__src div{display:grid;gap:2px;min-width:0}
.debtplay__src b{font-size:14px;font-weight:700;line-height:1.2}
.debtplay__src span{font-size:11.5px;color:#727272;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.debtplay__ico{flex:none;width:30px;height:30px;border-radius:8px;background:#0D0D0D;display:grid;place-items:center;transition:background .4s}
.debtplay__ico::before{content:"";width:12px;height:14px;border:2px solid #fff;border-radius:2px 2px 3px 3px;box-sizing:border-box;background:linear-gradient(#fff,#fff) 50% 45%/6px 1.5px no-repeat,linear-gradient(#fff,#fff) 50% 70%/6px 1.5px no-repeat}
.debtplay[data-step="clean"] .debtplay__ico,.debtplay[data-step="hold"] .debtplay__ico{background:#1F9D5B}

.debtplay__res{position:relative;flex:none;display:grid;font-size:13px;font-weight:700;white-space:nowrap}
.debtplay__res span{grid-area:1/1;display:inline-flex;align-items:center;justify-content:flex-end;height:26px;padding:0 10px;border-radius:999px;transition:opacity .35s,transform .45s var(--dp-ease)}
.debtplay__wait{color:#727272;background:#EDEDED}
.debtplay__wait::after{content:"";display:inline-block;width:10px;height:10px;margin-left:6px;border-radius:50%;border:2px solid #C8C8C8;border-top-color:#727272;animation:debtplay-spin .8s linear infinite}
.debtplay__ok{color:#fff;background:#1F9D5B;opacity:0;transform:scale(.85)}
.debtplay[data-step="clean"] .debtplay__wait,.debtplay[data-step="hold"] .debtplay__wait{opacity:0}
.debtplay[data-step="clean"] .debtplay__ok,.debtplay[data-step="hold"] .debtplay__ok{opacity:1;transform:none}
.debtplay[data-step="in"] .debtplay__wait{opacity:0}
@keyframes debtplay-spin{to{transform:rotate(360deg)}}

/* progress: the bar travels, never jumps (rAF in js) */
.debtplay__bar{height:5px;margin:-6px 2px 0;border-radius:999px;background:#EDEDED;overflow:hidden;transition:opacity .4s}
.debtplay__bar i{display:block;height:100%;width:calc(var(--p,0)*100%);background:#F0B100;border-radius:999px;transition:background .4s}
.debtplay[data-step="clean"] .debtplay__bar i,.debtplay[data-step="hold"] .debtplay__bar i{background:#1F9D5B}

/* verdict line: two captions in one cell */
.debtplay__verdict{position:relative;display:grid;margin:-2px 0 0;font-size:13px;color:#727272;line-height:1.35;min-height:18px}
.debtplay__verdict span{grid-area:1/1;transition:opacity .35s}
.debtplay__verdict b{color:#0D0D0D;font-weight:700}
.debtplay__verdict-b{opacity:0}
.debtplay[data-step="clean"] .debtplay__verdict-a,.debtplay[data-step="hold"] .debtplay__verdict-a{opacity:0}
.debtplay[data-step="clean"] .debtplay__verdict-b,.debtplay[data-step="hold"] .debtplay__verdict-b{opacity:1}

/* issue block: locked → unlocked */
.debtplay__issue{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#0D0D0D;color:#fff;transition:background .45s,color .45s}
.debtplay__issue-txt{display:grid;gap:2px}
.debtplay__issue-txt small{font-size:11.5px;opacity:.7}
.debtplay__issue-txt b{grid-area:2/1;font-size:15px;font-weight:800;transition:opacity .35s}
.debtplay__issue-b{opacity:0}
.debtplay[data-step="clean"] .debtplay__issue-a,.debtplay[data-step="hold"] .debtplay__issue-a{opacity:0}
.debtplay[data-step="clean"] .debtplay__issue-b,.debtplay[data-step="hold"] .debtplay__issue-b{opacity:1}
.debtplay[data-step="clean"] .debtplay__issue,.debtplay[data-step="hold"] .debtplay__issue{background:#F0B100;color:#0D0D0D}
.debtplay__lock{flex:none;position:relative;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;transition:background .45s}
.debtplay[data-step="clean"] .debtplay__lock,.debtplay[data-step="hold"] .debtplay__lock{background:rgba(13,13,13,.1)}
.debtplay__lock i{position:relative;display:block;width:14px;height:10px;border-radius:2px;background:currentColor;margin-top:6px;transition:transform .4s}
.debtplay__lock i::before{content:"";position:absolute;left:2px;top:-7px;width:10px;height:10px;border:2px solid currentColor;border-bottom:0;border-radius:6px 6px 0 0;box-sizing:border-box;transform-origin:left bottom;transition:transform .45s var(--dp-ease)}
.debtplay[data-step="clean"] .debtplay__lock i::before,.debtplay[data-step="hold"] .debtplay__lock i::before{transform:translateX(-5px) rotate(-28deg)}

.debtplay__foot{margin:-2px 0 0;font-size:12px;color:#727272;line-height:1.4}

@media (prefers-reduced-motion:reduce){.debtplay *{transition:none!important;animation:none!important}.debtplay__wait::after{display:none}}
@media (max-width:900px){.debtplay__wait::after{display:none}}
@media (max-width:420px){.debtplay__card{padding:18px 16px 16px}.debtplay__head{flex-direction:column}.debtplay__car{justify-items:start;text-align:left}.debtplay__src span{white-space:normal}}

/* scene: blacklist — /integrations/blacklist/ hero. Prefix: blplay */
.blplay{position:relative;width:100%;max-width:520px;margin-inline:auto;font-variant-numeric:tabular-nums;color:var(--ink,#0D0D0D)}
.blplay__card{background:var(--card,#fff);border:1px solid var(--line,#E3E3E3);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow,0 24px 60px -28px rgba(13,13,13,.28));display:grid;gap:14px;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.blplay[data-step="reset"] .blplay__card{opacity:0;transform:translateY(10px)}

.blplay__head{display:flex;align-items:center;gap:12px;font-size:13px}
.blplay__src{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--muted,#727272)}
.blplay__src svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.blplay__status{font-style:normal;margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--bg,#FAFAFA);color:var(--muted,#727272);border:1px solid var(--line,#E3E3E3);transition:background .4s,color .4s,border-color .4s}
.blplay[data-step="hit"] .blplay__status,.blplay[data-step="hold"] .blplay__status{background:var(--yellow,#F0B100);color:var(--ink,#0D0D0D);border-color:var(--yellow,#F0B100)}

.blplay__who{margin:0;font-size:17px;font-weight:500;line-height:1.3}
.blplay__who b{font-weight:700}
.blplay__ask{margin:-6px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted,#727272)}

.blplay__checks{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px}
.blplay__check{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:8px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--bg,#FAFAFA);border:1px solid var(--line,#E3E3E3);font-size:14px;transition:background .4s,border-color .4s}
.blplay__name{font-weight:600}
.blplay__res{font-style:normal;font-size:13px;font-weight:600;color:var(--muted,#727272);white-space:nowrap;transition:color .3s}
.blplay__bar{grid-column:1/-1;grid-row:2;display:block;height:4px;border-radius:999px;background:var(--line-2,#EDEDED);overflow:hidden;transition:opacity .3s}
.blplay__bar b{display:block;height:100%;width:calc(var(--p,0)*100%);background:var(--yellow,#F0B100);border-radius:999px}
.blplay__check.is-clean{background:var(--ok-soft,#E4F5EB);border-color:transparent}
.blplay__check.is-clean .blplay__res{color:var(--ok,#1F9D5B)}
.blplay__check.is-hit{background:var(--yellow-tint,#FFF8E1);border-color:transparent}
.blplay__check.is-hit .blplay__res{color:var(--ink,#0D0D0D)}
.blplay__check.is-clean .blplay__bar,.blplay__check.is-hit .blplay__bar{opacity:0}
.blplay__check.is-clean .blplay__res::before,.blplay__check.is-hit .blplay__res::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px;background:var(--ok,#1F9D5B)}
.blplay__check.is-hit .blplay__res::before{background:var(--bad,#D64545)}

/* блок записи свёрнут в ноль, пока находки нет — дыры под проверками не остаётся */
.blplay__hit{display:grid;grid-template-rows:0fr;margin-top:-14px;opacity:0;transform:translateY(6px);transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1),margin-top .45s cubic-bezier(.22,1,.36,1),opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}
.blplay__hit-in{min-height:0;overflow:hidden}
.blplay__hit-box{display:grid;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--line,#E3E3E3);background:var(--card,#fff)}
.blplay[data-step="hit"] .blplay__hit,.blplay[data-step="hold"] .blplay__hit{grid-template-rows:1fr;margin-top:0;opacity:1;transform:none}
.blplay__hit-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.blplay__flag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--bad,#D64545)}
.blplay__flag svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.blplay__hit-top small{margin-left:auto;font-size:12px;color:var(--muted,#727272)}
.blplay__reason{margin:0;display:grid;gap:2px}
.blplay__reason small{font-size:12px;color:var(--muted,#727272)}
.blplay__reason b{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.15}

.blplay__foot{margin:2px 0 0;font-size:12px;color:var(--muted,#727272);opacity:0;transition:opacity .4s}
.blplay[data-step="hold"] .blplay__foot{opacity:1}

@media (max-width:520px){.blplay__hit-top small{margin-left:0;flex-basis:100%}}

/* wazzup scene: WhatsApp chat inside the system, driver's debt beside it. Prefix wazplay, attribute data-wazplay. No cursor. */
.wazplay{position:relative;max-width:520px;margin-inline:auto;--wz-ease:cubic-bezier(.22,1,.36,1);color:#0D0D0D;font-variant-numeric:tabular-nums}
.wazplay__card{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;border:1px solid #E3E3E3;border-radius:16px;box-shadow:0 24px 60px -28px rgba(13,13,13,.28);overflow:hidden;transition:opacity .5s var(--wz-ease),transform .5s var(--wz-ease)}
.wazplay[data-step="reset"] .wazplay__card{opacity:0;transform:translateY(10px)}

/* chat column */
.wazplay__chat{display:flex;flex-direction:column;gap:12px;padding:18px;min-width:0;border-right:1px solid #EDEDED}
.wazplay__head{display:flex;align-items:center;gap:10px;min-width:0}
.wazplay__wa{width:30px;height:30px;border-radius:50%;background:#25D366;flex:none;position:relative}
.wazplay__wa::after{content:"";position:absolute;inset:7px;border:2px solid #fff;border-radius:50% 50% 50% 4px;box-sizing:border-box}
.wazplay__who{display:grid;gap:1px;min-width:0;flex:1}
.wazplay__who b{font-size:14px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wazplay__who small{color:#727272;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wazplay__tag{flex:none;padding:3px 8px;border-radius:999px;background:#FFF8E1;border:1px solid #F0B100;font-size:11px;font-weight:700;white-space:nowrap}

.wazplay__msgs{position:relative;display:flex;flex-direction:column;gap:8px;min-height:188px}
.wazplay__day{margin:0 auto 2px;padding:2px 8px;border-radius:999px;background:#F2F2F2;font-size:10.5px;color:#727272;font-weight:600}

.wazplay__typing{position:absolute;left:0;top:28px;display:flex;gap:4px;padding:10px 12px;border-radius:12px 12px 12px 4px;background:#F2F2F2;opacity:0;transition:opacity .3s}
.wazplay__typing i{width:6px;height:6px;border-radius:50%;background:#A8A8A8;animation:wazplay-dot 1s infinite}
.wazplay__typing i:nth-child(2){animation-delay:.15s}.wazplay__typing i:nth-child(3){animation-delay:.3s}
@keyframes wazplay-dot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-3px);opacity:1}}
.wazplay[data-step="typing"] .wazplay__typing{opacity:1}

.wazplay__bubble{position:relative;margin:0;max-width:88%;padding:9px 46px 9px 12px;border-radius:12px;font-size:13px;line-height:1.4;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .4s var(--wz-ease),transform .45s var(--wz-ease)}
.wazplay__bubble b{font-weight:700}
.wazplay__bubble time{position:absolute;right:9px;bottom:5px;font-size:10px;color:#727272}
.wazplay__bubble--in{align-self:flex-start;background:#F2F2F2;border-bottom-left-radius:4px;transform-origin:left bottom}
.wazplay__bubble--out{align-self:flex-end;background:#FFF1C4;border-bottom-right-radius:4px;transform-origin:right bottom}
.wazplay[data-step="msg"] .wazplay__bubble--in,.wazplay[data-step="reply"] .wazplay__bubble--in,.wazplay[data-step="hold"] .wazplay__bubble--in,
.wazplay[data-step="reply"] .wazplay__bubble--out,.wazplay[data-step="hold"] .wazplay__bubble--out{opacity:1;transform:none}
.wazplay__from{align-self:flex-end;font-size:11px;color:#727272;opacity:0;transition:opacity .4s .15s}
.wazplay[data-step="reply"] .wazplay__from,.wazplay[data-step="hold"] .wazplay__from{opacity:1}

/* side column: driver, car, rental, debt */
.wazplay__side{display:flex;flex-direction:column;gap:12px;padding:18px 16px;background:#FAFAFA;min-width:0}
.wazplay__sidecap{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#727272}
.wazplay__drv{display:grid;gap:1px}
.wazplay__drv b{font-size:15px;letter-spacing:-.02em}
.wazplay__drv span{font-size:12px;color:#727272;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wazplay__car{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.wazplay__car .plate{flex:none}
.wazplay__carname{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

.wazplay__rows{margin:0;display:grid;gap:6px}
.wazplay__rows div{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #EDEDED;transition:border-color .4s,background .4s,box-shadow .4s}
.wazplay__rows dt{font-size:11px;color:#727272;font-weight:600}
.wazplay__rows dd{margin:0;font-size:13px;font-weight:600}
.wazplay__debt dd{display:grid;gap:1px}
.wazplay__debt b{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.wazplay__debt em{font-style:normal;font-size:11px;font-weight:600;color:#C2410C;transition:opacity .3s}
.wazplay[data-step="in"] .wazplay__debt em{opacity:0}
.wazplay[data-step="reply"] .wazplay__debt,.wazplay[data-step="hold"] .wazplay__debt{border-color:#F0B100;background:#FFF8E1;box-shadow:inset 0 0 0 1px #F0B100}

.wazplay__foot{margin-top:auto;font-size:11.5px;color:#727272;opacity:0;transition:opacity .4s}
.wazplay[data-step="hold"] .wazplay__foot{opacity:1}

@media (max-width:900px){.wazplay *{transition:none!important;animation:none!important}}
@media (prefers-reduced-motion:reduce){.wazplay *{transition:none!important;animation:none!important}}
@media (max-width:520px){.wazplay__card{grid-template-columns:1fr}.wazplay__chat{border-right:0;border-bottom:1px solid #EDEDED}.wazplay__msgs{min-height:0}}

/* wialon hero scene — prefix gpsplay */
.gpsplay{position:relative;width:100%;max-width:520px;margin-inline:auto;background:#fff;border:1px solid var(--line,#E3E3E3);border-radius:16px;box-shadow:var(--shadow,0 20px 40px -20px rgba(13,13,13,.25));padding:18px;color:#0D0D0D;font-variant-numeric:tabular-nums;box-sizing:border-box}
.gpsplay *{box-sizing:border-box}
.gpsplay__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.gpsplay__car{display:flex;align-items:center;gap:12px;min-width:0}
.gpsplay__car div{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.gpsplay__car b{font-size:15px;font-weight:700;white-space:nowrap}
.gpsplay__car span:not(.plate){font-size:12.5px;color:#727272;white-space:nowrap}
.gpsplay__src{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#727272;white-space:nowrap}
.gpsplay__src i{width:8px;height:8px;border-radius:50%;background:#D9D9D9;transition:background .4s}
.gpsplay[data-step="map"] .gpsplay__src i,.gpsplay[data-step="odo"] .gpsplay__src i,.gpsplay[data-step="done"] .gpsplay__src i{background:#2EA043}

.gpsplay__tile{position:relative;border:1px solid #EDEDED;border-radius:12px;padding:14px 16px;background:#fff}
.gpsplay__tile small{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#727272}
.gpsplay__tile em{display:block;font-style:normal;font-size:12.5px;color:#727272;margin-top:4px}
.gpsplay__num,.gpsplay__who{display:block;font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.01em;margin-top:4px;white-space:nowrap}
.gpsplay__row{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:10px}

/* map: streets are static, the trail draws itself to the pin, pin appears at the end of the trail */
.gpsplay__tile--map{padding:0;overflow:hidden;background:#F6F6F6}
.gpsplay__lab{position:absolute;left:10px;top:8px;z-index:1;padding:6px 8px 7px;border-radius:8px;background:rgba(246,246,246,.92)}
.gpsplay__lab em{margin-top:2px;font-size:14px;font-weight:700;color:#0D0D0D;opacity:0;transform:translateY(4px);transition:opacity .4s cubic-bezier(.3,.7,.2,1),transform .4s cubic-bezier(.3,.7,.2,1)}
.gpsplay[data-step="map"] .gpsplay__lab em,.gpsplay[data-step="odo"] .gpsplay__lab em,.gpsplay[data-step="done"] .gpsplay__lab em{opacity:1;transform:none;transition-delay:1s}
.gpsplay__map{display:block;width:100%;height:150px}
.gpsplay__streets path{fill:none;stroke:#E1E1E1;stroke-width:6;stroke-linecap:round}
.gpsplay__trail{fill:none;stroke:#F0B100;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.3s cubic-bezier(.4,.6,.2,1)}
.gpsplay[data-step="map"] .gpsplay__trail,.gpsplay[data-step="odo"] .gpsplay__trail,.gpsplay[data-step="done"] .gpsplay__trail{stroke-dashoffset:0}
.gpsplay__pin{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .3s;transition-delay:1.15s}
.gpsplay[data-step="map"] .gpsplay__pin,.gpsplay[data-step="odo"] .gpsplay__pin,.gpsplay[data-step="done"] .gpsplay__pin{opacity:1}
.gpsplay__pulse{fill:#F0B100;opacity:0;transform-box:fill-box;transform-origin:center}
.gpsplay[data-step="odo"] .gpsplay__pulse,.gpsplay[data-step="done"] .gpsplay__pulse{animation:gpsplay-pulse 1.8s ease-out infinite}
@keyframes gpsplay-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(3);opacity:0}}

.gpsplay__foot{margin:12px 0 0;font-size:12.5px;line-height:1.4;color:#727272;opacity:0;transition:opacity .5s}
.gpsplay[data-step="done"] .gpsplay__foot{opacity:1}

/* final state without motion: narrow screens and reduced motion */
@media (max-width:900px),(prefers-reduced-motion:reduce){
  .gpsplay__trail,.gpsplay__pin,.gpsplay__lab em,.gpsplay__src i,.gpsplay__foot{transition:none!important}
  .gpsplay__pulse{animation:none!important;opacity:0!important}
}
@media (max-width:520px){
  .gpsplay__row{grid-template-columns:1fr}
  .gpsplay__num,.gpsplay__who{font-size:22px}
}

/* scene: ai — /integrations/ai/ hero. Prefix: aiplay. Scope: [data-aiplay] */
.aiplay{position:relative;width:100%;max-width:520px;margin-inline:auto;font-variant-numeric:tabular-nums;color:var(--ink,#0D0D0D)}
.aiplay__card{background:var(--card,#fff);border:1px solid var(--line,#E3E3E3);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow,0 24px 60px -28px rgba(13,13,13,.28));display:grid;gap:16px;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.aiplay[data-step="reset"] .aiplay__card{opacity:0;transform:translateY(10px)}

.aiplay__head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}
.aiplay__src{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--muted,#727272)}
.aiplay__src i{width:8px;height:8px;border-radius:50%;background:var(--yellow,#F0B100);box-shadow:0 0 0 0 rgba(240,177,0,.5);animation:aiplay-ping 1.6s ease-out infinite}
@keyframes aiplay-ping{0%{box-shadow:0 0 0 0 rgba(240,177,0,.55)}100%{box-shadow:0 0 0 9px rgba(240,177,0,0)}}
.aiplay__stage{font-style:normal;margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--yellow,#F0B100);color:var(--ink,#0D0D0D);border:1px solid var(--yellow,#F0B100)}

/* строка вопроса + кнопка */
.aiplay__ask{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}
.aiplay__input{position:relative;display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:12px;background:var(--bg,#FAFAFA);border:1px solid var(--line,#E3E3E3);font-size:15px;line-height:1.2;overflow:hidden;white-space:nowrap;transition:border-color .3s,box-shadow .3s}
.aiplay[data-step="type"] .aiplay__input,.aiplay[data-step="aim"] .aiplay__input{border-color:var(--ink,#0D0D0D);box-shadow:0 0 0 3px rgba(13,13,13,.06)}
.aiplay__ph{position:absolute;left:14px;color:var(--muted,#727272);transition:opacity .25s}
.aiplay__input.has-text .aiplay__ph{opacity:0}
.aiplay__text{font-weight:600;letter-spacing:-.005em}
.aiplay__caret{width:2px;height:18px;margin-left:2px;background:var(--ink,#0D0D0D);border-radius:1px;opacity:0;flex:none}
.aiplay[data-step="type"] .aiplay__caret,.aiplay[data-step="aim"] .aiplay__caret{opacity:1;animation:aiplay-blink 1s steps(2) infinite}
@keyframes aiplay-blink{to{opacity:0}}
.aiplay__btn{appearance:none;border:1px solid var(--ink,#0D0D0D);background:var(--ink,#0D0D0D);color:#fff;border-radius:12px;padding:0 18px;font:inherit;font-size:14px;font-weight:700;cursor:default;pointer-events:none;transition:transform .15s,background .3s,border-color .3s,color .3s}
.aiplay__btn b{font-weight:700}
.aiplay__btn.is-press{transform:scale(.96)}
.aiplay[data-step="think"] .aiplay__btn,.aiplay[data-step="answer"] .aiplay__btn,.aiplay[data-step="hold"] .aiplay__btn{background:var(--bg,#FAFAFA);border-color:var(--line,#E3E3E3);color:var(--muted,#727272)}

/* ответ: блок всегда в потоке (высота карточки не прыгает); до ответа поверх него скелет */
.aiplay__answer{position:relative;display:grid;gap:12px;padding:14px 16px;border-radius:12px;background:var(--bg,#FAFAFA);border:1px solid var(--line,#E3E3E3);transition:background .4s,border-color .4s}
.aiplay__answer>p,.aiplay__answer>.aiplay__row{opacity:0;transform:translateY(4px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}
.aiplay[data-step="answer"] .aiplay__answer,.aiplay[data-step="hold"] .aiplay__answer{background:var(--yellow-tint,#FFF8E1);border-color:transparent}
.aiplay[data-step="answer"] .aiplay__answer>p,.aiplay[data-step="answer"] .aiplay__answer>.aiplay__row,
.aiplay[data-step="hold"] .aiplay__answer>p,.aiplay[data-step="hold"] .aiplay__answer>.aiplay__row{opacity:1;transform:none}
.aiplay__skel{position:absolute;inset:14px 16px;display:grid;align-content:start;gap:12px;opacity:1;transition:opacity .3s}
.aiplay[data-step="answer"] .aiplay__skel,.aiplay[data-step="hold"] .aiplay__skel{opacity:0}
.aiplay__skel>i{display:block;height:12px;border-radius:6px;background:var(--line,#E3E3E3);opacity:.7}
.aiplay__skel>i:nth-child(1){width:46%}.aiplay__skel>i:nth-child(2){width:72%;height:18px}.aiplay__skel>i:nth-child(3){width:58%}
.aiplay__think{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:13px;color:var(--muted,#727272);opacity:0;transition:opacity .3s}
.aiplay[data-step="think"] .aiplay__think{opacity:1}
.aiplay__think span{margin-left:6px}
.aiplay__think b{width:6px;height:6px;border-radius:50%;background:var(--yellow,#F0B100);animation:aiplay-dot 1s ease-in-out infinite}
.aiplay__think b:nth-child(2){animation-delay:.15s}.aiplay__think b:nth-child(3){animation-delay:.3s}
@keyframes aiplay-dot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
.aiplay__answer p{margin:0}
.aiplay__lead{font-size:15px;color:var(--muted,#727272)}
.aiplay__lead b{color:var(--ink,#0D0D0D)}
.aiplay__row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:end}
.aiplay__who{display:grid;gap:6px;min-width:0}
.aiplay__who b{font-size:17px;font-weight:700;letter-spacing:-.01em}
.aiplay__who small{display:grid;gap:6px;justify-items:start;font-size:12px;color:var(--muted,#727272)}
.aiplay__num{display:grid;gap:2px;text-align:right;white-space:nowrap}
.aiplay__num b{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.aiplay__num--sum b{font-size:24px}
.aiplay__num small{font-size:11px;color:var(--muted,#727272)}
.aiplay__foot{font-size:12px;color:var(--muted,#727272);padding-top:10px;border-top:1px solid rgba(13,13,13,.08)}

/* шаги */
.aiplay__steps{display:flex;gap:8px;font-size:13px;font-weight:700}
.aiplay__steps span{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 6px;border-radius:12px;background:var(--bg,#FAFAFA);color:var(--muted,#727272);border:1px solid var(--line,#E3E3E3);line-height:1;white-space:nowrap;transition:background .4s,color .4s,border-color .4s}
.aiplay__steps .is-on{background:var(--yellow,#F0B100);color:var(--ink,#0D0D0D);border-color:var(--yellow,#F0B100)}
.aiplay__steps .is-done{background:var(--ok-soft,#E4F5EB);color:var(--ok,#1F9D5B);border-color:transparent}

/* курсор — как на аренде */
.aiplay__cur{position:absolute;z-index:3;width:24px;height:24px;left:40%;top:60%;fill:#14141c;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(20,20,28,.3));pointer-events:none;opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),transform .15s,opacity .3s}
.aiplay[data-press="1"] .aiplay__cur{transform:scale(.86)}

@media (max-width:900px){.aiplay__cur{display:none}}
@media (prefers-reduced-motion:reduce){.aiplay__cur{display:none}.aiplay *{transition:none!important;animation:none!important}}
@media (max-width:520px){.aiplay__row{grid-template-columns:1fr 1fr}.aiplay__who{grid-column:1/-1}.aiplay__num{text-align:left}.aiplay__steps{flex-wrap:wrap}.aiplay__steps span{flex:1 1 45%}}

/* scene: perehod — /perehod/ hero. Prefix: moveplay */
.moveplay{position:relative;width:100%;max-width:520px;margin-inline:auto;font-variant-numeric:tabular-nums;color:var(--ink,#0D0D0D)}
.moveplay__card{background:var(--card,#fff);border:1px solid var(--line,#E3E3E3);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow,0 24px 60px -28px rgba(13,13,13,.28));display:grid;gap:16px;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.moveplay[data-step="reset"] .moveplay__card{opacity:0;transform:translateY(10px)}

.moveplay__head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.moveplay__from{color:var(--muted,#727272)}
.moveplay__to{position:relative;padding:4px 10px;border-radius:8px;background:var(--yellow,#F0B100);color:var(--ink,#0D0D0D)}
.moveplay__arrow{width:18px;height:18px;fill:none;stroke:var(--muted,#727272);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.moveplay__count{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;color:var(--muted,#727272);white-space:nowrap}
.moveplay__count b{color:var(--ink,#0D0D0D);font-weight:800;font-size:14px}

.moveplay__bar{position:relative;height:8px;border-radius:999px;background:var(--line-2,#EDEDED);overflow:hidden}
.moveplay__bar i{position:absolute;inset:0 auto 0 0;width:calc(var(--p,0)*100%);background:var(--yellow,#F0B100);border-radius:999px}

.moveplay__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.moveplay__row{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 14px;border-radius:12px;background:var(--bg,#FAFAFA);border:1px solid var(--line,#E3E3E3);transition:background .4s,border-color .4s}
.moveplay__check{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--line,#E3E3E3);background:#fff;display:grid;place-items:center;transition:background .35s,border-color .35s}
.moveplay__check svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .4s cubic-bezier(.22,1,.36,1) .05s}
.moveplay__body{display:grid;gap:3px;min-width:0;flex:1}
.moveplay__body b{font-size:14px;font-weight:700;line-height:1.2}
.moveplay__body>span{font-size:12px;color:var(--muted,#727272);line-height:1.35;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.moveplay__body>span i{font-style:normal;white-space:nowrap}
.moveplay__body>span i+i::before{content:"· "}
.moveplay__state{flex:none;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#727272);padding:4px 8px;border-radius:999px;border:1px solid var(--line,#E3E3E3);background:#fff;transition:background .35s,color .35s,border-color .35s}

/* row in flight: yellow outline, pulsing dot */
.moveplay__row.is-busy{border-color:var(--yellow,#F0B100);background:var(--yellow-tint,#FFF8E1)}
.moveplay__row.is-busy .moveplay__check{border-color:var(--yellow,#F0B100)}
.moveplay__row.is-busy .moveplay__state{color:var(--ink,#0D0D0D);border-color:var(--yellow,#F0B100);background:var(--yellow,#F0B100)}
/* row done: green check, quiet background */
.moveplay__row.is-done{background:#fff}
.moveplay__row.is-done .moveplay__check{background:var(--ok,#1F9D5B);border-color:var(--ok,#1F9D5B)}
.moveplay__row.is-done .moveplay__check svg{stroke-dashoffset:0}
.moveplay__row.is-done .moveplay__state{color:var(--ok,#1F9D5B);border-color:transparent;background:var(--ok-soft,#E4F5EB)}

.moveplay__foot{display:flex;gap:8px;flex-wrap:wrap}
.moveplay__tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:8px 12px;border-radius:10px;background:var(--bg,#FAFAFA);border:1px solid var(--line,#E3E3E3);color:var(--muted,#727272);transition:background .45s,color .45s,border-color .45s}
.moveplay__tag svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.moveplay[data-step="hold"] .moveplay__tag{background:var(--yellow-tint,#FFF8E1);border-color:var(--yellow,#F0B100);color:var(--ink,#0D0D0D)}

@media (max-width:520px){.moveplay__state{display:none}.moveplay__card{padding:18px}}