*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#111827;color:#e5e7eb;font:16px/1.7 "Segoe UI",Tahoma,sans-serif}
a{color:#a3e635;text-decoration:none}
a:hover{color:#d9f99d}
.ico{width:26px;height:26px;color:#a3e635}
.top{position:sticky;top:0;z-index:30;background:#030712;border-bottom:1px solid #1f2937}
.bar{max-width:1080px;margin:0 auto;padding:10px 20px 0;display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#ecfccb}
.sub{position:sticky;top:44px;display:flex;flex-wrap:wrap;gap:16px;max-width:1080px;margin:0 auto;padding:10px 20px 12px;font-size:13px;background:#030712}
.hero{padding:36px 0 28px;background:radial-gradient(circle at 80% 0,#1f2937,transparent 50%),#111827}
.shell{max-width:1080px;margin:0 auto;padding:0 20px}
h1{font-size:30px;color:#f7fee7;line-height:1.3;margin-bottom:12px}
.hero p{max-width:46em;margin-bottom:20px;color:#d1d5db}
.chrome{border:1px solid #374151;border-radius:10px;overflow:hidden;background:#1f2937;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.chrome-bar{display:flex;align-items:center;gap:8px;background:#0b1220;padding:8px 12px}
.chrome-bar .d{width:10px;height:10px;border-radius:50%;background:#4b5563}
.chrome-bar .d:first-child{background:#f87171}
.tab{background:#111827;color:#a3e635;border-radius:6px 6px 0 0;padding:6px 12px;font-size:13px;border:1px solid #365314}
.tab.ghost{color:#9ca3af;border-color:#374151}
.chrome-body{padding:22px 16px;color:#d9f99d;font-size:14px}
.band{padding:28px 0}
.band.dim{background:#0b1220}
h2{font-size:22px;color:#ecfccb;margin:0 0 12px;line-height:1.4}
p{margin-bottom:12px;color:#d1d5db}
.cards2,.cards3{display:grid;gap:14px;margin:14px 0}
.cards2{grid-template-columns:1fr 1fr}
.cards3{grid-template-columns:repeat(3,1fr)}
.card{background:#1f2937;border:1px solid #374151;border-radius:10px;padding:16px}
.card:hover{border-color:#a3e635}
.card h3{color:#d9f99d;font-size:16px;margin:8px 0}
.card p{font-size:14px;margin:0;color:#e5e7eb}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
caption{text-align:left;color:#a3e635;font-weight:700;margin-bottom:8px}
th,td{border:1px solid #374151;padding:10px;vertical-align:top}
th{background:#365314;color:#ecfccb}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.steps li{background:#111827;border:1px solid #365314;border-radius:8px;padding:12px}
.steps span{display:inline-block;min-width:22px;color:#111827;background:#a3e635;border-radius:4px;text-align:center;font-weight:700;margin-bottom:8px}
.steps h3{font-size:15px;color:#ecfccb;margin-bottom:6px}
.steps p{margin:0;font-size:13px}
.faq{max-width:1080px;margin:0 auto;padding:20px 20px 48px}
details{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:12px 14px;margin-bottom:8px}
summary{cursor:pointer;color:#d9f99d;font-weight:600}
details p{margin:8px 0 0;font-size:14px}
.site-footer{background:#030712;color:#9ca3af;padding:24px 20px;border-top:1px solid #1f2937}
.site-footer p{max-width:1080px;margin:0 auto 8px;font-size:13px}
@media (max-width:900px){
.cards2,.cards3,.steps{grid-template-columns:1fr}
.sub{top:0}
}

.sub a {
  padding: 4px 2px;
  border-bottom: 2px solid transparent;
}
.sub a:hover {
  border-bottom-color: #a3e635;
  text-decoration: none;
}
.chrome:hover {
  border-color: #a3e635;
}
.tab:hover {
  color: #ecfccb;
}
.card h3 {
  letter-spacing: 0.01em;
}
.band h2 {
  padding-left: 10px;
  border-left: 3px solid #a3e635;
}
table tr:nth-child(even) td {
  background: #111827;
}
.steps li:hover {
  border-color: #a3e635;
}
.steps li:hover span {
  background: #d9f99d;
}
details[open] {
  border-color: #a3e635;
}
.brand .ico {
  color: #a3e635;
}
.hero .shell {
  position: relative;
}
.chrome-bar .d:nth-child(2) {
  background: #fbbf24;
}
.chrome-bar .d:nth-child(3) {
  background: #34d399;
}
main {
  min-height: 40vh;
}
h1, h2, h3 {
  font-weight: 700;
}
p:last-child {
  margin-bottom: 12px;
}
.faq details p {
  color: #d1d5db;
}
.site-footer p:last-child {
  margin-bottom: 0;
}
.card .ico {
  display: block;
}
section.band:first-of-type {
  padding-top: 20px;
}
nav.sub a:focus-visible,
summary:focus-visible {
  outline: 2px solid #a3e635;
  outline-offset: 3px;
}
.shell table {
  background: #0b1220;
}
caption {
  font-size: 14px;
}
.dim .card {
  background: #111827;
}
@media (max-width: 720px) {
  h1 {
    font-size: 24px;
  }
  .bar, .sub {
    padding-left: 16px;
    padding-right: 16px;
  }
  .top {
    position: static;
  }
  .sub {
    position: static;
  }
  .chrome-bar {
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .shell {
    padding-left: 0;
    padding-right: 0;
  }
}