.prokhor-root .du-page{max-width:var(--w-content);padding:0 var(--sp-5) var(--sp-12);margin:0 auto}.prokhor-root .du-hero{padding-block:var(--sp-10) var(--sp-8);text-align:center}.prokhor-root .du-kicker{font-size:var(--fs-caption);letter-spacing:.24em;text-transform:uppercase;color:rgb(var(--text-2-rgb) / .6);margin:0;font-weight:600}.prokhor-root .du-title{margin:var(--sp-3) 0 0;font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-title);letter-spacing:-.02em}.prokhor-root .du-title--hero{max-width:16ch;margin:var(--sp-4) auto 0;font-size:var(--fs-h1);letter-spacing:-.03em;line-height:1.03}.prokhor-root .du-lead{max-width:60ch;margin:var(--sp-5) auto 0;font-size:var(--fs-lead);color:rgb(var(--text-2-rgb) / .75);line-height:1.55}.prokhor-root .du-demo{justify-items:center;gap:var(--sp-5);padding:var(--sp-8) var(--sp-5) var(--sp-6);border-radius:var(--r-2xl);background:rgb(var(--surface-rgb));display:grid}.prokhor-root .du-demo-row{justify-content:center;align-items:center;gap:var(--sp-8);grid-template-columns:minmax(0,19rem) auto minmax(0,19rem);width:100%;display:grid}.prokhor-root .du-demo-vs{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--text-2-rgb) / .4);font-weight:700}.prokhor-root .du-phone{gap:var(--sp-3);width:100%;max-width:20rem;margin:0;display:grid}.prokhor-root .du-phone-label{font-size:var(--fs-sm);text-align:center;color:rgb(var(--text-2-rgb));font-weight:600}.prokhor-root .du-section{padding-top:var(--sp-12)}.prokhor-root .du-h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-title);letter-spacing:-.02em;margin:0}.prokhor-root .du-modes{gap:var(--sp-5);margin-top:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.prokhor-root .du-mode{padding:var(--sp-6);border-radius:var(--r-xl);background:rgb(var(--surface-rgb))}.prokhor-root .du-mode h3{margin:0 0 var(--sp-4);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-title)}.prokhor-root .du-mode dl{gap:var(--sp-1);margin:0;display:grid}.prokhor-root .du-mode dt{margin-top:var(--sp-4);font-size:var(--fs-caption);letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--text-2-rgb) / .6);font-weight:600}.prokhor-root .du-mode dt:first-child{margin-top:0}.prokhor-root .du-mode dd{font-size:var(--fs-body);line-height:var(--lh-body);margin:0}.prokhor-root .du-note{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);line-height:var(--lh-body);color:rgb(var(--text-2-rgb) / .75)}.prokhor-root .du-note--wide{max-width:60ch;margin-top:var(--sp-5)}.prokhor-root .du-steps{counter-reset:du-step;margin:var(--sp-6) 0 0;border-top:1px solid rgb(var(--text-rgb) / .1);padding:0;list-style:none}.prokhor-root .du-steps li{counter-increment:du-step;gap:var(--sp-4);padding-block:var(--sp-5);border-bottom:1px solid rgb(var(--text-rgb) / .1);grid-template-columns:3rem minmax(0,15rem) minmax(0,1fr);display:grid}.prokhor-root .du-steps li:before{content:counter(du-step, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--fs-caption);color:rgb(var(--text-2-rgb) / .5);padding-top:.2em}.prokhor-root .du-steps b{font-weight:600}.prokhor-root .du-steps span{line-height:var(--lh-body);color:rgb(var(--text-2-rgb))}.prokhor-root .du-limits p{max-width:60ch;margin:var(--sp-4) 0 0;font-size:var(--fs-lead);color:rgb(var(--text-2-rgb) / .8);line-height:1.55}.prokhor-root .du-open{gap:var(--sp-5);margin:var(--sp-6) 0 0;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));padding:0;list-style:none;display:grid}.prokhor-root .du-open-card{align-content:start;gap:var(--sp-2);height:100%;padding:var(--sp-6);border-radius:var(--r-xl);background:rgb(var(--bg-rgb));box-shadow:var(--shadow-2);color:rgb(var(--text-rgb));transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);text-decoration:none;display:grid}.prokhor-root .du-open-card:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.prokhor-root .du-open-card b{font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-title)}.prokhor-root .du-open-card span{line-height:var(--lh-body);color:rgb(var(--text-2-rgb))}.prokhor-root .du-open-card small{margin-top:var(--sp-2);font-size:var(--fs-caption);letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--accent-rgb));font-weight:600}.prokhor-root .du-run-page{min-height:100dvh;padding:var(--sp-8) var(--sp-5) var(--sp-12);background:rgb(var(--surface-rgb))}.prokhor-root .du-card{gap:var(--sp-5);max-width:40rem;padding:var(--sp-8);border-radius:var(--r-2xl);background:rgb(var(--bg-rgb));box-shadow:var(--shadow-2);margin:0 auto;display:grid}.prokhor-root .du-intro{text-align:center;justify-items:center}.prokhor-root .du-intro .du-lead,.prokhor-root .du-intro .du-title{margin-top:0}.prokhor-root .du-banner{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:rgb(var(--accent-rgb) / .1);color:rgb(var(--accent-rgb));font-size:var(--fs-sm);text-align:center;margin:0}.prokhor-root .du-facts{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.prokhor-root .du-facts li{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:rgb(var(--surface-rgb));font-size:var(--fs-sm);color:rgb(var(--text-2-rgb))}.prokhor-root .du-error{font-size:var(--fs-sm);color:rgb(var(--danger-500));margin:0}.prokhor-root .du-q{border:0;margin:0;padding:0}.prokhor-root .du-q legend{margin-bottom:var(--sp-3);font-size:var(--fs-lead);font-weight:600;line-height:var(--lh-title);padding:0}.prokhor-root .du-choices{gap:var(--sp-2);flex-wrap:wrap;display:flex}.prokhor-root .du-actions{justify-content:flex-end;display:flex}.prokhor-root .du-task{align-items:start;gap:var(--sp-8);grid-template-columns:minmax(0,1fr) minmax(0,21rem);max-width:56rem;margin:0 auto;display:grid}.prokhor-root .du-task-side{top:var(--sp-8);justify-items:start;gap:var(--sp-4);padding:var(--sp-8);border-radius:var(--r-2xl);background:rgb(var(--bg-rgb));box-shadow:var(--shadow-2);display:grid;position:sticky}.prokhor-root .du-task-text{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-title);margin:0}.prokhor-root .du-done{align-items:center;gap:var(--sp-2);color:rgb(var(--ok-rgb));margin:0;font-weight:600;display:inline-flex}.prokhor-root .du-answer{align-items:center;gap:var(--sp-3);display:flex}.prokhor-root .du-answer input{flex:1;min-width:0}.prokhor-root .du-label{gap:var(--sp-2);font-size:var(--fs-sm);color:rgb(var(--text-2-rgb));display:grid}.prokhor-root .du-text{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:rgb(var(--surface-rgb));color:rgb(var(--text-rgb));font:inherit;font-size:var(--fs-body);line-height:var(--lh-body);resize:vertical;border:0}.prokhor-root .du-text:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .4);outline-offset:2px}.prokhor-root .du-compare{justify-items:center;gap:var(--sp-6);max-width:60rem;margin:0 auto;display:grid}.prokhor-root .du-compare-head{text-align:center}.prokhor-root .du-compare-head .du-h2{margin-top:var(--sp-3)}.prokhor-root .du-switch{gap:var(--sp-2);display:none}.prokhor-root .du-compare-grid{justify-content:center;gap:var(--sp-10);grid-template-columns:repeat(2,minmax(0,19rem));width:100%;display:grid}.prokhor-root .du-compare-col{justify-items:center;gap:var(--sp-4);display:grid}.prokhor-root .du-why{width:100%}.prokhor-root .du-finish{text-align:center;justify-items:center}.prokhor-root .du-finish .du-lead{margin-top:0}.prokhor-root .du-finish-mark{border-radius:var(--r-pill);background:rgb(var(--ok-rgb) / .14);width:4.5rem;height:4.5rem;color:rgb(var(--ok-rgb));place-items:center;display:grid}.prokhor-root .du-link{color:rgb(var(--accent-rgb));font-weight:600}@media (max-width:760px){.prokhor-root .du-hero{padding-block:var(--sp-8) var(--sp-6)}.prokhor-root .du-demo-row{gap:var(--sp-5);grid-template-columns:minmax(0,18rem)}.prokhor-root .du-demo-vs{justify-self:center}.prokhor-root .du-steps li{grid-template-columns:2rem minmax(0,1fr)}.prokhor-root .du-steps span{grid-column:2}.prokhor-root .du-run-page{padding:var(--sp-5) var(--sp-3) var(--sp-10)}.prokhor-root .du-card,.prokhor-root .du-task-side{padding:var(--sp-6) var(--sp-5)}.prokhor-root .du-task{justify-items:center;gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}.prokhor-root .du-task-side{width:100%;position:static}.prokhor-root .du-switch{display:flex}.prokhor-root .du-compare-grid{grid-template-columns:minmax(0,19rem)}.prokhor-root .du-compare-col:not(.is-active){display:none}}
