:root{
  --bg:#03070d;--panel:#091522;--ink:#f6f9ff;--muted:#a9b8cb;
  --line:rgba(93,161,255,.18);--blue:#2c7dff;--blue2:#6dadff;--teal:#21c4b7;
  --sans:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 80% 0,rgba(44,125,255,.14),transparent 30rem),
radial-gradient(circle at 0 40%,rgba(33,196,183,.06),transparent 24rem),var(--bg);
color:var(--ink);font-family:var(--sans);line-height:1.6}
a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(3,7,13,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:1.18rem;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand i{font-style:normal;color:var(--blue2)}
.navlinks{display:flex;align-items:center;gap:20px}.navlinks a{text-decoration:none;color:var(--muted);font-size:.88rem}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:13px 18px;font-weight:800;font-size:.9rem}
.btn.primary{background:linear-gradient(135deg,var(--blue),#1763dc);border-color:transparent;color:#fff}
.btn.secondary{background:rgba(255,255,255,.025)}
.hero{padding:96px 0 68px;display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--blue2);font-size:.75rem;font-weight:800;margin-bottom:18px}
h1{font-size:clamp(3.2rem,7vw,6.7rem);line-height:.94;letter-spacing:-.065em;margin:0 0 26px}
h1 span{color:var(--blue2)}.lead{font-size:1.12rem;color:var(--muted);max-width:760px;margin:0 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:.82rem}.proof b{color:var(--ink)}
.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,29,47,.96),rgba(7,15,25,.98));border-radius:14px;overflow:hidden}
.panel-head{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.metric{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.metric:last-child{border:0}.metric small{display:block;color:var(--muted);font-size:.76rem}.metric em{font-style:normal;color:var(--teal);font-weight:800}
section{padding:66px 0}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.05em;margin:0}.section-head p{max-width:600px;color:var(--muted);margin:0}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{border:1px solid var(--line);background:rgba(9,21,34,.72);border-radius:10px;padding:22px;min-height:180px}.category h3{margin:10px 0 8px}.category p{color:var(--muted);font-size:.9rem}.status{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--blue2)}
.catalog-tools{display:flex;gap:12px;margin-bottom:24px}.search{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:14px 16px;border-radius:8px;font:inherit}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product{border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,23,37,.97),rgba(7,15,25,.98));border-radius:12px;padding:26px;display:flex;flex-direction:column;min-height:330px;position:relative;overflow:hidden}.product:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.product h3{font-size:1.65rem;line-height:1.08;letter-spacing:-.04em;margin:13px 0}.product p{color:var(--muted);margin:0 0 22px}.product-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:16px}.price{font-size:2.25rem;font-weight:800;letter-spacing:-.05em}.price small{display:block;color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:0}
.product-hero{padding:78px 0 54px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px}.product-hero h1{font-size:clamp(2.8rem,6vw,5.6rem)}.product-box{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:28px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:23px;border:1px solid var(--line);border-radius:10px;background:rgba(9,21,34,.72)}.feature p{color:var(--muted);font-size:.9rem}
.legal{max-width:860px;padding:64px 0}.legal h1{font-size:clamp(2.8rem,6vw,4.8rem)}.legal-card{padding:32px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.legal-card p{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:.82rem}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:var(--muted);margin-left:18px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero,.product-hero{grid-template-columns:1fr}.products,.features{grid-template-columns:1fr}.navlinks a:not(.btn){display:none}.section-head{display:block}.section-head p{margin-top:14px}}
@media(max-width:520px){.shell{width:min(100% - 26px,1180px)}h1{font-size:3rem}.actions .btn{width:100%}.category-grid{grid-template-columns:1fr}.product-foot{flex-direction:column;align-items:stretch}.product-foot .btn{width:100%}}