.kursometr-story{--km-casing: #e7dfc9;--km-panel: #f2ead6;--km-metal: #403d35;--km-orange: #d95f22;--km-green: #77805f}.kursometr-story .process-intro{margin-top:40px;margin-bottom:64px}.kursometr-story .process-scene{margin-bottom:68px}.kursometr-story .process-scene__stage{grid-template-columns:32px minmax(0,1fr);gap:10px}.kursometr-story .process-scene__rail:before{bottom:-68px;left:14px}.kursometr-story .process-scene__rail span{width:29px;height:29px;border-color:var(--km-orange);background:var(--km-orange);color:#fff8e8;box-shadow:0 3px 10px #a7411729}.kursometr-story .process-scene.layout-wide .process-scene__copy{margin-left:0}.kursometr-story .process-scene.layout-wide .process-scene__body{gap:24px}.kursometr-story .process-scene__copy h2{font-size:clamp(30px,3.5vw,44px)}.kursometr-story figure img[role=button]{cursor:zoom-in}.kursometr-story figure img[role=button]:focus-visible{outline:3px solid color-mix(in srgb,var(--km-orange) 72%,white);outline-offset:4px}.kursometr-story img[src*="02-css-cards.webp"]{width:auto;max-width:100%;max-height:620px;margin-inline:auto}.kursometr-story img[src*="05-web-form.webp"],.kursometr-story img[src*="06-marked-notes.webp"],.kursometr-story img[src*="07-almost-final.webp"]{width:auto;max-width:100%;max-height:min(560px,68vh);margin-inline:auto;object-fit:contain}.km-axis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.km-axis{min-height:166px;padding:18px;border:1px solid #beb49b;border-radius:14px;background:radial-gradient(circle at 12px 12px,rgba(64,61,53,.28) 0 2px,transparent 2.5px),linear-gradient(145deg,rgba(255,255,255,.52),transparent 44%),var(--km-panel);box-shadow:inset 0 0 0 4px #ffffff2e,0 8px 18px #473e2c17;color:var(--km-metal)}.km-axis strong{display:block;font-family:Cuprum,Inter,sans-serif;font-size:17px;letter-spacing:.07em;text-transform:uppercase}.km-axis__dial{position:relative;width:54px;height:54px;margin:14px auto 12px;border:7px ridge #34332e;border-radius:50%;background:#171716;box-shadow:0 5px 8px #1e1b1442}.km-axis__dial:before{content:"";position:absolute;top:2px;left:50%;width:2px;height:18px;border-radius:3px;background:var(--km-orange);transform:translate(-50%)}.km-axis__ends{display:flex;justify-content:space-between;gap:12px;font-family:Inter,sans-serif;font-size:10px;line-height:1.25;color:#666153}.km-axis__ends span:last-child{text-align:right}.km-prompt{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.km-prompt summary{padding:14px 0;cursor:pointer;color:var(--accent-ink);font-family:Inter,sans-serif;font-size:13px;font-weight:600}.km-prompt blockquote{max-height:330px;margin:0 0 18px;padding:2px 16px 2px 18px;overflow:auto;font-size:15px;line-height:1.5}.km-sound-note{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;margin-top:24px;padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.km-sound-note span{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--km-metal);color:#fff5de;font-family:Inter,sans-serif;font-size:18px}.km-sound-note p{margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.45;color:var(--muted)}.km-phone-test{width:min(100%,380px);margin:0 auto;padding:9px;border:1px solid #3b3934;border-radius:34px;background:#1c1b19;box-shadow:0 20px 50px #1e191238}.km-phone-test video{display:block;width:100%;aspect-ratio:592 / 1280;border-radius:26px;background:#111;object-fit:cover}.km-phone-test p{margin:10px 8px 5px;color:#d8d2c6;font-family:Inter,sans-serif;font-size:11px;line-height:1.4;text-align:center}.km-final{width:min(960px,calc(100vw - 32px));margin:18px 0 64px 50%;transform:translate(-50%)}.km-final a{position:relative;display:block;overflow:hidden;border:1px solid #b9ad91;border-radius:12px;background:var(--km-panel);box-shadow:0 22px 54px #4c3d2521}.km-final a:after{content:"покрутить живой прибор →";position:absolute;right:18px;bottom:18px;padding:9px 13px;border-radius:999px;background:#1f1d19e6;color:#fff9e9;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.km-final img{display:block;width:100%;height:auto;border:0;border-radius:0;transition:transform .5s cubic-bezier(.22,1,.36,1)}.km-final a:hover img{transform:scale(1.015)}.km-final p{max-width:660px;margin:12px auto 0;color:var(--muted);font-family:Inter,sans-serif;font-size:12.5px;text-align:center}.km-retro{width:min(960px,calc(100vw - 32px));margin:0 0 64px 50%;padding-top:36px;border-top:1px solid var(--line);transform:translate(-50%)}.km-retro>h2,.km-retro>p,.km-retro>.km-insight{max-width:660px;margin-right:auto;margin-left:auto}.km-retro>h2{margin-top:0;font-size:clamp(34px,5vw,54px);line-height:1.02}.km-retro-contrast{display:grid;grid-template-columns:1fr 1fr;margin:34px 0;overflow:hidden;border-radius:16px}.km-retro-half{padding:clamp(22px,4vw,36px);color:#2c2925}.km-retro-half--day{position:relative;padding-right:clamp(38px,5vw,54px);background:#f2eacf}.km-retro-half--night{padding-left:clamp(38px,5vw,54px);background:#d3cae8}.km-retro-half--day:after{content:"";position:absolute;z-index:2;top:0;right:-22px;bottom:0;width:44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L22 0 C30 25 30 75 22 100 L0 100 Z' fill='%23F2EACF'/%3E%3Cpath d='M44 0 L22 0 C30 25 30 75 22 100 L44 100 Z' fill='%23D3CAE8'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.km-retro-half h3{margin:0 0 18px;font-family:Inter,sans-serif;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.km-retro-half--day h3{color:#9c7a2c}.km-retro-half--night h3{color:#504773}.km-retro-half ul{margin-bottom:0;font-size:16px}.km-insight{margin-top:52px!important;margin-bottom:52px!important;padding-left:22px;border-left:4px solid var(--km-orange);font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.18}.km-method-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:28px 0 0}.km-method{margin:0;padding:0;counter-reset:km-step;list-style:none;border-top:1px solid var(--line)}.km-method--continued{counter-reset:km-step 4}.km-method li{position:relative;min-height:0;margin:0;padding:16px 10px 16px 40px;border-bottom:1px solid color-mix(in srgb,var(--km-orange) 18%,var(--line));counter-increment:km-step;font-size:16px;line-height:1.45}.km-method li:before{content:counter(km-step,decimal-leading-zero);position:absolute;top:17px;left:0;color:var(--km-orange);font-family:Inter,sans-serif;font-size:14px;font-weight:800;letter-spacing:.04em}.km-lightbox{width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);margin:auto;padding:52px 16px 16px;overflow:auto;border:0;border-radius:12px;background:#171613;color:#f5efe3;box-shadow:0 24px 80px #00000073}.km-lightbox::backdrop{background:#1c1914c2;backdrop-filter:blur(8px)}.km-lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 128px);margin:0 auto;border:0;border-radius:6px;object-fit:contain}.km-lightbox p{max-width:720px;margin:12px auto 0;color:#c9c1b5;font-family:Inter,sans-serif;font-size:12px;text-align:center}.km-lightbox__close{position:absolute;top:14px;right:16px;border:0;background:transparent;color:#f5efe3;cursor:pointer;font-family:Inter,sans-serif;font-size:13px}@media(max-width:700px){.km-axis-grid,.km-retro-contrast,.km-method-columns{grid-template-columns:1fr}.km-method-columns{gap:0}.km-method--continued{border-top:0}.kursometr-story img[src*="05-web-form.webp"],.kursometr-story img[src*="06-marked-notes.webp"],.kursometr-story img[src*="07-almost-final.webp"]{max-height:min(500px,64vh)}.km-retro-half--day{padding-right:clamp(22px,6vw,36px);padding-bottom:clamp(40px,10vw,54px)}.km-retro-half--night{padding-top:clamp(40px,10vw,54px);padding-left:clamp(22px,6vw,36px)}.km-retro-half--day:after{inset:auto auto -22px 0;width:100%;height:44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 44' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L100 0 L100 22 C83 30 67 30 50 22 C33 14 17 14 0 22 Z' fill='%23F2EACF'/%3E%3Cpath d='M0 44 L100 44 L100 22 C83 30 67 30 50 22 C33 14 17 14 0 22 Z' fill='%23D3CAE8'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.kursometr-story .process-intro{margin-bottom:48px}.kursometr-story .process-scene{margin-bottom:52px}.kursometr-story .process-scene__rail:before{bottom:-52px}.kursometr-story .process-scene__stage{grid-template-columns:26px minmax(0,1fr);gap:7px}.kursometr-story .process-scene__rail span{width:24px;height:24px}.km-final{margin-bottom:56px}.km-final a:after{right:10px;bottom:10px}.km-retro{padding-right:8px;padding-left:8px}.km-method li{min-height:0}}@media(prefers-reduced-motion:reduce){.km-final img{transition:none}}