.hero{min-height:100vh;background:#1f1f1f;display:flex;align-items:center;position:relative;overflow:hidden;padding:100px 5% 80px}.hero-matrix{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 0.5s ease}.hero:hover .hero-matrix{opacity:1}.hero-spotlight{position:absolute;inset:0;background:radial-gradient(
320px circle at var(--mx, 50%) var(--my, 50%),
rgba(0,155,91,0.14) 0%,
transparent 70%
);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.hero:hover .hero-spotlight{opacity:1}.hero-glow{position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle, rgba(0,155,91,0.18) 0%, transparent 70%);pointer-events:none}.hero-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%}.hero-eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--green-mid);margin-bottom:20px}.hero-title{font-family:var(--font-display);font-size:clamp(40px, 5vw, 66px);font-weight:700;color:white;line-height:1.05;letter-spacing:0.01em;margin-bottom:24px}.hero-title .accent{color:var(--green-mid)}.hero-desc{font-size:17px;color:rgba(255,255,255,0.6);line-height:1.7;max-width:480px;margin-bottom:40px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{display:flex;flex-direction:column;gap:20px}.hero-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-stat{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:0;padding:20px}.hero-stat .number{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--green-mid);line-height:1;margin-bottom:4px}.hero-stat .label{font-size:13px;color:rgba(255,255,255,0.5)}.brand-badge{background:rgba(0,155,91,0.12);border:1px solid rgba(0,155,91,0.25);border-radius:0;padding:16px 20px;display:flex;align-items:center;gap:12px}.brand-badge-dot{width:8px;height:8px;background:var(--green-mid);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px rgba(0,196,114,0.2)}.brand-badge p{font-size:13px;color:rgba(255,255,255,0.7)}#categories{background:white}.cat-header{text-align:center;margin-bottom:64px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:20px}.cat-item{border:1px solid var(--border);border-radius:0;transition:border-color 0.2s, transform 0.2s, box-shadow 0.2s;cursor:pointer;background:white;text-decoration:none;color:inherit;display:block;overflow:hidden;position:relative}.cat-item:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,155,91,0.1)}.cat-item--cta{background:var(--green);border-color:var(--green)}.cat-item--cta:hover{background:var(--green-dark);border-color:var(--green-dark)}.cat-icon{width:100%;aspect-ratio:16/9;background:white;position:relative;overflow:hidden;margin:0;display:block;padding:2px}.cat-icon img{width:100%;height:100%;object-fit:contain;display:block;transition:transform 0.35s ease}.cat-item:hover .cat-icon img{transform:scale(1.04)}.cat-item--cta .cat-icon{background:rgba(0,0,0,0.15)}.cat-icon--svg{display:flex;align-items:center;justify-content:center;padding:0}.cat-item-body{padding:14px 16px 16px}.cat-item h3{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--black);line-height:1.3;margin:0}.cat-item--cta h3{color:white}.bg-gray{background:var(--gray-bg)}.products-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;flex-wrap:wrap;gap:24px}.product-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:0;background:white;cursor:pointer;color:var(--gray-dark);transition:all 0.15s;font-family:var(--font-body)}.filter-btn:hover, .filter-btn.active{background:var(--green);color:white;border-color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:24px}.product-card{background:white;border:1px solid var(--border);border-radius:0;padding:28px;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block}.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform 0.2s}.product-card:hover{border-color:var(--green);box-shadow:0 8px 32px rgba(0,155,91,0.1);transform:translateY(-2px)}.product-card:hover::before{transform:scaleX(1)}.product-cat{font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.product-name{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--black);margin-bottom:8px;line-height:1.2}.product-desc{font-size:14px;color:var(--gray-mid);line-height:1.6;margin-bottom:18px}.product-specs{display:flex;flex-wrap:wrap;gap:8px}.spec-tag{font-size:12px;font-weight:500;background:var(--gray-bg);color:var(--gray-dark);padding:4px 10px;border-radius:0}.product-arrow{position:absolute;bottom:28px;right:28px;width:32px;height:32px;background:var(--green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green);opacity:0;transition:opacity 0.2s;font-size:14px}.product-card:hover .product-arrow{opacity:1}.bg-dark{background:#1f1f1f}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-features{display:flex;flex-direction:column;gap:24px;margin-top:40px}.why-feature{display:flex;gap:16px;align-items:flex-start}.why-icon{width:40px;height:40px;background:rgba(0,155,91,0.15);border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green-mid)}.why-feature h4{font-family:var(--font-display);font-size:17px;font-weight:600;color:white;margin-bottom:4px}.why-feature p{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.6}.why-right{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:0;padding:24px;text-align:center}.metric-card .val{font-family:var(--font-display);font-size:38px;font-weight:700;color:var(--green-mid);line-height:1;margin-bottom:8px}.metric-card .metric-label{font-size:13px;color:rgba(255,255,255,0.45)}.metric-card--tall{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:16px}.app-item{background:var(--gray-bg);border-radius:0;padding:24px 16px;text-align:center;border:1px solid transparent;transition:all 0.2s}.app-item:hover{border-color:var(--green);background:var(--green-light)}.app-icon{width:48px;height:44px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;color:var(--green)}.img-placeholder{display:block;width:100%;height:100%;border:1.5px dashed rgba(0,155,91,0.45);border-radius:0;position:relative;background:rgba(0,155,91,0.04)}.img-placeholder::before{content:'';position:absolute;top:20%;left:20%;width:60%;height:60%;border:1.5px solid rgba(0,155,91,0.3);border-radius:0}.why-icon .img-placeholder,
.cat-item--cta .img-placeholder{border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.06)}.why-icon .img-placeholder::before,
.cat-item--cta .img-placeholder::before{border-color:rgba(255,255,255,0.35)}.app-item h3{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--black)}.cta-banner{background:var(--green);padding:64px 5%}.cta-content h2{font-family:var(--font-display);font-size:clamp(28px, 3vw, 40px);font-weight:700;color:white;margin-bottom:8px}.cta-content p{font-size:16px;color:rgba(255,255,255,0.75);margin-bottom:32px}.cta-banner .section-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.cta-banner .btn-primary{background:white;color:var(--green);flex-shrink:0}.cta-banner .btn-primary:hover{background:var(--green-light);color:var(--green-dark);transform:translateY(-1px)}@media (max-width:900px){.hero-content{grid-template-columns:1fr;gap:48px}.why-grid{grid-template-columns:1fr;gap:48px}.why-right{grid-template-columns:repeat(2, 1fr)}}@media (max-width:600px){.hero-stat-grid{grid-template-columns:1fr 1fr}.cta-banner .section-inner{flex-direction:column;text-align:center}}