:root{--yellow:#ffd900;--yellow-h:#ffe100;--black:#000;--ink:#000;--text-2:#3d3d3d;--muted:#909090;--line:#e8e8e8;--bg:#f5f5f5;--white:#fff;--r:10px;--r-lg:16px;--r-xl:20px;--pill:3000px;--shadow:0 18px 48px #0000001a;--font:"Golos Text", Arial, sans-serif;--max:1120px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}code{background:var(--bg);border-radius:6px;padding:.1em .4em;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:17px;font-weight:800;display:flex}.brand img{width:40px;height:40px}.nav-links{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.nav-links a:not(.btn){color:var(--text-2);font-size:14px;font-weight:600}.nav-links a:not(.btn):hover{color:var(--black)}.btn{border-radius:var(--r);letter-spacing:-.02em;cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:all .15s;display:inline-flex;text-decoration:none!important}.btn-yellow{background:var(--yellow);color:var(--black)}.btn-yellow:hover{background:var(--yellow-h)}.btn-black{background:var(--black);color:var(--white)}.btn-black:hover{background:#222}.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--black)}.btn-sm{height:36px;padding:0 14px;font-size:13px}.btn-lg{height:52px;padding:0 24px;font-size:15px}.btn.is-disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.hero{padding:56px 0 32px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;display:grid}.eyebrow{border-radius:var(--pill);background:var(--bg);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;height:32px;margin-bottom:16px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow i{background:var(--yellow);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ffd90059}.hero h1{letter-spacing:-.05em;margin:0 0 14px;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;line-height:1.02}.hero h1 em{background:var(--yellow);padding:0 .12em;font-style:normal}.lead{max-width:36rem;color:var(--text-2);margin:0 0 24px;font-size:1.1rem;font-weight:500}.hero-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.meta-row{color:var(--muted);flex-wrap:wrap;gap:14px 22px;font-size:13px;font-weight:600;display:flex}.meta-row strong{color:var(--ink);font-weight:800}.hero-visual{background:var(--black);min-height:380px;box-shadow:var(--shadow);border:1px solid #0000000f;border-radius:22px;position:relative;overflow:hidden}.hero-visual img.bg{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.hero-visual .shade{background:linear-gradient(120deg,#000000bf 0%,#00000040 70%);position:absolute;inset:0}.hero-card{z-index:1;color:#fff;flex-direction:column;gap:12px;height:100%;min-height:380px;padding:20px;display:flex;position:relative}.hero-card .badge{border-radius:var(--pill);background:var(--yellow);color:#000;align-self:flex-start;align-items:center;height:26px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.hero-card h2{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:28px;font-weight:800}.hero-card p{color:#ffffffc7;max-width:28ch;margin:0;font-weight:500}.hero-card .mock{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:8px;margin-top:auto;padding:12px;display:flex}.mock-row{background:#00000040;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.mock-row strong{font-size:13px;display:block}.mock-row span{color:#ffffffa6;font-size:11px}.mock-ico{background:var(--yellow) center/cover no-repeat;color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:900;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.mock-ico span{z-index:1;text-shadow:0 1px 2px #000000b3;color:#fff;font-size:11px;font-weight:900;position:relative}.mock-ico:after{content:"";background:linear-gradient(145deg,#00000026,#0000008c);position:absolute;inset:0}.gallery-sec{padding:12px 0 8px}.gallery{grid-template-columns:1.4fr 1fr 1fr 1fr;grid-auto-rows:120px;gap:10px;display:grid}.g-item{border:1px solid var(--line);background:#111;border-radius:16px;margin:0;position:relative;overflow:hidden}.g-item.g-lg{grid-area:span 2/1;min-height:250px}.g-item img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.g-item:hover img{transform:scale(1.05)}.g-item figcaption{border-radius:var(--pill);color:#ffd900;letter-spacing:-.02em;background:#000000b8;align-items:center;height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:10px;left:10px}section{padding:56px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;margin-bottom:24px;display:flex}.section-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.section-head p{max-width:34ch;color:var(--muted);margin:0;font-weight:500}.band{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;transition:all .15s;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:#ccc;transform:translateY(-2px)}.card-media{flex-direction:column;padding:0;display:flex}.card-art{border-bottom:1px solid var(--line);background:#111;height:140px;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.card-media:hover .card-art img{transform:scale(1.06)}.card-body{padding:16px 18px 18px}.card-num{color:var(--muted);letter-spacing:.04em;margin-bottom:10px;font-size:12px;font-weight:800}.card h3{letter-spacing:-.03em;margin:0 0 8px;font-size:1.1rem}.card p{color:var(--muted);margin:0;font-size:14px;font-weight:500}.servers{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.server{background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:16px;flex-direction:column;padding:0;transition:all .12s;display:flex;overflow:hidden}.server:hover,.server-hot{border-color:var(--black)}.server-hot{box-shadow:0 0 0 1px var(--black)}.server-media{background:#111 50% 40%/cover no-repeat;height:96px;position:relative}.server-media:after{content:"";background:linear-gradient(#0000000d 0%,#00000073 100%);position:absolute;inset:0}.server-ico{z-index:1;width:40px;height:40px;color:var(--yellow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;border:1.5px solid #ffd90073;border-radius:12px;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:12px;left:12px}.server-hot .server-ico{background:var(--yellow);color:var(--black);border-color:#000}.server-body{padding:12px 14px 14px}.server strong{letter-spacing:-.02em;font-size:14px;display:block}.server .ip{color:var(--text-2);margin-top:2px;font-size:12px;font-weight:700}.server .desc{color:var(--muted);margin-top:4px;font-size:12px;font-weight:500}.tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{border-radius:var(--pill);background:var(--bg);height:20px;color:var(--text-2);align-items:center;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.tag-hot{background:var(--yellow);color:var(--black)}.copy-hint{color:var(--text-2);margin-top:12px;font-size:13px;font-weight:600}.steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.step{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);padding:20px}.step-media{flex-direction:column;padding:0;display:flex;overflow:hidden}.step-art{background:#111;height:120px;overflow:hidden}.step-art img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.step-media:hover .step-art img{transform:scale(1.05)}.step-body{padding:16px 18px 18px}.step b{background:var(--yellow);width:32px;height:32px;color:var(--black);border-radius:10px;place-items:center;margin-bottom:12px;font-size:13px;display:grid}.step h3{letter-spacing:-.02em;margin:0 0 6px;font-size:1rem}.step p{color:var(--muted);margin:0;font-size:14px;font-weight:500}.cta{background:var(--black);color:#fff;border-radius:22px;min-height:180px;padding:0;position:relative;overflow:hidden}.cta-bg{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.cta-shade{background:linear-gradient(100deg,#000000e0 0%,#0000008c 55%,#00000059 100%);position:absolute;inset:0}.cta-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:32px;display:flex;position:relative}.cta h2{letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(1.5rem,3vw,2rem)}.cta p{color:#ffffffc7;max-width:36ch;margin:0;font-weight:500}.cta .btn-yellow:hover{background:var(--yellow-h);color:#000}.foot{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 40px;font-size:13px;font-weight:600}.foot-inner{flex-wrap:wrap;justify-content:space-between;gap:12px 20px;display:flex}.foot a:hover{color:var(--black)}.foot-links{flex-wrap:wrap;gap:14px;display:flex}.pill{border-radius:var(--pill);background:var(--bg);height:24px;color:var(--text-2);align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.pill.ok{background:var(--yellow);color:var(--black)}.pill.warn{color:#be123c;background:#fff1f2}@media (width<=900px){.hero-grid,.cards,.steps{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:110px}.g-item.g-lg{grid-area:span 1/1/auto/-1;min-height:160px}.nav-links .hide-m{display:none}.hero{padding-top:32px}}@media (width<=560px){.container{width:min(var(--max), calc(100% - 28px))}.gallery{grid-template-columns:1fr;grid-auto-rows:140px}.hero-actions,.cta-inner{flex-direction:column;align-items:stretch}.btn-lg{width:100%}}