@font-face{font-family:Manrope;src:url('../fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/ibm-plex-mono.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
:root{--ink:#121512;--ink2:#1b201a;--paper:#f3f5ef;--white:#f2f5ee;--muted:#8c9588;--lime:#c3f36a;--line:rgba(242,245,238,.16);--light-line:#d6dbd1;--ease:cubic-bezier(.2,.7,.2,1);--gutter:clamp(24px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #728eff;outline-offset:6px}input:focus-visible,textarea:focus-visible{outline:none;border-color:var(--lime)}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h1,h2{line-height:1.06;letter-spacing:-.055em}h2{font-size:clamp(38px,4.3vw,66px)}h3{font-size:25px;line-height:1.3;letter-spacing:-.025em}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.mono,.mini-label,.eyebrow,.section-label,.dashboard-overline{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:400;letter-spacing:.055em;line-height:1.5}.section-pad{padding:54px var(--gutter) 100px}.section-dark{background:var(--ink);color:var(--white)}.section-light{background:var(--paper);color:var(--ink)}.section-lime{background:var(--lime);color:var(--ink)}.section-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:70px;color:#a4ad9f}.section-label .section-number{color:var(--white)}.section-light .section-label,.section-lime .section-label{color:#5d6656;border-color:var(--light-line)}.section-light .section-number,.section-lime .section-number{color:var(--ink)}.section-lime .section-label{border-color:#9cc34f}.muted{color:var(--muted)}.section-light .muted{color:#8a9383}.lime-text{color:var(--lime)}.skip-link{position:fixed;left:20px;top:-80px;padding:12px 24px;z-index:100;background:var(--lime);color:var(--ink)}.skip-link:focus{top:20px}.header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 var(--gutter);height:104px;border-bottom:1px solid var(--line)}.wordmark{font-size:29px;font-weight:750;letter-spacing:-.075em;display:inline-flex;align-items:center;gap:9px;line-height:1}.brand-dot{color:var(--lime);margin-left:-7px}.brand-icon{display:flex;align-items:flex-end;gap:3px;height:21px;margin-right:3px}.brand-icon i{width:4px;height:12px;background:var(--lime);display:block}.brand-icon i:nth-child(2){height:21px}.brand-icon i:nth-child(3){height:16px}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a{font-size:14px;color:#c4cbbf;transition:color .2s}.desktop-nav a:hover{color:var(--lime)}.header-contact{font-size:14px;border:1px solid #50574b;padding:11px 18px;border-radius:5px;display:flex;align-items:center;gap:26px;transition:background .25s,color .25s}.header-contact:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.header-contact span{font-size:21px;line-height:1}.menu-toggle{display:none}.hero{padding:66px var(--gutter) 0;display:grid;grid-template-columns:1.05fr 1fr;column-gap:20px;position:relative;overflow:hidden;isolation:isolate}.hero-copy{position:relative;z-index:2;padding-bottom:50px}.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#b9c1b3;margin-bottom:29px}.small-cross{color:var(--lime);font-size:22px;line-height:1}.hero h1{font-size:clamp(64px,6.05vw,97px);font-weight:550;letter-spacing:-.06em;line-height:1.025}.hero h1>span{color:var(--lime)}.hero-description{margin-top:30px;font-size:17px;line-height:1.7;color:#b8c0b2;max-width:405px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:56px;padding:14px 22px;border-radius:4px;border:1px solid transparent;font-size:14px;line-height:1.5;font-weight:700;transition:transform .35s var(--ease),background .25s,box-shadow .25s;position:relative}.button>span:last-child{font-size:23px;line-height:1;font-weight:400;transition:transform .3s}.button:hover>span:last-child{transform:translate(3px,-3px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#d4ff87;box-shadow:0 6px 25px #c3f36a13}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#313a28}.button-outline{border-color:#4a5245;background:transparent;color:var(--white)}.button-outline:hover{border-color:var(--lime);color:var(--lime)}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:14px;font-weight:600;padding:9px 0}.text-link span{font-size:23px;transition:transform .3s}.text-link:hover span{transform:translate(3px,3px)}.hero-art{position:relative;min-width:0;align-self:stretch;perspective:900px;margin-top:10px;min-height:580px;--art-x:0px;--art-y:0px;--rotate-x:0deg;--rotate-y:0deg}.art-image-wrap{position:absolute;inset:-16px -45px 10px -65px;overflow:hidden;z-index:-1;transform:translate(var(--art-x),var(--art-y)) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transition:transform .6s var(--ease);will-change:transform}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 47%;mask-image:linear-gradient(to bottom,transparent 0%,black 9%,black 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 9%,black 84%,transparent 100%)}.art-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 10%,transparent 91%,var(--ink));pointer-events:none}.art-label{position:absolute;top:18px;left:25px;right:15px;color:#a6afa0;display:flex;justify-content:space-between;font-size:11px}.art-corner{position:absolute;width:15px;height:15px;border:solid #6b7563;z-index:2}.art-corner-tl{left:0;top:10px;border-width:1px 0 0 1px}.art-corner-br{right:0;bottom:75px;border-width:0 1px 1px 0}.hero-live{position:absolute;bottom:59px;left:10%;right:3%;padding:18px 19px;background:rgba(28,33,26,.82);border:1px solid #58614b;backdrop-filter:blur(18px);border-radius:7px;display:flex;align-items:center;gap:13px;box-shadow:0 20px 55px #0004;transform:rotate(-3deg);animation:float-live 6s ease-in-out infinite}.live-icon{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:35px;height:35px;border-radius:50%;flex:none}.live-title{display:block;font-size:14px;font-weight:600;color:#edf4e8}.live-sub{display:block;font-size:12px;color:#a7b09f;margin-top:3px}.mini-bars{display:flex;align-items:flex-end;gap:4px;height:32px;margin-left:auto}.mini-bars i{display:block;width:5px;background:var(--lime);height:14px;transform-origin:bottom;animation:bar-breathe 4s ease-in-out infinite}.mini-bars i:nth-child(2){height:21px;animation-delay:.15s}.mini-bars i:nth-child(3){height:17px;animation-delay:.3s}.mini-bars i:nth-child(4){height:26px;animation-delay:.45s}.mini-bars i:nth-child(5){height:23px;animation-delay:.6s}.mini-bars i:nth-child(6){height:32px;animation-delay:.75s}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0 25px;border-top:1px solid var(--line)}.hero-bottom p{font-size:12px;color:#9ba691}.scroll-cue{font-family:'IBM Plex Mono',monospace;font-size:11px;display:flex;gap:24px;align-items:center}.scroll-cue>span:last-child{font-size:22px;color:var(--lime)}.solutions-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(30px,7vw,110px)}.solutions-intro{align-self:start;position:sticky;top:48px}.solutions-intro p{margin:32px 0 17px;max-width:315px;font-size:16px;color:#626c5c}.dark-link{border-bottom:1px solid #a0ad93}.service{border-bottom:1px solid #cbd2c5;padding:28px 0}.service:first-child{padding-top:0}.service summary{list-style:none;display:grid;grid-template-columns:34px 1fr 30px;gap:12px;align-items:start;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{padding-top:6px;color:#7b8672}.service h3{font-size:clamp(23px,2.15vw,32px);letter-spacing:-.045em;font-weight:550;transition:color .25s}.service summary:hover h3{color:#52801b}.service-toggle{font-size:28px;font-weight:300;line-height:1;transition:transform .3s}.service[open] .service-toggle{transform:rotate(45deg)}.service-body{padding:20px 22px 4px 46px}.service-body p{font-size:15px;line-height:1.8;color:#626c5c;max-width:450px}.service-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}.service-tags span{border:1px solid #cdd6c5;padding:5px 10px;font-size:12px;border-radius:3px;background:#e9ede4}.demo-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:42px}.demo-heading h2{font-size:clamp(34px,3.6vw,56px)}.demo-heading p{max-width:315px;font-size:15px;color:#a5ae9d}.data-lab{border:1px solid #414a3a;border-radius:10px;background:#1a1f18;overflow:hidden;box-shadow:0 26px 80px #0003}.lab-toolbar{padding:17px 25px;display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line);background:#1e241b}.lab-title{font-size:14px;display:flex;align-items:center;gap:12px}.lab-symbol{font-size:22px;color:var(--lime)}.view-controls{display:flex;gap:2px;border-radius:5px;background:#11160e;padding:4px;margin-left:auto}.view-button{border:0;background:transparent;color:#a6b09e;padding:7px 17px;font-size:13px;border-radius:3px;transition:background .25s,color .25s}.view-button.is-active{background:#dce3d5;color:#1a2016}.demo-marker{color:#94a286;font-size:11px}.lab-stage{position:relative;min-height:382px}.before-view,.after-view{padding:28px 30px 24px}.file-stack{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.file-tab{padding:8px 14px;border:1px solid #48533f;background:#272e22;border-radius:4px;font-size:12px;color:#c7cdbc}.file-tab:before{content:'▦';color:#9fbe75;margin-right:8px}.file-tab.warning{border-color:#766139;color:#debd77}.raw-table{border-collapse:collapse;width:100%;text-align:left;font-family:'IBM Plex Mono',monospace;font-size:12px;white-space:nowrap}.raw-table th{font-weight:400;color:#78896d;padding:10px 15px;border-bottom:1px solid #414a38;font-size:11px}.raw-table td{padding:12px 15px;border-bottom:1px solid #303a28;color:#b6c0aa}.raw-table th:first-child,.raw-table td:first-child{width:35px;color:#6d7d63;padding-left:0}.raw-table td.cell-error{color:#f3a192;background:#bd4f3120}.raw-table td.cell-warning{color:#e8c178;background:#c58b2320}.raw-table tr:last-child td{border-bottom:0}.table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#515d46 transparent}.lab-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px}.lab-bottom p{font-size:12px;color:#89997d}.lab-divider{color:#48563d;margin:0 10px}.problem-count{color:#b4c0a8}.lab-bottom .button{min-height:44px;padding:10px 17px;font-size:12px;gap:24px}.lab-bottom .button span{font-size:19px}.lab-pipeline{display:flex;justify-content:center;gap:24px;align-items:center;padding:22px 30px;background:#151b12;border-top:1px solid var(--line)}.lab-pipeline span{color:#87977a;font-size:12px;display:flex;align-items:center;gap:9px;transition:color .4s}.lab-pipeline b{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:10px;color:#5f7152;border:1px solid #37492c;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.lab-pipeline i{height:1px;background:#34432c;width:48px;max-width:7vw;transition:background .5s}.data-lab[data-state="after"] .lab-pipeline span{color:var(--lime)}.data-lab[data-state="after"] .lab-pipeline b{background:var(--lime);color:var(--ink);border-color:var(--lime)}.data-lab[data-state="after"] .lab-pipeline i{background:#7aa449}.demo-footnote{font-size:12px;color:#85937b;margin-top:18px;text-align:center}.processing-view{position:absolute;inset:0;background:#1a1f18;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;gap:18px}.processing-view h3{font-size:22px}.processing-step{font-size:14px;color:#a1b093}.processing-ring{width:48px;height:48px;border:2px solid #3a4c2f;border-top-color:var(--lime);border-radius:50%;animation:spin .9s linear infinite;margin-bottom:5px}.processing-track{width:min(240px,70%);height:3px;background:#3a4c2f;margin-top:6px;overflow:hidden}.processing-track span{display:block;background:var(--lime);width:100%;height:100%;transform-origin:left;animation:process 2.1s linear forwards}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.dashboard-overline{color:#8b9b7e;font-size:10px}.dashboard-top h3{font-size:23px;margin-top:5px}.check-label{background:#c3f36a14;color:var(--lime);padding:5px 9px;font-size:11px;border-radius:4px;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;margin-top:22px}.dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;align-content:center}.metric{display:flex;flex-direction:column;gap:3px}.metric>span{font-size:12px;color:#99a88c}.metric strong{font-size:33px;font-weight:500;line-height:1.4;letter-spacing:-.05em}.metric strong small{font-size:14px;letter-spacing:0;color:#a6b39a;font-weight:400}.metric-compact{grid-column:1/-1;border-top:1px solid #37432e;padding-top:12px;flex-direction:row;align-items:center;gap:20px}.metric-compact strong{font-size:24px}.chart-panel{min-width:0}.chart-topline{display:flex;justify-content:space-between;font-size:11px;color:#a6b697}.chart-unit{color:#718362}.sales-chart{position:relative;height:155px;margin-top:15px;padding-left:35px}.chart-grid{position:absolute;inset:0;display:flex;justify-content:space-between;flex-direction:column;padding-bottom:24px}.chart-grid span{font-size:10px;color:#697d58;display:flex;gap:10px;align-items:center}.chart-grid span:after{content:'';height:1px;background:#34432b;flex:1}.chart-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;height:100%;padding:0 10px}.chart-col{height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.chart-col>span:first-child{position:absolute;bottom:calc(var(--col-height,60%) + 29px);font-size:10px;color:#cfe2bd}.chart-col:nth-child(1){--col-height:51%}.chart-col:nth-child(2){--col-height:65%}.chart-col:nth-child(3){--col-height:79%}.bar{height:var(--col-height);width:75%;background:var(--lime);border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-grow .85s var(--ease) both}.chart-col:nth-child(1) .bar{background:#799d50;animation-delay:.08s}.chart-col:nth-child(2) .bar{background:#9ecc63;animation-delay:.15s}.chart-col:nth-child(3) .bar{animation-delay:.22s}.chart-col>span:last-child{font-size:10px;color:#90a07e;height:24px;padding-top:8px}.after-view .lab-bottom{margin-top:25px}.data-lab[data-state="after"] .after-view{animation:reveal-up .5s var(--ease) both}.practice-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:55px}.practice-heading p{color:#626c5c;font-size:15px;max-width:320px}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.practice-item{min-width:0}.practice-preview{height:235px;margin-bottom:30px;border-radius:5px;padding:28px;background:#e2e8db;position:relative;overflow:hidden;border:1px solid #d7dfcf;transition:transform .5s var(--ease),box-shadow .5s}.practice-item:hover .practice-preview{transform:translateY(-6px);box-shadow:0 12px 30px #172d0710}.practice-item>.mini-label{color:#728166;font-size:11px}.practice-item>h3{margin:12px 0;font-size:26px;letter-spacing:-.045em}.practice-item>p{font-size:15px;color:#63715a;line-height:1.8;max-width:350px}.calc-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:9px 0;border-bottom:1px solid #c7d2bd;color:#526147}.calc-line span:last-child{color:#26331c}.calc-result{display:flex;justify-content:space-between;align-items:center;margin-top:25px;color:#2a3c1b;gap:10px}.calc-result>span{font-size:11px}.calc-result strong{font-size:26px;font-weight:600;letter-spacing:-.05em}.calc-cursor{position:absolute;right:10px;bottom:22px;color:#273c14;font-size:22px;display:flex;align-items:center;gap:2px;transition:transform .5s}.calc-cursor span{padding:5px 8px;border-radius:4px;font-size:10px;color:var(--ink);background:var(--lime);transform:translateY(12px)}.practice-item:hover .calc-cursor{transform:translate(-8px,-6px)}.files-preview{background:#d9e2d1;padding-top:31px}.batch-row{padding:9px 13px;font-size:12px;display:flex;justify-content:space-between;background:#f0f4eb;box-shadow:0 2px 3px #26381607;margin-bottom:8px;border:1px solid #cad6bd;border-radius:3px;transition:transform .35s}.batch-row>span:last-child{color:#598329}.batch-row:nth-child(2){transform:translateX(5px)}.batch-row:nth-child(3){transform:translateX(10px)}.practice-item:hover .batch-row{transform:translateX(0)}.batch-footer{font-size:10px;display:flex;justify-content:space-between;gap:10px;color:#677958;margin-top:17px}.batch-footer>span:last-child{color:#41681f}.social-preview{background:#1b2817;color:#edf5e7;border-color:#1b2817}.social-preview-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a5b599}.social-preview-header span:last-child{font-size:18px}.social-stat{display:flex;gap:12px;align-items:baseline;margin-top:10px}.social-stat strong{font-size:30px;letter-spacing:-.05em;font-weight:500}.social-stat span{font-size:10px;color:#7d956d}.social-bars{display:flex;align-items:flex-end;gap:13px;height:91px;margin-top:12px;padding:0 7px;border-bottom:1px solid #516244}.social-bars i{height:var(--h);background:#7aab48;width:100%;border-radius:2px 2px 0 0;transform-origin:bottom;transition:transform .6s}.social-bars i:nth-last-child(1){background:var(--lime)}.practice-item:hover .social-bars i{transform:scaleY(.85)}.example-note{font-size:12px;color:#7b8972;margin-top:33px}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.about-number{display:block;font-size:clamp(130px,18vw,250px);font-weight:450;letter-spacing:-.09em;line-height:.95;color:var(--lime)}.about-number>span{font-size:.48em;vertical-align:top;line-height:1.6;letter-spacing:-.1em}.about-title>p{font-size:18px;margin:30px 0 31px;color:#a7b09f;line-height:1.8}.about-title .button{font-size:13px;min-height:48px}.about-copy h2{font-size:clamp(38px,4.3vw,64px)}.about-copy>p{font-size:16px;line-height:1.9;color:#a4ae9b;margin-top:28px;max-width:570px}.about-copy>p+p{margin-top:15px}blockquote{margin:36px 0 0;padding:24px 0 0;border-top:1px solid #3e4936}blockquote>p{font-size:22px;line-height:1.5;color:#e2ebda;letter-spacing:-.02em}blockquote footer{margin-top:16px;font-size:11px;color:#87997a;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}blockquote a{color:#b3c5a4}blockquote a:hover{color:var(--lime)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:55px}.process-step{border-top:1px solid #a7b49b;padding-top:24px}.step-no{font-size:13px;color:#728365}.process-step h3{font-size:21px;margin:22px 0 15px;letter-spacing:-.035em}.process-step p{font-size:14px;color:#6b785f;line-height:1.85}.toolbox{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid #cbd4c3;padding-top:36px;margin-top:65px}.toolbox .mini-label{font-size:11px;color:#7f8d74}.toolbox p{font-size:18px;margin-top:9px;letter-spacing:-.02em}.tool-names{display:flex;gap:13px 22px;align-content:start;align-items:center}.tool-names{flex-wrap:wrap}.tool-names span{font-size:14px;color:#445536;white-space:nowrap}.tool-names .muted{color:#809173}.section-lime .section-label{color:#547f23}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.pricing h2{font-size:clamp(39px,4.2vw,64px)}.pricing-description{font-size:16px;max-width:350px;margin:25px 0 30px;color:#456325}.pricing-value{border-left:1px solid #9dc352;padding-left:70px}.pricing-value>.mini-label{font-size:11px;color:#4c722b}.price{display:flex;align-items:flex-start;white-space:nowrap;font-size:clamp(70px,8.5vw,128px);font-weight:500;letter-spacing:-.08em;line-height:1.1;margin:19px 0 22px;gap:10px}.price>span{font-size:36px;line-height:1;letter-spacing:-.03em;padding-top:15px}.price small{font-size:16px;font-weight:500;line-height:2.5;color:#4d712b;letter-spacing:0}.pricing-value>p:not(.mini-label){font-size:14px;color:#517432}.promo{display:flex;align-items:center;gap:25px;border-top:1px solid #9dc352;padding-top:25px;margin-top:29px}.promo-value{font-size:40px;letter-spacing:-.06em;line-height:1}.promo>div{display:flex;flex-direction:column;gap:4px}.promo>div>span{font-size:11px;color:#4e762a}.copy-promo{background:transparent;border:0;border-bottom:1px dashed #648e3a;padding:2px 0;font-family:'IBM Plex Mono',monospace;font-size:14px;letter-spacing:.075em;text-align:left;color:var(--ink);display:flex;justify-content:space-between;gap:20px}.copy-promo:hover{border-bottom-style:solid}.contact{padding-bottom:80px}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px}.contact h2{font-size:clamp(44px,5.2vw,78px)}.contact-copy>p{font-size:17px;color:#929f87;line-height:1.85;margin:26px 0 37px}.contact-telegram{font-size:23px;letter-spacing:-.04em;display:grid;grid-template-columns:1fr auto;border-top:1px solid #3a4731;padding-top:20px;max-width:390px}.contact-telegram>span{font-size:30px;color:var(--lime);transition:transform .3s}.contact-telegram:hover>span{transform:translate(4px,-4px)}.contact-telegram>small{font-size:12px;letter-spacing:0;color:#809174;margin-top:5px}.contact-links{display:flex;flex-wrap:wrap;gap:14px 25px;max-width:420px;margin-top:30px;font-size:13px;color:#a5b099}.contact-links a:hover{color:var(--lime)}.contact-form h3{font-size:23px;margin:7px 0 29px}.contact-form>label{font-size:12px;color:#a0b092;display:block;margin-bottom:23px}.contact-form input,.contact-form textarea{display:block;border:0;border-bottom:1px solid #455539;background:transparent;width:100%;color:var(--white);font-size:15px;padding:10px 0 12px;border-radius:0;resize:vertical;transition:border-color .2s;min-height:48px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#67795c}.contact-form textarea{min-height:104px;max-height:400px}.contact-form>.button{width:100%;justify-content:space-between}.form-note{font-size:11px;color:#798b6d;line-height:1.8;margin-top:16px}.form-status{font-size:12px;color:var(--lime);margin-top:10px;min-height:18px}.footer{margin:0 var(--gutter);border-top:1px solid #3c4934;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0 34px}.footer .wordmark{font-size:25px}.footer p{font-size:12px;color:#819176;margin-right:auto}.footer>a:not(.wordmark){font-size:12px;color:#a1b092}.footer .back-top{border:1px solid #46563c;width:39px;height:39px;display:grid;place-items:center;font-size:21px!important;border-radius:50%}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--lime);color:var(--ink);padding:12px 22px;box-shadow:0 8px 32px #0004;border:1px solid #a3cb58;z-index:100;font-size:14px;border-radius:5px;transition:opacity .25s,transform .25s;max-width:calc(100% - 35px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes float-live{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(-2deg)}}@keyframes bar-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.72)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes process{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bar-grow{from{transform:scaleY(0);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes reveal-up{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.practice-item:nth-child(2),.process-step:nth-child(2){transition-delay:.09s}.practice-item:nth-child(3),.process-step:nth-child(3){transition-delay:.18s}.process-step:nth-child(4){transition-delay:.27s}
@media(min-width:1650px){.hero,.section-pad{padding-left:max(var(--gutter),calc((100vw - 1480px)/2));padding-right:max(var(--gutter),calc((100vw - 1480px)/2))}.header,.footer{margin-left:max(var(--gutter),calc((100vw - 1480px)/2));margin-right:max(var(--gutter),calc((100vw - 1480px)/2))}}
@media(max-width:1100px){.desktop-nav{gap:20px}.hero h1{font-size:clamp(58px,6.8vw,76px)}.hero-description{font-size:16px}.hero-art{min-height:560px}.hero-live{left:0;right:0;padding:15px}.hero-actions{gap:14px 24px}.hero-actions .button{padding:14px 16px;gap:19px}.mini-bars{display:none}.demo-marker{display:none}.dashboard-grid{gap:25px}.practice-preview{padding:22px}.practice-grid{gap:23px}.practice-item h3{font-size:24px}.calc-result strong{font-size:24px}.contact-grid{gap:55px}.pricing-value{padding-left:42px}.pricing-grid{gap:45px}.process-grid{gap:20px}.process-step h3{font-size:19px}.about-grid{gap:45px}}
@media(max-width:800px){:root{--gutter:28px}.header{height:84px}.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.header-contact{font-size:12px;gap:15px;padding:9px 13px}.wordmark{font-size:26px}.hero{padding-top:45px;grid-template-columns:1.07fr 1fr;column-gap:0}.hero h1{font-size:clamp(48px,7.2vw,62px)}.hero-eyebrow{font-size:10px;gap:8px}.hero-description{font-size:14px;max-width:315px}.hero-art{min-height:490px}.hero-live{bottom:70px;left:-10px;right:-4px;gap:9px;padding:13px}.live-title{font-size:11px}.live-sub{font-size:10px}.live-icon{width:28px;height:28px;font-size:13px}.art-label{font-size:9px;left:10px;right:5px;top:15px}.art-label>span{display:none}.art-image-wrap{inset:12px -60px 36px -52px}.hero-actions .text-link{font-size:13px}.hero-bottom p{font-size:10px}.scroll-cue{font-size:9px;gap:15px}.section-pad{padding-top:40px;padding-bottom:65px}.section-label{margin-bottom:45px;font-size:10px}.solutions-grid{grid-template-columns:.85fr 1.15fr;gap:35px}.solutions-intro h2{font-size:43px}.solutions-intro p{font-size:14px;line-height:1.9}.service summary{grid-template-columns:25px 1fr 22px;gap:7px}.service h3{font-size:24px}.service-body{padding-left:32px;padding-right:0}.service-body p{font-size:14px}.service-tags span{font-size:10px}.service-toggle{font-size:24px}.demo-heading{gap:30px}.demo-heading h2{font-size:35px}.demo-heading p{max-width:240px;font-size:13px}.before-view,.after-view{padding:22px}.raw-table{font-size:11px}.raw-table td{padding:10px 12px}.lab-bottom{align-items:flex-end}.lab-bottom p{max-width:270px}.lab-stage{min-height:367px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px}.dashboard-top h3{font-size:20px}.metric strong{font-size:27px}.chart-columns{gap:14px}.lab-pipeline{gap:15px}.lab-pipeline span{font-size:10px}.lab-pipeline i{width:25px}.practice-preview{height:200px;padding:17px}.calc-line{font-size:10px}.calc-result{display:block;margin-top:16px}.calc-result strong{display:block;font-size:23px;margin-top:4px}.calc-cursor{right:5px;bottom:22px;font-size:16px}.calc-cursor span{font-size:9px}.batch-row{font-size:10px;padding:8px}.batch-footer{font-size:9px;gap:5px;flex-wrap:wrap}.social-stat{display:block}.social-stat strong{display:block;font-size:28px}.social-stat span{font-size:9px}.social-bars{height:60px;gap:8px}.social-preview-header{font-size:10px}.practice-item>h3{font-size:22px}.practice-item>p{font-size:13px}.practice-heading h2{font-size:43px}.practice-heading p{font-size:13px;max-width:240px}.about-grid{grid-template-columns:.8fr 1.2fr;gap:35px}.about-copy h2{font-size:41px}.about-title>p{font-size:16px}.about-copy>p{font-size:14px}.about-title .button{padding:12px;gap:12px;font-size:11px}blockquote>p{font-size:20px}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}.process-step h3{font-size:22px;margin-top:15px}.toolbox{grid-template-columns:1fr 1.5fr;gap:40px}.tool-names{gap:10px 17px}.tool-names span{font-size:12px}.pricing-grid{gap:30px}.pricing h2{font-size:41px}.pricing-description{font-size:14px}.pricing-value{padding-left:30px}.price{font-size:79px}.price>span{font-size:29px;padding-top:12px}.price small{font-size:13px}.promo{gap:20px}.promo-value{font-size:32px}.promo>div>span{font-size:10px}.copy-promo{font-size:13px;gap:10px}.contact-grid{gap:35px}.contact h2{font-size:49px}.contact-copy>p{font-size:15px}.contact-telegram{font-size:21px}.contact-form h3{font-size:21px}.contact-form input,.contact-form textarea{font-size:14px}.footer{gap:22px}.footer p{max-width:160px;line-height:1.7}}
@media(max-width:600px){:root{--gutter:23px}.header{height:76px;gap:18px}.header-contact{margin-left:auto;font-size:11px;padding:8px 10px;gap:14px}.header-contact span{font-size:17px}.wordmark{font-size:26px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;width:30px;height:40px;background:transparent;border:0;padding:3px}.menu-toggle span{width:22px;height:1px;background:var(--white);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;inset:76px 0 0;z-index:19;background:var(--ink);padding:30px var(--gutter);display:flex;flex-direction:column;gap:0}.mobile-nav a{font-size:30px;letter-spacing:-.04em;padding:15px 0;border-bottom:1px solid var(--line)}.mobile-nav a:last-child{color:var(--lime)}.hero{padding-top:35px;display:flex;flex-direction:column;overflow:hidden}.hero-copy{padding-bottom:0}.hero-eyebrow{font-size:10px;margin-bottom:24px;letter-spacing:.025em}.hero h1{font-size:clamp(55px,12.4vw,74px);line-height:1.025;letter-spacing:-.055em}.hero-description{max-width:345px;font-size:15px;margin-top:24px}.hero-actions{margin-top:25px;gap:12px 21px}.hero-actions .button{min-height:51px;font-size:12px;gap:19px;padding:13px 17px}.hero-actions .text-link{font-size:12px;gap:11px}.hero-actions .text-link span{font-size:20px}.hero-art{width:100%;height:360px;min-height:360px;margin-top:25px}.art-image-wrap{inset:-30px -23px -5px;transform:translate(var(--art-x),var(--art-y))}.hero-image{object-fit:cover;object-position:50% 54%;mask-image:linear-gradient(to bottom,transparent 0,black 8%,black 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 8%,black 82%,transparent 100%)}.art-label{font-size:9px;top:11px;left:19px;right:18px}.art-label>span{display:block}.art-corner-tl{top:8px}.art-corner-br{bottom:38px}.hero-live{left:6%;right:3%;bottom:23px;gap:12px;padding:14px 16px}.live-title{font-size:12px}.live-sub{font-size:10px}.mini-bars{display:flex;height:28px;gap:3px}.mini-bars i{width:3px}.hero-bottom{padding:22px 0;margin-top:10px;gap:20px}.hero-bottom p{font-size:10px;max-width:230px}.scroll-cue>span:first-child{display:none}.scroll-cue>span:last-child{font-size:25px}.section-pad{padding-top:33px;padding-bottom:55px}.section-label{font-size:10px;margin-bottom:36px;padding-bottom:19px}.section-label>span:last-child{display:none}.solutions-grid{display:block}.solutions-intro{position:static;display:block}.solutions-intro h2{font-size:44px}.solutions-intro h2 br:nth-child(2){display:none}.solutions-intro p{margin-top:23px;max-width:310px;font-size:15px}.solutions-intro .text-link{font-size:13px}.service-list{margin-top:42px}.service{padding:23px 0}.service h3{font-size:26px}.service summary{grid-template-columns:27px 1fr 27px;gap:10px}.service-number{font-size:11px}.service-body{padding:18px 8px 1px 37px}.service-body p{font-size:14px}.service-tags span{font-size:11px}.demo-heading{display:block;margin-bottom:30px}.demo-heading h2{font-size:36px;line-height:1.12}.demo-heading p{margin-top:24px;max-width:340px;font-size:14px}.data-lab{border-radius:7px}.lab-toolbar{padding:12px 14px;gap:10px}.lab-title{font-size:12px;gap:8px}.lab-symbol{font-size:18px}.view-controls{padding:3px}.view-button{padding:6px 11px;font-size:11px}.before-view,.after-view{padding:18px 14px}.file-stack{gap:6px;margin-bottom:15px}.file-tab{font-size:10px;padding:6px 8px}.file-tab:before{margin-right:5px}.raw-table{font-size:10px}.raw-table td{padding:11px 12px}.raw-table th{font-size:10px;padding:9px 12px}.lab-bottom{flex-direction:column;align-items:stretch;gap:16px;margin-top:19px}.lab-bottom p{font-size:11px;line-height:1.8;max-width:none}.lab-bottom .button{min-height:44px;justify-content:space-between;font-size:12px}.lab-divider{margin:0 4px}.lab-pipeline{padding:17px 13px;gap:6px;justify-content:space-between}.lab-pipeline span{font-size:9px;gap:4px;flex-direction:column;align-items:center}.lab-pipeline b{width:22px;height:22px;font-size:9px}.lab-pipeline i{width:15px;margin-bottom:20px}.demo-footnote{text-align:left;font-size:11px;line-height:1.8}.lab-stage{min-height:425px}.dashboard-top{align-items:flex-start;display:block}.dashboard-top h3{font-size:18px;letter-spacing:-.04em}.dashboard-overline{font-size:9px}.check-label{display:inline-block;margin-top:9px;font-size:10px}.dashboard-grid{grid-template-columns:1fr;gap:20px;margin-top:19px}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:15px}.metric strong{font-size:29px}.metric>span{font-size:11px}.metric strong small{font-size:12px}.metric-compact{grid-column:1/-1;flex-direction:row;padding-top:8px}.metric-compact strong{font-size:23px}.chart-panel{border-top:1px solid #34432b;padding-top:17px}.sales-chart{height:135px;margin-top:10px}.chart-columns{gap:25px}.bar{width:60%}.after-view .lab-bottom{gap:14px;margin-top:19px}.processing-view h3{font-size:20px}.practice-heading{display:block;margin-bottom:30px}.practice-heading h2{font-size:44px}.practice-heading p{max-width:320px;font-size:14px;margin-top:23px}.practice-grid{grid-template-columns:1fr;gap:38px}.practice-preview{height:240px;padding:29px 31px;margin-bottom:22px}.practice-item>h3{font-size:27px;line-height:1.25}.practice-item>p{font-size:15px;max-width:none}.practice-item>.mini-label{font-size:10px}.calc-line{font-size:13px;padding:10px 0}.calc-result{display:flex;margin-top:25px}.calc-result strong{font-size:31px}.calc-result>span{font-size:12px}.calc-cursor{font-size:22px;right:16px;bottom:23px}.calc-cursor span{font-size:10px}.batch-row{font-size:13px;padding:10px 14px}.batch-footer{font-size:11px;margin-top:20px}.social-preview-header{font-size:12px}.social-stat{display:flex;gap:13px;align-items:baseline}.social-stat strong{font-size:34px}.social-stat span{font-size:11px}.social-bars{height:100px;gap:16px}.example-note{font-size:11px;margin-top:27px}.about-grid{display:flex;flex-direction:column;gap:47px}.about-number{font-size:160px;line-height:.9}.about-title>p{font-size:16px;margin:24px 0}.about-title .button{padding:11px 17px;font-size:12px;gap:30px}.about-copy h2{font-size:43px}.about-copy>p{font-size:15px;margin-top:26px;line-height:1.85}blockquote{margin-top:27px;padding-top:22px}blockquote>p{font-size:21px}blockquote footer{font-size:10px;gap:9px}.process h2{font-size:40px}.process-grid{gap:28px 21px;margin-top:35px}.process-step{padding-top:18px}.process-step h3{font-size:18px;margin-top:13px;letter-spacing:-.045em;overflow-wrap:anywhere}.process-step p{font-size:13px;line-height:1.8}.step-no{font-size:11px}.toolbox{grid-template-columns:1fr;gap:25px;margin-top:44px;padding-top:28px}.toolbox p{font-size:18px}.tool-names{gap:12px 17px}.tool-names span{font-size:13px}.pricing-grid{grid-template-columns:1fr;gap:45px}.pricing h2{font-size:43px}.pricing-description{font-size:15px;max-width:300px;margin:23px 0 25px}.pricing-value{border-left:0;border-top:1px solid #97bf4d;padding:30px 0 0}.price{font-size:99px;gap:9px;margin:19px 0 15px}.price>span{font-size:36px;padding-top:12px}.price small{font-size:15px;line-height:2.3}.pricing-value>p:not(.mini-label){font-size:14px}.promo{gap:30px;margin-top:25px;padding-top:24px}.promo-value{font-size:44px}.promo>div>span{font-size:11px}.copy-promo{font-size:14px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact h2{font-size:48px}.contact-copy>p{font-size:16px;margin:23px 0 27px}.contact-telegram{font-size:23px}.contact-links{font-size:13px;margin-top:23px;gap:13px 22px}.contact-form{padding-top:28px;border-top:1px solid #3a4731}.contact-form h3{font-size:24px;margin-top:0}.contact-form>label{font-size:12px}.contact-form input,.contact-form textarea{font-size:15px}.contact-form .button{font-size:13px}.form-note{font-size:11px}.footer{display:grid;grid-template-columns:1fr auto;gap:19px;padding:26px 0 29px}.footer p{grid-column:1;grid-row:2;max-width:none;margin-right:0;font-size:11px}.footer>a:not(.wordmark):not(.back-top){grid-column:1;grid-row:3;font-size:11px}.footer .back-top{grid-column:2;grid-row:1/3;align-self:start}.footer .wordmark{font-size:25px}}
@media(max-width:360px){:root{--gutter:18px}.header{gap:12px}.header-contact{font-size:10px;gap:8px;padding:8px}.hero h1{font-size:52px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding:12px;gap:12px}.hero-actions .text-link{font-size:11px}.hero-art{height:310px;min-height:310px}.live-title{font-size:11px}.mini-bars{display:none}.process-grid{grid-template-columns:1fr}.process-step h3{font-size:23px}.demo-heading h2{font-size:31px}.price{font-size:88px}.lab-title{font-size:11px}.lab-symbol{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.art-image-wrap{transform:none!important}.hero-live{transform:rotate(-3deg)}.button{transform:none!important}}
@media print{.header,.hero-art,.hero-bottom,.mobile-nav,.contact-form,.toast,.processing-view{display:none!important}body,.section-dark,.section-lime{background:white;color:black}.section-pad{padding:25px 0;break-inside:avoid}a{color:black}.reveal{opacity:1!important;transform:none!important}.hero{display:block;padding:20px 0}.hero h1{font-size:44px}.hero h1 span,.lime-text{color:#456821}.hero-description{color:black}.service{break-inside:avoid}.service-body{display:block!important}.section-label{margin-bottom:20px}.solutions-grid,.about-grid,.contact-grid,.pricing-grid{display:block}.about-number{font-size:100px}.section-light{background:white}.data-lab{color:white;background:#182313}.footer{margin:0}.button{border:1px solid #aaa}.pricing-value{padding:15px 0;border:0}}

/* Preserve readable body text at every viewport. */
.hero-description,.solutions-intro p,.service-body p,.demo-heading p,.practice-heading p,.practice-item>p,.about-copy>p,.process-step p,.pricing-description,.contact-copy>p{font-size:1rem}
.hero-bottom p,.service-tags span,.raw-table,.raw-table th,.raw-table td,.lab-bottom p,.lab-pipeline span,.demo-footnote,.example-note,.contact-form>label,.form-note,.form-status,.contact-links,.tool-names span,.footer p,.footer>a:not(.wordmark){font-size:.875rem}
@media(max-width:600px){.process-grid{grid-template-columns:1fr}.process-step{display:grid;grid-template-columns:32px 1fr;gap:0 13px}.process-step .step-no{grid-row:1/3;padding-top:5px}.process-step h3{margin:0 0 10px;font-size:1.45rem}.process-step p{grid-column:2}.contact-form input,.contact-form textarea{font-size:1rem}.header-contact,.hero-actions .button,.hero-actions .text-link,.view-button,.file-tab{font-size:.75rem}.contact-links{font-size:.875rem}.tool-names span{font-size:.875rem}.practice-item>p{line-height:1.8}}

.raw-table,.raw-table th,.raw-table td,.hero-bottom p,.demo-footnote,.example-note,.form-note,.footer p,.footer>a:not(.wordmark){font-size:.75rem}

@media(max-width:600px){.lab-pipeline{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:18px}.lab-pipeline i{display:none}.lab-pipeline span{flex-direction:row;font-size:.875rem;gap:8px}.lab-toolbar{flex-wrap:wrap}.service-tags span{font-size:.75rem}.hero-art{margin-top:30px}.file-tab{font-size:.75rem}.hero-live .mini-bars{display:none}}


/* =========================================================
   Excel Trainer palette — subtle brand integration
   Keeps the original dark editorial design, adds Excel green
   and a restrained spreadsheet/grid language.
   ========================================================= */
:root{
  --ink:#101a14;
  --ink2:#17251b;
  --paper:#f4f8f4;
  --white:#f5faf6;
  --muted:#849389;
  --lime:#7fd493;
  --excel-green:#217346;
  --excel-dark:#185c37;
  --excel-light:#e8f3eb;
  --line:rgba(245,250,246,.15);
  --light-line:#d7e5db;
}

::selection{background:var(--excel-green);color:#fff}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#5aaf76}
input:focus-visible,textarea:focus-visible{border-color:var(--excel-green)}

.section-lime{
  background:var(--excel-light);
  color:var(--ink);
}
.section-lime .section-label{border-color:#b8d8c2}
.section-lime .section-number{color:var(--excel-dark)}

.button-lime{
  background:var(--excel-green);
  color:#fff;
}
.button-lime:hover{
  background:#2b8754;
  box-shadow:0 8px 28px rgba(33,115,70,.20);
}

.header-contact:hover{
  background:var(--excel-green);
  color:#fff;
  border-color:var(--excel-green);
}

/* Very light spreadsheet grid on the white sections. */
.section-light{
  background-color:var(--paper);
  background-image:
    linear-gradient(rgba(33,115,70,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(33,115,70,.026) 1px, transparent 1px);
  background-size:40px 40px;
}

/* Make the demo feel closer to a real spreadsheet without changing its UI. */
.data-lab{
  border-color:#355d43;
  background:#182219;
}
.lab-toolbar{background:#1b281f}
.lab-symbol{color:var(--lime)}
.file-tab:before{color:#71c98a}
.view-button.is-active{background:#dfeee3;color:#193021}

/* Green replaces the old yellow/lime emphasis in the pricing block. */
.pricing-description{color:#356b49}
.pricing-value{border-left-color:#75ad86}
.pricing-value>.mini-label,
.price small,
.pricing-value>p:not(.mini-label),
.promo>div>span{color:#356b49}
.promo{border-top-color:#75ad86}
.copy-promo{border-bottom-color:#4f8f67}

/* Small brand details. */
.brand-dot,
.brand-icon i,
.hero h1>span,
.lime-text{color:var(--lime)}
.brand-icon i{background:var(--lime)}
.hero-eyebrow .small-cross{color:var(--lime)}
.contact-telegram>span,
.form-status{color:var(--lime)}
.desktop-nav a:hover,
.contact-links a:hover{color:var(--lime)}

.skip-link{
  background:var(--excel-green);
  color:#fff;
}

/* Slightly greener dark surfaces for continuity with the trainer. */
.hero,
.demo-section,
.about,
.contact{
  background-color:var(--ink);
}

.art-corner{
  border-color:var(--lime);
}

.footer{border-top-color:#31523c}

/* Responsive: keep the grid subtle on small screens. */
@media(max-width:600px){
  .section-light{
    background-size:32px 32px;
  }
}

/* =========================================================
   v2.3 — compact editorial layout + requested interactions
   ========================================================= */
.header{
  position:sticky;
  top:0;
  margin:0;
  padding:0 var(--gutter);
  height:82px;
  background:rgba(16,26,20,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom-color:rgba(127,212,147,.18);
}
.header .wordmark{flex:none}
.hero{
  min-height:calc(100svh - 82px);
  padding-top:38px;
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
}
.hero-copy{padding-bottom:28px}
.hero-eyebrow{margin-bottom:20px}
.hero-description{margin-top:22px}
.hero-actions{margin-top:24px;gap:12px}
.hero-actions > a{width:260px;min-width:260px}
.hero-actions .text-link{
  justify-content:center;
  border:1px solid #4a594c;
  border-radius:4px;
  min-height:56px;
}
.hero-art{min-height:500px;margin-top:0}
.hero-live{
  transform:none;
  animation:none;
  left:8%;
  right:4%;
  bottom:48px;
  padding:14px 16px;
  border-color:#4c7257;
  background:rgba(20,31,23,.92);
}
.hero-live:after{
  content:'СИСТЕМА ГОТОВА';
  margin-left:auto;
  font-family:'IBM Plex Mono',monospace;
  font-size:9px;
  letter-spacing:.08em;
  color:#79c98b;
  border:1px solid #31583f;
  padding:5px 7px;
}
.hero-live .mini-bars{height:25px}
.hero-live .mini-bars i{animation:none}
.hero-bottom{padding:16px 0 18px}

.section-pad{padding-top:38px;padding-bottom:70px}
.section-label{padding-bottom:17px;margin-bottom:42px}
.solutions-grid{grid-template-columns:.82fr 1.18fr;gap:70px}
.solutions-intro{top:104px}
.service{padding:18px 0}
.service:first-child{padding-top:0}
.service summary{grid-template-columns:28px 1fr 24px;gap:10px}
.service-number{font-size:15px;color:var(--excel-green);padding-top:4px}
.service h3{font-size:clamp(21px,1.9vw,28px)}
.service-body{padding:13px 18px 2px 38px}
.service-body p{font-size:14px;line-height:1.65}
.service-tags{margin-top:13px}
.service-tags span{padding:4px 9px}

.demo-section .section-label{margin-bottom:34px}
.demo-heading{margin-bottom:28px}
.data-lab{border-radius:8px}
.lab-stage{min-height:330px}
.before-view,.after-view{padding:20px 24px 18px}
.file-stack{margin-bottom:18px}
.raw-table th{padding:8px 11px}
.raw-table td{padding:9px 11px}
.lab-bottom{margin-top:17px}
.lab-pipeline{padding:16px 22px}
.demo-footnote{margin-top:12px}

.practice{position:relative;overflow:hidden}
.practice:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 82% 18%,rgba(33,115,70,.10),transparent 26%);
}
.practice-heading{margin-bottom:32px;position:relative}
.practice-heading p{margin-top:15px}
.practice-grid{gap:18px}
.practice-preview{height:185px;margin-bottom:20px;padding:22px}
.practice-item>h3{margin:9px 0;font-size:22px}
.practice-item>p{line-height:1.65;font-size:14px}
.example-note{margin-top:20px}
.practice-orbit{width:110px;height:110px;position:relative;flex:none;transform-style:preserve-3d;animation:orbitFloat 7s ease-in-out infinite}
.practice-orbit:before,.practice-orbit:after{content:'';position:absolute;inset:15px;border:1px solid rgba(33,115,70,.28);border-radius:50%;transform:rotateX(62deg) rotateZ(18deg)}
.practice-orbit:after{inset:28px;transform:rotateY(62deg) rotateZ(-18deg)}
.practice-orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--excel-green);box-shadow:0 0 0 5px rgba(33,115,70,.08)}
.practice-orbit span:nth-child(1){left:15px;top:49px}
.practice-orbit span:nth-child(2){right:17px;top:25px;background:var(--lime)}
.practice-orbit span:nth-child(3){left:51px;bottom:12px}
.practice-orbit b{position:absolute;inset:0;display:grid;place-items:center;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#52705d}
@keyframes orbitFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(4deg)}}

.about-grid{gap:52px}
.about-title>p{margin:20px 0 24px;font-size:16px}
.about-copy>p{margin-top:18px;line-height:1.72}
.review-deck{margin-top:28px;border-top:1px solid #3e4936;padding-top:18px}
.review-deck-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.review-deck-head .mini-label{color:#83b98e}
.review-count{font:400 11px 'IBM Plex Mono',monospace;color:#82977f}
.review-viewport{position:relative;min-height:170px;overflow:hidden;border:1px solid #334434;background:linear-gradient(145deg,#152219,#111a15);border-radius:8px}
.review-card{position:absolute;inset:0;padding:20px 22px;opacity:0;transform:translateX(28px) scale(.98);transition:opacity .35s var(--ease),transform .45s var(--ease);pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}
.review-card.is-active{opacity:1;transform:none;pointer-events:auto}
.review-mark{font-size:36px;line-height:.8;color:var(--lime)}
.review-card p{font-size:18px;line-height:1.45;letter-spacing:-.025em;color:#e5eee2;max-width:720px}
.review-card footer{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#7f947c;font-size:11px}
.review-card footer a{color:#8fd49c}
.review-card footer strong{font-weight:600;color:#b4c6ae}
.review-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.review-controls button{width:38px;height:34px;border:1px solid #3a4d3c;background:transparent;color:#c3d1bd;border-radius:4px}
.review-controls button:hover{border-color:var(--lime);color:var(--lime)}
.review-dots{display:flex;gap:5px}
.review-dots i{width:18px;height:2px;background:#3b4a3d;display:block}
.review-dots i.is-active{background:var(--lime)}
.review-note{font-size:10px!important;color:#6e826d!important;margin-top:8px!important}

.process-grid{gap:18px;margin-top:38px}
.process-step{padding-top:18px}
.step-no{color:var(--excel-green);font-size:16px}
.process-step h3{font-size:19px;margin:15px 0 9px}
.process-step p{font-size:13px;line-height:1.65}
.toolbox{gap:35px;padding-top:25px;margin-top:40px}
.tool-names{gap:9px 17px}
.tool-names span{font-size:13px}

.pricing-grid{gap:50px}
.pricing-value{padding-left:45px}
.price{font-size:clamp(62px,7vw,104px);margin:12px 0 16px}
.promo{margin-top:20px;padding-top:18px}

.contact{padding-bottom:60px}
.contact-grid{gap:70px}
.contact h2{font-size:clamp(42px,4.6vw,68px)}
.contact-copy>p{font-size:16px;line-height:1.7;margin:20px 0 25px;max-width:520px}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:590px}
.contact-card{min-height:82px;border:1px solid #314235;border-radius:7px;padding:15px 16px;display:flex;flex-direction:column;justify-content:space-between;background:#121f17;transition:border-color .25s,transform .25s,background .25s}
.contact-card:hover{border-color:#4b8b5b;background:#17271d;transform:translateY(-2px)}
.contact-card strong{font-size:14px;color:#8fdb9d}
.contact-card span{font-size:12px;color:#91a28f}
.contact-form h3{font-size:21px;margin:0 0 18px;color:#eef5eb}
.contact-form>label{font-size:13px;color:#c0ceb9;margin-bottom:15px;font-weight:600}
.contact-form input,.contact-form textarea{font-size:14px;padding:8px 0 9px;color:#f5faf6}
.contact-form textarea{min-height:88px}
.form-note{font-size:10px;margin-top:11px}

.footer{position:relative;padding:22px 0 28px}
.footer .back-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:80;
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid #5a9a6a;
  background:rgba(16,26,20,.9);
  color:#9ee2aa;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  backdrop-filter:blur(10px);
  transition:transform .25s,background .25s,color .25s,border-color .25s;
}
.footer .back-top:hover{transform:translateY(-3px);background:var(--excel-green);border-color:var(--excel-green);color:#fff}

@media(max-width:900px){
  .header{height:74px}
  .desktop-nav{gap:16px}
  .header-contact{padding:9px 13px}
  .hero{min-height:auto;grid-template-columns:1fr;padding-top:30px}
  .hero-art{min-height:430px}
  .solutions-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
  .solutions-intro{position:static}
  .about-number{font-size:clamp(100px,18vw,170px)}
  .contact-cards{max-width:none}
  .practice-orbit{width:85px;height:85px}
}
@media(max-width:600px){
  .header{padding:0 18px}
  .header-contact{display:none}
  .hero{padding:28px 18px 0}
  .hero h1{font-size:clamp(48px,14vw,72px)}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions > a{width:100%;min-width:0}
  .hero-art{min-height:340px}
  .hero-live{left:2%;right:2%;bottom:28px}
  .hero-live:after{display:none}
  .hero-live .mini-bars{display:none}
  .section-pad{padding:30px 18px 55px}
  .section-label{font-size:10px;margin-bottom:28px}
  .section-label>span:last-child{display:none}
  .service h3{font-size:21px}
  .practice-heading{align-items:center}
  .practice-orbit{display:none}
  .practice-grid{grid-template-columns:1fr}
  .practice-preview{height:170px}
  .review-card p{font-size:16px}
  .contact-cards{grid-template-columns:1fr}
  .footer{margin:0 18px;flex-wrap:wrap}
  .footer p{order:3;width:100%}
  .footer .back-top{right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.practice-orbit{animation:none}.review-card{transition:none}}
html{scroll-padding-top:100px}

/* =========================================================
   v2.4 — compact layout and corrections from the 04.10 brief
   ========================================================= */
section[id]{scroll-margin-top:76px}

/* Header + hero */
.header{height:70px}
.hero{
  height:calc(100svh - 70px);
  min-height:620px;
  max-height:850px;
  padding-top:20px;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.82fr);
  grid-template-rows:minmax(0,1fr) auto;
  column-gap:28px;
  align-items:center;
}
.hero-copy{align-self:center;padding-bottom:10px}
.hero-eyebrow{margin-bottom:14px;font-size:10px}
.hero h1{font-size:clamp(58px,5.15vw,82px);line-height:1.01}
.hero-description{margin-top:16px;max-width:430px;font-size:14px;line-height:1.55}
.hero-actions{margin-top:18px;gap:10px}
.hero-actions>a{width:230px;min-width:230px}
.hero-actions .button,.hero-actions .text-link{min-height:48px;font-size:12px}
.hero-art{
  width:100%;
  max-width:620px;
  height:min(500px,calc(100svh - 170px));
  min-height:390px;
  max-height:500px;
  justify-self:end;
  align-self:center;
}
.art-image-wrap{inset:20px 26px 22px 26px}
.hero-image{object-fit:contain;object-position:center 50%}
.art-image-wrap:after{background:linear-gradient(90deg,var(--ink),transparent 6%,transparent 94%,var(--ink))}
.art-label{
  top:12px;left:20px;right:20px;
  font:400 9px/1.4 'IBM Plex Mono',monospace;
  letter-spacing:.08em;
  color:#819687;
  z-index:3;
}
.art-corner-tl{left:10px;top:7px}
.art-corner-br{right:10px;bottom:20px}
.hero-bottom{padding:9px 0 11px;min-height:34px}
.hero-bottom p{font-size:10px}

/* General vertical rhythm: visibly denser, without squeezing body copy. */
.section-pad{padding:30px var(--gutter) 46px}
.section-label{padding-bottom:11px;margin-bottom:26px;font-size:10px}
h2{font-size:clamp(34px,3.5vw,54px)}

/* 01 — solutions */
.solutions-grid{grid-template-columns:.72fr 1.28fr;gap:clamp(36px,5vw,78px)}
.solutions-intro{top:88px}
.solutions-intro h2{font-size:clamp(38px,3.6vw,56px)}
.solutions-intro p{margin:19px 0 12px;max-width:360px;font-size:13px;line-height:1.55}
.solutions-intro .text-link{font-size:12px}
.service{padding:11px 0}
.service:first-child{padding-top:0}
.service summary{grid-template-columns:24px 1fr 22px;gap:9px;align-items:center}
.service-number{font-size:12px;padding-top:0}
.service h3{font-size:clamp(17px,1.35vw,21px);line-height:1.22;letter-spacing:-.035em}
.service h3 br{display:none}
.service-toggle{font-size:22px}
.service-body{padding:8px 12px 2px 33px}
.service-body p{font-size:12px;line-height:1.55;max-width:620px}
.service-tags{margin-top:8px;gap:5px}
.service-tags span{padding:3px 7px;font-size:10px}

/* 02 — demo */
.demo-section .section-label{margin-bottom:20px}
.demo-heading{margin-bottom:18px;align-items:center}
.demo-heading h2{font-size:clamp(32px,3vw,46px)}
.demo-heading p{font-size:12px;line-height:1.55;max-width:330px}
.lab-toolbar{padding:9px 16px;gap:13px}
.lab-title{font-size:11px;gap:8px}
.lab-symbol{font-size:16px}
.view-controls{padding:2px}
.view-button{padding:5px 11px;font-size:10px}
.demo-marker{font-size:9px}
.lab-stage{min-height:260px}
.before-view,.after-view{padding:12px 16px 11px}
.file-stack{margin-bottom:10px;gap:5px}
.file-tab{padding:4px 8px;font-size:9px}
.raw-table{table-layout:fixed;font-size:10px;line-height:1.25}
.raw-table th,.raw-table td{padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raw-table th:nth-child(1),.raw-table td:nth-child(1){width:5%}
.raw-table th:nth-child(2),.raw-table td:nth-child(2){width:12%}
.raw-table th:nth-child(3),.raw-table td:nth-child(3),
.raw-table th:nth-child(4),.raw-table td:nth-child(4),
.raw-table th:nth-child(5),.raw-table td:nth-child(5){width:15%}
.raw-table th:nth-child(6),.raw-table td:nth-child(6){width:38%}
.lab-bottom{margin-top:10px;gap:14px}
.lab-bottom p{font-size:10px}
.lab-bottom .button{min-height:38px;padding:8px 14px;font-size:10px;gap:16px}
.lab-pipeline{padding:9px 16px}
.lab-pipeline span{font-size:9px}
.demo-footnote{margin-top:7px;font-size:9px}
.dashboard-top h3{font-size:20px}
.dashboard-grid{margin-top:12px}
.metric strong{font-size:26px}
.sales-chart{height:105px}

/* 03 — practice */
.practice-heading{margin-bottom:16px;align-items:flex-start}
.practice-heading h2{font-size:clamp(34px,3vw,46px)}
.practice-heading p{margin-top:10px;font-size:12px;line-height:1.5}
.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.practice-item{min-width:0}
.practice-preview{height:112px;margin-bottom:10px;padding:12px 14px;overflow:hidden}
.practice-item>.mini-label{font-size:8px}
.practice-item>h3{margin:5px 0 4px;font-size:16px;line-height:1.18}
.practice-item>h3 br{display:none}
.practice-item>p{font-size:11px;line-height:1.42}
.calc-line{font-size:9px;padding:3px 0}
.calc-result{margin-top:6px}
.calc-result>span{font-size:8px}
.calc-result strong{font-size:18px}
.calc-cursor{right:7px;bottom:6px;font-size:12px}
.calc-cursor span{font-size:7px;padding:3px 5px}
.batch-row{font-size:9px;padding:4px 7px}
.batch-footer{font-size:8px;margin-top:7px}
.social-preview-header{font-size:8px}
.social-stat{margin-top:6px}
.social-stat strong{font-size:18px}
.social-stat span{font-size:8px}
.social-bars{height:42px;gap:7px;margin-top:5px}
.example-note{margin-top:10px;font-size:9px}

.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.case-card{border:1px solid #d3e1d7;border-radius:10px;background:rgba(255,255,255,.47);padding:12px 13px;min-width:0}
.case-card>.mini-label{font-size:8px;color:var(--excel-green);font-weight:600}
.case-card h3{font-size:15px;line-height:1.2;margin:6px 0 8px;min-height:36px}
.case-state{border-top:1px solid #dce6de;padding-top:6px;margin-top:6px}
.case-state strong{display:block;font-size:8px;letter-spacing:.06em;color:#718076;margin-bottom:2px}
.case-state p{font-size:10px;line-height:1.35;color:#56645a}

/* 04 — about + all supplied reviews */
.about-grid{grid-template-columns:minmax(270px,.72fr) minmax(0,1.55fr);gap:72px;align-items:start}
.about-number{font-size:clamp(100px,9vw,145px)}
.about-title>p{margin:12px 0 16px;font-size:13px;line-height:1.5}
.about-title .button{min-height:42px;padding:9px 14px;font-size:10px}
.about-copy h2{font-size:clamp(34px,3vw,48px)}
.about-copy>p{margin-top:10px;font-size:12px;line-height:1.55;max-width:820px}
.review-deck{margin-top:15px;padding-top:10px}
.review-deck-head{margin-bottom:7px}
.review-count{font-size:9px}
.review-viewport{height:205px;min-height:205px;border-radius:6px}
.review-card{padding:12px 15px;overflow-y:auto;scrollbar-width:thin;justify-content:flex-start;gap:8px}
.review-card::-webkit-scrollbar{width:5px}
.review-card::-webkit-scrollbar-thumb{background:#36503c;border-radius:10px}
.review-rating{font-size:13px;letter-spacing:1px;color:#f6b01e;line-height:1}
.review-card p{font-size:13px;line-height:1.45;letter-spacing:-.012em;max-width:none;color:#e5eee2}
.review-card footer{margin-top:auto;font-size:9px;align-items:flex-end}
.review-card footer span{text-align:right;max-width:65%}
.review-controls{margin-top:6px}
.review-controls button{width:32px;height:28px;font-size:12px}
.review-position{font:400 9px 'IBM Plex Mono',monospace;color:#82977f}
.review-note{font-size:9px!important;margin-top:5px!important}
.review-note a{color:#8fd49c;text-decoration:underline;text-underline-offset:2px}

/* 05 — process: four requested steps one under another. */
.process h2{font-size:clamp(34px,3vw,46px)}
.process-grid{grid-template-columns:1fr;gap:0;margin-top:18px;border-top:1px solid #cbd8ce}
.process-step{display:grid;grid-template-columns:30px minmax(145px,190px) 1fr;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #cbd8ce}
.process-step .step-no{font-size:11px;padding:0}
.process-step h3{font-size:15px;margin:0;letter-spacing:-.025em}
.process-step p{font-size:11px;line-height:1.45;max-width:none}
.toolbox{grid-template-columns:210px 1fr;gap:28px;padding-top:14px;margin-top:16px;align-items:start}
.toolbox p{font-size:13px;margin-top:3px}
.tool-names{display:flex;flex-wrap:wrap;gap:5px 15px;align-items:baseline}
.tool-names span{font-size:14px;font-weight:700;line-height:1.35}
.tool-names span.muted{flex-basis:100%;font-size:11px;font-weight:500;margin-top:2px}

/* 06 — pricing */
.pricing .section-label{margin-bottom:22px}
.pricing-grid{gap:42px;align-items:start}
.pricing h2{font-size:clamp(36px,3.2vw,48px)}
.pricing-description{font-size:12px;line-height:1.55;margin:14px 0 16px;max-width:360px}
.pricing .button{min-height:42px;padding:9px 15px;font-size:10px}
.pricing-value{padding-left:32px}
.price{font-size:clamp(58px,5.2vw,78px);margin:4px 0 8px}
.price>span{font-size:27px;padding-top:8px}
.price small{font-size:11px;line-height:1.9}
.pricing-value>p:not(.mini-label){font-size:11px;line-height:1.45}
.promo{margin-top:12px;padding-top:10px;gap:20px}
.promo-value{font-size:34px}
.promo>div>span{font-size:9px}
.copy-promo{font-size:11px}

/* 07 — contact: keep the same content, but use the compact rhythm too. */
.contact{padding-bottom:38px}
.contact-grid{gap:50px}
.contact h2{font-size:clamp(36px,3.3vw,52px)}
.contact-copy>p{font-size:12px;line-height:1.55;margin:13px 0 16px}
.contact-card{min-height:66px;padding:10px 12px}
.contact-card strong{font-size:12px}.contact-card span{font-size:10px}
.contact-form h3{font-size:18px;margin-bottom:10px}
.contact-form>label{font-size:10px;margin-bottom:9px}
.contact-form input,.contact-form textarea{font-size:12px;padding:6px 0}
.contact-form textarea{min-height:62px}
.contact-form .button{min-height:40px;padding:8px 14px;font-size:10px}

/* Floating back-to-top: transparent, as requested, and still clickable. */
.footer .back-top{
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-color:rgba(127,212,147,.55);
  color:#8fd49c;
}
.footer .back-top:hover{background:transparent;border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
.footer-name{font:700 13px/1 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#c8d5ca}
.footer{padding:15px 0 18px}
.footer p,.footer>a:not(.back-top){font-size:9px}

@media(max-width:1100px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid{grid-template-columns:.8fr 1.35fr;gap:40px}
  .process-step{grid-template-columns:28px 160px 1fr}
}

@media(max-width:900px){
  .header{height:68px}
  .hero{height:auto;min-height:auto;max-height:none;grid-template-columns:1fr;grid-template-rows:auto;padding-top:26px}
  .hero-copy{padding-bottom:0}
  .hero-art{justify-self:center;width:min(100%,620px);height:390px;min-height:340px;margin-top:8px}
  .hero-bottom{margin-top:4px}
  .section-pad{padding-top:28px;padding-bottom:42px}
  .solutions-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:32px}
  .solutions-intro{position:static}
  .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-title{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;align-items:end}
  .about-title .button{grid-column:2;justify-self:start}
  .review-viewport{height:220px;min-height:220px}
  .toolbox{grid-template-columns:1fr;gap:12px}
}

@media(max-width:600px){
  section[id]{scroll-margin-top:70px}
  .hero h1{font-size:clamp(45px,13vw,64px)}
  .hero-description{font-size:13px}
  .hero-art{height:320px;min-height:300px}
  .art-image-wrap{inset:18px 10px 16px}
  .art-label{left:12px;right:12px;font-size:8px}
  .hero-bottom{padding-bottom:12px}
  .section-pad{padding:25px 18px 36px}
  .section-label{margin-bottom:22px}
  .service{padding:12px 0}
  .service h3{font-size:18px}
  .service h3 br{display:block}
  .lab-toolbar{flex-wrap:wrap}
  .demo-marker{width:100%}
  .lab-stage{min-height:300px}
  .raw-table th,.raw-table td{padding:5px 6px}
  .practice-grid{grid-template-columns:1fr;gap:18px}
  .practice-preview{height:150px}
  .practice-item>h3{font-size:19px}
  .practice-item>p{font-size:12px}
  .case-grid{grid-template-columns:1fr;gap:8px}
  .case-card h3{min-height:0}
  .about-title{display:block}
  .about-title .button{margin-top:10px}
  .review-viewport{height:245px;min-height:245px}
  .review-card p{font-size:12px}
  .review-card footer{display:block}
  .review-card footer span{display:block;max-width:none;text-align:left;margin-top:3px}
  .process-step{grid-template-columns:28px 1fr;gap:3px 11px;align-items:start;padding:11px 0}
  .process-step .step-no{grid-row:1/3}
  .process-step h3{font-size:16px}
  .process-step p{grid-column:2;font-size:11px}
  .tool-names span{font-size:13px}
  .pricing-value{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid #75ad86}
  .footer{margin:0 18px}
}


/* =========================================================
   v2.5 — corrections from the 04.10 "Правка сайта 3.0" brief
   ========================================================= */

/* HERO — two readable lines; enlarge the sculpture to the green guide corners. */
.hero h1{font-size:clamp(48px,4.15vw,68px);line-height:1.06;letter-spacing:-.055em}
.hero-line{display:block;white-space:nowrap}
.hero-line-accent{color:var(--lime)}
.hero-art{max-width:650px}
.art-image-wrap{inset:8px 8px 17px 8px}
.hero-image{object-fit:cover;object-position:50% 49%;mask-image:linear-gradient(to bottom,transparent 0,black 5%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 5%,black 92%,transparent 100%)}
.art-image-wrap:after{background:linear-gradient(90deg,var(--ink),transparent 3%,transparent 97%,var(--ink))}
.art-corner{border-color:#6f9e74}

/* SOLUTIONS — titles are plain flowing text; no accidental glued words. */
.service h3{max-width:720px}

/* DEMO — make the two result blocks narrower and make bar heights strictly proportional. */
.after-view .dashboard-grid{grid-template-columns:minmax(250px,.72fr) minmax(330px,.92fr);gap:34px;justify-content:start;max-width:900px}
.after-view .dashboard-metrics{max-width:320px}
.after-view .chart-panel{max-width:440px;width:100%}
.chart-col:nth-child(1),.chart-col:nth-child(2),.chart-col:nth-child(3){--col-height:initial}
.chart-col{--col-height:60%}
.bar{height:var(--col-height)}
.chart-col>span:first-child{bottom:calc(var(--col-height) + 25px)}
.sales-chart{height:160px}
.chart-columns{gap:24px;padding:0 8px}
.bar{width:62%}

/* PRACTICE — copy is easier to read; every example and case shares one card language. */
.practice-subcopy{font-size:14px!important;line-height:1.55!important;max-width:360px!important}
.practice-grid{gap:12px}
.practice-item,.case-card{border:1px solid #d3e1d7;border-radius:10px;background:rgba(255,255,255,.47);padding:13px 14px;min-width:0}
.practice-item{display:flex;flex-direction:column}
.practice-preview{width:82%;height:108px;margin:0 auto 11px;padding:11px 12px;border-radius:8px}
.practice-item>.mini-label,.case-card>.mini-label{font-size:8px;color:var(--excel-green);font-weight:650}
.practice-item>h3,.case-card h3{font-size:15px;line-height:1.22;margin:6px 0 7px;min-height:37px;letter-spacing:-.025em}
.practice-item>p,.case-state p{font-size:10.5px;line-height:1.42;color:#56645a}
.case-grid{gap:12px;margin-top:12px}
.case-card{display:flex;flex-direction:column}
.case-state{margin-top:5px;padding-top:5px}
.calc-line{font-size:8.5px;padding:3px 0}
.calc-result{margin-top:5px}
.calc-result>span{font-size:7.5px}
.calc-result strong{font-size:17px}
.calc-cursor{right:5px;bottom:5px;font-size:11px}
.calc-cursor span{font-size:6.5px}
.batch-row{font-size:8.5px;padding:4px 6px}
.batch-footer{font-size:7.5px;margin-top:6px}
.social-preview-header{font-size:7.5px}
.social-stat strong{font-size:17px}.social-stat span{font-size:7.5px}
.social-bars{height:38px;gap:6px;margin-top:4px}

/* ABOUT — three desktop columns, as marked 1 / 2 / 3 in the brief. */
.about-grid{display:grid;grid-template-columns:minmax(225px,.68fr) minmax(330px,1.15fr) minmax(310px,1.05fr);gap:clamp(28px,3.5vw,58px);align-items:start}
.about-title{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:8px}
.about-number{font-size:clamp(92px,7.5vw,124px);letter-spacing:-.075em;white-space:nowrap}
.about-number>span{margin-left:.08em}
.about-title>p{font-size:16px;line-height:1.55;margin:14px 0 18px;max-width:245px}
.about-title .button{font-size:10px;min-height:40px;padding:8px 13px}
.about-copy h2{font-size:clamp(31px,2.55vw,42px)}
.about-copy>p{font-size:14.5px;line-height:1.67;max-width:570px;margin-top:16px}
.about-copy>p+p{margin-top:12px}
.about-grid>.review-deck{margin-top:0;padding-top:0;border-top:0;min-width:0}
.about-grid>.review-deck .review-viewport{height:300px;min-height:300px}
.about-grid>.review-deck .review-card{padding:15px 17px}
.about-grid>.review-deck .review-card p{font-size:12.5px;line-height:1.48}
.about-grid>.review-deck .review-note{font-size:9.5px!important;line-height:1.5}

/* PROCESS — title left; steps and the technology line form one right-hand column. */
.process-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);gap:clamp(45px,7vw,105px);align-items:start}
.process-layout>#process-title{position:sticky;top:92px;font-size:clamp(36px,3.15vw,49px)}
.process-body{min-width:0}
.process-body .process-grid{margin-top:0}
.process-body .toolbox{grid-template-columns:190px 1fr;gap:24px;margin-top:12px;padding-top:13px}
.process-body .tool-names{gap:5px 14px}
.process-body .tool-names span{font-size:13px}
.process-body .tool-names span.muted{font-size:11px}

/* PRICING — increase the two explanatory areas and rename the commercial label. */
.pricing-description{font-size:14.5px;line-height:1.62;max-width:410px}
.pricing-value>p:not(.mini-label){font-size:14px;line-height:1.55;max-width:390px}
.pricing-value>.mini-label{font-size:11px;font-weight:600;letter-spacing:.045em}

@media(max-width:1180px){
  .hero h1{font-size:clamp(44px,4.35vw,58px)}
  .about-grid{grid-template-columns:minmax(205px,.62fr) minmax(300px,1fr) minmax(280px,.95fr);gap:28px}
  .about-copy>p{font-size:13.5px}
  .process-layout{grid-template-columns:minmax(260px,.65fr) minmax(500px,1.35fr);gap:42px}
}

@media(max-width:900px){
  .hero-line{white-space:normal}
  .hero h1{font-size:clamp(46px,8vw,64px)}
  .hero-art{max-width:620px}
  .art-image-wrap{inset:9px 9px 16px}
  .after-view .dashboard-grid{grid-template-columns:1fr 1fr;max-width:none;gap:24px}
  .after-view .dashboard-metrics,.after-view .chart-panel{max-width:none}
  .practice-preview{width:88%;height:112px}
  .about-grid{grid-template-columns:1fr 1fr;gap:30px}
  .about-title{align-items:flex-start;text-align:left}
  .about-grid>.review-deck{grid-column:1/-1}
  .about-grid>.review-deck .review-viewport{height:230px;min-height:230px}
  .process-layout{grid-template-columns:1fr;gap:28px}
  .process-layout>#process-title{position:static}
  .process-body .toolbox{grid-template-columns:1fr;gap:10px}
}

@media(max-width:600px){
  .hero h1{font-size:clamp(31px,9.2vw,44px);line-height:1.08}
  .hero-line{white-space:nowrap}
  .hero-art{height:330px;min-height:310px}
  .art-image-wrap{inset:7px 3px 12px}
  .after-view .dashboard-grid{grid-template-columns:1fr;gap:18px}
  .after-view .dashboard-metrics{max-width:100%}
  .after-view .chart-panel{max-width:100%}
  .practice-subcopy{font-size:14px!important}
  .practice-item,.case-card{padding:14px}
  .practice-preview{width:86%;height:145px;margin-bottom:14px;padding:16px}
  .practice-item>h3,.case-card h3{font-size:18px;min-height:0}
  .practice-item>p,.case-state p{font-size:12px}
  .about-grid{grid-template-columns:1fr;gap:28px}
  .about-title{align-items:flex-start;text-align:left}
  .about-title>p{font-size:16px;max-width:320px}
  .about-copy>p{font-size:15px}
  .about-grid>.review-deck{grid-column:auto}
  .about-grid>.review-deck .review-viewport{height:260px;min-height:260px}
  .process-body .process-step{grid-template-columns:28px 1fr}
  .pricing-description,.pricing-value>p:not(.mini-label){font-size:14px}
}


/* =========================================================
   v2.6 — final corrections from "Правка сайта итог, надеюсь"
   ========================================================= */

/* HERO — center the left composition; first line white; image background matches the site. */
.hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hero-eyebrow{justify-content:center}
.hero-description{margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center}
.hero h1 .hero-line-white{color:var(--white)}
.hero h1 .hero-line-accent{color:var(--lime)}
.art-image-wrap{background:var(--ink)}

/* SOLUTIONS — keep only the useful sentence and make it easier to read. */
.solutions-intro p{font-size:19px;line-height:1.6;max-width:350px}

/* DEMO — the result metrics and chart sit centrally inside the lab. */
.after-view .dashboard-top,.after-view .dashboard-grid,.after-view .lab-bottom{width:min(100%,900px);margin-left:auto;margin-right:auto}
.after-view .dashboard-grid{justify-content:center}

/* PRACTICE — four unified cases with compact animated, GIF-like previews. */
.practice-heading{margin-bottom:22px}
.case-grid{margin-top:0;gap:14px}
.case-card{padding:14px 14px 13px;overflow:hidden}
.case-card h3{font-weight:700}
.case-visual{height:92px;margin:-2px -2px 12px;padding:10px 11px;border:1px solid #2d4334;border-radius:8px;background:linear-gradient(145deg,#142019,#1b2b20);color:#eaf1e9;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(195,243,106,.035)}
.case-visual:after{content:'';position:absolute;inset:-45% -35%;background:linear-gradient(105deg,transparent 43%,rgba(195,243,106,.08) 50%,transparent 57%);transform:translateX(-65%);animation:case-sheen 5.8s ease-in-out infinite;pointer-events:none}
.case-visual-head,.case-visual-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 7.5px/1.25 'IBM Plex Mono',monospace;letter-spacing:.055em;color:#aab9aa}
.case-visual-head b{color:var(--lime);font-size:12px}
.case-visual-foot{position:absolute;left:11px;right:11px;bottom:7px;font-size:6.5px;color:#809282}
.case-report-bars{height:50px;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px;margin-top:2px;border-bottom:1px solid #344b39}
.case-report-bars i{height:var(--h);flex:1;background:linear-gradient(to top,#6ea843,var(--lime));border-radius:2px 2px 0 0;transform-origin:bottom;animation:case-bars 2.8s ease-in-out infinite alternate}
.case-report-bars i:nth-child(2){animation-delay:.22s}.case-report-bars i:nth-child(3){animation-delay:.42s}.case-report-bars i:nth-child(4){animation-delay:.62s}
.case-calc-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid #314737;font-size:7.5px;color:#9ead9f}
.case-calc-row b{color:#dbe5dc;font-size:8.5px}
.case-calc-result{display:flex;justify-content:space-between;align-items:end;margin-top:5px}
.case-calc-result span{font-size:7px;color:#94a595}.case-calc-result strong{font-size:17px;color:var(--lime);letter-spacing:-.045em;animation:case-pulse 2.4s ease-in-out infinite}
.case-file-row{display:flex;justify-content:space-between;align-items:center;padding:3px 5px;margin-bottom:3px;border:1px solid #304536;background:#18271d;border-radius:3px;font-size:7px;color:#b2c0b4}
.case-file-row b{color:var(--lime);animation:case-check 2.8s ease-in-out infinite}.case-file-row:nth-child(2) b{animation-delay:.35s}.case-file-row:nth-child(3) b{animation-delay:.7s}
.case-file-progress{height:4px;background:#0f1712;border-radius:999px;overflow:hidden;margin-top:6px}.case-file-progress i{display:block;height:100%;width:100%;background:var(--lime);transform-origin:left;animation:case-progress 3.3s ease-in-out infinite}
.case-social-kpi{display:flex;align-items:baseline;gap:6px;margin-top:3px}.case-social-kpi strong{font-size:14px;color:#eff5ef;letter-spacing:-.04em}.case-social-kpi span{font-size:6.5px;color:#8fa191}
.case-social-bars{height:42px;display:flex;align-items:flex-end;gap:6px;margin-top:3px}.case-social-bars i{height:var(--h);flex:1;background:linear-gradient(to top,#4d8234,var(--lime));border-radius:2px 2px 0 0;transform-origin:bottom;animation:case-bars 3.1s ease-in-out infinite alternate}.case-social-bars i:nth-child(2n){animation-delay:.35s}.case-social-bars i:nth-child(3n){animation-delay:.7s}
@keyframes case-bars{0%{transform:scaleY(.74);opacity:.72}100%{transform:scaleY(1);opacity:1}}
@keyframes case-pulse{0%,100%{opacity:.76}50%{opacity:1;text-shadow:0 0 12px rgba(195,243,106,.22)}}
@keyframes case-check{0%,24%{opacity:.25;transform:scale(.8)}40%,100%{opacity:1;transform:scale(1)}}
@keyframes case-progress{0%{transform:scaleX(.08)}55%,100%{transform:scaleX(1)}}
@keyframes case-sheen{0%,68%{transform:translateX(-65%)}88%,100%{transform:translateX(65%)}}

/* ABOUT — requested emphasis for “10 +”. */
.about-number{font-weight:800}
.about-number>span{font-weight:800}

/* PROCESS — numbered steps, larger labels/descriptions, tools in one green row on desktop. */
.process-step .step-no{font-size:14px;font-weight:700;color:#356b43}
.process-step h3{font-size:18px;font-weight:700}
.process-step p{font-size:13.5px;line-height:1.58;color:#5a665d}
.process-body .tool-names{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 12px;white-space:nowrap}
.process-body .tool-names span{font-size:12.5px;font-weight:650;color:#2f6842}
.process-body .tool-names span.muted{font-size:12px;color:#496f55;font-weight:600}

/* PRICING — larger highlighted copy; center the price composition in the right column. */
.pricing-description{font-size:17px;line-height:1.62;max-width:430px}
.pricing-value{width:min(100%,465px);justify-self:center;padding-left:0;text-align:center}
.pricing-value>.mini-label{font-size:13px;font-weight:700}
.pricing-value>p:not(.mini-label){font-size:16px;line-height:1.55;max-width:430px;margin-left:auto;margin-right:auto}
.pricing-value .price{justify-content:center}
.pricing-value .promo{justify-content:center;text-align:left}

/* CONTACT — make the three field prompts clearly readable. */
.contact-form>label{font-size:14px;font-weight:650;color:#bac8b3;margin-bottom:17px}

/* FOOTER — same brand mark as the header, but intentionally non-interactive. */
.footer-wordmark{cursor:default;pointer-events:none;user-select:none}
.footer .footer-wordmark{font-size:25px;color:var(--white)}

@media(max-width:1180px){
  .process-body .tool-names{flex-wrap:wrap;white-space:normal}
  .process-body .tool-names span{font-size:12px}
}
@media(max-width:900px){
  .hero-copy{text-align:center;align-items:center}
  .hero-eyebrow,.hero-actions{justify-content:center}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-value{justify-self:start;text-align:left;width:100%}
  .pricing-value .price,.pricing-value .promo{justify-content:flex-start}
}
@media(max-width:600px){
  .solutions-intro p{font-size:17px}
  .case-grid{grid-template-columns:1fr}
  .case-visual{height:122px;padding:13px 14px;margin-bottom:14px}
  .case-report-bars{height:72px}.case-social-bars{height:63px}
  .case-visual-head{font-size:9px}.case-visual-foot{left:14px;right:14px;bottom:9px;font-size:8px}
  .case-calc-row{font-size:9px;padding:5px 0}.case-calc-row b{font-size:10px}.case-calc-result strong{font-size:22px}.case-calc-result span{font-size:8px}
  .case-file-row{font-size:9px;padding:5px 7px}
  .process-step h3{font-size:17px}.process-step p{font-size:12px}
  .process-body .tool-names{gap:7px 10px}.process-body .tool-names span,.process-body .tool-names span.muted{font-size:11px}
  .pricing-description{font-size:16px}.pricing-value>p:not(.mini-label){font-size:15px}.pricing-value>.mini-label{font-size:12px}
  .contact-form>label{font-size:14px}
}

/* v2.6 QA refinement: keep the full technology list visible on one desktop line. */
@media(min-width:1181px){
  .process-body .toolbox{grid-template-columns:145px minmax(0,1fr);gap:14px}
  .process-body .tool-names{gap:5px 8px;justify-content:flex-start}
  .process-body .tool-names span{font-size:11px;letter-spacing:-.018em}
  .process-body .tool-names span.muted{font-size:10.7px;letter-spacing:-.018em}
}
@media(min-width:1181px){
  .process-body .tool-names{gap:4px 6px}
  .process-body .tool-names span{font-size:9.8px;font-weight:700;letter-spacing:-.025em}
  .process-body .tool-names span.muted{font-size:9.6px;font-weight:650;letter-spacing:-.025em}
}
@media(min-width:1181px){
  .process-layout{grid-template-columns:minmax(300px,.55fr) minmax(0,1.45fr);gap:60px}
  .process-body .toolbox{grid-template-columns:150px minmax(0,1fr);gap:14px}
  .process-body .tool-names{gap:4px 7px}
  .process-body .tool-names span{font-size:10.6px;font-weight:700;letter-spacing:-.022em}
  .process-body .tool-names span.muted{font-size:10.3px;font-weight:650;letter-spacing:-.022em}
}