@font-face{font-family:"Onest";font-style:normal;font-weight:300 900;font-display:swap;src:url("/fonts/onest-cyrillic-ext.woff2") format("woff2")}
@font-face{font-family:"Onest";font-style:normal;font-weight:300 900;font-display:swap;src:url("/fonts/onest-cyrillic.woff2") format("woff2")}
@font-face{font-family:"Onest";font-style:normal;font-weight:300 900;font-display:swap;src:url("/fonts/onest-latin.woff2") format("woff2")}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Onest",Arial,Helvetica,sans-serif;background:#f7f7f3;color:#151b16;-webkit-font-smoothing:antialiased}
a{cursor:pointer;text-decoration:none;color:inherit}
button{font:inherit}
img{display:block;width:100%;object-fit:cover}
.container{max-width:1240px;margin:0 auto}
.site-header{background:#f7f7f3;height:76px;border-bottom:1px solid #e9eae5}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{position:relative;white-space:nowrap;line-height:1}
.giper{font:bold italic 30px Georgia,serif;letter-spacing:-2.5px}
.baton{font-size:13px;font-weight:900;color:#e02821;letter-spacing:-.6px}
.logo small{display:block;font-size:8px;color:#858b84;letter-spacing:.2px;margin-top:3px;font-weight:400}
.nav{display:flex;gap:25px;align-items:center;font-weight:700;font-size:12px}
.nav .active{border-bottom:2px solid #13a367;padding-bottom:7px}
.header-contact{display:flex;align-items:center;gap:18px;font-size:12px}
.header-contact strong{font-size:13px}
.header-phone{font-size:13px;font-weight:800}
.city,.outline-btn{border:1px solid #d0d5ce;border-radius:24px;padding:11px 15px}
.outline-btn{border-color:#151b16;font-weight:700}
.hamburger{display:none;border:0;background:transparent;cursor:pointer}
.hero{margin-top:0;background:#101915;color:#fff;min-height:472px;position:relative;display:grid;grid-template-columns:48% 52%;overflow:hidden;border-radius:0 0 4px 4px}
.hero:before{content:'';position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#a0d7ae36 1px,transparent 1px),linear-gradient(90deg,#a0d7ae36 1px,transparent 1px);background-size:42px 42px}
.hero-copy,.hero-visual{position:relative;z-index:2}
.hero-copy{padding:42px 35px 48px 48px}
.crumbs{font-size:12px;color:#afb6ae;margin-bottom:42px}
.crumbs span{padding:0 9px;color:#d6e5db}
.eyebrow{font-weight:800;font-size:11px;color:#167a46;letter-spacing:1.2px;margin-bottom:13px}
.eyebrow.accent{color:#8decaf}
.eyebrow.on-dark{color:#8eeeb4}
.hero h1{font-size:48px;line-height:1.04;letter-spacing:-2px;margin:0 0 19px;max-width:560px}
.hero p{color:#d2ddd5;font-size:16px;line-height:1.55;max-width:470px;margin:0 0 28px}
.actions{display:flex;align-items:center;gap:22px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:15px 25px;font-size:13px;font-weight:800;white-space:nowrap;gap:10px}
.button.mint{color:#102c1d;background:#8ff1bb}
.button b{font-size:18px}
.text-link{font-size:13px;font-weight:700}
.text-link.light{color:#f5fbf7}
.hero-visual{display:flex;align-items:center;padding:45px 43px 47px 0}
.browser{background:white;border-radius:9px;box-shadow:0 18px 44px #0005;padding:0;overflow:hidden;border:5px solid #324238;width:100%}
.browser-dots{height:34px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#f5f8f2;color:#637569;font-size:11px}
.browser-dots i{width:7px;height:7px;background:#9db2a0;border-radius:50%}
.browser-dots span{margin-left:7px}
.browser img{height:255px;object-fit:cover;object-position:top}
.floating-label{position:absolute;right:19px;bottom:19px;background:#e9fff0;color:#143a20;box-shadow:0 12px 24px #0004;padding:14px 20px;font-size:12px;border-radius:6px;line-height:1.4}
.section{padding-top:76px;padding-bottom:76px}
.about{display:grid;grid-template-columns:1.35fr .85fr;gap:110px}
.about h2{font-size:35px;letter-spacing:-1.2px;line-height:1.15;margin:0 0 21px;max-width:730px}
.about p,.section p{font-size:15px;color:#67716a;line-height:1.6}
.about-copy>p{max-width:660px}
.facts{border-top:1px solid #8fc6a4;align-self:start;display:grid;grid-template-columns:1fr 1fr}
.facts>div{padding:23px 8px 22px 0;border-bottom:1px solid #dce7dc}
.facts span{display:block;color:#689376;font-size:10px;font-weight:800;margin-bottom:11px}
.facts b{font-size:14px}
.goal{background:linear-gradient(113deg,#144527 0%,#28643b 90%);color:#fff;border-radius:3px;padding:55px;display:grid;grid-template-columns:45px 1.25fr .75fr;gap:25px;align-items:center;position:relative;overflow:hidden}
.goal:after{content:'✿';font-size:275px;color:#ffffff0a;position:absolute;right:40px;top:-120px}
.goal-ornament{border:1px solid #99f1b2;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px;color:#9eefb8}
.goal h2{font-size:32px;line-height:1.14;letter-spacing:-1px;margin:0;max-width:580px}
.goal p{line-height:1.6;max-width:380px;color:#dfefe2;font-size:15px}
.section-intro{display:flex;justify-content:space-between;gap:90px;align-items:end;margin-bottom:27px}
.section-intro h2,.medium-title{font-size:32px;line-height:1.13;letter-spacing:-1px;margin:0;max-width:780px}
.section-intro>p{max-width:330px}
.features{display:grid;gap:12px}
.features.four{grid-template-columns:repeat(4,1fr)}
.feature{background:white;border:1px solid #e5e9e3;padding:24px 23px;border-radius:7px;min-height:192px;box-shadow:0 8px 23px #09201204}
.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e1f6e8;color:#15804a;font-size:27px;font-weight:700;margin-bottom:28px}
.feature h3{font-size:17px;letter-spacing:-.2px;margin:0 0 8px}
.feature p{font-size:13px;line-height:1.45;margin:0}
.feature.compact{min-height:176px}
.pale{background:#eaf4e9;border-radius:3px;padding:42px;display:grid;grid-template-columns:35% 62%;gap:3%;align-items:start}
.pale h2{font-size:34px;line-height:1.16;letter-spacing:-1px;margin:0 0 16px}
.pale p{margin-bottom:24px}
.checklines>div{font-size:13px;padding:14px 0;border-bottom:1px solid #cdddcf;display:flex;gap:10px;align-items:center}
.checklines b{color:#15874e}
.screenshot-shot,.screen-card{background:#fff;padding:13px;border-radius:5px;box-shadow:0 13px 31px #10402118}
.screenshot-shot img{height:auto;width:100%;object-fit:contain}
.screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}
.screen-card{padding:13px 13px 20px}
.screen-head{display:flex;align-items:center;gap:12px;font-size:15px;margin:8px 8px 15px}
.screen-head span{color:#0c884c;font-weight:800}
.screen-card img{width:100%;height:420px;object-fit:cover;object-position:top;border-radius:4px}
.screen-card p{font-size:13px;margin:15px 10px 0}
.journey-wrap{background:#eff7ed}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.step{background:#fff;border-radius:8px;padding:24px 21px;border:1px solid #deebdf}
.step-index{background:#b6f4cf;width:35px;height:35px;border-radius:50%;font-weight:800;display:grid;place-items:center;font-size:12px;margin-bottom:25px;color:#155537}
.step h3{font-size:16px;margin:0 0 7px}
.step p{font-size:13px;line-height:1.5;margin:0}
.results{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}
.results h2{font-size:32px;line-height:1.13;letter-spacing:-1px;margin:0 0 18px}
.results-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.results-metrics>div{border:1px solid #e3e9df;background:#fff;border-radius:6px;padding:24px 13px;min-height:122px}
.results-metrics strong{display:block;color:#1e7e47;font-size:38px;margin-bottom:10px}
.results-metrics span{color:#66796c;font-size:12px}
.related{padding-top:28px}
.related h2{margin:0 0 19px;font-size:30px}
.related-card{display:flex;align-items:center;gap:24px;border:1px solid #dfe8de;border-radius:8px;padding:12px;background:#fff;max-width:800px}
.related-thumbnail{background:linear-gradient(120deg,#0b1411,#254a2e);height:100px;width:210px;color:#b6fa53;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:21px;flex-shrink:0;font-size:22px;font-weight:900}
.related-thumbnail small{font-size:10px;color:#fff}
.related-card b{font-size:15px}
.related-card p{font-size:12px;margin:8px 0 0}
.related-card .arr{margin-left:auto;padding:16px}
.cta{background:#101915;color:#fff;padding:46px 45px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta h2{font-size:28px;max-width:760px;line-height:1.15;margin:0;letter-spacing:-.6px}
.site-footer{background:#fff;padding:57px 54px 22px}
.footer-cols{display:grid;grid-template-columns:1.25fr 1fr .8fr 1fr;gap:60px}
.foot-brand p{font-size:13px;line-height:1.7;color:#728078;max-width:210px}
.foot-brand hr{border:0;border-top:1px solid #e1e5e0;max-width:210px;margin:20px 0}
.foot-brand>b{font-size:13px}
.foot-col{display:flex;flex-direction:column;gap:14px;font-size:12px}
.foot-col>b{font-size:12px;letter-spacing:1px;margin-bottom:11px}
.foot-col a{font-size:12px}
.foot-col .foot-link{color:#047b4b;font-weight:800}
.foot-col .foot-phone{font-size:20px;white-space:nowrap}
.foot-bottom{border-top:1px solid #e6ece5;display:flex;justify-content:space-between;gap:24px;margin-top:60px;padding:20px 0 0;font-size:10px;color:#8b998d}

@media(max-width:1300px){.container{margin-left:34px;margin-right:34px}
.nav{gap:14px}
}
@media(max-width:800px){.container{margin-left:0;margin-right:0}
.site-header{height:auto;min-height:66px;padding:0 18px;position:relative}
.header-inner{min-height:66px;height:auto;gap:4px;flex-wrap:wrap}
.logo .giper{font-size:29px}
.header-contact{display:none}
.nav{display:none;order:3;width:100%;padding:8px 0 18px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #dfe7df}
.nav.is-open{display:flex}
.nav a{padding:12px 4px;font-size:14px}
.nav .active{padding-bottom:12px;border-bottom:0;color:#0b8050}
.hamburger{display:block;font-size:25px;margin-left:auto;color:#142b1c}
.hero{display:flex;flex-direction:column;min-height:0;border-radius:0}
.hero-copy{padding:24px 20px 0}
.crumbs{margin:0 0 25px;font-size:11px}
.eyebrow{font-size:10px;letter-spacing:1px}
.hero h1{font-size:33px;letter-spacing:-1.3px;line-height:1.09;margin-bottom:12px}
.hero p{font-size:14px;line-height:1.5;margin-bottom:18px}
.hero .actions{gap:12px}
.hero .button{font-size:12px;padding:14px 16px}
.hero .text-link{font-size:12px}
.hero-visual{padding:22px 19px 27px}
.browser{border:3px solid #2f4739;border-radius:9px}
.browser-dots{height:27px;padding:0 10px;font-size:8px;gap:4px}
.browser-dots i{width:5px;height:5px}
.browser img{height:155px;object-fit:cover}
.floating-label{right:23px;bottom:12px;padding:8px 12px;font-size:10px}
.section{padding:43px 19px}
.about{display:block}
.about h2{font-size:27px;letter-spacing:-.8px;line-height:1.14}
.about p,.section p{font-size:13px;line-height:1.55}
.facts{margin-top:23px;grid-template-columns:1fr 1fr}
.facts>div{padding:15px 7px 14px 0}
.facts b{font-size:12px}
.goal{margin:0 12px;padding:28px 22px;display:block}
.goal-ornament{margin-bottom:13px}
.goal h2{font-size:27px}
.goal p{font-size:13px;margin:14px 0 0}
.section-intro{display:block;margin-bottom:19px}
.section-intro h2,.medium-title{font-size:26px;line-height:1.16}
.section-intro>p{margin-top:12px}
.features.four{grid-template-columns:1fr}
.feature,.feature.compact{min-height:0;padding:18px;display:grid;grid-template-columns:41px 1fr;grid-template-rows:auto auto;gap:0 13px}
.feature-icon{grid-row:1/3;margin:0;width:40px;height:40px;font-size:23px}
.feature h3{font-size:16px;margin:2px 0 7px}
.feature p{font-size:12px}
.pale{display:block;margin:0 12px;padding:30px 17px}
.pale h2{font-size:27px}
.pale p{font-size:13px}
.checklines>div{font-size:12px;padding:12px 0}
.screenshot-shot{margin-top:25px;padding:7px}
.screen-pair{grid-template-columns:1fr;gap:22px}
.screen-card img{height:auto;object-fit:contain}
.screen-card p{font-size:12px}
.journey-wrap .section{padding-top:40px;padding-bottom:44px}
.steps{grid-template-columns:1fr;gap:10px;margin-top:24px}
.step{min-height:0;display:grid;grid-template-columns:43px auto;column-gap:11px;align-items:start;padding:16px}
.step-index{grid-row:1/3;width:37px;height:37px;margin:0}
.step h3{font-size:16px;margin:3px 0 7px}
.step p{font-size:12px}
.results{display:block}
.results h2{font-size:26px}
.results-metrics{grid-template-columns:1fr;margin-top:22px;gap:10px}
.results-metrics>div{min-height:0;padding:15px 18px;display:flex;align-items:center;gap:16px}
.results-metrics strong{font-size:32px;margin:0;width:40px;flex-shrink:0}
.results-metrics span{font-size:13px}
.related{padding-top:15px}
.related h2{font-size:25px}
.related-card{padding:11px;gap:13px;align-items:flex-start}
.related-thumbnail{width:106px;height:90px;padding:13px;gap:8px;font-size:16px}
.related-thumbnail small{font-size:8px}
.related-card b{font-size:13px}
.related-card p{font-size:10px}
.related-card .arr{padding:0}
.cta{margin:0 12px;padding:28px 20px;display:block;border-radius:8px}
.cta h2{font-size:24px;margin-bottom:22px}
.cta .button{width:100%}
.site-footer{padding:35px 22px 22px;margin-top:24px}
.footer-cols{grid-template-columns:1fr 1fr;gap:29px 17px}
.foot-brand{grid-column:1/-1}
.foot-col{font-size:12px;gap:12px}
.foot-col a{line-height:1.35;font-size:11px}
.foot-col .foot-phone{font-size:14px;white-space:normal}
.foot-bottom{display:block;margin-top:35px}
.foot-bottom span{display:block;margin:0 0 10px;font-size:10px}
.foot-col>b{font-size:11px}
}