@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700;750;800&family=Lora:ital,wght@1,400;1,500&display=swap');
:root{--color-primary:#004741;--color-primary-hover:#005A52;--color-primary-light:#b3eee5;--color-primary-container:#004741;--ink:#173d37;--paper:#f8f8f2;--muted:#7a857b;--line:#dfe3d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Golos Text',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #369a88;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:650;letter-spacing:-1.8px;font-size:32px;display:flex;align-items:center;gap:10px}.logo-dot{font-size:12px;align-self:flex-start;margin-top:7px;letter-spacing:0}.mark{display:block;position:relative;width:28px;height:31px}.mark i{position:absolute;width:19px;height:24px;border:2px solid var(--color-primary);border-radius:9px 9px 8px 2px;left:0;top:0}.mark i+ i{left:9px;top:9px;background:var(--paper)}nav{display:flex;gap:32px;font-size:13px}.nav-cta{font-size:13px;border:1px solid #b8c6b8;border-radius:7px;padding:14px 18px;display:flex;gap:24px}.nav-cta:hover{background:#e9eee3}.hero{padding-top:65px;text-align:center}.eyebrow,.section-label,.tiny-label{font-size:10px;font-weight:550;letter-spacing:1.8px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4e8770;vertical-align:middle}.hero h1{font-size:clamp(50px,5.9vw,82px);font-weight:500;letter-spacing:-4px;line-height:1.09;margin:27px 0 23px;position:relative}.serif{font-family:Lora,Georgia,serif;font-weight:400;font-style:italic}.hero-spark{position:absolute;width:47px;top:48px;margin-left:32px;stroke:#789d65;stroke-width:2}.hero-description{font-size:16px;line-height:1.8;color:#6b766d}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--color-primary);color:white;padding:18px 23px;border-radius:7px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.button span{font-size:20px}.text-link{display:flex;align-items:center;gap:10px;font-size:13px}.play{border:1px solid #a3b3a0;border-radius:50%;height:25px;width:25px;display:grid;place-items:center}.hero-note{font-size:10px;color:var(--muted);margin-top:19px}.story-stage{margin-top:49px;border:1px solid #dce2d4;border-radius:13px;background:#edf0e5;padding:23px 30px 18px;text-align:left;position:relative;overflow:hidden;background-image:radial-gradient(#cbd5c6 .7px,transparent .7px);background-size:12px 12px}.stage-top,.stage-bottom{display:flex;justify-content:space-between;color:#7d8877;font-size:10px}.stage-top>span:first-child{font-size:9px;letter-spacing:1.5px}.stage-top .status-dot{margin-right:8px}.story-flow{display:flex;align-items:center;justify-content:center;gap:24px;padding:28px 0 25px}.message-card,.task-card{background:#fffefa;border:1px solid #d9dfd3;border-radius:10px;padding:21px 23px;box-shadow:0 8px 20px #233b2010;width:340px}.message-card{transform:rotate(-2deg)}.card-kicker{font-size:8px;letter-spacing:1.5px;color:#85917e;margin-bottom:21px}.person{display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;background:#bce9dd;color:#21554c;display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:10px;font-weight:600}.person b{font-size:11px}.person small{display:block;font-size:9px;color:#92958a;margin-top:4px}.dots{margin-left:auto;color:#83907b}.message-card p{font-size:12px;line-height:1.65;color:#4b5749;margin:14px 0}.message-bottom{display:flex;gap:20px;color:#7d8a78;font-size:9px}.flow-arrow{font-size:48px;color:#7d9b6c;transform:rotate(-15deg)}.task-card{transform:rotate(2deg);width:320px}.task-title{display:flex;align-items:center;gap:10px}.task-title h3{font-size:13px;font-weight:550}.check-icon{width:21px;height:21px;border:1px solid #73927d;border-radius:50%;display:grid;place-items:center;font-size:12px}.task-meta{display:flex;align-items:center;gap:13px;font-size:10px;color:#7b897b;margin:16px 0}.pill{background:#edf0d8;color:#647343;padding:5px 9px;border-radius:4px;font-size:9px}.small{width:23px;height:23px;font-size:8px;margin-left:auto;background:#004741;color:white}.source-link{border-top:1px solid #e4e8df;padding-top:15px;font-size:9px;color:#4d7665}.source-link span{float:right}.context-tag{font-size:11px;line-height:1.7;transform:rotate(-7deg);margin-left:4px}.context-tag>span{font-size:48px;color:#749167}.context-tag b{font-weight:500}.stage-bottom{font-size:9px}.section{padding-top:110px;padding-bottom:100px}.section-label{color:#6d806c;margin-bottom:30px}h2{font-size:clamp(36px,4.2vw,57px);line-height:1.12;letter-spacing:-2.5px;font-weight:450;margin:0}.muted{color:#95a08b}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.approach-copy{font-size:15px;line-height:1.8;max-width:435px;color:#74806e}.approach-copy p:first-child{margin-top:0}.approach-copy strong{color:var(--ink);font-weight:500}.comparison{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison>div{padding:30px 25px 25px}.before{border-right:1px solid var(--line)}.comparison p{font-size:11px;color:#8a9384}.tiny-label{font-size:8px;color:#819077}.scattered{display:flex;gap:18px;margin:25px 0}.scattered span{border:1px dashed #cbd2c3;padding:12px;font-size:12px;border-radius:4px;transform:rotate(-4deg);color:#949b8e}.scattered span:nth-child(2){transform:rotate(4deg)}.scattered span:nth-child(3){transform:rotate(-2deg)}.connected{font-size:15px;margin:34px 0;color:var(--color-primary)}.connected span{margin:0 12px;color:#92ad81}.product{background:#eaf0e6}.product-heading{display:flex;justify-content:space-between;align-items:end}.product-heading p{font-size:13px;line-height:1.8;color:#788570;margin-bottom:4px}.product-tabs{display:flex;gap:10px;margin-top:40px;border-bottom:1px solid #ccd6c5}.product-tabs button{border:0;background:transparent;display:flex;gap:15px;padding:20px 28px;color:#83917a;border-bottom:2px solid transparent;font-size:10px}.product-tabs button span{font-size:13px}.product-tabs button[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.screen-caption{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:12px}.screen-caption b{font-weight:500}.screen-caption span{color:#7a8673;font-size:11px}.screen-frame{border:1px solid #ccd4c5;border-radius:10px;overflow:hidden;box-shadow:0 22px 50px #243f2c12;background:#fff}.browser-bar{padding:12px 17px;display:flex;justify-content:space-between;font-size:9px;color:#9aab8c;background:#f8faf5}.browser-bar span:first-child{letter-spacing:4px}.screen-frame img{width:100%;height:auto;display:block}.screen-footnote{text-align:center;font-size:10px;color:#87927e;margin:22px 0 0}.demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.demo-copy>p{font-size:14px;line-height:1.9;color:#7d8777;margin:24px 0}.demo-step{font-size:11px;display:flex;align-items:center;gap:13px}.demo-step>span{font-size:27px;color:#8d9e72}.demo-copy>small{display:block;margin-top:22px;font-size:9px;color:#99a08f}.live-demo{border:1px solid #dbe1d4;border-radius:12px;background:#fffefa;padding:25px;box-shadow:0 15px 40px #203b2007}.demo-header{display:flex;justify-content:space-between;border-bottom:1px solid #e5e9e0;padding-bottom:18px;font-size:10px}.demo-header>span+span{color:#929c87;font-size:9px}.live-demo>h3{font-size:18px;font-weight:500;line-height:1.5;margin:22px 0}.demo-message{display:flex;gap:13px;border-radius:6px;padding:10px 0;transition:background .3s,box-shadow .3s}.demo-message b{font-size:11px}.demo-message small{font-weight:400;color:#a0a797;font-size:9px;margin-left:6px}.demo-message p{font-size:12px;line-height:1.8;color:#77826d;margin:8px 0 14px}.inline-action{border:0;background:none;color:#34766a;font-size:10px;padding:0}.inline-action:hover{text-decoration:underline}.demo-hint{margin-top:22px;border-top:1px dashed #dce4d5;padding-top:20px;color:#9ba38f;font-size:10px;line-height:1.6}.created-task{border-left:2px solid #b3eee5;background:#eef6f0;padding:16px;margin:15px 0 0 43px;border-radius:0 6px 6px 0}.demo-task-row{display:flex;gap:9px;align-items:center;margin-top:13px}.demo-task-row b{font-size:11px;font-weight:500}.task-toggle{border:0;background:transparent;font-size:23px;color:var(--color-primary);padding:0}.created-task .task-meta{font-size:9px}.reset{font-size:9px;color:#829078;background:none;border:0;margin-top:15px}.highlight{background:#e6f3dc;box-shadow:0 0 0 9px #e6f3dc}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-bottom:90px;border-bottom:1px solid var(--line)}.principles>div>span{font-size:32px;color:#668c61}.principles h3{font-size:16px;font-weight:500;margin:20px 0 12px}.principles p{font-size:12px;line-height:1.9;color:#828c7b}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:19px;color:#7b9471}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:1.9;color:#7e8977;max-width:490px;margin-bottom:0}.closing{background:var(--color-primary);color:#f2f5e7;padding:65px 0 60px;overflow:hidden}.closing .wrap{position:relative}.closing .eyebrow{justify-content:flex-start;color:#9fc2b4;font-size:9px}.closing h2{margin:25px 0 30px;font-size:58px}.closing h2 .serif{color:#cde2ac}.light{background:#d8e7b8;color:var(--color-primary)}.light:hover{background:#e5f0d1}.closing p{font-size:11px;line-height:1.8;color:#98b9aa;margin-top:26px}.closing-art{position:absolute;right:25px;top:15px;font-size:300px;line-height:1;color:#8ba97d;font-family:Georgia,serif;font-weight:400;transform:rotate(13deg)}footer{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .logo{font-size:26px}footer>span,footer>a:not(.logo),footer small{font-size:10px;color:#87927d}footer .mark{transform:scale(.8);transform-origin:left center;width:23px}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-top:80px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.story-flow{gap:15px}.context-tag{display:none}.demo{gap:45px}.hero-spark{width:35px;margin-left:15px}.closing-art{font-size:220px;top:70px}.connected span{margin:0 4px}.scattered{gap:8px}.screen-caption{flex-direction:column;gap:8px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:80px}.nav nav{display:none}.logo{font-size:27px}.nav-cta{font-size:10px;padding:12px;gap:15px}.hero{padding-top:45px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:47px;letter-spacing:-2.5px}.hero-spark{display:none}.hero-description{font-size:13px;line-height:1.8}.desktop{display:none}.hero-actions{gap:19px;flex-wrap:wrap}.button{padding:15px 18px;font-size:11px;gap:20px}.text-link{font-size:11px}.hero-note{font-size:9px}.story-stage{margin-top:35px;padding:18px 17px}.stage-top>span+span,.stage-bottom>span+span{display:none}.story-flow{flex-direction:column;gap:5px;padding:26px 3px}.message-card,.task-card{width:100%;max-width:340px}.flow-arrow{transform:rotate(75deg);height:48px;line-height:48px}.stage-bottom{font-size:8px}.section{padding-top:65px;padding-bottom:60px}.section-label{font-size:8px;letter-spacing:1.4px;margin-bottom:23px}h2{font-size:39px;letter-spacing:-1.8px}.split{grid-template-columns:1fr;gap:25px}.approach-copy{font-size:13px}.comparison{grid-template-columns:1fr;margin-top:30px}.comparison>div{padding:25px 10px}.before{border-right:0;border-bottom:1px solid var(--line)}.connected{font-size:14px}.product-heading{display:block}.product-heading p{font-size:12px;margin-top:20px}.product-tabs{gap:0;margin-top:25px}.product-tabs button{padding:15px 7px;gap:6px;flex:1;font-size:8px;justify-content:center}.product-tabs button span{font-size:10px}.screen-caption{font-size:11px}.screen-caption span{font-size:10px;line-height:1.7}.screen-frame{overflow-x:auto}.screen-frame img{min-width:660px}.browser-bar{min-width:660px}.screen-footnote{font-size:9px;line-height:1.8}.demo{grid-template-columns:1fr;gap:30px}.demo-copy>p{font-size:13px}.live-demo{padding:20px}.created-task{margin-left:0}.principles{grid-template-columns:1fr;gap:23px;padding-bottom:50px}.principles>div{position:relative;padding-left:48px}.principles>div>span{position:absolute;left:0;top:12px}.principles h3{font-size:15px;margin-top:15px}.principles p{margin-bottom:0}.faq{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:12px;line-height:1.6}.closing{padding:45px 0}.closing h2{font-size:39px;position:relative;z-index:1}.closing-art{right:-55px;top:140px;font-size:170px;opacity:.35}.closing .button,.closing p{position:relative;z-index:1}footer{flex-wrap:wrap;padding:28px 0}footer>span{width:60%;font-size:9px;text-align:right}footer small{margin-left:auto}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-spark{top:100px}

/* Подвал с правовыми документами: вторая строка под основной навигацией футера. */
footer{flex-wrap:wrap}
footer .legal{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;border-top:1px solid var(--line);padding-top:14px;margin-top:8px}
footer .legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
footer .legal a,footer .legal button{font:inherit;font-size:10px;letter-spacing:.2px;color:#87927d;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
footer .legal a:hover,footer .legal button:hover{color:var(--color-primary-hover);text-decoration:underline}
footer .legal small{margin-left:auto;text-align:right}
