@font-face{font-family:"Golos";font-weight:400;font-display:swap;src:url(fonts/golos-text-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos";font-weight:400;font-display:swap;src:url(fonts/golos-text-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Golos";font-weight:500;font-display:swap;src:url(fonts/golos-text-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos";font-weight:500;font-display:swap;src:url(fonts/golos-text-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Golos";font-weight:600;font-display:swap;src:url(fonts/golos-text-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos";font-weight:600;font-display:swap;src:url(fonts/golos-text-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Golos";font-weight:700;font-display:swap;src:url(fonts/golos-text-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos";font-weight:700;font-display:swap;src:url(fonts/golos-text-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Jost";font-weight:500;font-display:swap;src:url(fonts/jost-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Jost";font-weight:500;font-display:swap;src:url(fonts/jost-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Jost";font-weight:600;font-display:swap;src:url(fonts/jost-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Jost";font-weight:600;font-display:swap;src:url(fonts/jost-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Jost";font-weight:700;font-display:swap;src:url(fonts/jost-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Jost";font-weight:700;font-display:swap;src:url(fonts/jost-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Plex Mono";font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plex Mono";font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Plex Mono";font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plex Mono";font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
:root{--hand-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22214 136 1638 1772%22 fill=%22%23000%22%3E%3Cg transform=%22translate%280,2048%29 scale%280.1,-0.1%29%22%3E%3Cpath d=%22M9800 19154 c-110 -13 -261 -70 -333 -126 -215 -166 -324 -319 -465 -653 -65 -153 -132 -401 -177 -660 -44 -253 -69 -924 -45 -1215 56 -690 -16 -1359 -183 -1696 -29 -60 -79 -158 -110 -219 -200 -392 -371 -752 -397 -835 -69 -220 -76 -465 -20 -718 49 -224 129 -382 253 -500 75 -72 157 -114 266 -138 66 -15 89 -15 178 -5 132 15 178 30 277 87 111 63 165 119 214 218 70 142 95 334 91 686 -4 299 8 920 21 1095 36 473 86 705 236 1087 124 316 232 523 449 858 124 191 212 355 283 525 201 478 246 600 300 800 57 212 67 280 65 442 -2 113 -7 163 -28 249 -45 188 -92 284 -201 415 -81 97 -126 137 -205 184 -125 73 -356 132 -469 119z%22/%3E%3Cpath d=%22M12865 18989 c-132 -25 -266 -84 -377 -166 -154 -114 -307 -326 -457 -634 -104 -214 -214 -511 -291 -789 -17 -63 -38 -135 -46 -160 -7 -25 -32 -144 -54 -265 -80 -435 -156 -770 -234 -1030 -72 -238 -108 -365 -146 -510 -41 -157 -56 -206 -92 -290 -33 -76 -118 -213 -178 -285 -20 -25 -51 -67 -70 -94 -18 -26 -60 -78 -94 -115 -95 -102 -228 -277 -318 -418 -111 -175 -125 -200 -158 -290 -15 -43 -42 -112 -58 -153 -55 -135 -137 -650 -146 -915 -3 -88 -10 -256 -16 -374 -10 -226 -2 -348 27 -408 8 -18 37 -51 63 -73 102 -86 209 -104 294 -50 94 60 356 298 611 555 66 67 163 158 217 203 128 109 224 213 276 301 85 143 160 357 201 572 11 58 29 139 40 180 24 89 66 280 81 369 27 157 134 479 211 634 43 86 142 233 229 341 82 101 316 459 445 680 45 77 131 221 191 320 189 310 294 512 354 680 10 28 32 80 48 117 51 111 135 396 165 553 35 183 41 249 42 420 0 205 -15 306 -72 495 -54 180 -137 322 -268 458 -78 82 -107 100 -211 131 -75 22 -127 25 -209 10z%22/%3E%3Cpath d=%22M6335 18789 c-156 -31 -258 -77 -344 -154 -103 -93 -247 -331 -302 -498 -96 -291 -116 -942 -44 -1427 14 -91 29 -223 35 -295 6 -71 22 -206 36 -300 55 -370 74 -624 67 -925 -6 -294 -23 -718 -34 -845 -25 -299 29 -709 137 -1033 42 -124 157 -361 212 -434 65 -87 180 -210 234 -250 73 -55 141 -72 258 -65 141 9 165 19 241 97 77 78 90 109 116 285 15 103 15 121 -1 275 -20 195 -44 334 -125 730 -80 392 -87 450 -72 637 6 83 19 208 30 279 11 71 24 170 30 219 11 97 92 637 116 775 8 47 19 135 24 195 5 61 17 171 25 245 8 74 20 191 27 260 15 165 45 420 64 545 23 153 40 446 40 690 0 187 -4 241 -24 355 -38 218 -109 388 -200 479 -109 108 -390 191 -546 160z%22/%3E%3Cpath d=%22M3200 17091 c-19 -4 -71 -23 -115 -41 -67 -28 -92 -46 -156 -110 -97 -99 -158 -214 -201 -378 -29 -113 -30 -126 -35 -392 -8 -407 23 -697 97 -915 17 -50 39 -134 51 -188 11 -54 29 -124 40 -155 11 -31 36 -118 55 -192 39 -147 117 -393 159 -505 15 -38 38 -107 52 -153 33 -114 106 -305 141 -373 16 -30 33 -66 37 -80 18 -58 103 -232 160 -324 122 -202 202 -309 302 -407 154 -151 243 -207 568 -358 178 -83 338 -129 443 -130 156 0 231 136 171 312 -27 79 -61 139 -169 303 -155 232 -180 269 -229 332 -119 151 -310 493 -385 690 -51 134 -123 393 -141 509 -26 162 -17 405 22 624 41 226 67 552 65 830 -1 190 -4 227 -26 320 -52 223 -72 284 -128 381 -102 176 -303 321 -547 393 -56 16 -168 19 -231 7z%22/%3E%3Cpath d=%22M15970 16740 c-117 -20 -273 -102 -472 -248 -176 -129 -256 -204 -429 -397 -181 -204 -310 -372 -372 -486 -47 -86 -148 -311 -185 -409 -11 -30 -37 -91 -57 -135 -20 -44 -43 -98 -51 -120 -8 -22 -41 -94 -73 -160 -56 -114 -71 -147 -120 -258 -12 -26 -62 -122 -111 -213 -50 -91 -90 -167 -90 -169 0 -10 -103 -184 -154 -260 -56 -84 -78 -114 -199 -268 -26 -34 -240 -255 -475 -492 -621 -626 -715 -743 -923 -1158 -171 -341 -230 -557 -245 -902 -9 -215 17 -353 98 -524 84 -177 273 -268 472 -227 242 50 523 238 748 500 141 163 369 528 500 796 37 74 90 173 120 219 94 149 259 395 292 436 18 22 68 92 112 155 44 63 103 147 130 185 26 39 105 143 174 231 69 89 151 197 182 240 63 87 166 225 213 284 197 249 290 361 368 446 143 156 301 341 365 429 32 44 84 114 114 155 71 95 354 554 395 640 141 294 179 389 222 562 62 247 64 268 58 544 -6 273 -13 314 -68 397 -38 57 -139 139 -211 171 -30 14 -93 29 -144 35 -99 12 -118 12 -184 1z%22/%3E%3Cpath d=%22M8180 11743 c-236 -26 -379 -78 -584 -212 -127 -84 -178 -112 -261 -146 -145 -61 -209 -84 -280 -103 -170 -45 -213 -53 -620 -112 -76 -11 -148 -23 -160 -25 -11 -3 -98 -12 -194 -20 -95 -8 -176 -17 -180 -19 -11 -7 -241 -37 -401 -52 -272 -25 -333 -35 -615 -103 -364 -88 -547 -171 -757 -344 -139 -114 -319 -320 -373 -425 -34 -68 -103 -259 -124 -345 l-22 -87 15 -368 c9 -202 25 -455 37 -562 18 -164 20 -229 15 -410 -3 -118 -10 -246 -16 -285 -43 -317 -68 -430 -130 -575 -17 -41 -38 -92 -45 -113 -47 -124 -180 -353 -282 -484 -42 -54 -100 -132 -128 -173 -53 -77 -68 -102 -225 -375 -51 -88 -116 -200 -145 -250 -161 -279 -300 -605 -465 -1095 -92 -275 -136 -601 -132 -980 4 -281 47 -489 165 -796 75 -193 226 -486 306 -589 17 -22 41 -53 53 -70 97 -126 341 -327 484 -398 143 -72 338 -122 589 -153 177 -21 608 -30 758 -15 197 19 531 80 764 140 222 56 295 65 563 65 390 1 580 -34 810 -152 683 -350 773 -389 1140 -497 291 -85 427 -102 695 -86 206 12 508 45 610 66 39 8 99 19 135 25 105 17 189 38 445 111 188 54 574 180 745 243 52 19 145 49 205 66 130 38 220 69 295 103 173 78 324 155 397 202 45 30 156 93 245 141 182 97 257 141 370 217 43 29 108 71 145 94 37 23 110 69 160 102 51 33 139 87 195 119 57 32 126 72 153 89 296 179 415 235 675 318 234 74 437 141 555 183 134 46 231 71 439 112 88 18 171 36 185 42 41 15 240 56 311 63 36 3 137 15 225 26 145 17 223 19 830 17 779 -3 817 0 1235 86 168 35 608 168 801 242 142 55 197 87 322 189 94 77 98 81 162 204 36 69 71 146 77 171 6 25 17 58 25 74 35 69 25 269 -21 416 -69 224 -268 475 -494 624 -291 192 -690 258 -1154 191 -247 -35 -514 -118 -641 -199 -29 -18 -90 -50 -137 -71 -82 -37 -275 -134 -469 -237 -51 -28 -143 -82 -205 -121 -102 -65 -286 -166 -523 -287 -99 -51 -274 -122 -613 -250 -251 -95 -328 -121 -545 -185 -88 -26 -216 -64 -285 -85 -69 -21 -158 -47 -197 -59 -216 -64 -502 -98 -743 -88 -197 7 -340 56 -488 167 -84 62 -307 298 -374 395 -226 327 -396 632 -467 843 -16 48 -41 119 -56 157 -38 102 -75 230 -90 310 -7 39 -18 90 -24 115 -13 57 -14 216 -1 435 14 242 30 330 104 585 64 218 175 389 396 611 167 167 249 233 475 383 186 123 433 349 507 466 81 127 116 309 98 512 -11 133 -29 187 -98 298 -189 308 -368 426 -764 500 -384 72 -659 152 -832 243 -92 48 -155 107 -436 412 -278 301 -301 324 -385 390 -119 93 -216 155 -355 227 -212 110 -329 140 -780 203 -97 14 -500 19 -600 8z m-2166 -2234 c186 -37 226 -49 302 -87 97 -48 321 -128 449 -160 153 -39 250 -51 400 -53 105 -1 134 2 235 29 63 18 167 50 230 72 367 131 689 207 910 217 158 7 284 -9 494 -62 207 -54 278 -80 360 -134 171 -114 273 -224 350 -379 83 -165 116 -293 116 -449 0 -98 -4 -122 -30 -199 -16 -48 -44 -111 -61 -140 -81 -133 -251 -314 -413 -438 -156 -121 -329 -245 -481 -347 -290 -194 -546 -402 -803 -654 -123 -119 -328 -362 -420 -495 -60 -87 -180 -306 -308 -560 -32 -63 -106 -200 -165 -305 -124 -222 -192 -355 -290 -572 -130 -286 -204 -414 -484 -838 -131 -197 -162 -237 -216 -281 -105 -83 -170 -125 -254 -167 -182 -90 -291 -66 -553 124 -155 112 -277 253 -451 522 -232 359 -287 521 -310 920 -17 299 18 601 115 1004 68 282 155 522 298 818 132 273 164 376 178 575 12 179 5 398 -16 485 -7 33 -19 98 -26 145 -15 108 -82 344 -111 395 -4 6 -12 35 -18 65 -7 30 -16 64 -21 75 -9 21 -50 251 -58 324 -14 138 101 313 299 453 103 74 187 102 349 118 160 15 247 11 404 -21z%22/%3E%3C/g%3E%3C/svg%3E")}
/* Черно-белая основа, голубой и зеленый акценты. Заголовки Jost (родственен шрифту логотипа UNICUM), текст Golos, служебное Plex Mono. Бледная рука из логотипа как фоновый мотив. */
:root{
  --bg:#FFFFFF; --paper:#F5F6F7; --ink:#0C0D0F; --text:#2A2E33; --muted:#6C7178; --line:#E3E5E8; --hand:#EDEFF1;
  --blue:#2A9BEF; --blue-soft:#E7F3FD; --green:#16A863; --green-soft:#E4F5EC;
  --s1:#E04848; --s2:#EF8A3C; --s3:#DDB828; --s4:#7DBE48; --s5:#16A863; --empty:#E9EBEE;
  --display:"Jost","Golos",system-ui,sans-serif;
  --f:"Golos",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:3px; --rc:4px; --nav:64px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.gut{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.in{max-width:1180px;margin:0 auto}
.narrow{max-width:780px;margin:0 auto}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;line-height:1.02;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(46px,7.6vw,108px);font-weight:600;line-height:.94;letter-spacing:-.025em}
h2{font-size:clamp(30px,4.2vw,52px);letter-spacing:-.02em}
h3{font-size:19px;font-weight:500;line-height:1.2;letter-spacing:0}
p{margin:0}
a{color:inherit}
.muted{color:var(--muted)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:1px;background:currentColor}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
button{font:inherit;cursor:pointer;color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--ink);border-radius:var(--r);padding:15px 26px;background:var(--ink);color:#fff;font-weight:500;font-size:16px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.btn:hover{background:#26292D;border-color:#26292D}
.btn:disabled{opacity:.3;cursor:not-allowed}
.btn .arr{transition:transform .15s}
.btn:hover .arr{transform:translateX(3px)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--paper)}
.btn.sm{padding:9px 16px;font-size:14px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--rc);padding:26px;display:flex;flex-direction:column;gap:16px}
.notice{font-size:14px;color:var(--muted);border-left:2px solid var(--blue);padding:4px 0 4px 14px}

/* логотип UNICUM */
.uc{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}
.uc svg{display:block;width:auto}
.uc .uc-h{height:38px}
.uc .uc-w{height:30px}
.uc.lg .uc-h{height:64px}
.uc.lg .uc-w{height:42px}

/* шапка */
.by{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.by-l{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-right:14px;border-right:1px solid var(--line);line-height:30px}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.nav .in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--nav)}
.brand{white-space:nowrap;display:flex;flex-direction:column;line-height:1;text-decoration:none;gap:3px}
.brand b{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em}
.brand span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* первый экран */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding-block:clamp(48px,8vw,104px) clamp(48px,7vw,96px)}
.hero::before{content:"";position:absolute;z-index:0;width:min(760px,78vw);aspect-ratio:1638/1772;right:max(-120px,-8vw);top:50%;transform:translateY(-46%) rotate(-9deg);background:var(--hand);-webkit-mask:var(--hand-mask) no-repeat center/contain;mask:var(--hand-mask) no-repeat center/contain;pointer-events:none}
.hero .in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,80px);align-items:end}
.hero-text{display:flex;flex-direction:column;gap:28px;min-width:0}
.hero h1 .b{color:var(--blue)}
.hero h1 .dot{color:var(--green)}
.hero .lead{font-size:clamp(17px,1.6vw,20px);max-width:46ch;color:var(--text)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:600px;border-top:1px solid var(--ink)}
.stats div{display:flex;flex-direction:column;gap:4px;padding:16px 16px 0 0}
.stats div + div{padding-left:16px;border-left:1px solid var(--line)}
.stats b{font-family:var(--display);font-size:clamp(30px,3.4vw,44px);font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.stats span{font-size:13px;color:var(--muted);line-height:1.3}
.sample{position:relative;border:1px solid var(--ink);border-radius:var(--rc);padding:24px;display:flex;flex-direction:column;gap:14px;background:var(--bg);box-shadow:12px 12px 0 var(--blue-soft);min-width:0;margin-bottom:6px}
.sample .t{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2}
.sample .sc{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.sample .sc span{border-radius:var(--r);padding:11px 0;text-align:center;font-family:var(--mono);background:var(--paper);color:var(--muted)}
.sample .sc span.on{background:var(--s4);color:#fff;font-weight:500}
.sample .cap{font-size:13px;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}


/* блоки */
section.block{padding-block:clamp(56px,7vw,104px)}
section.block.alt{background:var(--paper)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:16px 40px;align-items:end;margin-bottom:40px}
.sec-head .l{display:flex;flex-direction:column;gap:14px}
.sec-head p{color:var(--muted);max-width:44ch}

/* тесты по два в ряд */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--ink)}
.card{position:relative;background:transparent;border:0;border-bottom:1px solid var(--line);padding:24px 20px 24px 0;text-align:left;display:grid;grid-template-columns:44px 48px minmax(0,1fr) auto;gap:18px;align-items:center;min-width:0;transition:background .18s,color .18s,padding .18s}
.card:nth-child(odd){border-right:1px solid var(--line)}
.card:nth-child(even){padding-left:24px}
.card .no{font-family:var(--display);font-size:28px;font-weight:500;color:#C9CDD2;line-height:1;transition:color .18s}
.ico{width:48px;height:48px;border-radius:var(--r);background:var(--paper);display:grid;place-items:center;color:var(--ink);transition:background .18s,color .18s}
.ico svg{width:26px;height:26px}
.card .body{display:flex;flex-direction:column;gap:5px;min-width:0}
.card .meta{font-size:13px;color:var(--muted);transition:color .18s}
.st{font-size:13px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.st .arr{display:inline-block;transition:transform .18s}
.card:hover{background:var(--ink);color:#fff;padding-left:20px}
.card:nth-child(even):hover{padding-left:28px}
.card:hover .no{color:var(--blue)}
.card:hover .ico{background:rgba(255,255,255,.08);color:var(--green)}
.card:hover .meta{color:#A3A8AF}
.card:hover .st .arr{transform:translateX(4px)}
.card.done .ico{background:var(--green-soft);color:var(--green)}
.card.done .st{color:var(--green)}
.card.done .no{color:var(--green)}
.card.next .st{color:var(--blue)}
.card.next .no{color:var(--blue)}
.card.next .ico{background:var(--blue-soft);color:var(--blue)}
.card.done:hover .ico,.card.next:hover .ico{background:rgba(255,255,255,.08)}

/* как это работает */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.step{display:flex;flex-direction:column;gap:12px;min-width:0;padding:0 28px 0 0}
.step + .step{padding-left:28px;border-left:1px solid var(--line)}
.step .n{font-family:var(--display);font-size:clamp(64px,7vw,96px);font-weight:500;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--ink);letter-spacing:-.04em}
.step:nth-child(2) .n{-webkit-text-stroke-color:var(--blue)}
.step:nth-child(3) .n{-webkit-text-stroke-color:var(--green)}
.scale-demo{display:flex;gap:3px;margin-top:6px;max-width:220px}
.scale-demo i{flex:1;height:6px}

/* индекс и шкалы */
.profile{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.type{font-family:var(--display);font-size:clamp(34px,4vw,54px);font-weight:600;letter-spacing:-.02em;line-height:1}
.bars{display:flex;flex-direction:column;gap:14px}
.bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,190px) 34px;gap:16px;align-items:center;font-size:15px}
.bar .track{height:4px;background:var(--empty);display:block}
.bar .fill{height:100%;display:block}
.insights{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:start}
.low{display:flex;flex-direction:column;gap:10px;font-size:15px}
.low div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}

/* черные блоки с рукой */
.dark{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:var(--rc);padding:clamp(32px,5.5vw,72px)}
.dark::before{content:"";position:absolute;width:min(560px,80vw);aspect-ratio:1638/1772;right:-6%;bottom:-38%;transform:rotate(-12deg);background:#fff;opacity:.07;-webkit-mask:var(--hand-mask) no-repeat center/contain;mask:var(--hand-mask) no-repeat center/contain;pointer-events:none}
.dark > *{position:relative}
.dark .muted{color:#A3A8AF}
.dark .btn{background:#fff;color:var(--ink);border-color:#fff}
.dark .btn:hover{background:var(--blue-soft);border-color:var(--blue-soft)}
.dark .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.dark .btn.ghost:hover{background:rgba(255,255,255,.08)}
.cta{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.cta h2{max-width:18ch}
.done-box{display:flex;flex-direction:column;gap:22px}
.done-box .type{color:#fff}
.done-box .bars .bar{color:#E6E8EB}
.done-box .bar .track{background:rgba(255,255,255,.14)}
.done-box.stack .profile{grid-template-columns:1fr;gap:28px}
.shares{display:flex;flex-wrap:wrap;gap:8px}
.share-txt{font-size:15px;color:#E6E8EB;border-left:2px solid var(--green);padding:2px 0 2px 14px;max-width:62ch}
.progress-note{display:flex;flex-direction:column;gap:10px}
.progress-note .prog{height:4px}

footer.site{border-top:1px solid var(--line);padding-block:40px}
footer.site .in{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:20px 40px;align-items:center;font-size:13px;color:var(--muted)}
footer.site .meth{font-size:14px;color:var(--text)}
footer.site .meth b{font-weight:600;color:var(--ink)}
footer.site .dev{grid-column:1/-1;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
footer.site .dev a{color:var(--ink);font-weight:500;text-decoration:none}
footer.site .dev a:hover{color:var(--blue)}

/* страница теста */
.page{padding-block:28px 80px;display:flex;flex-direction:column;gap:24px}
.sticky{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--nav));z-index:5;background:var(--bg);padding-block:12px;display:flex;flex-direction:column;gap:10px}
.prog{height:3px;background:var(--empty)}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .25s}
.test-head{display:grid;grid-template-columns:60px minmax(0,1fr);gap:18px;align-items:center}
.test-head .ico{width:60px;height:60px}
.test-head .ico svg{width:30px;height:30px}
.q{border:1px solid var(--line);border-radius:var(--rc);padding:20px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s}
.q:hover{border-color:#C9CDD2}
.q .t{font-weight:500;font-size:17px}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.scale button{border:1.5px solid var(--line);background:var(--bg);border-radius:var(--r);padding:12px 0;font-family:var(--mono);font-weight:500}
.scale button:hover{border-color:var(--ink)}
.scale-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.q.answered .scale button{background:var(--paper);border-color:transparent;color:var(--muted)}
.q.answered .scale button.on{color:#fff;font-weight:600}
.after{display:flex;flex-direction:column;gap:6px}
.after .track{position:relative;height:6px;background:var(--empty)}
.after .fill{position:absolute;inset:0 auto 0 0;transition:width .3s}
.after .avg{position:absolute;top:-6px;width:2px;height:18px;background:var(--ink)}
.after .cmp{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
textarea,input[type=text],input[type=password],select{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px}
textarea{min-height:90px;resize:vertical}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{border:1.5px solid var(--line);background:var(--bg);border-radius:var(--r);padding:8px 14px;font-size:14px}
.chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.top3{display:flex;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none}
.top3 li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.top3 .n{font-family:var(--display);font-size:34px;font-weight:500;line-height:.9}
.top3 li:nth-child(1) .n{color:var(--green)}
.top3 li:nth-child(2) .n{color:var(--blue)}
.top3 li:nth-child(3) .n{color:#9AA0A7}

/* админка */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rc)}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:640px}
th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-weight:600;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--paper);white-space:nowrap}
th[data-sort]{cursor:pointer}
td.r,th.r{text-align:right}
.dot{display:inline-block;width:8px;height:8px;margin-right:8px;vertical-align:middle}
.dist{display:flex;height:8px;min-width:90px}
.dist i{display:block;height:100%}
.answers{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto}
.answers div{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:10px}
.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi{border:1px solid var(--line);border-radius:var(--rc);padding:16px}
.kpi b{display:block;font-family:var(--display);font-size:32px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi span{font-size:13px;color:var(--muted)}
.login{max-width:380px;margin:12vh auto;display:flex;flex-direction:column;gap:16px}
.err{color:var(--s1);font-size:14px}

/* вопросы и ответы */
.faq{border-top:1px solid var(--ink);max-width:880px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-family:var(--display);font-size:21px;font-weight:500;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);font-size:22px;color:var(--muted);transition:transform .2s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg);color:var(--blue)}
.faq details p{padding:0 0 22px;max-width:70ch;color:var(--text)}
.invite{font-size:15px;background:var(--green-soft);border-left:2px solid var(--green);padding:10px 14px;max-width:52ch}
.cookie{position:fixed;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;max-width:560px;margin:0 auto;background:var(--ink);color:#fff;border-radius:var(--rc);padding:14px 16px;display:flex;gap:16px;align-items:center;font-size:14px;box-shadow:0 12px 30px -12px rgba(0,0,0,.5)}
.cookie p{flex:1}
.cookie a{color:#9FD2FA}
.cookie .btn{background:#fff;color:var(--ink);border-color:#fff}

/* вкладки и инструкция в панели */
.tabs{border-bottom:1px solid var(--line);background:var(--bg)}
.tabs .in{display:flex;gap:28px;overflow-x:auto}
.tabs a{display:inline-flex;align-items:center;gap:8px;padding:16px 0 14px;text-decoration:none;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}
.tabs a:hover{color:var(--ink)}
.tabs a.on{color:var(--ink);border-bottom-color:var(--ink)}
.badge{font-style:normal;font-size:11px;font-weight:600;border-radius:9px;padding:2px 7px;line-height:1.3}
.err-b{background:var(--s1);color:#fff}
.help{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding-block:40px 96px;align-items:start}
.toc{position:sticky;top:calc(var(--nav) + 24px);display:flex;flex-direction:column;gap:10px;font-size:14px}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--ink)}
.doc{display:flex;flex-direction:column;gap:44px;min-width:0;max-width:820px}
.doc section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--nav) + 20px)}
.doc h3{font-size:26px;font-weight:600}
.doc h4{margin:0;font-size:16px;font-weight:600}
.doc p,.doc li{color:var(--text)}
.doc-h{display:flex;flex-direction:column;gap:14px}
.lead-s{font-size:18px;color:var(--text);max-width:62ch}
.doc code{font-family:var(--mono);font-size:.88em;background:var(--paper);padding:1px 6px;border-radius:2px;color:var(--ink)}
.code{font-family:var(--mono);font-size:13.5px;line-height:1.7;background:var(--ink);color:#E6E8EB;padding:18px 20px;border-radius:var(--rc);overflow-x:auto;margin:0;white-space:pre}
.code .c{color:#7F868F}
.check{border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--rc);padding:22px}
.check.bad{border-left-color:var(--s1)}
.check.ok h3{color:var(--green)}
.check.bad h3{color:var(--s1)}
.issues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.issues li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:14px;padding:10px 12px;border-radius:var(--r)}
.issues li.e{background:#FDECEC}
.issues li.w{background:#FDF6E1}
.steps-l{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.defs{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.tip{border-left:2px solid var(--blue);padding-left:14px;color:var(--text)}
.rule{background:var(--blue-soft);border-radius:var(--rc);padding:24px}
.rule code{background:#fff}
.recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rcp{border:1px solid var(--line);border-radius:var(--rc);padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.rcp .code{font-size:12.5px;padding:12px 14px;white-space:pre-wrap;word-break:break-word}
.icons-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.icons-g div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--rc);padding:8px}
.icons-g .ico{width:36px;height:36px}
.icons-g .ico svg{width:22px;height:22px}

@media (max-width:960px){
  .help{grid-template-columns:1fr;gap:28px}
  .toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 16px}
  .recipes{grid-template-columns:1fr}
  .hero .in,.profile,.insights,.sec-head{grid-template-columns:1fr}
  .hero::before{width:min(560px,110vw);right:-28%;top:auto;bottom:-6%;transform:rotate(-9deg)}
  .sample{max-width:460px}
  .steps{grid-template-columns:1fr;gap:28px}
  .step,.step + .step{padding:0;border-left:0}
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer.site .in{grid-template-columns:1fr}
}
@media (max-width:640px){
  :root{--nav:58px}
  .card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ico no" "body body" "st st";gap:12px;padding:18px 14px 18px 0;align-items:start}
  .card:nth-child(even){padding-left:14px}
  .card:hover,.card:nth-child(even):hover{padding-left:14px}
  .card .no{grid-area:no;font-size:20px}
  .card .ico{grid-area:ico;width:40px;height:40px}
  .card .ico svg{width:22px;height:22px}
  .card .body{grid-area:body}
  .card .st{grid-area:st}
  .card h3{font-size:16px}
  .stats div{padding-right:10px}
  .stats div + div{padding-left:10px}
  .uc .uc-h{height:30px}
  .uc .uc-w{height:20px}
  .brand b{font-size:16px}
  .by{gap:10px}
  .by-l{font-size:10px;padding-right:10px;letter-spacing:.08em}
  .bar{grid-template-columns:minmax(0,1fr) 60px 30px;font-size:14px;gap:10px}
  .filters{grid-template-columns:1fr}
  .test-head{grid-template-columns:48px minmax(0,1fr)}
  .test-head .ico{width:48px;height:48px}
}
@media (max-width:420px){
  .by{flex-direction:column;align-items:flex-end;gap:3px}
  .by-l{border:0;padding:0;line-height:1;font-size:9px}
  .uc .uc-h{height:28px}
  .uc .uc-w{height:22px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}