:root{--bg:#101010;--s1:#161616;--s2:#1c1c1c;--line:rgba(255,255,255,.08);--lime:#C8FF00;--lime2:#9FD400;--tx:#fff;--mut:#A3A3A3;--r:14px;
--f:"Space Grotesk","Sora",ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:16px/1.6 Inter,var(--f);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;background:var(--lime);color:#101010;padding:.5rem 1rem;z-index:99}.skip:focus{left:1rem;top:1rem}
.wrap{width:min(1160px,92%);margin:auto}
.top{position:sticky;top:0;z-index:20;background:rgba(16,16,16,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:1.5rem;height:68px}
.logo{display:flex;align-items:center;gap:.5rem;font:700 1.05rem var(--f);letter-spacing:.04em}.logo b{color:var(--lime);font-weight:700}
.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--lime);color:#101010;font-weight:800}
nav{display:flex;gap:.25rem;margin-left:auto}nav a{padding:.45rem .85rem;border-radius:999px;color:var(--mut);font-size:.92rem;transition:.2s}
nav a:hover{color:#fff}nav a.on{color:#101010;background:var(--lime)}
.search input{width:220px;background:var(--s1);border:1px solid var(--line);color:#fff;padding:.55rem 1rem;border-radius:999px;font:inherit;font-size:.9rem;transition:.2s}
.search input:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 4px rgba(200,255,0,.12)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.3rem;border-radius:12px;font:600 .95rem var(--f);border:1px solid var(--line);background:var(--s2);color:#fff;cursor:pointer;transition:.2s}
.btn:hover{border-color:rgba(200,255,0,.5)}
.btn.pri{background:linear-gradient(135deg,var(--lime),var(--lime2));color:#101010;border:0;box-shadow:0 8px 24px -8px rgba(200,255,0,.5)}
.btn.pri:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(200,255,0,.65)}
.btn[aria-disabled=true]{opacity:.45;pointer-events:none;box-shadow:none;background:var(--s2);color:var(--mut)}
.hero{position:relative;overflow:hidden;padding:clamp(3rem,9vw,7rem) 0}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 78% 40%,rgba(200,255,0,.16),transparent 70%),radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1.5px) 0 0/26px 26px;-webkit-mask:linear-gradient(#000 55%,transparent);mask:linear-gradient(#000 55%,transparent)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
h1{font:700 clamp(2.6rem,7vw,5.2rem)/.98 var(--f);letter-spacing:-.03em;animation:in .8s both}
h1 span{display:block;color:var(--lime)}
.hero p{color:var(--mut);max-width:46ch;margin:1.4rem 0 2rem;font-size:1.1rem}.hero .row{display:flex;gap:.8rem;flex-wrap:wrap}
@keyframes in{from{opacity:0;transform:translateY(18px)}}
.phone{justify-self:center;width:250px;aspect-ratio:9/18.5;border-radius:34px;padding:10px;background:linear-gradient(160deg,#2a2a2a,#111);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -20px rgba(200,255,0,.25),0 30px 60px -20px #000;transform:rotate(4deg)}
.screen{height:100%;border-radius:26px;background:var(--bg);padding:16px 12px;display:grid;gap:10px;align-content:start;overflow:hidden}
.screen i{display:block;height:54px;border-radius:12px;background:var(--s2);position:relative}.screen i:first-child{height:90px;background:linear-gradient(135deg,rgba(200,255,0,.9),rgba(159,212,0,.4))}
.screen i:not(:first-child):after{content:"";position:absolute;left:10px;top:10px;width:34px;height:34px;border-radius:9px;background:var(--lime);opacity:.85}
section.blk{padding:3rem 0}.head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}
h2{font:700 clamp(1.5rem,3vw,2.1rem)/1.1 var(--f);letter-spacing:-.02em}.head a{color:var(--lime);font-size:.92rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem}
.card{display:flex;flex-direction:column;gap:.9rem;padding:1.2rem;border-radius:16px;background:linear-gradient(180deg,var(--s2),var(--s1));border:1px solid var(--line);transition:.25s}
.card:hover{transform:translateY(-4px);border-color:rgba(200,255,0,.45);box-shadow:0 20px 40px -20px rgba(200,255,0,.25)}
.ch{display:flex;gap:.9rem;align-items:center}.ico{width:64px;height:64px;border-radius:16px;object-fit:cover;background:var(--s2);flex:none}
.card h3{font:600 1.1rem var(--f)}.meta{color:var(--mut);font-size:.82rem}.card p{color:var(--mut);font-size:.92rem;flex:1}
.acts{display:flex;gap:.6rem}.acts .btn{flex:1;padding:.6rem .8rem;font-size:.88rem}
.tag{display:inline-block;font-size:.75rem;padding:.15rem .6rem;border-radius:999px;background:rgba(200,255,0,.12);color:var(--lime);margin-left:.4rem}
.tools{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.5rem}
.tools select{background:var(--s1);color:#fff;border:1px solid var(--line);border-radius:12px;padding:.6rem 1rem;font:inherit;font-size:.9rem}
.chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{padding:.45rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--s1);color:var(--mut);cursor:pointer;font:inherit;font-size:.88rem;transition:.2s}
.chip[aria-pressed=true]{background:var(--lime);color:#101010;border-color:var(--lime)}
.empty{padding:3rem;text-align:center;color:var(--mut);border:1px dashed var(--line);border-radius:var(--r)}
.det{padding:2.5rem 0 4rem}.back{color:var(--mut);font-size:.9rem}.dh{display:flex;gap:1.5rem;align-items:center;margin:1.5rem 0 2rem;flex-wrap:wrap}
.dh .ico{width:112px;height:112px;border-radius:26px}.dh h1{font-size:clamp(2rem,5vw,3rem);animation:none}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin:2rem 0}
.facts div{padding:1rem;border-radius:var(--r);background:var(--s1);border:1px solid var(--line)}.facts small{display:block;color:var(--mut);font-size:.78rem}.facts b{font:600 1rem var(--f)}
.shots{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.6rem}.shots img{height:360px;border-radius:18px;border:1px solid var(--line)}
.hist{border-left:2px solid var(--line);padding-left:1.2rem;display:grid;gap:1.2rem;margin-top:1rem}.hist li{list-style:none}.hist ul{color:var(--mut);padding-left:1.1rem}
.prose{max-width:68ch;padding:3rem 0 5rem}.prose h1{font-size:2.6rem;animation:none;margin-bottom:1rem}.prose p{color:var(--mut);margin-bottom:1rem}
.foot{margin-top:3rem;border-top:1px solid var(--line);background:var(--s1);padding-top:3rem}.foot .wrap:first-child{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}
.foot h4{font:600 .95rem var(--f);margin-bottom:.6rem}.foot a:not(.logo){display:block;color:var(--mut);font-size:.92rem;padding:.15rem 0}.foot a:hover{color:var(--lime)}.foot p{color:var(--mut);font-size:.9rem;margin-top:.8rem;max-width:40ch}
.copy{padding:2rem 0;margin:0!important;font-size:.82rem!important}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.phone{display:none}.bar{flex-wrap:wrap;height:auto;padding:.7rem 0;gap:.6rem}nav{order:3;width:100%;margin:0;overflow-x:auto}.search{flex:1;margin-left:auto}.search input{width:100%}.foot .wrap:first-child{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}