/* Copyright (c) 2026 Yuriy Voevodin. All rights reserved. */
:root{color-scheme:light;--ink:#25282d;--muted:#696d72;--line:#e7e7e7;--accent:#1c5b42;--width:1140px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-size:17px;line-height:1.72;overflow-wrap:break-word}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--accent)}
button,select{font:inherit}
.shell{width:min(var(--width),calc(100% - 64px));margin-inline:auto}
.site-hero{height:320px;position:relative;background:#203629 url('/wp-content/uploads/2021/07/cropped-1942358.png') center 43%/cover no-repeat;color:white}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.22),transparent 65%)}
.hero-content{height:100%;display:flex;align-items:center;position:relative;z-index:1}
.hero-brand{display:flex;align-items:center;gap:26px;color:white;text-decoration:none;margin-left:24px}
.hero-brand img{width:112px;height:112px;border-radius:8px;box-shadow:0 2px 10px #0005}
.hero-brand span{display:grid;gap:5px}
.hero-brand strong{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:.055em;font-weight:800}
.hero-brand small{font-size:clamp(1rem,1.6vw,1.4rem);line-height:1.4;color:#f2f2f2}
.site-navigation{position:relative;z-index:3;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 3px #00000008}
.nav-inner{min-height:78px;display:flex;align-items:center;gap:38px}
.nav-inner>a{font-size:1.02rem;font-weight:650;text-decoration:none;white-space:nowrap}
.nav-inner>a[aria-current]{color:#737373}
.language-control{margin-left:auto;flex:0 0 auto}
.language-control select{min-width:132px;max-width:200px;padding:8px 10px;border:1px solid #ddd;border-radius:7px;background:#fff;color:var(--ink);cursor:pointer}
.language-suggestion{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 24px;background:#f1f6ee;border-bottom:1px solid #dce8d5;font-size:.94rem}
.language-suggestion[hidden]{display:none!important}
.language-suggestion a{font-weight:700;color:var(--accent)}
.language-suggestion button,.site-footer button{padding:0;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.featured-logo{height:170px;background:#fafafa;border-bottom:1px solid #e6e6e6;display:grid;place-items:center}
.featured-logo img{display:block;width:136px;height:136px;object-fit:contain}
.page-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:clamp(48px,8vw,110px);padding-block:110px 100px;min-height:450px}
.page-heading h1{margin:0;font-size:1.35rem;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.entry-content{min-width:0;font-size:1.1rem;line-height:1.8}
.entry-content h2{margin:0 0 52px;color:#777;font-size:clamp(1.7rem,2.7vw,2.45rem);font-weight:400;line-height:1.35}
.entry-content h3{margin:2em 0 .65em;font-size:1.55rem;line-height:1.4}
.entry-content h4{margin:1.8em 0 .5em;font-size:1.25rem}
.entry-content h5{margin:1.4em 0 .4em;font-size:1.08rem}
.entry-content p{margin:0 0 1.45em}
.entry-content ul,.entry-content ol{padding-left:1.5em;margin:1em 0 1.8em}
.entry-content li{padding-left:.2em;margin-bottom:.55em}
.entry-content img{max-width:100%;height:auto}
.entry-content figure{margin:1.8em auto}
.entry-content .wp-block-image img{display:block;margin-inline:auto}
.entry-content .wpappbox{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;margin:32px 0;padding:18px;border:1px solid #ddd;border-radius:14px;background:#fafafa;box-shadow:0 2px 8px #0000000c}
.entry-content .wpappbox .qrcode{display:none}
.entry-content .wpappbox .appicon img{display:block;width:120px;height:120px;object-fit:contain;border-radius:12px}
.entry-content .wpappbox .applinks a{display:inline-block;padding:8px 15px;border-radius:7px;background:#20252b;color:#fff;text-decoration:none;font-weight:650}
.entry-content .wpappbox .appdetails{grid-column:2;grid-row:1}
.entry-content .wpappbox .apptitle a{font-size:1.35rem;font-weight:700}
.entry-content .wpappbox .developer,.entry-content .wpappbox .price{font-size:.9rem;color:var(--muted)}
.app-cta{margin-top:56px!important}
.cta{display:inline-block;background:#174e38;color:#fff;padding:11px 19px;border-radius:6px;text-decoration:none;font-weight:700}
.cta:hover{background:#123d2c;color:#fff}
.site-footer{border-top:1px solid var(--line);background:#fafafa;color:var(--muted);font-size:.92rem}
.site-footer>.shell{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px}
@media(max-width:800px){.nav-inner{gap:22px;flex-wrap:wrap;padding-block:12px}.nav-inner>a{font-size:.92rem}.page-layout{gap:42px;padding-block:76px 72px}.hero-brand{margin-left:0}}
@media(max-width:620px){body{font-size:16px}.shell{width:calc(100% - 36px)}.site-hero{height:245px;background-position:55% center}.hero-brand{gap:16px}.hero-brand img{width:76px;height:76px}.hero-brand strong{font-size:1.75rem}.hero-brand small{font-size:.94rem}.nav-inner{min-height:0;gap:10px 20px;padding-block:14px}.nav-inner>a{font-size:.88rem}.language-control{margin-left:0}.language-control select{min-width:110px}.featured-logo{height:130px}.featured-logo img{width:100px;height:100px}.page-layout{display:block;padding-block:48px 58px}.page-heading h1{margin-bottom:34px;font-size:1.05rem}.entry-content{font-size:1rem}.entry-content h2{margin-bottom:32px;font-size:1.65rem}.entry-content .wpappbox{grid-template-columns:84px 1fr;gap:14px;padding:12px}.entry-content .wpappbox .appicon img{width:76px;height:76px}.entry-content .wpappbox .apptitle a{font-size:1rem}.language-suggestion{align-items:flex-start;flex-wrap:wrap;gap:8px 14px;text-align:center}.site-footer>.shell{min-height:68px}}
.hero-shade{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 75%,rgba(0,0,0,.3) 100%)}
.hero-brand{filter:drop-shadow(0 2px 5px #0009)}
.site-hero--home{height:75vh;min-height:300px;background-position:center center}
.site-hero--home .hero-content{align-items:flex-end;padding-bottom:68px}
.track-banner{height:100vh;max-height:1200px;background:#b34e32 url('/wp-content/uploads/2021/04/cropped-matt-lee-vLCFUqY3y5M-unsplash-scaled-1.jpg') center center/cover no-repeat}
.featured-photo{background:#fafafa;border-bottom:1px solid #eee}
.featured-photo img{display:block;max-width:100%;height:auto;margin:auto}
.home-intro p:first-child{font-size:1.22em}
.home-product{margin-top:3.2rem}
.home-product h2{font-size:1.55rem;font-weight:400;color:var(--ink);margin:0 0 1.3rem}
.home-product>a>img{display:block;width:100%;height:auto}
.store-card{display:flex;align-items:center;gap:20px;max-width:640px;padding:12px 18px;border:1px solid #dedede;border-radius:10px;box-shadow:0 2px 10px #00000010;text-decoration:none;color:var(--ink)}
.store-card>img{width:110px;height:110px;flex:0 0 110px;border-radius:9px;object-fit:contain}
.store-card-apple>img{filter:grayscale(1)}
.store-card-details{display:flex;flex:1;flex-direction:column;gap:3px;line-height:1.35}
.store-card-details strong{font-size:1.22rem;text-decoration:underline}
.store-card-details small{color:var(--muted)}
.store-card-action{align-self:flex-start;margin-top:7px;padding:5px 12px;background:#f0f0f0;border-radius:5px;font-size:.9rem}
.wp-block-latest-posts{list-style:none;padding:0!important;margin:0!important}
.wp-block-latest-posts>li{list-style:none;padding:0!important;margin:0 0 1.8rem!important}
.wp-block-latest-posts__post-title{display:block;font-weight:500;line-height:1.35}
.wp-block-latest-posts__post-date{display:block;color:#555;font-size:.88em;line-height:1.5}
.wp-block-latest-posts__post-excerpt{display:block;line-height:1.55;margin-top:.35rem}
.wp-block-latest-posts__post-excerpt .link-more{display:inline}
.wp-block-latest-posts__post-excerpt .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){.site-hero--home{height:75vh;min-height:360px;background-position:55% center}.site-hero--home .hero-content{padding-bottom:34px}.track-banner{height:60vw}.store-card{gap:12px;padding:10px}.store-card>img{width:76px;height:76px;flex-basis:76px}.store-card-details strong{font-size:1rem}}
.entry-content .wpappbox{display:grid;grid-template-columns:140px minmax(0,1fr) 105px;gap:0;align-items:stretch;max-width:100%;padding:0;margin:28px 0 38px;background:#fff;border:1px solid #ddd;border-radius:9px;box-shadow:0 2px 8px #00000014;position:relative}
.entry-content .wpappbox .appicon{grid-column:1;grid-row:1;padding:12px;border-right:1px solid #ddd}
.entry-content .wpappbox .appicon img{display:block;width:115px;height:115px;object-fit:contain;border-radius:8px}
.entry-content .wpappbox .web-description{font-size:.9rem;color:#555}
.entry-content .wpappbox .appdetails{grid-column:2;grid-row:1;padding:16px 14px;line-height:1.45}
.entry-content .wpappbox .apptitle a{color:#555;font-size:1.2rem;font-weight:650}
.entry-content .wpappbox .developer,.entry-content .wpappbox .price{color:#666;font-size:.9rem}
.entry-content .wpappbox .applinks{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;border-left:1px solid #ddd;padding:10px;background:#fafafa}
.entry-content .wpappbox .appbuttons{display:grid;gap:7px;text-align:center}
.entry-content .wpappbox .applinks a,.entry-content .wpappbox .appbuttons span{display:block;padding:3px 8px;background:#eee;color:#555;border-radius:5px;text-decoration:none;font-size:.84rem;font-weight:400;line-height:1.35}
.entry-content .wpappbox .qrcode{display:none;position:absolute;top:100%;right:0;z-index:5;padding:8px;background:#fff;border:1px solid #ddd;box-shadow:0 3px 10px #0002}
.entry-content .wpappbox:has(.appbuttons span:hover,.appbuttons span:focus) .qrcode{display:block}
.home-news .page-heading h2{margin:0;font-size:1.35rem;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
@media(max-width:620px){.entry-content .wpappbox{grid-template-columns:82px minmax(0,1fr) 68px}.entry-content .wpappbox .appicon{padding:8px}.entry-content .wpappbox .appicon img{width:65px;height:65px}.entry-content .wpappbox .appdetails{padding:8px}.entry-content .wpappbox .apptitle a{font-size:.9rem}.entry-content .wpappbox .developer,.entry-content .wpappbox .price{font-size:.74rem}.entry-content .wpappbox .applinks{padding:5px}.entry-content .wpappbox .applinks a,.entry-content .wpappbox .appbuttons span{font-size:.7rem;padding:3px}}
@media(min-width:801px){:root{--width:900px}.site-hero{height:180px;background-position:center 55%}.site-hero--home{height:75vh;background-position:center center}.hero-brand{margin-left:0;gap:40px}.hero-brand img{width:64px;height:64px}.hero-brand strong{font-size:2.4rem}.hero-brand small{font-size:1rem}.nav-inner{min-height:72px;gap:38px}.nav-inner>a{font-size:.9rem}.language-control{margin-left:0}.language-control select{min-width:70px;max-width:80px;border:0;padding:4px 0}.page-layout{grid-template-columns:36% minmax(0,1fr);gap:6%;padding-block:95px 90px}}
.about-layout{display:block;padding-block:72px}
.about-layout .page-heading h1{color:#46644f;font-size:.88rem;margin:0 0 22px}
.about-story h2{color:var(--ink);font-size:clamp(1.6rem,3vw,2.15rem);font-weight:700;line-height:1.2;margin:0 0 24px;letter-spacing:-.025em}
.about-intro h2{font-size:clamp(2.2rem,5vw,3.8rem);max-width:850px;line-height:1.1}
.about-intro>p{font-size:1.2rem;line-height:1.65;max-width:780px}
.about-download-link{color:#174e38;font-weight:650;font-size:1rem}
.about-story .about-example{margin:42px 0 0}
.about-example img{display:block;width:100%;height:auto;border-radius:12px;background:#111}
.about-example figcaption{font-size:.88rem;color:#666;line-height:1.55;margin-top:12px;max-width:760px}
.about-section{margin-top:72px;scroll-margin-top:100px}
.about-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.about-feature{padding:26px;background:#f5f8f3;border:1px solid #e0e8dc;border-radius:12px}
.about-feature svg{width:32px;height:32px;color:#174e38}
.about-story h3{font-size:1.16rem;line-height:1.35;margin:14px 0 12px}
.about-feature p,.about-platforms p,.about-workflow p{font-size:1rem;line-height:1.65;margin:0}
.about-workflow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;list-style:none;counter-reset:steps}
.about-workflow li{padding:0;counter-increment:steps}
.about-workflow li:before{content:counter(steps,decimal-leading-zero);display:block;font-weight:700;font-size:1.8rem;color:#63816c}
.about-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.about-platforms>section{border-top:2px solid #b4c6ae;padding-top:8px}
.about-story .about-note{font-size:.88rem;color:#666;line-height:1.6;margin:24px 0 0}
.about-accuracy{margin-top:42px;padding:22px 26px;border-left:3px solid #b4c6ae;background:#fafafa}
.about-accuracy h3{margin-top:0}
.about-accuracy p{font-size:.95rem;line-height:1.65;margin:0}
.about-downloads{max-width:760px;margin-inline:auto;border-top:1px solid #ddd;padding-top:48px}
.about-downloads .home-product h2{font-size:1.3rem;letter-spacing:0}
.about-downloads .wpappbox{grid-template-columns:140px minmax(0,1fr) 128px}
@media(max-width:620px){.about-layout{padding-block:44px}.about-section{margin-top:48px}.about-features,.about-workflow ol,.about-platforms{grid-template-columns:1fr;gap:20px}.about-feature{padding:22px}.about-intro>p{font-size:1.05rem}.about-downloads .wpappbox{grid-template-columns:82px minmax(0,1fr)}.about-downloads .wpappbox .applinks{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid #ddd;padding:10px}.about-downloads .wpappbox .appbuttons{display:flex;width:100%;gap:10px}.about-downloads .wpappbox .appbuttons>*{flex:1;font-size:.9rem;padding:8px}.about-accuracy{padding:20px}.about-story .about-example{margin-top:28px}}
