:root{--bg:#0b0d0c;--bg2:#121614;--panel:rgba(20,23,21,.82);--panel2:rgba(27,31,28,.94);--text:#f3f7f3;--muted:#a9b4ab;--accent:#39ff14;--accent2:#ff5e00;--border:rgba(255,255,255,.10);--shadow:0 24px 60px rgba(0,0,0,.44);--radius:28px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%, rgba(57,255,20,.09), transparent 18%), radial-gradient(circle at 85% 12%, rgba(255,94,0,.10), transparent 16%), linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.section{padding:clamp(3.2rem,7vw,6.4rem) 0}.topbar{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px);background:rgba(11,13,12,.78);border-bottom:1px solid var(--border)}.topbar-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.9rem;font-weight:800;letter-spacing:-.03em}.brand-mark{width:52px;height:52px;border-radius:16px;overflow:hidden;border:1px solid rgba(57,255,20,.18);box-shadow:0 0 0 1px rgba(255,255,255,.04)}.brand small{display:block;color:var(--muted);font-weight:500}.nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.nav a{color:var(--muted)}.nav a:hover{color:var(--text)}.lang{display:flex;gap:.5rem}.lang a{padding:.45rem .72rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.lang a.active{background:rgba(57,255,20,.10);color:var(--text)}.hero{padding:clamp(4rem,9vw,7.6rem) 0 3.5rem;position:relative}.hero-grid{display:grid;gap:2rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .85rem;border-radius:999px;background:rgba(57,255,20,.08);border:1px solid rgba(57,255,20,.16);color:var(--muted);font-size:.8rem;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:'';width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}h1,h2,h3{margin:0;line-height:.98;letter-spacing:-.04em}h1{font-size:clamp(2.55rem,5.9vw,5.25rem);max-width:11ch;margin:.95rem 0 1rem}h2{font-size:clamp(1.8rem,3.3vw,3rem)}.lead{font-size:1.08rem;max-width:62ch;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.88rem 1.2rem;border-radius:999px;border:1px solid var(--border);font-weight:800;transition:transform .18s ease, box-shadow .18s ease, background .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#1ebf3f);color:#091109;box-shadow:0 12px 26px rgba(57,255,20,.12)}.btn-secondary{background:rgba(255,255,255,.03)}.hero-card,.card,.glass,.stat{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:1rem;position:relative;overflow:hidden}.hero-card img,.card img{border-radius:22px;transform:scale(1.01);transition:transform .8s ease, filter .8s ease}.hero-card:hover img,.card:hover img{transform:scale(1.05)}.stats{display:grid;gap:1rem;margin-top:1.8rem}.stat{padding:1rem 1.1rem}.stat strong{display:block;font-size:1.03rem;margin-bottom:.22rem}.stat span{color:var(--muted)}.section-head{display:grid;gap:.75rem;max-width:72ch;margin-bottom:1.8rem}.section-head p{color:var(--muted);max-width:66ch}.grid-3,.grid-4,.split{display:grid;gap:1rem}.card{padding:1.35rem;transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease}.card:hover{transform:translateY(-4px);border-color:rgba(57,255,20,.22);box-shadow:0 26px 70px rgba(0,0,0,.42)}.card h3{font-size:1.22rem;margin-bottom:.55rem}.card p{margin:0;color:var(--muted)}.feature{display:flex;gap:.9rem;align-items:flex-start}.feature .ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(57,255,20,.08);border:1px solid rgba(57,255,20,.12);flex:0 0 auto}.gallery{display:grid;gap:1rem}.gallery .card{position:relative;overflow:hidden}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%, rgba(0,0,0,.18) 100%);pointer-events:none}.cta{padding:clamp(1.4rem,3vw,2.2rem)}.footer{padding:2rem 0 3rem;border-top:1px solid var(--border);color:var(--muted)}.footer-inner{display:grid;gap:1rem;align-items:center}.footer a{color:var(--text)}.counter{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.counter .c{padding:1rem;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.counter .c strong{display:block;font-size:1.35rem;color:var(--accent)}.counter .c span{color:var(--muted);font-size:.94rem}.reveal{opacity:0;transform:translateY(18px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}.float-left{animation:floatLeft 8s ease-in-out infinite}.float-right{animation:floatRight 9s ease-in-out infinite}.parallax{transform:translateZ(0)}.tilt{transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transition:transform .4s ease}.tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}@keyframes floatLeft{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatRight{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@media(min-width:920px){.hero-grid{grid-template-columns:1.08fr .92fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr auto}}