:root{--bg:#f1f7f4;--surface:#fff;--ink:#0a1f18;--muted:#4a6b62;--line:#cfe6db;--primary:#009f51;--primary-dark:#00753d;--primary-glow:#009f5138}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100vh}.container{width:min(1120px,92vw);margin:0 auto}.topbar{z-index:10;background:var(--primary);border-bottom:1px solid #ffffff2e;position:sticky;top:0;box-shadow:0 8px 28px #00462638}.nav{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark-image{object-fit:contain;border-radius:10px;width:44px;height:44px;display:block}.brand-mark-image.mini{width:30px;height:30px}.brand-text{letter-spacing:.2px;color:#fff;font-weight:700}.brand-name{letter-spacing:.2px;color:#fff;text-shadow:0 1px 1px #00000014;font-size:28px;font-weight:800;line-height:1}.footer-brand{align-items:center;gap:8px;display:inline-flex}.footer-name{font-size:24px}.hero{background:linear-gradient(165deg, #e5f4ec 0%, var(--bg) 42%, #f8fbfa 100%), radial-gradient(ellipse 90% 70% at 100% 0%, #009f512e, transparent 50%), radial-gradient(ellipse 70% 50% at 0% 100%, #00753d1f, transparent 45%);padding:88px 0 56px;position:relative;overflow:hidden}.orb{filter:blur(10px);opacity:.45;pointer-events:none;border-radius:999px;position:absolute}.orb-1{background:radial-gradient(circle,#009f5159,#009f5100);width:250px;height:250px;top:-90px;right:-60px}.orb-2{background:radial-gradient(circle,#00753d47,#00753d00);width:200px;height:200px;bottom:-90px;left:-70px}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;display:grid}.eyebrow{color:#0d4d32;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 4px 14px var(--primary-glow);background:linear-gradient(#fff,#e9f7ef);border:1px solid #009f5159;border-radius:999px;margin:0 0 18px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-block}h1{letter-spacing:-.8px;margin:0 0 14px;font-size:clamp(30px,5vw,52px);line-height:1.06}.hero h1{text-align:left}.lead{color:var(--muted);max-width:62ch;margin:0 0 22px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.hero-points{color:var(--muted);gap:6px;margin:0;padding-left:18px;display:grid}.hero-visual{gap:12px;display:grid}.phone-mock{background:var(--surface);border:1px solid #0e4d3024;border-radius:22px;overflow:hidden;box-shadow:0 4px #00502c0f,0 28px 50px #07361c1f}.floating{animation:5s ease-in-out infinite floatY}.phone-head{color:#285846;border-bottom:1px solid var(--line);background:#f2fbf6;padding:10px 12px;font-size:13px;font-weight:600}.phone-body{aspect-ratio:10/16;background:#ecf5f1;place-items:center;display:grid}.phone-body img,.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb{border:1px solid var(--line);aspect-ratio:5/6;background:#ecf5f1;border-radius:12px;margin:0;overflow:hidden}.thumb figcaption{color:#2d5f4d;border-top:1px solid var(--line);text-align:center;background:#f7fcf9;padding:7px 8px;font-size:12px;font-weight:600}.thumb-scroller{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.section{padding:64px 0}.section.alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#e8f4ed repeating-linear-gradient(-12deg,#0000,#0000 12px,#ffffff59 12px 13px)}.section-title{letter-spacing:-.4px;margin:0 0 22px;font-size:clamp(26px,3vw,38px)}.section-title.left{align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.section-title.left:before{content:"";background:linear-gradient(180deg, var(--primary), #00c46b);border-radius:6px;flex-shrink:0;width:5px;height:1.55em;margin-top:.32em;box-shadow:0 2px 8px #009f5159}.section-title--center{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:28px;display:flex}.section-title--center:after{content:"";background:linear-gradient(90deg, var(--primary), #00c46b);border-radius:999px;width:44px;height:4px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s}.card:hover{border-color:#009f5159;transform:translateY(-5px);box-shadow:0 18px 40px #0c58341f}.card--feature{flex-direction:column;gap:14px;display:flex}.card-body h3{margin:0 0 8px;font-size:18px}.card-body p{color:var(--muted);margin:0}.feature-icon{width:44px;height:44px;color:var(--primary);background:linear-gradient(145deg,#f0fdf6,#d8f0e4);border:1px solid #009f5133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:0;display:inline-flex}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.card:not(.card--feature) h3{margin:0 0 8px;font-size:18px}.card:not(.card--feature) p{color:var(--muted);margin:0}.split{grid-template-columns:1.2fr .8fr;align-items:start;gap:18px;display:grid}.note{background:linear-gradient(160deg,#f6fdf9,#e6f5ec);border:1px solid #009f5147;border-radius:16px;padding:18px;box-shadow:inset 0 1px #ffffffbf}.note h3{margin:0 0 8px}.note p{color:#285846;margin:0}.footer{background:var(--primary);border-top:1px solid #ffffff40;padding:26px 0 92px}.footer-wrap{justify-content:space-between;align-items:center;gap:16px;display:flex}.muted{color:#ffffffdb;margin:4px 0 0;font-size:14px}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;height:44px;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn-primary{background:linear-gradient(180deg, #00b35d, var(--primary));color:#fff;border-color:#0000000f;box-shadow:0 6px 18px #00783e59}.btn-primary:hover{background:linear-gradient(180deg, #00994f, var(--primary-dark));transform:translateY(-1px);box-shadow:0 10px 24px #00643461}.btn-secondary{color:#145236;background:#fff;border-color:#009f5159;box-shadow:0 4px 14px #00502c14}.btn-secondary:hover{border-color:var(--primary);transform:translateY(-1px)}.btn-ghost{color:#fff;background:#ffffff1f;border-color:#ffffff75}.btn[aria-disabled=true]{opacity:.65;pointer-events:none}.mobile-cta{z-index:30;padding:12px 12px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4fbf7f5;border-top:1px solid #009f512e;gap:10px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #003c2314}.mobile-cta .btn{flex:1;height:44px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.show{opacity:1;transform:translateY(0)}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width>=901px){.card--feature{flex-direction:row;align-items:flex-start;gap:18px;padding:22px 20px}.card--feature .feature-icon{border-radius:16px;width:52px;height:52px}.card--feature .feature-icon svg{width:24px;height:24px}}@media (width<=900px){.hero{padding:52px 0 34px}.hero-grid,.split,.grid-3{grid-template-columns:1fr}h1{font-size:clamp(28px,9vw,36px);line-height:1.1}.hero h1{text-align:center}.lead{font-size:15px;line-height:1.5}.hero-actions{display:none}.thumb-scroller{scroll-snap-type:x mandatory;grid-auto-columns:70%;grid-auto-flow:column;padding-bottom:2px;display:grid;overflow-x:auto}.thumb{scroll-snap-align:start}.mobile-cta{display:flex}.footer-wrap{flex-direction:column;align-items:flex-start}.brand-name{font-size:24px}.footer-name{font-size:22px}}@media (prefers-reduced-motion:reduce){.reveal,.card,.btn,.floating{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}