:root{--bg:#000000;--bg2:#050505;--card:#0a0a0a;--card2:#111111;--line:#1f1f1f;--txt:#eef2fa;--mut:#9aa8c2;--ac:#2BF47A;--edge:rgba(43,244,122,.42);--glow:rgba(43,244,122,.28);--on:#04130a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img,svg{max-width:100%}
.w{max-width:1160px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header .w{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-weight:900;font-size:22px;letter-spacing:1.2px}.logo b{color:var(--ac);text-shadow:0 0 18px var(--glow)}
nav{display:flex;gap:26px;align-items:center}nav a.l{color:var(--mut);font-size:15px;transition:.2s}nav a.l:hover,nav a.l.on{color:var(--ac)}
.menu{display:none;background:none;border:1px solid var(--edge);color:var(--ac);border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}
.btn{display:inline-block;padding:13px 26px;border-radius:11px;font-weight:800;border:1px solid var(--ac);color:var(--ac);transition:.25s;cursor:pointer;background:transparent;font-size:15px}
.btn:hover{box-shadow:0 0 28px var(--glow);transform:translateY(-1px)}
.btn.p{background:var(--ac);color:var(--on)}
.btn.s{padding:9px 18px}
.hero{padding:92px 0 84px;position:relative;background:radial-gradient(900px 460px at 82% -8%,rgba(43,244,122,.17),transparent),radial-gradient(520px 320px at 0% 45%,rgba(43,244,122,.07),transparent)}
.hero .w{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow{color:var(--ac);font-weight:800;letter-spacing:2.2px;font-size:12px;margin-bottom:14px}
h1{font-size:clamp(36px,5.4vw,60px);line-height:1.05;margin:0 0 20px;letter-spacing:-1px}
h1 em,h2 em{font-style:normal;color:var(--ac);text-shadow:0 0 30px var(--glow)}
.lead{color:var(--mut);font-size:19px;margin:0 0 30px;max-width:560px}
.cta{display:flex;gap:14px;flex-wrap:wrap}.note{color:var(--mut);font-size:13px;margin-top:16px}
.page-hero{padding:70px 0 20px;background:radial-gradient(800px 300px at 50% -20%,rgba(43,244,122,.15),transparent)}
.page-hero h1{font-size:clamp(32px,4.6vw,50px)}.page-hero .lead{max-width:680px}
section{padding:80px 0;border-top:1px solid var(--line)}section.nb{border-top:0}
h2{font-size:clamp(26px,3.4vw,36px);margin:0 0 10px;color:var(--txt);letter-spacing:-.5px}
.sub{color:var(--mut);margin:0 0 40px;max-width:660px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
.bento{display:grid;gap:18px;grid-template-columns:repeat(6,1fr)}
.bento .c:nth-child(1){grid-column:span 3}.bento .c:nth-child(2){grid-column:span 3}
.bento .c:nth-child(n+3){grid-column:span 2}
.c{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--edge);border-radius:18px;padding:26px;transition:.28s;position:relative}
.c:hover{border-color:var(--ac);box-shadow:0 0 34px var(--glow);transform:translateY(-3px)}
.c h3{margin:0 0 8px;font-size:19px;color:var(--ac)}.c p{margin:0;color:var(--mut);font-size:15px}
.c ul{padding-left:18px;margin:12px 0 0;color:var(--mut);font-size:15px}.c li{margin:5px 0}
.ic{width:44px;height:44px;border-radius:12px;background:rgba(43,244,122,.1);border:1px solid var(--edge);display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:14px}
.num{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--ac);color:var(--on);font-weight:900;align-items:center;justify-content:center;margin-bottom:14px}
.tag{display:inline-block;font-size:12px;font-weight:800;color:var(--on);background:var(--ac);border-radius:99px;padding:3px 12px;margin-bottom:14px;letter-spacing:.5px}
.tag.o{background:none;color:var(--ac);border:1px solid var(--edge)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.split.rev .vis{order:-1}
.split h2{margin-bottom:12px}.split p{color:var(--mut)}.split ul{color:var(--mut);padding-left:20px}.split li{margin:7px 0}
.browser{background:var(--card);border:1px solid var(--edge);border-radius:16px;overflow:hidden;box-shadow:0 0 60px rgba(43,244,122,.13),0 30px 60px rgba(0,0,0,.4)}
.browser .top{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:#0a0a0a;align-items:center}
.browser .top i{width:10px;height:10px;border-radius:50%;background:#333333}.browser .top span{margin-left:10px;font-size:11px;color:var(--mut);background:#161616;border-radius:6px;padding:2px 10px}
.browser .body{padding:16px;display:grid;gap:10px}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.k{background:var(--card2);border:1px solid var(--edge);border-radius:12px;padding:12px}.k small{display:block;color:var(--ac);font-weight:700;font-size:11px}.k b{font-size:24px;display:block;line-height:1.2}.k em{font-style:normal;color:var(--mut);font-size:11px}
.chart{display:flex;align-items:flex-end;gap:8px;height:92px;background:var(--card2);border:1px solid var(--edge);border-radius:12px;padding:12px}
.chart span{flex:1;background:linear-gradient(180deg,var(--ac),rgba(43,244,122,.35));border-radius:5px 5px 0 0}
.lst{background:var(--card2);border:1px solid var(--edge);border-radius:12px;padding:6px 12px}
.lst div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.lst div:last-child{border:0}.lst b{color:var(--ac);font-weight:700}.lst span{color:var(--mut)}
.pill{display:inline-block;border:1px solid var(--edge);color:var(--ac);border-radius:99px;padding:1px 9px;font-size:11px}
.phone{width:min(270px,100%);margin:0 auto;background:#000000;border:2px solid var(--edge);border-radius:36px;padding:14px 12px 18px;box-shadow:0 0 60px rgba(43,244,122,.16),0 30px 60px rgba(0,0,0,.45)}
.phone .notch{width:80px;height:6px;border-radius:9px;background:#262626;margin:0 auto 14px}
.phone h4{margin:0 0 10px;font-size:15px;color:var(--ac)}
.phone .it{background:var(--card2);border:1px solid var(--edge);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:13px}.phone .it small{display:block;color:var(--mut)}
.phone .go{background:var(--ac);color:var(--on);border-radius:10px;text-align:center;font-weight:800;padding:9px;font-size:13px;margin-top:6px}
.cap{color:var(--mut);font-size:12px;text-align:center;margin-top:12px}
.flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.flow span{border:1px solid var(--edge);border-radius:99px;padding:6px 14px;font-size:13px;color:var(--ac);background:var(--card)}.flow i{color:var(--mut);font-style:normal}
details.c{padding:0}details.c summary{cursor:pointer;padding:20px 26px;font-weight:700;color:var(--ac);list-style:none;display:flex;justify-content:space-between;gap:12px}
details.c summary::-webkit-details-marker{display:none}details.c summary:after{content:"+";font-size:22px;line-height:1}details.c[open] summary:after{content:"−"}details.c p{padding:0 26px 22px}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--ac);font-size:13px;letter-spacing:.5px}td{color:var(--mut)}td:first-child{color:var(--txt)}.yes{color:var(--ac)!important;font-weight:800}
.tw{overflow-x:auto;border:1px solid var(--edge);border-radius:16px;background:var(--card)}
.store{border:1px solid var(--edge);border-radius:16px;padding:20px 22px;background:var(--card);color:var(--mut)}.store b{display:block;color:var(--ac);font-size:18px}
.final{text-align:center;background:radial-gradient(700px 300px at 50% 120%,rgba(43,244,122,.16),transparent)}.final .sub{margin:0 auto 28px}
footer{border-top:1px solid var(--line);padding:46px 0 34px;color:var(--mut);font-size:14px;background:var(--bg2)}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin-bottom:28px}footer h5{color:var(--ac);margin:0 0 10px;font-size:13px;letter-spacing:1px}footer a{display:block;margin:6px 0}footer a:hover{color:var(--ac)}
footer .bot{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
@media(max-width:900px){.hero .w,.split{grid-template-columns:1fr}.split.rev .vis{order:0}.bento{grid-template-columns:1fr}.bento .c{grid-column:auto!important}footer .cols{grid-template-columns:1fr}.hero{padding:58px 0 54px}}
@media(max-width:760px){.menu{display:block}nav{position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 18px;display:none}nav.open{display:flex}nav a.l{padding:12px 0;border-bottom:1px solid var(--line)}section{padding:58px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
footer .cols{grid-template-columns:1.5fr 1fr 1fr 1.3fr}
.fmb{display:flex;align-items:center;gap:12px;margin:0!important}.fmb img{height:42px;width:auto}.fmb span{font-weight:800;color:var(--txt);font-size:16px}
footer span.cn{display:block}
@media(max-width:900px){footer .cols{grid-template-columns:1fr}}
.fmb img{height:46px;border-radius:8px;display:block}
.fmb .em{display:block;width:78px;height:46px;overflow:hidden;border-radius:8px;background:#0d0d0d;flex:none}
.fmb .em img{height:46px;width:auto;max-width:none;border-radius:0;display:block}
.fmb .wm{font-size:15px;letter-spacing:3px;color:#d9dde6;font-weight:300;white-space:nowrap}.fmb .wm b{color:#fff;font-weight:800;letter-spacing:2px}
.vid video{width:100%;border-radius:18px;border:1px solid var(--edge);box-shadow:0 0 60px rgba(43,244,122,.13);background:#000}
.gal{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}
.gal img{width:100%;height:230px;object-fit:cover;border-radius:16px;border:1px solid var(--edge);transition:.28s}.gal img:hover{border-color:var(--ac);box-shadow:0 0 30px var(--glow)}
footer{position:relative;background:#0d0d0d;padding:52px 0 30px;border-top:0}
footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ac),transparent);box-shadow:0 0 22px var(--glow)}
.ftop{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:34px;border-bottom:1px solid #1f1f1f}
.fbrand p{max-width:430px;margin:16px 0 0;font-size:14px;line-height:1.7;color:var(--mut)}
.fcta{display:flex;gap:12px;flex-wrap:wrap}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:36px 0 34px}
footer .fgrid h5{color:var(--ac);margin:0 0 14px;font-size:12px;letter-spacing:2px;font-weight:800}
footer .fgrid a{display:block;margin:0 0 10px;font-size:14.5px;color:#b4bed3;transition:.2s}
footer .fgrid a:hover{color:var(--ac);transform:translateX(3px)}
footer .bot{border-top:1px solid #1f1f1f;padding-top:20px;font-size:12.5px;color:#7d8aa3;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fmb .em{background:none;border-radius:0}
@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}.ftop{align-items:flex-start}}
@media(max-width:480px){.fgrid{grid-template-columns:1fr}}
footer{padding:0;background:#0d0d0d}
footer .fthin{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap;padding:14px 0 10px}
footer .fthin .em{width:51px;height:30px}.footer .fthin .em img{height:30px}
footer .fthin .em img{height:30px}
footer .fthin .wm{font-size:11.5px;letter-spacing:2.4px}
footer .fl{display:flex;gap:22px;position:static;flex-direction:row;padding:0;border:0;background:none}
footer .fl a,footer .fc a{display:inline;margin:0;font-size:13px;color:#aab5cc;transition:.2s}
footer .fl a:hover,footer .fc a:hover{color:var(--ac);transform:none}
footer .fc{display:flex;gap:20px;flex-wrap:wrap}
footer .fbot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0 14px;border-top:1px solid #1f1f1f;font-size:11.5px;color:#6f7c95}
@media(max-width:760px){footer .fl{gap:16px}footer .fthin{padding:16px 0 8px}}