.hero{position:relative;overflow:hidden;min-height:400px;padding:0;margin-bottom:14px;display:flex;align-items:center;background:#0a1630}
.hero-bg{position:absolute;top:0;right:0;width:68%;height:100%;display:block}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--panel) 0%,var(--panel) 30%,color-mix(in srgb,var(--panel) 55%,transparent) 46%,transparent 64%)}
.hero-text{position:relative;padding:34px 36px;max-width:620px}
.hero-text small{color:var(--muted)}
.hero-text h1{font-size:clamp(24px,3.2vw,36px);margin:6px 0 12px;letter-spacing:-.01em}
.hero-text p{color:var(--muted);margin:0 0 20px;max-width:52ch}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpis{margin-bottom:14px}.feat p{margin:0}
@media (max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.g3,.g2{grid-template-columns:1fr}.hero-bg{width:100%}.hero-shade{background:linear-gradient(180deg,var(--panel) 25%,color-mix(in srgb,var(--panel) 60%,transparent) 60%,transparent)}.hero{min-height:420px}}
@media (max-width:480px){.g4{grid-template-columns:1fr}}
.set-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}
.tabs{display:grid;gap:4px;padding:10px}
.tabs button{text-align:left;background:transparent;border:0;border-radius:9px;padding:10px 12px;cursor:pointer;color:var(--muted)}
.tabs button:hover{background:var(--panel2);color:var(--text)}.tabs button.on{background:#2563eb33;color:var(--text);box-shadow:inset 3px 0 var(--accent2)}
.kv td:first-child{color:var(--muted);width:42%}.kv td:last-child{text-align:right}
.opt{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.opt:last-child{border:0}
.opt select{width:180px}.small{font-size:12px;margin:0 0 6px}
.seg{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg button{background:var(--panel2);border:0;padding:8px 16px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--accent);color:#fff;font-weight:700}
.tab[hidden]{display:none}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding:30px;min-height:420px;background:radial-gradient(600px 300px at 100% 100%,#22d3ee22,transparent),var(--panel)}
.about h1{font-size:26px;margin-bottom:14px}.about p{color:var(--muted);max-width:60ch}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.pillars div{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}.pillars b{display:block;font-size:13.5px;margin-bottom:4px}.pillars span{font-size:12.5px;color:var(--muted)}
.about-q{align-self:center;margin:0;font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.35;border-left:3px solid var(--cyan);padding-left:20px}
@media (max-width:900px){.set-grid{grid-template-columns:1fr}.tabs{grid-auto-flow:column;overflow-x:auto}.about{grid-template-columns:1fr}.pillars{grid-template-columns:1fr}}