:root{--color-primary: #1C6E14;--color-primary-hover: #086100;--color-text: #333;--color-text-light: #666;--color-bg: #ffffff;--color-bg-alt: #f8f9fa;--color-border: #e0e0e0;--font-family: "neue-haas-grotesk-text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 12px;--radius-sm: 8px;--max-width: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.hero{text-align:center;padding:64px 24px 48px;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 100%)}.hero__logo{width:180px;margin:0 auto 32px}.hero__title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--color-text)}.hero__subtitle{font-size:1.125rem;color:var(--color-text-light);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto}.hero__mockup{max-width:280px;margin:0 auto 40px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:var(--color-primary);color:#fff;font-size:1.125rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:36px;cursor:pointer;text-decoration:none;transition:background .2s,transform .1s}.cta:hover{background:var(--color-primary-hover)}.cta:active{transform:scale(.98)}.cta--secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.cta--secondary:hover{background:var(--color-primary);color:#fff}.benefits{padding:56px 24px;background:var(--color-bg)}.benefits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;max-width:var(--max-width);margin:0 auto}.benefit{text-align:center;padding:24px 16px}.benefit__icon{font-size:2rem;margin-bottom:12px;display:block}.benefit__title{font-size:1rem;font-weight:600;margin-bottom:4px}.benefit__desc{font-size:.875rem;color:var(--color-text-light)}.install{padding:56px 24px;background:var(--color-bg-alt)}.install__inner{max-width:560px;margin:0 auto;text-align:center}.install__title{font-size:1.5rem;font-weight:700;margin-bottom:24px}.install__android,.install__ios,.install__desktop{display:none}.install__android.active,.install__ios.active,.install__desktop.active{display:block}.install__badge{height:56px;margin:0 auto 24px}.install__steps{text-align:left;list-style:none;counter-reset:steps;max-width:400px;margin:0 auto}.install__steps li{counter-increment:steps;padding:12px 0 12px 40px;position:relative;font-size:.9375rem;border-bottom:1px solid var(--color-border)}.install__steps li:last-child{border-bottom:none}.install__steps li:before{content:counter(steps);position:absolute;left:0;top:12px;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center}.install__qr{width:200px;height:200px;margin:0 auto 24px}.install__qr svg{width:100%;height:100%}.install__fallback{margin-top:16px;font-size:.875rem;color:var(--color-text-light)}.install__fallback a{color:var(--color-primary);text-decoration:none;font-weight:500}.install__fallback a:hover{text-decoration:underline}.install__open-safari{margin-top:16px}.footer{padding:40px 24px;text-align:center;border-top:1px solid var(--color-border)}.footer__links{display:flex;justify-content:center;gap:24px;margin-bottom:16px;flex-wrap:wrap}.footer__links a{color:var(--color-primary);text-decoration:none;font-size:.875rem;font-weight:500}.footer__links a:hover{text-decoration:underline}.footer__disclaimer{font-size:.75rem;color:#999;max-width:600px;margin:0 auto;line-height:1.5}@media(min-width:768px){.hero{padding:80px 24px 64px}.hero__title{font-size:2.5rem}.hero__mockup{max-width:320px}}@media(max-width:480px){.hero__title{font-size:1.625rem}.benefits__grid{grid-template-columns:1fr 1fr;gap:16px}.benefit{padding:16px 8px}}
