:root{--color-bg: #ffffff;--color-surface: #11141b;--color-elevated: #161a23;--color-primary: #008001;--color-primary-600: #006600;--color-primary-700: #004d00;--color-text: #1a1a1a;--color-muted: #9ca3af;--color-border: #262b36;--radius-md: 12px;--radius-lg: 16px;--shadow-lg: 0 10px 30px rgba(0,0,0,.35);--container: 1200px;--step--2: clamp(.78rem, .73rem + .21vw, .88rem);--step--1: clamp(.88rem, .82rem + .27vw, 1rem);--step-0: clamp(1rem, .92rem + .35vw, 1.13rem);--step-1: clamp(1.13rem, 1.03rem + .45vw, 1.35rem);--step-2: clamp(1.27rem, 1.14rem + .58vw, 1.62rem);--step-3: clamp(1.42rem, 1.25rem + .75vw, 1.94rem);--step-4: clamp(1.6rem, 1.36rem + .98vw, 2.33rem);--step-5: clamp(1.8rem, 1.46rem + 1.28vw, 2.8rem);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(135deg,#f8f9fa,#fff,#f1f3f4);color:var(--color-text)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-primary),var(--color-primary-600));color:#fff;font-weight:600;line-height:1;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 20px #00800159}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}header.site-header{position:fixed;top:0;left:0;right:0;z-index:60;-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);background:#0b0d12a6;border-bottom:1px solid var(--color-border);padding:20px 0 0}.site-header .inner{display:flex;align-items:center;justify-content:space-between}main{padding-top:84px}.brand{display:flex;align-items:center;font-weight:800;letter-spacing:.4px;gap:10px}.brand-logo{height:30px;display:block}.brand-mark{display:none}.nav{display:none;gap:18px}.nav a{color:var(--color-muted);font-weight:600}.nav a:hover{color:var(--color-text)}.header-cta{display:none}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.hero-media{position:relative;width:100%;aspect-ratio:1 / 1;max-height:clamp(320px,45vw,560px);display:flex;align-items:center;justify-content:center}.hero-eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-muted);font-weight:600;font-size:12px;letter-spacing:.6px;text-transform:uppercase}.hero h1{font-size:var(--step-5);line-height:1.1;margin:14px 0 10px}.hero p.lede{color:var(--color-muted);font-size:var(--step-1);margin:0 0 22px}.hero .cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-image{display:block;width:100%;height:100%;object-fit:fill;object-position:0% 10%;border-radius:24px;background:#fff;box-shadow:0 8px 32px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{background:#f8f9fa;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px;text-align:center}.stat-card h3{margin:4px 0 0;font-size:28px}.stat-card p{margin:0;color:var(--color-muted)}.how{padding:44px 0 16px}.how-header{text-align:center;margin-bottom:18px}.how-sub{color:var(--color-muted);margin:6px 0 0}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.how-card{position:relative;border-radius:18px;background:#1b2150;box-shadow:0 20px 50px #00000040;padding:54px 22px 22px;margin-top:80px;min-height:160px;overflow:visible}.how-grid>.how-card:last-child:nth-child(odd){width:100%}.how-card-design{position:absolute;top:-40px;left:22px;right:22px;display:flex;align-items:center;gap:40px}.how-badge{width:50px;height:50px;border-radius:999px;background:radial-gradient(circle at 40% 35%,#8ed4ff,#2f7dd3 65%,#145aa8);color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #1757a259}.how-illus{flex:1;background:#fff;border-radius:14px;box-shadow:0 16px 40px #00000040;overflow:hidden}.how-illus img{width:100%;height:80px;object-fit:fill;display:block}.how-body h3{margin:12px 0 6px;font-size:22px;color:#cdd2ff}.how-body p{margin:0;color:#cdd2ff}.how-cta{display:flex;justify-content:center;margin-top:28px}.download{padding:32px 0 60px}.download .cta{background:linear-gradient(180deg,#f8f9fae6,#f1f3f4e6);border:1px solid var(--color-border);border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;box-shadow:0 8px 24px #0000001a}.download .cta h2{color:var(--color-primary);font-size:var(--step-4);margin:0}.store-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.store-btn{border-radius:12px;border:2px solid var(--color-primary);background:var(--color-elevated);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #00800133}.store-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0080014d}footer.site-footer{border-top:2px solid var(--color-border);background:#000;padding:20px 0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1.5fr;gap:24px}.footer-col{display:flex;flex-direction:column}.footer-col h5{margin:0 0 8px;font-size:18px}.footer-col a,.footer-col p{color:var(--color-muted);font-size:14px;margin:0}.footer-data{display:flex;flex-direction:row;justify-content:space-around;gap:24px}.footer_social ul{margin-top:12px;margin-bottom:0;padding-left:0;display:inline-block}.footer_social ul li{float:left;list-style:none;margin-right:10px;width:32px}.footer_social ul li:last-child{margin-right:0}.copyright,.contact-info{margin-top:18px;color:var(--color-muted);font-size:14px}.contact-info .contact-item{margin-bottom:10px;display:flex}.contact-info .contact-item .contact-icon{margin-right:10px}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:12px;top:12px;background:var(--color-primary);color:#fff;padding:8px 12px;border-radius:8px;z-index:100}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:8px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-muted);color:var(--color-text)}.menu-icon{width:18px;height:2px;background:currentColor;position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.backdrop{position:fixed;inset:0;background:#00000080;z-index:60}.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(82vw,360px);background:var(--color-elevated);border-left:1px solid var(--color-border);z-index:70;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border)}.menu-close{background:transparent;color:var(--color-text);border:none;font-size:20px}.drawer-nav{display:flex;flex-direction:column;padding:12px 16px;gap:8px}.drawer-nav a{color:var(--color-muted)}.drawer-nav a:hover{color:var(--color-text)}.drawer-cta{padding:12px 16px 20px}@media (max-width: 1024px){.hero .wrap{grid-template-columns:1fr}.nav{display:none}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.how-badge{width:46px;height:46px;font-size:20px}.how-grid>.how-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - 20px)/2)}}@media (min-width: 768px){.nav{display:flex}.header-cta{display:block}.menu-toggle{display:none}}@media (max-width: 768px){.stats-grid,.how-grid,.footer-grid{grid-template-columns:2fr}.hero .cta-row{gap:10px}.how{padding:32px 0 10px}.how-grid>.how-card:last-child:nth-child(odd){width:100%}.download{padding:24px 0 40px}.footer-col{align-items:center}}