:root {
  --bg: #090b12;
  --panel: #101421;
  --panel-2: #161b2b;
  --text: #f3f5ff;
  --muted: #a7afc4;
  --line: rgba(255,255,255,.09);
  --violet: #8b5cf6;
  --blue: #4f8cff;
  --cyan: #58d7ff;
  --glow: rgba(109, 92, 246, .28);
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 20% -10%, rgba(79,140,255,.15), transparent 35%),
    radial-gradient(circle at 90% 10%, rgba(139,92,246,.16), transparent 30%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
a { color: inherit; }
.container { width: min(var(--max), calc(100% - 36px)); margin-inline: auto; }
.site-header {
  position: sticky; top: 0; z-index: 20;
  backdrop-filter: blur(16px);
  background: rgba(9,11,18,.78);
  border-bottom: 1px solid var(--line);
}
.nav { min-height: 72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; gap:12px; align-items:center; text-decoration:none; font-weight:800; letter-spacing:.01em; }
.brand-mark { width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,var(--blue),var(--violet)); box-shadow:0 0 28px var(--glow); }
.nav-links { display:flex; align-items:center; gap:20px; color:var(--muted); font-size:.96rem; }
.nav-links a { text-decoration:none; }
.nav-links a:hover { color:var(--text); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 17px; border-radius:12px; border:1px solid var(--line); text-decoration:none; font-weight:700; transition:.2s ease; }
.button:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.22); }
.button-primary { background:linear-gradient(135deg,var(--blue),var(--violet)); border-color:transparent; box-shadow:0 12px 34px var(--glow); }
.button-ghost { background:rgba(255,255,255,.03); }
.hero { padding:92px 0 72px; }
.hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:42px; align-items:center; }
.eyebrow { display:inline-flex; padding:7px 11px; border:1px solid rgba(88,215,255,.22); background:rgba(88,215,255,.06); color:#bdefff; border-radius:999px; font-size:.82rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
h1 { font-size:clamp(2.6rem,6vw,5.4rem); line-height:.98; letter-spacing:-.05em; margin:20px 0 22px; max-width:900px; }
.hero p { color:var(--muted); font-size:clamp(1.05rem,2vw,1.3rem); max-width:720px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.hero-card { min-height:420px; padding:28px; border:1px solid var(--line); border-radius:26px; background:linear-gradient(155deg,rgba(22,27,43,.9),rgba(12,15,26,.88)); box-shadow:0 40px 90px rgba(0,0,0,.34); position:relative; overflow:hidden; }
.hero-card:before { content:""; position:absolute; inset:-30%; background:conic-gradient(from 180deg,transparent,rgba(79,140,255,.18),transparent,rgba(139,92,246,.2),transparent); animation:spin 18s linear infinite; }
.hero-card-inner { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; min-height:360px; }
@keyframes spin { to { transform:rotate(360deg); } }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; }
.metric { padding:14px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid var(--line); }
.metric strong { display:block; font-size:1.45rem; }
.metric span { color:var(--muted); font-size:.82rem; }
section { padding:66px 0; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.section-head h2 { margin:0; font-size:clamp(1.9rem,4vw,3rem); letter-spacing:-.035em; }
.section-head p { margin:0; color:var(--muted); max-width:620px; }
.grid { display:grid; gap:16px; }
.cards-4 { grid-template-columns:repeat(4,1fr); }
.cards-3 { grid-template-columns:repeat(3,1fr); }
.card { padding:22px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(20,25,40,.9),rgba(12,15,24,.9)); }
.asset-card { display:flex; flex-direction:column; min-height:250px; }
.asset-card .kicker { color:#c5bcff; font-size:.78rem; text-transform:uppercase; letter-spacing:.07em; font-weight:800; }
.asset-card h3 { margin:14px 0 8px; font-size:1.15rem; line-height:1.28; }
.asset-card p { color:var(--muted); margin:0 0 20px; }
.asset-card .asset-footer { margin-top:auto; display:flex; justify-content:space-between; gap:12px; align-items:center; }
.price { font-weight:800; color:#dfe5ff; }
.text-link { color:#aebeff; font-weight:800; text-decoration:none; }
.text-link:hover { color:white; }
.mini-link { color:#8fa2d9; font-weight:700; text-decoration:none; font-size:.86rem; margin-top:12px; display:inline-block; }
.mini-link:hover { color:#dce4ff; }
.cluster-card { min-height:260px; position:relative; overflow:hidden; }
.cluster-card:after { content:""; position:absolute; width:160px; height:160px; border-radius:50%; right:-50px; bottom:-60px; background:radial-gradient(circle,var(--glow),transparent 70%); }
.cluster-card h3 { font-size:1.4rem; margin:8px 0; }
.cluster-card p { color:var(--muted); }
.badge { display:inline-flex; padding:6px 10px; border-radius:999px; background:rgba(139,92,246,.1); color:#cabfff; border:1px solid rgba(139,92,246,.18); font-size:.78rem; font-weight:800; }
.article-list { display:grid; gap:14px; }
.article-item { display:grid; grid-template-columns:160px 1fr auto; gap:22px; align-items:center; padding:20px; border:1px solid var(--line); border-radius:16px; text-decoration:none; background:rgba(255,255,255,.025); }
.article-item:hover { background:rgba(255,255,255,.04); }
.article-item time { color:var(--muted); font-size:.9rem; }
.article-item h3 { margin:0 0 6px; }
.article-item p { margin:0; color:var(--muted); }
.page-hero { padding:70px 0 34px; }
.page-hero h1 { font-size:clamp(2.4rem,5vw,4.6rem); max-width:900px; }
.page-hero p { color:var(--muted); max-width:820px; font-size:1.08rem; }
.catalog-toolbar { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0 28px; }
.catalog-toolbar button { appearance:none; color:var(--text); background:rgba(255,255,255,.035); border:1px solid var(--line); padding:9px 13px; border-radius:999px; cursor:pointer; }
.catalog-toolbar button.active { background:linear-gradient(135deg,rgba(79,140,255,.3),rgba(139,92,246,.3)); border-color:rgba(139,92,246,.45); }
.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.prose { max-width:820px; }
.prose h1 { font-size:clamp(2.5rem,5vw,4.6rem); margin-bottom:18px; }
.prose h2 { margin-top:42px; font-size:1.75rem; letter-spacing:-.02em; }
.prose p,.prose li { color:#c8cee0; }
.prose ul,.prose ol { padding-left:24px; }
.prose .lead { font-size:1.25rem; color:#e6e9f5; }
.article-meta { color:var(--muted); margin-bottom:28px; }
.callout { margin:36px 0; padding:22px; border-radius:16px; border:1px solid rgba(79,140,255,.24); background:rgba(79,140,255,.06); }
.custom-callout { border-color:rgba(139,92,246,.3); background:rgba(139,92,246,.07); }
.cta-panel { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:34px; }
.cta-panel > div:first-child { max-width:720px; }
.cta-panel h2 { margin:10px 0 8px; font-size:clamp(1.7rem,3vw,2.5rem); letter-spacing:-.03em; }
.cta-panel p { color:var(--muted); margin:0; }
.cta-panel.compact { margin-top:30px; }
.split-section { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:26px; }
.check-list { margin:16px 0 0; padding-left:22px; color:#c8cee0; }
.check-list li { margin:8px 0; }
.faq { max-width:880px; margin:44px auto; }
.faq h2 { font-size:2rem; }
details { border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); margin:10px 0; padding:0 18px; }
summary { cursor:pointer; font-weight:800; padding:16px 0; }
details p { color:var(--muted); margin:0 0 18px; }
.footer { padding:42px 0 54px; border-top:1px solid var(--line); color:var(--muted); }
.footer-grid { display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.footer a { color:#d9def0; text-decoration:none; }
.small { font-size:.88rem; color:var(--muted); }
@media (max-width: 980px) {
  .hero-grid { grid-template-columns:1fr; }
  .hero-card { min-height:300px; }
  .hero-card-inner { min-height:250px; }
  .cards-4 { grid-template-columns:repeat(2,1fr); }
  .cards-3,.catalog-grid { grid-template-columns:repeat(2,1fr); }
  .article-item { grid-template-columns:1fr; gap:6px; }
  .nav-links a:not(.button) { display:none; }
  .cta-panel { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 620px) {
  .container { width:min(var(--max),calc(100% - 24px)); }
  .hero { padding-top:58px; }
  .cards-4,.cards-3,.catalog-grid,.metric-row,.split-section { grid-template-columns:1fr; }
  .section-head { align-items:start; flex-direction:column; }
  .nav { min-height:64px; }
  .button { width:100%; }
  .nav .button { width:auto; }
  .asset-card .asset-footer { align-items:flex-start; flex-direction:column; }
}