:root{--bg-top: #f7efe2;--bg-bottom: #eadfcd;--text: #173326;--muted: rgba(23, 51, 38, .72);--border: rgba(23, 51, 38, .1);--accent: #2f7d3a;--accent-hover: #276c31;--accent-warm: #c85f2c;--panel: rgba(255, 255, 255, .62);--shadow: 0 24px 60px rgba(15, 35, 24, .18)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(238,143,0,.14),transparent 28%),radial-gradient(circle at top right,rgba(47,125,58,.14),transparent 24%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}img{display:block;max-width:100%}a{color:inherit}.site-shell{width:100%;min-height:100vh}.site-layout{width:min(calc(100% - 40px),1180px);min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 12px}.site-brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none}.site-header-logo{width:min(240px,54vw);height:auto}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border-radius:999px;color:#173326b8;font-size:.92rem;font-weight:800;text-decoration:none}.nav-link:hover,.nav-link--active{background:#ffffff8c;color:var(--text)}.site-main{width:100%;flex:1}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,540px);gap:44px;align-items:center;padding:38px 0 64px}.home-hero__content{max-width:660px}.home-kicker,.site-kicker{margin:0 0 16px;color:var(--accent-warm);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.home-hero h1{max-width:650px;margin:0;color:var(--text);font-family:Syne,sans-serif;font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.05;letter-spacing:0}.home-intro{max-width:610px;margin:24px 0 0;color:#173326c7;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.62}.home-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.android-button{display:inline-flex;align-items:center;gap:14px;padding:15px 22px;border-radius:18px;background:var(--accent);color:#fff;text-decoration:none;box-shadow:0 16px 34px #2f7d3a38;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.android-button:hover{transform:translateY(-2px);background:var(--accent-hover);box-shadow:0 20px 42px #2f7d3a47}.android-button strong{display:block;font-size:1rem;line-height:1.1}.android-button small{display:block;margin-top:4px;color:#ffffffd1;font-size:.82rem}.android-button__icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#ffffff29;font-size:1rem}.android-button--large{flex-shrink:0}.home-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0 0;padding:0;list-style:none}.home-benefits li{padding:16px;border:1px solid rgba(23,51,38,.08);border-radius:20px;background:#ffffff7a}.home-benefits strong{display:block;color:var(--text);font-size:.95rem}.home-benefits span{display:block;margin-top:6px;color:#173326ad;font-size:.86rem;line-height:1.35}.home-hero__visual{position:relative;min-height:560px}.phone{position:absolute;overflow:hidden;border:10px solid #151515;border-radius:34px;background:#151515;box-shadow:var(--shadow)}.phone:before{content:"";position:absolute;top:8px;left:50%;z-index:2;width:64px;height:18px;border-radius:999px;background:#151515;transform:translate(-50%)}.phone img{width:100%;height:100%;object-fit:cover}.phone--left{top:76px;left:0;width:210px;height:455px;transform:rotate(-4deg)}.phone--center{top:0;left:155px;z-index:2;width:235px;height:510px}.phone--right{top:96px;right:0;width:205px;height:445px;transform:rotate(4deg)}.home-features{padding:56px 0;border-top:1px solid rgba(23,51,38,.1)}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2,.android-section h2{margin:0;color:var(--text);font-family:Syne,sans-serif;font-size:clamp(2rem,3vw,3.1rem);line-height:1.05;letter-spacing:0}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-card{padding:24px;border:1px solid rgba(23,51,38,.08);border-radius:28px;background:var(--panel);box-shadow:0 14px 36px #14281e0f}.feature-icon{display:grid;width:48px;height:48px;margin-bottom:18px;place-items:center;border-radius:16px;background:#2f7d3a1f;font-size:1.4rem}.feature-card h3{margin:0;color:var(--text);font-size:1.08rem}.feature-card p{margin:10px 0 0;color:#173326b3;font-size:.95rem;line-height:1.55}.android-section{display:flex;gap:32px;align-items:center;justify-content:space-between;margin:28px 0 72px;padding:34px;border:1px solid rgba(23,51,38,.08);border-radius:32px;background:radial-gradient(circle at 12% 18%,rgba(238,143,0,.14),transparent 32%),linear-gradient(135deg,#2f7d3a1f,#ffffffad)}.android-section p{max-width:760px;margin:16px 0 0;color:#173326bd;font-size:1.05rem;line-height:1.6}.site-footer{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 0 34px}.footer-link{color:#173326a8;font-size:.88rem;font-weight:700;text-decoration:none}.footer-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}@media(max-width:1050px){.home-hero{grid-template-columns:1fr;padding-top:48px}.home-hero__visual{min-height:520px;max-width:620px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.site-layout{width:min(calc(100% - 28px),1180px)}.site-header{align-items:flex-start;flex-direction:column;gap:14px;padding-top:18px}.site-nav{width:100%;justify-content:flex-start}.home-hero{gap:32px;padding:34px 0 52px}.home-benefits{grid-template-columns:1fr}.home-hero__visual{min-height:440px}.phone{border-width:7px;border-radius:26px}.phone--left{top:72px;left:0;width:150px;height:325px}.phone--center{top:0;left:50%;width:170px;height:370px;transform:translate(-50%)}.phone--right{top:86px;right:0;width:150px;height:325px}.feature-grid{grid-template-columns:1fr}.android-section{flex-direction:column;align-items:flex-start;margin-bottom:48px;padding:26px}}@media(max-width:430px){.phone--left,.phone--right{opacity:.45}.android-button{width:100%;justify-content:center}}
