:root {
  --sentinel-bg: #090d20;
  --sentinel-panel: rgba(13, 20, 43, .84);
  --sentinel-border: rgba(131, 149, 222, .2);
  --sentinel-text: #f4f6ff;
  --sentinel-muted: #9ba5c0;
  --sentinel-green: #45f5a8;
  --sentinel-cyan: #54d9ff;
  --sentinel-violet: #a181ff;
}

.sentinel-page { background: var(--sentinel-bg); color: var(--sentinel-text); }
.sentinel-page .site-shell { min-height: 100vh; }
.sentinel-topbar { position: relative; z-index: 5; }
.sentinel-nav { display: flex; align-items: center; gap: 1.4rem; }
.sentinel-nav a, .sentinel-footer a { color: var(--sentinel-muted); text-decoration: none; }
.sentinel-nav a:hover, .sentinel-footer a:hover { color: var(--sentinel-green); }
.sentinel-main { position: relative; z-index: 1; width: min(1240px, calc(100% - 40px)); margin: 0 auto; }
.sentinel-hero { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(3rem, 7vw, 7rem); min-height: 720px; padding: 90px 0 110px; }
.sentinel-pill { display: inline-flex; align-items: center; gap: .65rem; border: 1px solid rgba(69, 245, 168, .28); border-radius: 99px; padding: .65rem 1rem; color: var(--sentinel-green); background: rgba(69, 245, 168, .04); }
.sentinel-pill span { width: 7px; height: 7px; border-radius: 50%; background: var(--sentinel-violet); box-shadow: 0 0 14px var(--sentinel-violet); }
.sentinel-hero h1 { max-width: 720px; margin: 1.3rem 0 1.15rem; font-size: clamp(3rem, 6vw, 5.5rem); line-height: .98; letter-spacing: -.055em; }
.sentinel-lead { max-width: 650px; color: var(--sentinel-muted); font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.75; }
.sentinel-actions { display: flex; align-items: stretch; gap: .9rem; margin-top: 2.2rem; }
.sentinel-download, .sentinel-secondary { display: inline-flex; justify-content: center; flex-direction: column; min-height: 66px; padding: .75rem 1.4rem; border-radius: 10px; text-decoration: none; font-weight: 800; }
.sentinel-download { min-width: 240px; color: #03130d; background: var(--sentinel-green); box-shadow: 0 15px 45px rgba(69,245,168,.16); }
.sentinel-download:hover { transform: translateY(-2px); box-shadow: 0 18px 50px rgba(69,245,168,.24); }
.sentinel-download small { margin-top: .2rem; font-size: .72rem; font-weight: 700; opacity: .7; }
.sentinel-secondary { color: var(--sentinel-text); border: 1px solid var(--sentinel-border); background: rgba(255,255,255,.025); }
.sentinel-compatibility { margin-top: 1rem; color: #737f9c; font-size: .84rem; }

.sentinel-preview { position: relative; overflow: hidden; padding: 1.2rem; border: 1px solid rgba(117, 135, 215, .3); border-radius: 18px; background: linear-gradient(150deg, rgba(19,27,55,.96), rgba(7,11,28,.96)); box-shadow: 0 35px 100px rgba(0,0,0,.45), 0 0 80px rgba(75,63,180,.1); }
.sentinel-preview::before { content: ""; position: absolute; inset: -50% 45% 45% -20%; background: radial-gradient(circle, rgba(83,216,255,.14), transparent 60%); pointer-events: none; }
.sentinel-preview-topline { display: flex; justify-content: space-between; padding: .2rem .2rem 1rem; color: #cdd5ea; font-size: .82rem; text-transform: uppercase; letter-spacing: .09em; }
.sentinel-live { color: var(--sentinel-green); }
.sentinel-live i { display: inline-block; width: 7px; height: 7px; margin-right: .4rem; border-radius: 50%; background: var(--sentinel-green); box-shadow: 0 0 12px var(--sentinel-green); }
.sentinel-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.sentinel-metrics article { display: grid; gap: .35rem; padding: 1rem; border: 1px solid var(--sentinel-border); border-radius: 10px; background: rgba(255,255,255,.025); }
.sentinel-metrics small { color: #73809e; font-size: .68rem; letter-spacing: .08em; }
.sentinel-metrics strong { color: var(--sentinel-cyan); font-size: 1.55rem; }
.sentinel-metrics article:nth-child(2) strong { color: var(--sentinel-violet); }
.sentinel-metrics article:nth-child(3) strong { color: var(--sentinel-green); }
.sentinel-metrics span { color: #7f8ba6; font-size: .72rem; }
.sentinel-chart { margin: .8rem 0; padding: 1rem 1rem 0; border: 1px solid var(--sentinel-border); border-radius: 10px; background: rgba(3,8,23,.55); }
.sentinel-chart-title { color: #aeb8d0; font-size: .78rem; font-weight: 700; }
.sentinel-chart-bars { display: flex; align-items: end; gap: 5px; height: 150px; margin-top: .65rem; padding-top: 1rem; background: repeating-linear-gradient(to bottom, transparent 0 44px, rgba(141,157,204,.1) 45px 46px); }
.sentinel-chart-bars i { flex: 1; min-width: 3px; height: 24%; border-radius: 3px 3px 0 0; background: linear-gradient(to top, rgba(69,245,168,.12), var(--sentinel-green)); box-shadow: 0 0 9px rgba(69,245,168,.22); }
.sentinel-chart-bars i:nth-child(2) { height: 31%; }
.sentinel-chart-bars i:nth-child(3) { height: 28%; }
.sentinel-chart-bars i:nth-child(4) { height: 54%; }
.sentinel-chart-bars i:nth-child(5) { height: 40%; }
.sentinel-chart-bars i:nth-child(6) { height: 49%; }
.sentinel-chart-bars i:nth-child(7) { height: 43%; }
.sentinel-chart-bars i:nth-child(8) { height: 77%; }
.sentinel-chart-bars i:nth-child(9) { height: 62%; }
.sentinel-chart-bars i:nth-child(10) { height: 71%; }
.sentinel-chart-bars i:nth-child(11) { height: 55%; }
.sentinel-chart-bars i:nth-child(12) { height: 84%; }
.sentinel-chart-bars i:nth-child(13) { height: 69%; }
.sentinel-chart-bars i:nth-child(14) { height: 76%; }
.sentinel-event { display: grid; grid-template-columns: auto 90px 1fr; align-items: center; gap: .55rem; margin-top: .45rem; padding: .65rem .75rem; border-radius: 7px; background: rgba(255,255,255,.03); color: #8d98b3; font-size: .75rem; }
.sentinel-event b { color: #d8deef; }
.event-dot { width: 8px; height: 8px; border-radius: 50%; }
.event-dot.watch { background: #ffba55; box-shadow: 0 0 10px #ffba55; }
.event-dot.normal { background: var(--sentinel-green); box-shadow: 0 0 10px var(--sentinel-green); }

.sentinel-section, .sentinel-split, .sentinel-privacy, .sentinel-release { margin-bottom: 110px; }
.sentinel-heading { max-width: 700px; margin-bottom: 2.2rem; }
.sentinel-heading h2, .sentinel-split h2, .sentinel-privacy h2, .sentinel-release h2 { margin: .7rem 0 1rem; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.08; letter-spacing: -.035em; }
.sentinel-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--sentinel-border); border-radius: 14px; overflow: hidden; }
.sentinel-feature-grid article { min-height: 240px; padding: 1.6rem; background: var(--sentinel-panel); border-right: 1px solid var(--sentinel-border); }
.sentinel-feature-grid article:last-child { border-right: 0; }
.feature-number { display: inline-block; margin-bottom: 3.5rem; color: var(--sentinel-green); font: 700 .72rem/1 monospace; }
.sentinel-feature-grid h3 { margin-bottom: .8rem; font-size: 1.1rem; }
.sentinel-feature-grid p, .sentinel-split p, .sentinel-privacy p, .sentinel-release p { color: var(--sentinel-muted); line-height: 1.7; }
.sentinel-split { display: grid; grid-template-columns: 1fr .9fr; gap: 8vw; padding: clamp(2rem, 5vw, 4.5rem); border: 1px solid var(--sentinel-border); border-radius: 16px; background: linear-gradient(125deg, rgba(18,25,53,.9), rgba(10,15,34,.75)); }
.sentinel-split ol { display: grid; gap: 1.4rem; list-style: none; padding: 0; margin: 0; }
.sentinel-split li { display: grid; grid-template-columns: 45px 1fr; gap: 1rem; }
.sentinel-split li > span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(69,245,168,.3); border-radius: 50%; color: var(--sentinel-green); }
.sentinel-split li p { margin: .35rem 0 0; }
.sentinel-privacy { display: grid; grid-template-columns: 160px 1fr; align-items: center; gap: 2.5rem; max-width: 920px; margin-left: auto; margin-right: auto; }
.privacy-lock { display: grid; place-items: center; width: 140px; height: 140px; border: 1px solid rgba(161,129,255,.35); border-radius: 50%; color: var(--sentinel-violet); font-size: 4rem; box-shadow: inset 0 0 45px rgba(161,129,255,.08), 0 0 45px rgba(161,129,255,.08); }
.sentinel-release { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding: clamp(1.6rem, 4vw, 3rem); border: 1px solid rgba(255,186,85,.24); border-radius: 14px; background: rgba(255,186,85,.035); }
.sentinel-release dl { margin: 0; }
.sentinel-release dl div { display: grid; grid-template-columns: 130px 1fr; padding: .9rem 0; border-bottom: 1px solid var(--sentinel-border); }
.sentinel-release dt { color: #7f8aa5; }
.sentinel-release dd { margin: 0; overflow-wrap: anywhere; color: #dbe2f4; }
.sentinel-release code { color: var(--sentinel-green); font-size: .75rem; }
.sentinel-footer { display: grid; gap: 1.25rem; width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 2rem 0; border-top: 1px solid var(--sentinel-border); color: #6f7b97; }
.sentinel-footer-top { display: flex; justify-content: space-between; gap: 1rem; }
.sentinel-footer-top > span:last-child { display: flex; gap: 1.3rem; }
.sentinel-company-disclosure { display: grid; gap: .3rem; padding-top: 1rem; border-top: 1px solid var(--sentinel-border); font-size: .78rem; line-height: 1.55; }
.sentinel-company-disclosure strong { color: #cfd7ea; letter-spacing: .025em; }
.sentinel-company-disclosure a { color: var(--sentinel-green); }

@media (max-width: 950px) {
  .sentinel-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 70px; }
  .sentinel-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .sentinel-feature-grid article:nth-child(2) { border-right: 0; }
  .sentinel-feature-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--sentinel-border); }
  .sentinel-split, .sentinel-release { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .sentinel-main { width: min(100% - 24px, 1240px); }
  .sentinel-nav { display: none; }
  .sentinel-hero { padding: 55px 0 80px; gap: 2.5rem; }
  .sentinel-actions { flex-direction: column; }
  .sentinel-feature-grid { grid-template-columns: 1fr; }
  .sentinel-feature-grid article { min-height: 200px; border-right: 0; border-bottom: 1px solid var(--sentinel-border); }
  .sentinel-feature-grid article:last-child { border-bottom: 0; }
  .feature-number { margin-bottom: 2rem; }
  .sentinel-privacy { grid-template-columns: 1fr; }
  .privacy-lock { width: 100px; height: 100px; }
  .sentinel-release dl div { grid-template-columns: 1fr; gap: .35rem; }
  .sentinel-footer-top { flex-direction: column; }
  .sentinel-footer-top > span:last-child { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .sentinel-download { transition: none; }
}