:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#07130e;color:#eaf7ef;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 8%,#1a4b31 0,transparent 31%),#07130e}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px max(5vw,20px);background:#091b13e8;border-bottom:1px solid #2b5b40;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand b{display:block;font-size:1.1rem}.brand small{display:block;color:#a9c6b4}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{padding:10px 12px;color:#daefe1;text-decoration:none;border-radius:9px}nav a:hover,nav a:focus-visible{background:#205a3c}main{max-width:1180px;margin:auto;padding:0 24px}section{padding:70px 0;scroll-margin-top:100px}.hero{min-height:440px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px}.eyebrow{font-size:.8rem;letter-spacing:.18em;color:#78d99c;font-weight:bold}h1{font-size:clamp(3rem,8vw,6rem);line-height:1;margin:12px 0}h1 span{color:#6cda95}h2{font-size:clamp(2rem,4vw,3rem);margin:12px 0 28px}h3{margin:16px 0 8px}p{line-height:1.6;color:#bfd2c5}.actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.btn{display:inline-block;background:#58d489;color:#07170e;font:700 1rem Inter,Arial,sans-serif;padding:12px 18px;border:0;border-radius:10px;text-decoration:none;cursor:pointer}.btn:hover,.btn:focus-visible{background:#80e7a5}.btn.ghost{background:transparent;color:#d9f1e2;border:1px solid #67ae80}.panel,.cards article{background:#10251a;border:1px solid #37684b;border-radius:18px;padding:26px;box-shadow:0 15px 40px #0003}.panel{text-align:center}.panel b,.panel small{display:block;margin-top:8px}.panel small{color:#a9c6b4}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.cards article span{font-size:.8rem;color:#88d9a5;font-weight:bold;letter-spacing:.08em}.cards article .btn{margin-top:10px}footer{text-align:center;padding:36px;color:#a2bdaa;border-top:1px solid #284b36}#app-download .panel{max-width:600px;text-align:left}@media(max-width:700px){header{position:relative;align-items:flex-start;flex-direction:column}nav{gap:2px}nav a{padding:8px}.hero{grid-template-columns:1fr;padding-top:38px}section{padding:48px 0}}