*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:#0a0a0a}body{font-family:Montserrat,sans-serif;color:#fff;overflow-x:hidden}a{color:#22c55e;text-decoration:none}img{max-width:100%}::selection{background:#22c55e59}.container{max-width:1152px;margin:0 auto;padding:0 32px}section{padding:110px 0}.header{position:sticky;top:0;z-index:50;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);padding:14px 40px;display:flex;align-items:center;justify-content:space-between;transition:box-shadow .3s}.header.scrolled{box-shadow:0 10px 30px #00000080}.header .brand{display:flex;align-items:center;gap:16px}.header .brand img{height:42px;width:auto;display:block}.header .brand-sub{font-size:10px;letter-spacing:2px;color:#737373;font-weight:600;border-left:1px solid rgba(255,255,255,.15);padding-left:14px}.header nav{display:flex;align-items:center;gap:28px}.header nav a{font-weight:600;color:#a3a3a3;font-size:15px;transition:color .25s}.header nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;padding:15px 30px;border-radius:9999px;transition:transform .3s,box-shadow .3s,background .25s;cursor:pointer;border:none;font-family:inherit}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#16a34a;color:#fff!important}.btn-primary:hover{background:#22c55e;box-shadow:0 14px 32px #22c55e59}.btn-light{background:#fff;color:#171717!important}.btn-light:hover{background:#e5e5e5;box-shadow:0 14px 32px #00000040}.btn .ar{display:inline-block;transition:transform .3s}.btn:hover .ar{transform:translate(5px)}.badge{display:inline-flex;align-items:center;gap:10px;border-radius:9999px;padding:9px 20px;margin-bottom:30px;font-size:12.5px;letter-spacing:2px;font-weight:600}.badge .dot{width:7px;height:7px;border-radius:50%;position:relative}.badge .dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid currentColor;opacity:.6;animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}.badge-green{background:#052e1699;border:1px solid rgba(34,197,94,.25);color:#4ade80;box-shadow:0 0 30px #22c55e1f}.badge-green .dot{background:#22c55e}.badge-green-light{background:#052e160f;border:1px solid rgba(22,163,74,.25);color:#16a34a}.badge-green-light .dot{background:#16a34a}.badge-red{background:#2e050599;border:1px solid rgba(239,68,68,.25);color:#f87171}.badge-red .dot{background:#ef4444}@keyframes ping{75%,to{transform:scale(2.2);opacity:0}}h1{font-weight:700;font-size:clamp(44px,7vw,88px);line-height:1.02;letter-spacing:-.03em;margin:0 0 32px}h2{font-weight:700;font-size:clamp(32px,4.5vw,48px);line-height:1.1;letter-spacing:-.025em;margin:0 0 20px}.accent{color:#22c55e}.accent-dark{color:#16a34a}.lead{font-size:17px;line-height:1.7;color:#a3a3a3;max-width:640px;margin:0 0 56px;text-wrap:pretty}.hero{position:relative;overflow:hidden;background:#050505;padding:130px 0 90px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#050505 url(/img/hero.jpg) center/cover no-repeat;animation:kb 26s ease-in-out infinite alternate;will-change:transform}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#050505f2 20%,#050505c7 55%,#05050580),linear-gradient(to top,#050505 2%,transparent 45%)}@keyframes kb{0%{transform:scale(1.02)}to{transform:scale(1.14)}}.hero .container{position:relative}.hero p.sub{font-size:18px;line-height:1.7;color:#bebebe;margin:0 0 44px;max-width:620px;text-wrap:pretty}.hero .ctas{display:flex;gap:16px;margin-bottom:52px;flex-wrap:wrap}.hero .checks{display:flex;gap:28px;flex-wrap:wrap}.hero .checks div{display:flex;align-items:center;gap:9px;font-size:15px;color:#a3a3a3}.hero .checks span{color:#22c55e;font-weight:700}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px;border-top:1px solid rgba(255,255,255,.14);padding-top:40px}.hero-stats .num{font-weight:800;font-size:clamp(28px,3.4vw,42px);letter-spacing:-1px;color:#4ade80}.hero-stats .lbl{font-size:13.5px;color:#a3a3a3;margin-top:4px}.scroll-cue{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffff8c;font-size:22px;animation:cue 2s ease-in-out infinite}@keyframes cue{0%,to{transform:translate(-50%);opacity:.7}50%{transform:translate(-50%,10px);opacity:1}}.marquee-band{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:20px 0}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:64px;width:max-content;animation:mq 32s linear infinite;align-items:center}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-size:14px;letter-spacing:3px;font-weight:700;color:#737373;white-space:nowrap}.marquee-track i{color:#16a34a;font-style:normal}@keyframes mq{to{transform:translate(-50%)}}.rv{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.16,1,.3,1) var(--d, 0s),transform .9s cubic-bezier(.16,1,.3,1) var(--d, 0s)}.rv.in{opacity:1;transform:none}.stagger>*:nth-child(2){--d: .09s}.stagger>*:nth-child(3){--d: .18s}.stagger>*:nth-child(4){--d: .27s}.stagger>*:nth-child(5){--d: .36s}.stagger>*:nth-child(6){--d: .45s}@media (prefers-reduced-motion: reduce){.rv{opacity:1;transform:none;transition:none}.hero-bg,.marquee-track,.scroll-cue{animation:none}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card-dark{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px 32px;display:flex;gap:18px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.card-dark:hover{transform:translateY(-6px);box-shadow:0 22px 44px #0006;border-color:#22c55e73}.card-dark .icon{width:36px;height:36px;flex-shrink:0;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.icon-red{background:#dc262626;border:1px solid rgba(239,68,68,.3);color:#ef4444}.icon-green{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#4ade80}.card-title{font-weight:700;font-size:18px;color:#fff;margin-bottom:8px}.card-text{font-size:15px;line-height:1.65;color:#a3a3a3}.solution{background:#0b6156}.solution .lead{color:#ffffffbf}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.solution .card-dark{background:#ffffff0f;border-color:#ffffff1f}.solution .card-text{color:#ffffffb8}.cut-card{border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.15);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.cut-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #00000059}.cut-card img{display:block;width:100%;height:auto}.cut-card .cap{padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.cut-card .cap b{font-size:14px;color:#171717}.cut-card .cap span{font-size:13px;color:#737373}.light{background:#fff;color:#171717}.light h2{color:#171717}.light .lead{color:#525252}.product-card{border:1px solid #e5e5e5;border-radius:24px;background:#fff;box-shadow:0 1px 2px #0000000d;padding:32px 34px;display:flex;flex-direction:column;gap:20px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.product-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #16a34a29;border-color:#16a34a80}.product-card .p-badge{align-self:flex-start;background:#052e160f;border:1px solid rgba(22,163,74,.2);border-radius:9999px;padding:6px 16px;font-size:11.5px;letter-spacing:1.5px;font-weight:600;color:#16a34a}.product-card .p-name{font-weight:700;font-size:25px;color:#171717;letter-spacing:-.5px}.product-card .p-tag{font-size:15px;color:#737373;margin-top:6px;font-weight:500}.product-card p{margin:0;font-size:15px;line-height:1.65;color:#525252}.product-card .specs{flex:1}.product-card .spec{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #eee;font-size:14px}.product-card .spec span:first-child{color:#737373}.product-card .spec span:last-child{font-weight:600;color:#171717;text-align:right}.product-card .tags{display:flex;flex-wrap:wrap;gap:8px}.product-card .tags span{background:#f5f5f5;color:#404040;font-size:13px;font-weight:600;border-radius:9999px;padding:6px 14px}.dark-deep{background:#050505;border-top:1px solid rgba(255,255,255,.05)}.step-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px 28px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.step-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #0006;border-color:#22c55e73}.step-card .ghost{font-weight:800;font-size:64px;color:#22c55e24;position:absolute;top:10px;right:18px;line-height:1;transition:color .35s}.step-card:hover .ghost{color:#22c55e4d}.step-card .n{width:36px;height:36px;border-radius:9999px;background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#4ade80;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:44px}.step-card .t{font-weight:700;font-size:19px;margin-bottom:10px}.step-card .x{font-size:14.5px;line-height:1.65;color:#a3a3a3}.app-card{background:#fff;border:1px solid #e5e5e5;border-radius:24px;box-shadow:0 1px 2px #0000000d;padding:0 0 26px;overflow:hidden;display:flex;flex-direction:column;gap:14px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.app-card .ph{height:170px;overflow:hidden}.app-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.app-card:hover .ph img{transform:scale(1.08)}.app-card .t,.app-card .x{padding:0 26px}.app-card .s{margin:0 26px}.app-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #16a34a29;border-color:#16a34a80}.app-card .t{font-weight:700;font-size:20px;color:#171717}.app-card .x{font-size:15px;line-height:1.65;color:#525252;flex:1}.app-card .s{border-top:1px solid #eee;padding-top:14px;font-size:12px;letter-spacing:1.5px;font-weight:600;color:#16a34a}.parallax-band{position:relative;padding:140px 0;overflow:hidden;background:#050505 url(/img/stadium.jpg) center/cover no-repeat fixed}@supports (-webkit-touch-callout: none){.parallax-band{background-attachment:scroll}}.parallax-band .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#050505c7,#050505d1)}.parallax-band .inner{position:relative;max-width:860px;margin:0 auto;text-align:center;padding:0 32px}.parallax-band h2{font-size:clamp(30px,4.2vw,46px)}.parallax-band p{color:#bebebe;font-size:17px;line-height:1.7;margin:0 0 36px}.grass-strip{position:relative;height:260px;overflow:hidden}.grass-strip img{width:100%;height:100%;object-fit:cover;display:block}.grass-strip .tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#050505b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(34,197,94,.35);color:#4ade80;font-size:13px;letter-spacing:2.5px;font-weight:700;padding:12px 26px;border-radius:9999px;white-space:nowrap}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin-top:48px}.compare-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.compare-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #0006}.compare-card .ph{aspect-ratio:4 / 3;overflow:hidden}.compare-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.compare-card:hover .ph img{transform:scale(1.06)}.compare-card .tag{padding:16px 22px;font-size:13px;letter-spacing:1.5px;font-weight:700;text-align:center}.compare-card .tag-red{color:#f87171;border-top:1px solid rgba(239,68,68,.3);background:#2e050566}.compare-card .tag-green{color:#4ade80;border-top:1px solid rgba(34,197,94,.3);background:#052e1666}@media (max-width: 960px){.compare-grid{grid-template-columns:1fr}}.contact{background:#050505;border-top:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;padding:120px 0}.contact .glow{position:absolute;bottom:-350px;left:50%;transform:translate(-50%);width:900px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,74,.16),transparent 65%)}.contact .inner{max-width:760px;margin:0 auto;text-align:center;position:relative;padding:0 32px}.contact h2{font-size:clamp(36px,5vw,56px)}.contact .ctas{display:flex;gap:16px;justify-content:center;margin-bottom:72px;flex-wrap:wrap}.contact-info{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid rgba(255,255,255,.1);padding-top:44px}.contact-info .k{font-size:11.5px;letter-spacing:2px;color:#737373;font-weight:600;margin-bottom:8px}.contact-info .v{font-size:16px;font-weight:600}.wa-float{position:fixed;bottom:28px;right:28px;z-index:100;display:flex;align-items:center;gap:10px;background:#16a34a;color:#fff!important;font-weight:700;font-size:15px;padding:15px 24px;border-radius:9999px;box-shadow:0 12px 34px #16a34a73;transition:transform .3s,box-shadow .3s}.wa-float:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 44px #22c55e8c}.wa-float:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;border:2px solid rgba(34,197,94,.55);animation:ping 2.2s cubic-bezier(0,0,.2,1) infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#050505b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}}.modal{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:#0f0f0f;border:1px solid rgba(34,197,94,.25);border-radius:24px;padding:36px 34px;position:relative;box-shadow:0 30px 80px #0009,0 0 60px #22c55e14;animation:popIn .35s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{opacity:0;transform:translateY(24px) scale(.97)}}.modal h3{margin:0 0 8px;font-size:24px;font-weight:700;letter-spacing:-.5px}.modal .sub{font-size:14.5px;color:#a3a3a3;line-height:1.6;margin:0 0 26px}.modal .close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#a3a3a3;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s,transform .25s}.modal .close:hover{background:#ffffff1f;color:#fff;transform:rotate(90deg)}.modal form{display:flex;flex-direction:column;gap:16px}.modal label{font-size:12.5px;letter-spacing:1px;font-weight:600;color:#737373;display:block;margin-bottom:7px}.modal input,.modal select,.modal textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-family:inherit;font-size:15px;padding:13px 16px;outline:none;transition:border-color .25s,box-shadow .25s}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#22c55e99;box-shadow:0 0 0 3px #22c55e26}.modal select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.modal select option{background:#171717}.modal textarea{resize:vertical;min-height:84px}.modal .btn-primary{justify-content:center;width:100%;margin-top:6px}.modal .hint{font-size:12.5px;color:#737373;text-align:center;margin:4px 0 0}.wa-float{border:none;cursor:pointer;font-family:inherit}footer{background:#0a0a0a;color:#737373;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;border-top:1px solid rgba(255,255,255,.08)}footer .brand{display:flex;align-items:center;gap:14px}footer img{height:32px;width:auto;display:block}@media (max-width: 960px){section{padding:80px 0}.header{padding:12px 20px}.header nav a:not(.btn){display:none}.grid-2,.grid-3,.grid-4,.solution-grid{grid-template-columns:1fr}.hero-stats,.contact-info{grid-template-columns:repeat(2,1fr)}.brand-sub{display:none}}
