:root {
  --bg: #08090c;
  --bg-soft: #0d0f14;
  --panel: rgba(16, 18, 24, .82);
  --panel-strong: #11141b;
  --line: rgba(255,255,255,.09);
  --text: #f2f3f5;
  --muted: #a1a7b3;
  --gold: #d4af37;
  --gold-soft: #f0d477;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; min-height:100vh; background: radial-gradient(circle at 70% -10%, rgba(212,175,55,.09), transparent 32%), linear-gradient(180deg,#07080b,#0a0c10 55%,#07080b); color:var(--text); font:15px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:inherit; text-decoration:none; }
#particles { position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.78; mix-blend-mode:screen; }
body::before { content:""; position:fixed; inset:0; z-index:-1; background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.012) 49%,transparent 50%); pointer-events:none; }
.topbar,.shell,.footer { position:relative; z-index:1; }
.topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:15px clamp(20px,4vw,64px); background:rgba(7,8,11,.82); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:12px; font-weight:750; letter-spacing:.02em; }
.brand-logo { width:36px; height:36px; display:block; object-fit:contain; filter:drop-shadow(0 0 12px rgba(212,175,55,.12)); }
.top-actions,.nav { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.top-link,.nav-link { padding:8px 11px; color:var(--muted); border-radius:8px; transition:.2s ease; }
.top-link:hover,.nav-link:hover,.nav-link.active { color:var(--text); background:rgba(255,255,255,.05); }
.top-link-accent { color:var(--gold-soft); }
.shell { width:min(1180px,calc(100% - 32px)); margin:0 auto; padding:48px 0 80px; }
.hero { min-height:520px; display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:40px; padding:clamp(30px,6vw,72px); border:1px solid var(--line); background:linear-gradient(145deg,rgba(20,22,29,.92),rgba(10,11,15,.75)); box-shadow:var(--shadow); overflow:hidden; position:relative; }
.hero::after { content:""; position:absolute; width:380px; height:380px; right:-130px; top:-130px; border:1px solid rgba(212,175,55,.14); border-radius:50%; box-shadow:0 0 100px rgba(212,175,55,.06); }
.eyebrow,.kicker,.section-kicker { margin:0 0 10px; color:var(--gold-soft); font-size:11px; font-weight:750; letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(42px,7vw,78px); line-height:.98; letter-spacing:-.045em; margin-bottom:22px; max-width:800px; }
h2 { font-size:clamp(25px,4vw,40px); line-height:1.1; letter-spacing:-.025em; }
h3 { margin-bottom:8px; }
.hero-lead,.long-copy { color:#c2c6ce; max-width:760px; font-size:17px; }
.hero-copy { color:var(--muted); font-weight:650; }
.hero-actions,.btn-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 17px; border:1px solid rgba(212,175,55,.35); background:rgba(212,175,55,.09); color:var(--gold-soft); border-radius:8px; font-weight:750; transition:.2s ease; }
.btn:hover { transform:translateY(-1px); border-color:rgba(212,175,55,.7); background:rgba(212,175,55,.14); }
.btn-secondary { border-color:var(--line); background:rgba(255,255,255,.03); color:var(--text); }
.hero-aside { display:grid; gap:12px; position:relative; z-index:1; }
.stat-card,.card,.info-card,.work-card,.benefit { padding:22px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
.stat-card strong { display:block; font-size:19px; margin-bottom:5px; }
.stat-label { color:var(--gold); font-size:10px; text-transform:uppercase; letter-spacing:.15em; }
.stat-card p,.card p,.info-card p,.work-card span,.benefit li { color:var(--muted); }
.panel { margin-top:20px; padding:clamp(24px,4vw,44px); border:1px solid var(--line); background:var(--panel); box-shadow:0 18px 60px rgba(0,0,0,.18); }
.panel-stack { padding-top:38px; }
.section-head { margin-bottom:25px; }
.two-col { display:grid; grid-template-columns:1.2fr .8fr; gap:36px; }
.highlight-list { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
.highlight-item { display:grid; grid-template-columns:45px 1fr; gap:15px; padding:18px; background:var(--panel-strong); }
.highlight-item span { color:var(--gold); font-weight:800; }
.highlight-item p { margin:0; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.info-card,.work-card { min-height:150px; }
.workshop-grid { grid-template-columns:repeat(4,1fr); }
.work-card { display:flex; flex-direction:column; justify-content:space-between; }
.steps { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.step { padding:20px; background:var(--panel-strong); }
.step strong { color:var(--gold); font-size:13px; }
.step p { margin:8px 0 0; color:var(--muted); }
.chip { display:inline-flex; padding:8px 12px; margin:4px; border:1px solid var(--line); color:#d8dbe1; background:rgba(255,255,255,.025); border-radius:999px; }
.benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.benefit ul { padding-left:20px; }
.footer { display:flex; justify-content:center; gap:22px; padding:30px; color:var(--muted); border-top:1px solid var(--line); }
.footer a:hover { color:var(--gold-soft); }
.gold-shimmer.is-shimmering { animation:goldShimmer 1s ease; }
@keyframes goldShimmer { 0%{box-shadow:0 0 0 rgba(212,175,55,0)} 45%{box-shadow:0 0 30px rgba(212,175,55,.28)} 100%{box-shadow:0 0 0 rgba(212,175,55,0)} }
.form-panel { width:min(520px,100%); margin:50px auto; }
.form-field { display:grid; gap:7px; margin:16px 0; }
.form-field label { color:#c9ccd2; font-size:13px; }
.form-field input { width:100%; min-height:46px; padding:0 13px; border:1px solid var(--line); background:#0a0c10; color:var(--text); border-radius:7px; outline:none; }
.form-field input:focus { border-color:rgba(212,175,55,.55); }
@media(max-width:900px){ .hero,.two-col{grid-template-columns:1fr}.grid-4,.workshop-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.cards,.benefits{grid-template-columns:1fr 1fr}.nav{display:none} }
@media(max-width:560px){ .shell{width:min(100% - 20px,1180px);padding-top:20px}.topbar{padding:12px 15px}.top-actions .top-link:first-child{display:none}.hero{min-height:auto;padding:28px 22px}.grid-4,.workshop-grid,.cards,.benefits,.steps{grid-template-columns:1fr} h1{font-size:45px}.panel{padding:24px 18px} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.gold-shimmer.is-shimmering{animation:none}}

/* Horizon Portal landing page */
.hero-home { min-height:590px; }
.release-line { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:24px; color:var(--muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.release-line strong { color:var(--gold-soft); }
.release-dot { width:8px; height:8px; border-radius:50%; background:var(--gold-soft); box-shadow:0 0 18px rgba(240,212,119,.65); }
.screen-feature { margin:0 0 18px; padding:10px; border:1px solid var(--line); background:#080a0e; box-shadow:var(--shadow); }
.screen-feature img { display:block; width:100%; height:auto; aspect-ratio:1707/711; object-fit:cover; }
.screen-feature figcaption { padding:12px 8px 3px; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.screen-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.screen-card { margin:0; padding:8px; border:1px solid var(--line); background:rgba(255,255,255,.018); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.screen-card:hover { transform:translateY(-3px); border-color:rgba(212,175,55,.35); box-shadow:0 20px 50px rgba(0,0,0,.3); }
.screen-card img { display:block; width:100%; height:auto; aspect-ratio:1707/711; object-fit:cover; }
.screen-card figcaption { display:flex; justify-content:space-between; gap:12px; padding:12px 5px 4px; font-size:12px; }
.screen-card figcaption strong { color:var(--text); }
.screen-card figcaption span { color:var(--muted); text-align:right; }
.card-index { display:block; color:var(--gold); font-size:11px; font-weight:800; letter-spacing:.12em; margin-bottom:18px; }
.roadmap { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.roadmap-item { min-height:190px; padding:22px; background:var(--panel-strong); }
.roadmap-item span { color:var(--gold); font-size:10px; font-weight:800; letter-spacing:.15em; }
.roadmap-item h3 { margin-top:12px; }
.roadmap-item p { color:var(--muted); }
.roadmap-item.active { box-shadow:inset 0 2px 0 var(--gold); }
.release-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.release-box { padding:24px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
.release-box strong { display:block; margin:7px 0 2px; font-size:18px; }
.release-box p { margin:0; color:var(--muted); }
@media(max-width:900px){ .roadmap{grid-template-columns:1fr 1fr}.release-grid{grid-template-columns:1fr 1fr} }
@media(max-width:560px){ .hero-home{min-height:auto}.screen-grid{grid-template-columns:1fr}.screen-card figcaption{display:block}.screen-card figcaption span{display:block;text-align:left;margin-top:3px}.roadmap,.release-grid{grid-template-columns:1fr}.release-line{line-height:1.6} }

.download-notice { margin-top:16px; color:var(--muted); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
button.btn { cursor:pointer; font:inherit; }
/* Horizon Portal v2 landing redesign */
body {
  background:
    radial-gradient(circle at 15% 10%, rgba(212,175,55,.08), transparent 28%),
    radial-gradient(circle at 85% 75%, rgba(74,96,140,.10), transparent 30%),
    linear-gradient(180deg,#050608 0%,#090b10 48%,#050608 100%);
}
#particles {
  z-index:0;
  opacity:.9;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 4px rgba(212,175,55,.08));
}
.topbar,.shell,.footer { position:relative; z-index:2; }
.hero,.panel {
  backdrop-filter:blur(7px);
}
.hero-home {
  min-height:620px;
  background:
    linear-gradient(120deg,rgba(18,20,27,.78),rgba(8,10,14,.66)),
    radial-gradient(circle at 90% 20%,rgba(212,175,55,.10),transparent 35%);
}
.hero-copy-wrap { position:relative; z-index:2; }
.hero-home h1 {
  max-width:900px;
  text-wrap:balance;
}
.hero-lead { max-width:800px; }
.intro-panel { position:relative; overflow:hidden; }
.intro-panel::before {
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(212,175,55,.035),transparent 45%);
  pointer-events:none;
}
.manager-section { overflow:hidden; }
.feature-row {
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  align-items:center;
  gap:clamp(28px,5vw,70px);
  padding:42px 0;
  border-top:1px solid var(--line);
}
.feature-row:first-of-type { border-top:0; padding-top:8px; }
.feature-row-reverse { grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr); }
.feature-row-reverse .feature-media { order:2; }
.feature-row-reverse .feature-copy { order:1; }
.feature-media {
  position:relative;
  padding:9px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(4,6,9,.72);
  box-shadow:0 25px 70px rgba(0,0,0,.32);
  overflow:hidden;
}
.feature-media::after {
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(212,175,55,.10),transparent 35%,transparent 70%,rgba(255,255,255,.025));
  pointer-events:none;
}
.feature-media img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .5s ease,filter .5s ease;
}
.feature-row:hover .feature-media img {
  transform:scale(1.018);
  filter:brightness(1.04);
}
.feature-copy { max-width:520px; }
.feature-number {
  display:inline-block;
  margin-bottom:13px;
  color:var(--gold);
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em;
}
.feature-copy h3 {
  margin-bottom:13px;
  font-size:clamp(25px,3vw,36px);
  line-height:1.1;
}
.feature-copy p {
  color:#b5bac4;
  font-size:16px;
}
.feature-tags {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:18px;
}
.feature-tags span {
  padding:6px 10px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:999px;
  color:#d8dbe1;
  background:rgba(212,175,55,.035);
  font-size:11px;
}
.screen-feature,.screen-grid { display:none; }
.manager-section .section-head { max-width:850px; }
.info-card {
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.info-card:hover {
  transform:translateY(-4px);
  border-color:rgba(212,175,55,.28);
  background:rgba(212,175,55,.035);
}
.roadmap-item {
  transition:background .25s ease,transform .25s ease;
}
.roadmap-item:hover {
  background:#151821;
  transform:translateY(-2px);
}
.release-panel {
  background:
    linear-gradient(135deg,rgba(212,175,55,.055),transparent 45%),
    var(--panel);
}
.community-panel { margin-bottom:10px; }
@media(max-width:900px){
  .feature-row,.feature-row-reverse { grid-template-columns:1fr; gap:25px; padding:32px 0; }
  .feature-row-reverse .feature-media,
  .feature-row-reverse .feature-copy { order:initial; }
  .feature-copy { max-width:none; }
}
@media(max-width:560px){
  .hero-home { padding:25px 18px; }
  .feature-row { padding:27px 0; }
  .feature-media { padding:6px; }
  .feature-copy h3 { font-size:27px; }
  .feature-copy p { font-size:15px; }
}