:root{--blue:#2846eb;--ink:#17202a;--muted:#626976;--line:#dce1e7;--paper:#fff;--soft:#f4f6fa;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #ef8548;outline-offset:5px}p{line-height:1.65}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(42px,5.1vw,76px);line-height:1.08}h3{font-weight:600}button{border:0}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.skip{position:absolute;left:20px;top:-70px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;height:102px;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-size:36px;font-weight:850;letter-spacing:-2px}.brand-period{color:var(--blue)}.header nav{display:flex;gap:35px;font-size:15px}.header nav a:hover{color:var(--blue)}.header-cta{font-size:15px;font-weight:600;display:flex;align-items:center;gap:20px}.header-cta span{font-size:26px;color:var(--blue)}.hero{padding-top:43px;padding-bottom:65px}.hero-top{display:flex;justify-content:space-between;margin-bottom:42px;gap:20px}.eyebrow,.section-meta{font-size:13px;letter-spacing:.075em;font-weight:600}.edition{font-size:14px;color:var(--muted)}h1{font-size:clamp(46px,5.5vw,80px);line-height:1.055;max-width:1110px}.hero-person{display:block;color:var(--blue);margin-bottom:7px}.hero-fields{display:block}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-top:36px}.hero-bottom>p{font-size:17px;max-width:660px;color:#525966}.hero-action{flex-shrink:0;display:grid;gap:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:20px 28px;border-radius:4px;font-size:16px;font-weight:600;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#1734cd}.play-icon{font-size:14px}.small-note{font-size:13px;color:var(--muted);text-align:center}.product-section{background:var(--blue);padding:37px 0 27px;color:white}.product-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.product-heading p{font-size:24px;line-height:1.25;font-weight:400}.product-heading strong{font-weight:600}.product-heading>span{font-size:14px;line-height:1.5;color:#e0e7ff}.product-window{display:grid;grid-template-columns:205px 1fr;background:#fff;color:var(--ink);border-radius:8px;overflow:hidden;box-shadow:0 15px 40px #0e23973d;min-height:450px}.app-sidebar{background:#f3f5fa;display:flex;flex-direction:column;padding:25px 15px;gap:17px;font-size:12px;position:relative}.app-logo{font-size:25px;font-weight:800;margin-left:10px;letter-spacing:-1px}.app-company{color:#677181;padding:8px 10px 17px;border-bottom:1px solid #dce1eb}.app-sidebar>span:not(.app-logo):not(.app-company){padding:0 10px}.app-sidebar .app-active{background:#e0e6ff;color:#253dcc;padding:10px!important;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:35px 10px 0;font-size:13px;line-height:1.65;color:#667083}.app-main{padding:26px 30px}.app-top{display:flex;justify-content:space-between;color:#77808c;font-size:12px;margin-bottom:23px}.app-title{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:600}.app-badge{font-size:12px;font-weight:400;border:1px solid var(--line);padding:7px 12px;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 30px}.metrics>div{display:grid;gap:9px;padding-left:20px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border:0}.metrics span{font-size:13px;color:#626c7a}.metrics strong{font-size:clamp(18px,2.15vw,30px);font-weight:600;white-space:nowrap;letter-spacing:-1px}.metrics small{font-size:16px;font-weight:400}.metrics em{font-style:normal;font-size:11px;color:#737d8c}.blue{color:var(--blue)}.app-detail{display:grid;grid-template-columns:1.45fr 1fr;border-top:1px solid var(--line);padding-top:24px;gap:30px}.chart-heading{font-size:13px;font-weight:600}.chart-heading>span{display:block;font-size:10px;font-weight:400;margin-top:10px;color:#687381}.chart-heading i{display:inline-block;width:6px;height:6px;background:#4260ef;border-radius:1px;margin:0 4px}.chart-heading i:last-child{background:#b7c4ec;margin-left:12px}.chart{height:155px;display:flex;justify-content:space-around;position:relative;padding:10px 4px 25px;gap:20px}.chart-grid{position:absolute;inset:0 0 25px;background:repeating-linear-gradient(to top,#e9edf3 0,#e9edf3 1px,transparent 1px,transparent 39px)}.bar-pair{width:50px;display:flex;align-items:flex-end;gap:6px;position:relative}.bar-pair i{display:block;width:22px;height:var(--height);background:#4561eb;border-radius:3px 3px 0 0;z-index:1}.bar-pair i:nth-child(2){background:#b7c4ec}.bar-pair span{position:absolute;bottom:-21px;white-space:nowrap;font-size:10px;left:6px;color:#6b7281}.review{background:#f3f5fa;padding:19px;border-radius:5px}.review-label{font-size:9px;letter-spacing:.06em;color:#596779}.review h3{font-size:20px;line-height:1.2;margin:9px 0}.review p{font-size:12px;color:#646e7e;line-height:1.5}.review-count{display:block;font-size:26px;color:var(--blue);margin-top:11px}.review-count small{font-size:11px;color:#596678;margin-left:6px}.demo-disclosure{font-size:12px;margin-top:15px;color:#e2e7ff}.section-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;gap:25px}.section-meta>span:last-child{letter-spacing:0;color:var(--muted);font-weight:400}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.04em}.demo-section{padding:66px 0 64px;background:#f1f3f7}.demo-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:43px 0}.demo-intro p{font-size:17px;color:var(--muted)}.demo-tabs{display:flex;gap:28px}.demo-tabs button{background:none;padding:19px 0;display:flex;gap:14px;font-size:13px;color:#67707f;border-bottom:3px solid transparent}.demo-tabs button span{font-size:16px}.demo-tabs button[aria-selected="true"]{color:var(--blue);border-color:var(--blue)}.demo-player{border-radius:0 0 8px 8px;overflow:hidden;background:white;box-shadow:0 8px 30px #18264b0a;border:1px solid #dce2ec}.scene{padding:27px 35px}.scene-heading{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;gap:20px}.scene-label{font-size:10px;font-weight:500;letter-spacing:.07em;color:var(--muted)}.scene-content{display:flex;gap:35px;align-items:center;min-height:300px;padding:35px 15px}.scene-index{font-size:140px;color:#e1e7fc;font-weight:700;letter-spacing:-.09em;line-height:1;width:160px;flex-shrink:0}.scene-body{flex:1;min-width:0}.scene-kicker{font-size:12px;letter-spacing:.09em;color:var(--blue)}.scene-body h3{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:8px 0 23px}.scene-object{min-height:100px}.object-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 24px;background:#f4f6fb;border:1px solid #e4e8f1;border-radius:5px;font-size:17px}.object-row small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.object-row strong{white-space:nowrap;color:var(--blue);font-size:20px;font-weight:600}.object-tag{font-size:13px;color:#244c39;background:#e4f0e7;border-radius:4px;padding:9px 12px;white-space:nowrap}.object-chat{max-width:550px;border-left:3px solid var(--blue);padding:15px 23px;background:#edf1ff;font-size:17px;line-height:1.5}.object-chat small{display:block;color:#5c6b8c;font-size:12px;margin-bottom:8px}.scene-caption{font-size:16px;line-height:1.5;color:var(--muted);padding-top:20px;border-top:1px solid var(--line);min-height:69px}.player-controls{display:flex;align-items:center;gap:22px;padding:18px 30px;background:#192331;color:white}.player-controls button{color:white;background:none}.player-controls #play{display:flex;gap:12px;align-items:center;min-width:120px;font-size:15px}.player-controls #replay{font-size:25px;padding:2px 8px}.progress{flex:1;display:flex;gap:7px}.progress button{height:28px;padding:11px 0;flex:1;position:relative}.progress button:before{content:"";display:block;height:4px;background:#667182;border-radius:4px}.progress button[aria-pressed="true"]:before{background:#b5c6ff}.progress button.done:before{background:#e0e7ff}#step-count{font-size:13px;font-variant-numeric:tabular-nums}.demo-foot{display:flex;justify-content:space-between;gap:50px;margin-top:22px}.demo-foot p{max-width:600px;font-size:16px;color:#555f6d}.demo-foot>span{font-size:12px;color:var(--muted);line-height:1.5;flex-shrink:0}.scene-body.changing{animation:enter .35s ease both}@keyframes enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}.questions{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-bottom:100px}.questions h2{margin-top:20px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:17px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:24px;color:var(--blue);line-height:1}.faq details[open] summary:after{content:"−"}.faq p{font-size:16px;color:var(--muted);margin:18px 0 6px}.faq a{text-decoration:underline;color:var(--blue);font-size:15px}.closing{background:var(--blue);color:white;padding:65px 0}.closing-inner{position:relative}.closing h2{margin:30px 0 38px;max-width:820px}.light{background:white;color:var(--blue)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:130px}footer p{font-size:14px;color:var(--muted)}footer>span{font-size:12px;color:var(--muted)}
@media(min-width:1450px){.hero{padding-top:55px;padding-bottom:75px}h1{font-size:84px}.hero-bottom{margin-top:45px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-bottom{gap:30px}.hero-bottom>p{font-size:16px}.button{padding:18px 22px}.product-window{grid-template-columns:160px 1fr}.app-sidebar{font-size:10px;padding:20px 9px}.app-main{padding:25px 22px}.app-detail{gap:18px}.metrics>div{padding-left:12px}.metrics em{font-size:10px}.questions{gap:40px}.scene-index{width:110px;font-size:110px}.scene-content{padding:30px 0;gap:22px}.demo-tabs{gap:22px}.demo-tabs button{gap:9px}.demo-tabs button span{font-size:14px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:78px}.wordmark{font-size:30px}.header nav{display:none}.header-cta{font-size:14px;gap:12px}.hero{padding-top:29px;padding-bottom:38px}.hero-top{margin-bottom:29px}.eyebrow,.section-meta{font-size:11px}.edition{display:none}h1{font-size:clamp(35px,7.6vw,57px);letter-spacing:-.055em;line-height:1.1}.hero-person{margin-bottom:10px}.hero-bottom{display:block;margin-top:25px}.hero-bottom>p{font-size:16px}.hero-action{display:flex;align-items:center;gap:18px;margin-top:25px;flex-wrap:wrap}.small-note{text-align:left;font-size:12px}.button{font-size:15px}.product-section{padding:26px 0 19px}.product-heading p{font-size:21px}.product-heading>span{font-size:12px}.product-window{display:block;min-height:0}.app-sidebar{display:none}.app-main{padding:19px 16px}.app-title{font-size:21px}.app-top{font-size:10px;margin-bottom:18px}.metrics{margin:21px 0}.metrics span{font-size:10px}.metrics strong{font-size:clamp(15px,4vw,23px);letter-spacing:-.7px}.metrics small{font-size:12px}.metrics em{display:none}.metrics>div{padding-left:9px}.app-detail{grid-template-columns:1fr}.review{display:none}.chart{height:135px}.chart-heading>span{display:inline;margin-left:9px}.chart-heading{font-size:12px}.demo-disclosure{font-size:11px;line-height:1.5}.section-meta>span:last-child{display:none}.demo-section{padding:43px 0}.demo-intro{display:block;margin:28px 0 16px}.demo-intro p{margin-top:22px;font-size:15px}.demo-tabs{gap:12px;justify-content:space-between}.demo-tabs button{display:block;text-align:left;font-size:11px;padding:16px 0}.demo-tabs button span{display:block;font-size:13px;margin-top:5px;max-width:115px}.scene{padding:19px 17px}.scene-heading{font-size:13px;align-items:flex-start}.scene-label{font-size:8px;max-width:105px;text-align:right}.scene-content{display:block;min-height:300px;padding:20px 0}.scene-index{font-size:47px;margin-bottom:12px}.scene-body h3{font-size:25px;margin-bottom:19px}.scene-kicker{font-size:10px}.object-row{padding:15px 13px;gap:15px;font-size:14px;flex-wrap:wrap}.object-row small{font-size:11px}.object-row strong{font-size:19px}.object-tag{font-size:12px}.object-chat{font-size:15px;padding:13px 16px}.scene-caption{font-size:14px;min-height:85px}.player-controls{gap:12px;padding:13px}.player-controls #play{min-width:84px;font-size:13px;gap:7px}.progress{gap:4px}.player-controls #replay{font-size:23px;padding:0 4px}#step-count{font-size:11px}.demo-foot{display:block;margin-top:18px}.demo-foot p{font-size:14px}.demo-foot>span{display:block;margin-top:12px;font-size:11px}.demo-foot>span br{display:none}.questions{display:block;padding-bottom:55px}.questions h2{margin-top:10px;margin-bottom:15px}.faq summary{font-size:16px}.faq p{font-size:15px}.closing{padding:43px 0}.closing h2{font-size:clamp(36px,8.3vw,56px);margin:25px 0 30px}footer{flex-wrap:wrap;justify-content:flex-start;gap:10px 24px;padding-top:27px;padding-bottom:27px}footer p{font-size:12px;max-width:200px}footer>span{width:100%;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Product video: local assets, native controls, no autoplay. */
.video-demo{padding-top:90px;padding-bottom:80px;scroll-margin-top:24px}
.video-demo-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin:32px 0}
.video-demo-heading h2{margin:0}.video-demo-heading p{max-width:460px;font-size:19px;line-height:1.6}
.product-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#162033;border:1px solid #dce3ef;border-radius:16px;box-shadow:0 18px 55px #16203312}
.product-video:focus-visible{outline:3px solid #2846eb;outline-offset:5px}
.video-demo-foot{display:flex;justify-content:space-between;align-items:baseline;gap:28px;margin-top:18px;font-size:14px;line-height:1.6}
.video-demo-foot p{max-width:720px;margin:0;color:#526178}.video-demo-foot a{white-space:nowrap;color:#2846eb;text-underline-offset:4px}
@media(max-width:700px){.video-demo{padding-top:52px;padding-bottom:48px}.video-demo-heading{grid-template-columns:1fr;gap:16px}.video-demo-heading p{font-size:17px}.video-demo-foot{flex-direction:column;gap:12px}.product-video{border-radius:8px}}
/* логотип «Клетки» (вариант Г, решение владельца 10–12.10.2026) рядом со словесным знаком */
.wordmark{display:inline-flex;align-items:center}.brand-mark{width:40px;height:40px;flex-shrink:0;display:block;margin-right:12px}@media(max-width:760px){.brand-mark{width:32px;height:32px;margin-right:10px}}

/* Руководство на главной */
.hero-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.47fr) minmax(0, 1fr);
    grid-template-areas: "title book" "intro .";
    align-items: end;
    column-gap: clamp(18px, 1.5vw, 24px);
}
.hero-intro h1 { grid-area: title; font-size: clamp(46px, 5.4vw, 78px); }
.hero-bottom { grid-area: intro; }
.hero-intro .guide-book { grid-area: book; }
.guide-book { display: grid; grid-template-columns: 1fr 1.05fr; position: relative; border-radius: 5px 10px 9px 5px; background: #263146; border-bottom: 4px solid #25344c; padding: 0 3px 3px; box-shadow: 0 2px 0 #d5d3c9, 0 4px 0 #eceae2, 0 18px 32px -17px #46506d66; }
.guide-cover, .guide-contents { position: relative; padding: clamp(19px, 2.1vw, 31px); }
.guide-cover { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 20px; border-radius: 4px 5px 0 4px; background: linear-gradient(90deg,#f5f2e8 0%,#fbf9f2 86%,#dcd9cc 100%); }
.guide-cover h2 { font: 500 clamp(24px,2.4vw,35px)/1.12 Georgia,serif; letter-spacing: -.035em; }
.guide-cover h2 span { display: block; font: 700 14px/1.2 "Segoe UI",sans-serif; color: var(--blue); margin-bottom: 9px; }
.guide-cover a { font-size: 14px; color: var(--blue); }
.guide-contents { display: flex; flex-direction: column; justify-content: center; border-radius: 4px 8px 6px 0; background: linear-gradient(90deg,#e6e3d8 0%,#fffef8 12%,#faf9f1 100%); }
.guide-book::after { content: ""; position: absolute; right: 19px; top: 0; width: 14px; height: 27px; background: var(--blue); clip-path: polygon(0 0,100% 0,100% 100%,50% 78%,0 100%); }
.guide-contents h3 { font: italic 20px Georgia,serif; margin-bottom: 10px; }
.guide-contents a { display: block; padding: 12px 0; line-height: 1.3; font-size: 16px; border-top: 1px solid #d9d7cb; }
.guide-book a:hover, .guide-book a:focus-visible { color: var(--blue); text-decoration: underline; }
@media (max-width: 960px) {
    .hero-intro { grid-template-columns: 1fr; grid-template-areas: "title" "intro" "book"; }
    .guide-book { max-width: 540px; margin-top: 28px; }
}
@media (max-width: 760px) {
    .hero-intro h1 { font-size: clamp(35px,7.6vw,57px); }
    .guide-book { grid-template-columns: 1fr; border: 1px solid #dcdace; padding: 0; box-shadow: none; background: #faf9f1; }
    .guide-cover { display: block; padding: 16px 20px 6px; background: transparent; }
    .guide-cover img, .guide-cover h2 span, .guide-cover h2 br { display: none; }
    .guide-cover h2 { font-size: 24px; }
    .guide-cover a { display: block; margin-top: 5px; }
    .guide-contents { padding: 6px 20px 10px; background: transparent; }
    .guide-contents h3 { display: none; }
}

.dashboard-preview { margin-block: 0; }

.dashboard-preview a { display: block; cursor: zoom-in; }
.dashboard-preview img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 7px; }

/* Две самостоятельные темы после снимка программы */
.time-section, .approach { padding-top: clamp(36px, 5vw, 72px); }
.time-layout, .audience-result, .approach-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 65px;
    align-items: start;
}
.time-layout h2 .serif { color: var(--blue); }
.time-copy .large-copy { margin-bottom: 14px; font-size: clamp(24px, 2vw, 28px); line-height: 1.3; letter-spacing: -.025em; }
.time-copy > p:last-child { max-width: 44ch; font-size: 17px; color: var(--muted); }
.audience-switch { display: flex; gap: clamp(16px, 2vw, 30px); margin-top: 24px; border-bottom: 1px solid var(--line); }
.audience-switch button { padding: 10px 0; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--muted); font-size: 16px; line-height: 1.4; text-align: left; }
.audience-switch button[aria-pressed="true"] { border-bottom-color: var(--blue); color: var(--ink); }
.audience-panels { display: grid; }
.audience-result { grid-area: 1 / 1; padding-top: 18px; align-self: start; }
.audience-result[aria-hidden="true"] { visibility: hidden; }
.result-number { font-size: clamp(45px, 5vw, 72px); font-weight: 750; letter-spacing: -.065em; line-height: 1.1; color: var(--blue); }
.audience-result h3, .principles h3 { margin: 0 0 8px; font-size: clamp(21px, 1.8vw, 23px); letter-spacing: -.02em; }
.audience-result p, .principles p { font-size: 16px; color: var(--muted); }
.approach { padding-bottom: clamp(32px, 4vw, 56px); }
.approach .section-meta { justify-content: flex-end; padding-bottom: 12px; }
.approach-grid { margin-top: 24px; }
.principles article { display: grid; grid-template-columns: 2ch minmax(0, 1fr); gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.principles article:first-child { padding-top: 0; }
.principles article > span { padding-top: 5px; font-size: 13px; color: var(--blue); }
@media (max-width: 760px) {
    .time-layout, .audience-result, .approach-grid { grid-template-columns: 1fr; row-gap: 16px; }
    .time-copy .large-copy br { display: none; }
    .time-copy > p:last-child { max-width: none; font-size: 16px; }
    .audience-switch button { font-size: 14px; }
    .audience-result { row-gap: 8px; }
    .approach .section-meta { display: none; }
    .approach-grid { margin-top: 0; }
}