@font-face{font-family:LabSans;src:url('assets/roboto-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:LabSans;src:url('assets/roboto-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#123138;--muted:#456168;--teal:#006c60;--paper:#f6faf9;--line:#c7d8d5;--mint:#a5e5d9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:LabSans,sans-serif;font-size:18px;line-height:1.6}::selection{background:var(--mint);color:var(--ink)}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--teal);outline-offset:6px;border-radius:3px}.wrap{width:min(1184px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:2}.skip-link:focus{top:12px}.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;line-height:1.15}.brand img{border-radius:12px}.brand span{font-size:17px;letter-spacing:.05em}.brand b{display:block;letter-spacing:0;font-weight:400;font-size:16px;margin-top:5px}.site-header nav{display:flex;gap:30px;font-size:16px}.site-header nav a{text-decoration:none;padding-block:10px}.site-header nav a:hover{color:var(--teal);text-decoration:underline}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:72px;padding-block:36px 92px}.hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.06;letter-spacing:-.035em;margin:0 0 28px;font-weight:700;text-wrap:balance}.intro{font-size:25px;line-height:1.45;max-width:32ch;margin:0 0 24px}.context{color:var(--muted);max-width:44ch;margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:14px 23px;border-radius:12px;background:var(--teal);color:white;text-decoration:none;font-weight:700;font-size:17px}.button:hover{background:#004d45}.button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.availability{font-size:14px;line-height:1.6;color:var(--muted);margin:22px 0 0}.app-preview{margin:0;display:flex;flex-direction:column;align-items:center;padding:34px 24px 20px;background:#dceeea;border-radius:48px 48px 20px 20px}.app-screen{display:block;width:min(100%,274px);height:auto;border-radius:25px;box-shadow:0 18px 32px -14px #12313855}.app-preview figcaption{font-size:12px;line-height:1.5;text-align:center;margin-top:24px;max-width:32ch;color:#36534f}.features{padding-block:74px 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px}h2{font-size:clamp(32px,3vw,42px);line-height:1.17;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}.section-intro p{max-width:38ch;color:var(--muted);margin:0}.feature-list{margin:0}.feature-list>div{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.feature-list>div:last-child{margin-bottom:0}.feature-list dt{font-size:23px;font-weight:700;margin-bottom:8px}.feature-list dd{margin:0;color:var(--muted);font-size:17px}.next-step{background:var(--ink);color:#f1fcfa}.development-grid{padding-block:76px 84px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.development-grid p{color:#c1dcd8;max-width:43ch;margin:0}h3{font-size:20px;line-height:1.4;margin:0 0 14px}.roadmap h3:not(:first-child){margin-top:32px}.roadmap ul{padding-left:23px;margin:0;color:#c1dcd8}.roadmap li+li{margin-top:12px}.limits{padding-block:76px}.limits p{max-width:72ch;color:var(--muted);margin:0}.site-footer{border-top:1px solid var(--line);padding-block:30px 45px;display:grid;grid-template-columns:1fr 1.6fr auto;align-items:start;gap:35px;font-size:13px;color:var(--muted)}.site-footer p{margin:0}.site-footer p:first-child{font-weight:700;color:var(--ink);font-size:16px}.site-footer a{min-height:44px;display:flex;align-items:flex-start}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero{gap:32px}.hero h1{font-size:48px}.intro{font-size:21px}.features,.development-grid{gap:40px}.app-preview{padding:26px 20px 18px}.site-footer{grid-template-columns:1fr 1.6fr}.site-footer a{grid-column:1/-1}}
@media(max-width:620px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.site-header{min-height:94px;align-items:flex-start;padding-block:22px;gap:16px}.brand img{width:40px;height:40px;border-radius:10px}.brand span{font-size:14px}.brand b{font-size:13px}.site-header nav{gap:5px;flex-direction:column;font-size:13px;line-height:1.3}.site-header nav a{padding-block:3px;min-height:24px}.hero{grid-template-columns:1fr;padding-block:35px 64px;gap:38px}.hero h1{font-size:clamp(40px,10.8vw,60px);margin-bottom:23px}.intro{font-size:22px;max-width:30ch}.context{font-size:16px;margin-bottom:26px}.button{font-size:16px}.availability{font-size:13px}.app-preview{padding-block:30px 20px;border-radius:34px 34px 18px 18px}.app-screen{width:min(100%,255px)}.features{grid-template-columns:1fr;gap:38px;padding-block:54px 60px}.feature-list dt{font-size:21px}.development-grid{grid-template-columns:1fr;gap:38px;padding-block:54px 60px}.limits{padding-block:54px}.site-footer{grid-template-columns:1fr;gap:18px}.site-footer a{grid-column:auto}h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}