*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030405;color:#f7f8fa;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.header{height:74px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2025;background:rgba(3,4,5,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:25px;letter-spacing:-1px}.logo>span:last-child>span{color:#8cff00}.logo-mark{display:grid;place-items:center;width:31px;height:34px;background:linear-gradient(135deg,#fff 35%,#8cff00 36%);color:#071000;font-style:italic;font-weight:900;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}nav{display:flex;gap:28px;align-items:center}nav a{font-size:12px;color:#e2e5e8;text-decoration:none}nav a:first-child{color:#8cff00}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{height:660px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 6.5%;border-bottom:1px solid #1a1e22;background:radial-gradient(circle at 78% 54%,#0b1d24 0,#030405 43%)}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow{color:#8cff00;font-weight:800;font-size:12px;letter-spacing:.2em;margin-bottom:14px}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-4px;margin:0 0 22px}.hero h1 b{color:#b8c0c8;font-weight:700}.hero p{color:#aeb5bd;font-size:18px;max-width:520px}.btn{display:inline-flex;gap:28px;align-items:center;margin-top:22px;border:1px solid #8cff00;border-radius:8px;padding:14px 22px;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.btn span{color:#8cff00;font-size:22px}.earth{position:absolute;right:-4%;top:0;width:62%;height:100%;overflow:hidden}.earth-shape{position:absolute;width:720px;height:720px;right:-130px;top:70px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#293a42 0,#101b22 38%,#050708 68%);box-shadow:0 0 0 2px #1c839b,0 0 70px #17839a;opacity:.95}.earth-shape:after{content:"";position:absolute;inset:8% 5%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 38px,rgba(255,255,255,.035) 40px 42px)}.earth-glow{position:absolute;width:500px;height:500px;right:100px;top:110px;background:#16d7ff;filter:blur(120px);opacity:.1}.scroll{position:absolute;bottom:17px;left:50%;border:1px solid #ddd;border-radius:20px;width:23px;height:38px;text-align:center;color:#8cff00}.section{max-width:1180px;margin:auto;padding:90px 30px}.dark{max-width:none;background:#080b0f;border-top:1px solid #15191e;border-bottom:1px solid #15191e}.dark>.heading,.dark>.cards{max-width:1180px;margin-left:auto;margin-right:auto}.heading{margin-bottom:38px}.heading.center{text-align:center}.heading h2,.about h2,.contact h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin:0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini{padding:30px;border:1px solid #1d2329;border-radius:18px;background:#0a0d11}.mini strong{color:#8cff00}.mini h3{font-size:21px;margin:50px 0 6px}.mini p{color:#919ba5;margin:0}.cards{display:grid;gap:16px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.app-card,.tv-card{border:1px solid #293038;border-radius:16px;overflow:hidden;position:relative;min-height:330px}.app-card{padding:30px;display:flex;align-items:flex-end;background:#151022}.app-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-80px;top:-100px;background:#713cff;filter:blur(70px);opacity:.35}.trille{background:#0d1714}.trille:before{background:#19d878}.fake-icon{position:absolute;top:28px;left:28px;width:54px;height:54px;border-radius:15px;background:#7d3cff;display:grid;place-items:center;font-size:30px;font-weight:900}.trille .fake-icon{background:#20a979}.app-card h3{font-size:39px;margin:0;letter-spacing:-2px;position:relative}.app-card p,.tv-card p{color:#b3bbc3;position:relative}.app-card a,.tv-card a{color:#8cff00;text-decoration:none;font-size:12px;font-weight:800;position:relative}.tv-card{padding:28px;display:flex;flex-direction:column;justify-content:flex-end;min-height:390px;background:#17130b}.tv-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.9));}.tv-card>*{position:relative;z-index:1}.motor{background:radial-gradient(circle at 55% 20%,#704515,#17110b)}.plus{background:radial-gradient(circle at 50% 25%,#382a72,#0e1320)}.max{background:radial-gradient(circle at 65% 20%,#6a1818,#17100f)}.tv-top{position:absolute!important;right:25px;top:20px;color:#9aa3ab;font-size:12px}.tv-logo{font-size:29px;font-weight:900;font-style:italic}.motor .tv-logo b{color:#ef2525}.plus .tv-logo span{color:#9a55ff}.max .tv-logo b{color:#ff2424}.tv-card h3{font-size:19px;margin:14px 0 0}.about{background:#07100b;border-top:1px solid #18251c;border-bottom:1px solid #18251c}.about-inner{max-width:1180px;margin:auto;padding:82px 30px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.about p{color:#aeb7bf;font-size:17px}.features{grid-column:1/-1;display:flex;gap:50px;color:#8cff00;font-size:28px;border-top:1px solid #233027;padding-top:28px}.features span{display:flex;gap:12px;align-items:center}.features small{font-size:11px;color:#b5bdc5;letter-spacing:.15em}.contact-box{border:1px solid #1e272e;border-radius:20px;padding:55px;background:radial-gradient(circle at 90% 10%,#10221a,#090c10 55%)}.contact-box p{color:#9da6af}footer{max-width:1180px;margin:auto;padding:35px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#737d87;font-size:12px;border-top:1px solid #171b20}footer .logo{color:#fff;font-size:18px}.logo-mark{width:25px;height:28px}@media(max-width:800px){.header{height:65px}.menu{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;padding:20px;background:#050607;flex-direction:column;align-items:flex-start;border-bottom:1px solid #222}nav.open{display:flex}.hero{height:600px;padding:70px 25px;align-items:flex-start}.earth{opacity:.4;width:100%;right:-40%;top:80px}.earth-shape{width:520px;height:520px}.hero h1{letter-spacing:-2px}.section{padding:65px 20px}.mini-grid,.two,.three,.about-inner{grid-template-columns:1fr}.features{grid-column:auto;gap:25px;flex-wrap:wrap}footer{padding:30px 20px;flex-direction:column;align-items:flex-start}}