:root { --jury-bg:#061018; --jury-paper:#f2eee4; --jury-ink:#10202a; --jury-cyan:#65d9e8; --jury-muted:#9fb2bb; --jury-line:rgba(255,255,255,.13); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.jury-demo { margin:0; background:var(--jury-bg); color:#eef5f5; font-family:"Space Grotesk",sans-serif; }
.jury-nav { position:sticky; top:0; z-index:20; min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem clamp(1rem,4vw,4.5rem); border-bottom:1px solid var(--jury-line); background:rgba(6,16,24,.9); backdrop-filter:blur(14px); }
.jury-brand { display:inline-flex; align-items:center; gap:.65rem; color:#fff; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.jury-brand span { width:.68rem; height:.68rem; border-radius:50%; background:var(--jury-cyan); box-shadow:0 0 18px rgba(101,217,232,.75); }
.jury-nav nav { display:flex; gap:.2rem; overflow:auto; scrollbar-width:none; }
.jury-nav nav a { min-height:40px; display:inline-flex; align-items:center; padding:0 .7rem; color:#b7c7cc; white-space:nowrap; font-size:.86rem; }
.jury-nav nav a:hover,.jury-nav nav a:focus-visible { color:#fff; background:rgba(101,217,232,.1); }
.jury-hero,.jury-proof,.jury-walkthrough,.jury-aster { width:min(1160px,calc(100% - 2rem)); margin-inline:auto; }
.jury-hero { min-height:calc(82vh - 64px); display:flex; flex-direction:column; justify-content:center; padding:clamp(4.5rem,10vw,8rem) 0; }
.jury-kicker { margin:0 0 1rem; color:var(--jury-cyan); font-size:.76rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.jury-hero h1 { max-width:980px; margin:0; font-size:clamp(3rem,8vw,7.2rem); line-height:.92; letter-spacing:-.055em; }
.jury-hero h1 em { display:block; color:var(--jury-paper); font-family:"Playfair Display",serif; font-weight:600; }
.jury-lede { max-width:780px; margin:2rem 0 0; color:#bed0d5; font-size:clamp(1.08rem,2vw,1.35rem); line-height:1.65; }
.jury-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.jury-button { min-height:48px; display:inline-flex; align-items:center; padding:0 1.15rem; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; font-weight:700; }
.jury-button.primary { border-color:var(--jury-cyan); background:var(--jury-cyan); color:#07202a; }
.jury-live-state { min-height:1.5em; margin:1rem 0 0; color:var(--jury-muted); font-size:.85rem; }
.jury-live-state.ok { color:#9ee3bd; }.jury-live-state.warn { color:#f4ca80; }
.jury-proof,.jury-walkthrough { padding:clamp(4rem,8vw,7rem) 0; border-top:1px solid var(--jury-line); }
.jury-section-head { max-width:780px; margin-bottom:2.2rem; }
.jury-section-head h2,.jury-aster h2 { margin:0; font-size:clamp(2rem,4vw,3.8rem); line-height:1.03; letter-spacing:-.04em; }
.jury-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--jury-line); border:1px solid var(--jury-line); }
.jury-metrics article { min-height:240px; display:flex; flex-direction:column; padding:clamp(1.4rem,3vw,2.2rem); background:#091822; }
.jury-metrics strong { font-size:clamp(2.5rem,5vw,5rem); line-height:1; color:#fff; letter-spacing:-.05em; }
.jury-metrics span { margin-top:.6rem; color:var(--jury-cyan); font-weight:700; }
.jury-metrics small { margin-top:auto; color:var(--jury-muted); line-height:1.5; }
.jury-method-note { color:var(--jury-muted); font-size:.84rem; line-height:1.6; }
.jury-method-note code { color:#d5e3e6; }
.jury-steps { margin:0; padding:0; list-style:none; border-top:1px solid var(--jury-line); }
.jury-steps li { display:grid; grid-template-columns:minmax(130px,.3fr) 1fr; gap:2rem; padding:2rem 0; border-bottom:1px solid var(--jury-line); }
.jury-time { color:var(--jury-cyan); font-size:.78rem; font-weight:700; letter-spacing:.08em; }
.jury-steps h3 { margin:0 0 .65rem; font-size:clamp(1.3rem,2.6vw,2.1rem); }
.jury-steps p { max-width:760px; margin:0 0 .85rem; color:#b8c9ce; line-height:1.65; }
.jury-steps a { color:#fff; font-weight:700; text-decoration:underline; text-decoration-color:var(--jury-cyan); text-underline-offset:.28em; }
.jury-video { display:grid; grid-template-columns:120px 1fr; gap:1rem; align-items:center; max-width:760px; padding:1rem; border:1px solid var(--jury-line); background:#091822; }
.jury-video img { width:120px; aspect-ratio:16/9; object-fit:cover; }
.jury-video strong { display:block; margin-bottom:.35rem; }.jury-video small { display:block; color:var(--jury-muted); margin-bottom:.55rem; }
.jury-video-links { display:flex; flex-wrap:wrap; gap:.45rem 1rem; }
.jury-aster { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,7vw,7rem); align-items:start; margin-bottom:6rem; padding:clamp(2rem,5vw,4rem); background:var(--jury-paper); color:var(--jury-ink); }
.jury-aster p:not(.jury-kicker) { color:#4c5e67; line-height:1.65; }
.jury-aster dl { margin:0; }.jury-aster dl div { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid rgba(16,32,42,.18); }
.jury-aster dt { color:#53646c; }.jury-aster dd { margin:0; font-weight:700; }
.jury-footer { display:flex; justify-content:space-between; gap:1rem; padding:2rem clamp(1rem,4vw,4.5rem); border-top:1px solid var(--jury-line); color:var(--jury-muted); }
.jury-footer nav { display:flex; flex-wrap:wrap; gap:1rem; }.jury-footer a { color:#d9e4e6; }
@media (max-width:760px) {
  .jury-nav { align-items:flex-start; flex-direction:column; }.jury-nav nav { width:100%; }
  .jury-hero { min-height:auto; }.jury-metrics { grid-template-columns:1fr; }
  .jury-metrics article { min-height:180px; }.jury-steps li { grid-template-columns:1fr; gap:.7rem; }
  .jury-aster { grid-template-columns:1fr; }.jury-footer { flex-direction:column; }
}
@media (max-width:460px) { .jury-video { grid-template-columns:1fr; }.jury-video img { width:100%; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }