:root{
  --bg:#04070a;--bg2:#071014;--panel:#091216;--panel2:#0d181d;--line:#253238;
  --gold:#d8a93a;--gold2:#f2cd69;--teal:#34d7cc;--text:#f4f6f7;--muted:#98a8ad;
  --green:#4fe0a6;--violet:#a885ff;--shadow:0 24px 80px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 78% 0,rgba(52,215,204,.08),transparent 26%),radial-gradient(circle at 10% 12%,rgba(216,169,58,.08),transparent 24%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:inherit}
.site-nav{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid rgba(216,169,58,.18);background:rgba(4,7,10,.86);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:255px}
.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(52,215,204,.16))}
.brand span{font-weight:700;letter-spacing:.06em;font-size:16px}.brand b{color:var(--gold2)}
.brand small{display:block;color:#78cfc8;font-size:8px;letter-spacing:.18em;margin-top:3px}
.nav-links{display:flex;gap:24px;flex:1}.nav-links a{text-decoration:none;color:#b5c1c5;font-size:13px;font-weight:700}.nav-links a:hover{color:white}
.nav-actions{display:flex;gap:9px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:9px;text-decoration:none;font-weight:900;font-size:12px;letter-spacing:.02em;border:1px solid transparent;transition:.2s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn.gold{background:linear-gradient(180deg,#e0b446,#b78622);border-color:#f0cb63;color:#171006;box-shadow:0 8px 26px rgba(216,169,58,.15)}
.btn.ghost{background:#091419;border-color:#2b3b42;color:#e6edef}
.btn.large{min-height:50px;padding:0 22px;font-size:13px}
main{overflow:hidden}
.hero{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:88px 0 58px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:72px;align-items:center}
.eyebrow,.section-kicker{font-size:11px;font-weight:900;letter-spacing:.17em;color:var(--gold2)}
.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}
.hero h1{font-size:clamp(43px,5.3vw,74px);line-height:.98;letter-spacing:-.055em;margin:19px 0 22px;max-width:780px}
.hero h1 span{color:#aab9bd}
.lead,.section-lead{font-size:17px;line-height:1.7;color:#9fadb1;max-width:720px}
.hero-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.status-row{display:flex;gap:18px;margin-top:30px;flex-wrap:wrap;color:#91a0a5;font-size:11px;font-weight:700}
.status-row span{display:flex;align-items:center;gap:7px}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.green{background:var(--green)}.cyan{background:var(--teal)}.gold-dot{background:var(--gold)}.violet{background:var(--violet)}
.hero-panel{position:relative;border:1px solid rgba(216,169,58,.35);border-radius:18px;padding:22px;background:linear-gradient(145deg,rgba(15,26,31,.96),rgba(5,12,15,.98));box-shadow:var(--shadow)}
.hero-panel:before{content:"";position:absolute;inset:-1px;border-radius:18px;background:linear-gradient(135deg,rgba(242,205,105,.18),transparent 34%,rgba(52,215,204,.10));pointer-events:none}
.panel-head,.signal-event,.consensus{display:flex;align-items:center;justify-content:space-between;gap:12px}
.panel-head small,.signal-event small,.signal-grid small{display:block;color:#78898e;font-size:9px;font-weight:900;letter-spacing:.11em}
.panel-head strong{display:block;margin-top:4px;font-size:17px}
.demo-badge,.live-pill{font-size:9px;font-weight:900;border:1px solid #846c2f;border-radius:999px;padding:5px 8px;color:var(--gold2);background:rgba(216,169,58,.08)}
.signal-event{margin:22px 0;padding:15px;border:1px solid #22353c;border-radius:12px;background:#071115}
.signal-event>div{flex:1}.signal-event b{display:block;margin-top:3px;font-size:15px}.sport-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #25535a;border-radius:10px;color:var(--teal)}
.live-pill{color:#74e7dd;border-color:#24585d;background:#071d20}
.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.signal-grid>div{border:1px solid #1f3036;border-radius:10px;padding:11px;background:#061014}
.signal-grid b{display:block;margin-top:5px;font-size:15px}.positive{color:var(--green)}
.consensus{margin-top:15px;padding:10px 12px;border-radius:10px;background:#081419;border:1px solid #22343a;font-size:11px;color:#a7b4b8}
.consensus i{height:1px;flex:1;background:linear-gradient(90deg,var(--gold),var(--teal))}
.checks{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.checks span{font-size:9px;font-weight:800;color:#8cddd6;border:1px solid #214b4d;border-radius:999px;padding:5px 7px}
.signal-note{margin-top:14px;color:#6f8186;font-size:9px;line-height:1.5}
.trust-strip{width:min(1200px,calc(100% - 40px));margin:0 auto 20px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #202c31;border-radius:13px;background:#071014;overflow:hidden}
.trust-strip div{padding:17px 20px;border-right:1px solid #202c31}.trust-strip div:last-child{border-right:0}
.trust-strip b{display:block;color:var(--gold2);font-size:15px}.trust-strip span{display:block;color:#7f9095;font-size:10px;margin-top:3px}
.section{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:86px 0}
.section h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.04em;line-height:1.05;margin:12px 0 16px;max-width:850px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}
.steps article{min-height:210px;padding:22px;border:1px solid #202f35;border-radius:14px;background:linear-gradient(180deg,#0a1418,#071014)}
.steps em{font-style:normal;color:var(--gold2);font-weight:900;font-size:11px;letter-spacing:.12em}
.steps h3{font-size:18px;margin:32px 0 9px}.steps p{color:#87989d;line-height:1.6;font-size:13px;margin:0}
.split{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}
.feature-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:10px}
.feature-list li{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #1b272c}
.feature-list b{color:#e8ecee;font-size:13px}.feature-list span{color:#89999e;font-size:12px;line-height:1.55}
.tech-card{border:1px solid rgba(52,215,204,.24);background:linear-gradient(180deg,#09171b,#061014);border-radius:16px;padding:8px 22px;box-shadow:var(--shadow)}
.tech-line{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #1b2b30}
.tech-line span{font-size:9px;letter-spacing:.12em;color:#769095;font-weight:900}.tech-line b{font-size:11px;text-align:right;color:#83e3dc}
.tech-foot{font-size:10px;line-height:1.6;color:#6f858a;padding:18px 0 11px}
.access{border-top:1px solid #1b282d;border-bottom:1px solid #1b282d;display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}
.access-copy>p{color:#90a0a5;font-size:15px;line-height:1.7;max-width:650px}
.payment-status{margin-top:26px;padding:15px;border:1px solid #634f20;border-radius:12px;background:rgba(216,169,58,.06);display:flex;gap:12px;align-items:flex-start}
.payment-status>span{color:var(--gold2)}.payment-status b{display:block;font-size:12px}
.payment-status small{display:block;color:#958b70;line-height:1.55;margin-top:4px}
.access-flow{border:1px solid #2d3437;border-radius:16px;padding:21px;background:#081115;display:grid;gap:8px}
.access-flow>div{display:grid;grid-template-columns:34px 130px 1fr;align-items:center;gap:10px;padding:11px;border-radius:10px;background:#0a1519}
.access-flow em{font-style:normal;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #765f2b;color:var(--gold2);font-size:10px;font-weight:900}
.access-flow b{font-size:12px}.access-flow span{font-size:10px;color:#819298;line-height:1.45}
.full{width:100%;margin-top:7px}.login-link{text-align:center;color:#78d9d2;text-decoration:none;font-size:11px;font-weight:800;padding:7px}
.safety{padding-top:58px;padding-bottom:58px;display:grid;grid-template-columns:.55fr 1fr;gap:70px;align-items:center}
.safety span{font-size:10px;letter-spacing:.14em;color:#ffcf69;font-weight:900}
.safety h2{font-size:30px;margin:7px 0 0}.safety p{color:#829297;font-size:12px;line-height:1.7;margin:0}
footer{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:26px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#66777c}
.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:36px;height:36px;object-fit:contain}
.footer-brand b{display:block;color:#c8d0d2;font-size:11px}.footer-brand small{display:block;font-size:8px;margin-top:2px}
.footer-meta{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;font-size:9px}
@media(max-width:950px){
  .site-nav{padding:0 20px}.nav-links{display:none}.brand{flex:1;min-width:0}.nav-actions .ghost{display:none}
  .hero{padding-top:58px;grid-template-columns:1fr;gap:38px}.hero-copy{text-align:center}.eyebrow{justify-content:center}
  .lead{margin-left:auto;margin-right:auto}.hero-actions,.status-row{justify-content:center}
  .trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip div:nth-child(2){border-right:0}
  .trust-strip div:nth-child(-n+2){border-bottom:1px solid #202c31}
  .steps{grid-template-columns:repeat(2,1fr)}.split,.access,.safety{grid-template-columns:1fr;gap:34px}
}
@media(max-width:600px){
  .site-nav{height:68px;padding:0 12px}.brand img{width:42px;height:42px}.brand span{font-size:14px}
  .brand small{font-size:7px}.nav-actions .btn{padding:0 11px;font-size:10px}
  .hero,.section,.trust-strip,footer{width:min(100% - 24px,1200px)}.hero{padding:42px 0 38px}
  .hero h1{font-size:40px}.lead{font-size:14px}.hero-actions{display:grid}.hero-actions .btn{width:100%}
  .signal-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr 1fr}
  .trust-strip div{padding:13px}.trust-strip b{font-size:13px}
  .section{padding:58px 0}.section h2{font-size:32px}.section-lead{font-size:14px}
  .steps{grid-template-columns:1fr}.steps article{min-height:165px}.steps h3{margin-top:20px}
  .feature-list li{grid-template-columns:1fr;gap:5px}
  .access-flow>div{grid-template-columns:34px 1fr}.access-flow span{grid-column:2}
  .safety{padding:42px 0}
  footer{align-items:flex-start;flex-direction:column}.footer-meta{justify-content:flex-start}
}
.hero-panel{isolation:isolate}
.hero-panel:before{z-index:0}
.hero-panel>*{position:relative;z-index:1}
.vision-section{padding-top:78px}
.manifesto{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.manifesto article{padding:22px;border:1px solid #243238;border-radius:14px;background:linear-gradient(180deg,#0a1418,#071014)}
.manifesto article>span{display:inline-block;color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:28px}
.manifesto b{display:block;font-size:18px;margin-bottom:8px}
.manifesto p{margin:0;color:#87989d;font-size:12px;line-height:1.65}
.vision-quote{margin-top:16px;padding:22px;border:1px solid rgba(216,169,58,.34);border-radius:14px;background:linear-gradient(90deg,rgba(216,169,58,.08),rgba(52,215,204,.04));display:flex;align-items:center;justify-content:space-between;gap:20px}
.vision-quote strong{font-size:20px;color:var(--gold2)}
.vision-quote span{font-size:14px;color:#b7c2c5;text-align:right}
.decision-flow{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid #203036;border-radius:12px;background:#071014}
.decision-flow span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#9edfd9;border:1px solid #24474a;border-radius:999px;padding:7px 10px}
.decision-flow i{font-style:normal;color:#66572f}
.viewer-preview{border-top:1px solid #172329}
.viewer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.viewer-grid article{padding:20px;border:1px solid #203139;border-radius:14px;background:linear-gradient(180deg,#091419,#061014)}
.viewer-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid #25535a;color:var(--teal);margin-bottom:24px}
.viewer-grid b{display:block;font-size:16px;margin-bottom:7px}
.viewer-grid p{margin:0;color:#85969b;font-size:11px;line-height:1.6}
.readonly-banner{margin-top:14px;display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid #25535a;border-radius:12px;background:rgba(52,215,204,.05)}
.readonly-banner>span{font-size:20px}.readonly-banner b{display:block;font-size:12px;color:#8be3dc}.readonly-banner small{display:block;color:#819398;font-size:10px;line-height:1.55;margin-top:3px}
@media(max-width:950px){.manifesto{grid-template-columns:1fr}.viewer-grid{grid-template-columns:repeat(2,1fr)}.vision-quote{align-items:flex-start;flex-direction:column}.vision-quote span{text-align:left}}
@media(max-width:600px){.viewer-grid{grid-template-columns:1fr}.decision-flow{gap:6px}.decision-flow span{font-size:8px;padding:6px 8px}}
/* =========================================================
   1.0 MAJOR VISUAL SYSTEM — JACKHER ROBOT / GOLD / TEAL
   Reference: approved JackHer cinematic landing + visor UI.
   ========================================================= */
:root{
  --jh-black:#020507;--jh-black2:#050b0f;--jh-panel:#071217;--jh-panel2:#091920;
  --jh-gold:#e5ad32;--jh-gold-hi:#ffd66d;--jh-teal:#0de0d0;--jh-teal2:#36f6df;
  --jh-border:rgba(31,119,121,.48);--jh-gold-border:rgba(229,173,50,.48);
}
body{
  background:
    linear-gradient(180deg,rgba(1,6,9,.15),rgba(1,4,6,.96)),
    radial-gradient(circle at 12% 15%,rgba(229,173,50,.10),transparent 28%),
    radial-gradient(circle at 82% 8%,rgba(13,224,208,.09),transparent 27%),
    #020507;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.26;
  background-image:
    linear-gradient(rgba(31,110,113,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,110,113,.06) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}
.site-nav{
  height:82px;border-bottom:1px solid rgba(229,173,50,.32);
  background:linear-gradient(180deg,rgba(3,8,11,.98),rgba(3,8,11,.88));
  box-shadow:0 10px 32px rgba(0,0,0,.35),inset 0 -1px rgba(13,224,208,.05);
}
.site-nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--jh-gold),var(--jh-teal),transparent);opacity:.45}
.brand img{width:54px;height:54px;filter:drop-shadow(0 0 12px rgba(13,224,208,.28)) drop-shadow(0 0 16px rgba(229,173,50,.12))}
.brand span{font-size:18px;letter-spacing:.07em}.brand small{color:#8de8e0;letter-spacing:.23em}
.nav-links{justify-content:center}.nav-links a{position:relative;padding:10px 0;color:#b9c6c9}
.nav-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;background:var(--jh-gold);transition:.2s}
.nav-links a:hover:after{left:0;right:0}.nav-links a:hover{color:#fff}
.btn.gold{background:linear-gradient(180deg,#f1c252,#b97b12);border-color:#ffe083;box-shadow:0 0 0 1px rgba(229,173,50,.15),0 12px 28px rgba(229,173,50,.20),inset 0 1px rgba(255,255,255,.28)}
.btn.ghost{background:linear-gradient(180deg,#071419,#050d11);border-color:#1c7779;box-shadow:inset 0 0 18px rgba(13,224,208,.035)}

.hero{
  width:min(1440px,calc(100% - 34px));min-height:620px;padding:28px 0 34px;
  grid-template-columns:minmax(520px,1.08fr) minmax(420px,.92fr);gap:34px;
  position:relative;
}
.hero:before{content:"";position:absolute;inset:20px -12px 18px;border:1px solid rgba(229,173,50,.08);border-radius:24px;pointer-events:none}
.hero-copy{padding:42px 42px 42px 12px;position:relative;z-index:3;align-self:center}
.hero-copy .eyebrow{color:#9ceae4}.hero-copy .eyebrow i{box-shadow:0 0 18px var(--jh-teal)}
.hero h1{font-size:clamp(58px,6.5vw,92px);line-height:.84;margin:20px 0 18px;letter-spacing:-.065em;color:transparent;background:linear-gradient(180deg,#ffe396 0%,#e8ad31 42%,#9c6310 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 8px 42px rgba(229,173,50,.14)}
.hero h1 b{font-weight:900;color:transparent;background:linear-gradient(180deg,#eff8fa,#79949b 65%,#25363d);-webkit-background-clip:text;background-clip:text}
.hero h1 span{display:block;margin-top:18px;font-size:clamp(26px,2.6vw,39px);line-height:1.05;letter-spacing:.005em;color:#f6f8f8;background:none;-webkit-text-fill-color:initial;text-shadow:none}
.hero .lead{font-size:16px;color:#b4c0c3;max-width:660px}.hero .lead b{color:#fff}
.hero-actions{margin-top:26px}.hero-actions .btn{min-width:180px}.hero-actions .gold span{margin-left:10px;font-size:18px}
.status-row{margin-top:25px;padding-top:18px;border-top:1px solid rgba(103,137,141,.2)}

.hero-panel.robot-stage{
  order:-1;min-height:560px;padding:0;overflow:hidden;border-radius:20px;
  border:1px solid var(--jh-gold-border);
  background:#020608;box-shadow:0 28px 70px rgba(0,0,0,.52),inset 0 0 0 1px rgba(13,224,208,.06);
}
.robot-stage:before{content:"";position:absolute;inset:0;z-index:2!important;border-radius:20px;background:linear-gradient(90deg,rgba(2,5,7,.02) 40%,rgba(2,5,7,.44) 82%,rgba(2,5,7,.80)),linear-gradient(0deg,rgba(2,5,7,.62),transparent 34%);pointer-events:none}
.hero-robot{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% top;z-index:1!important;transform:scale(1.0);filter:saturate(1.04) contrast(1.04)}
.robot-vignette{position:absolute!important;inset:0;z-index:2!important;box-shadow:inset 0 0 70px rgba(0,0,0,.55),inset 0 -70px 90px rgba(0,0,0,.64);pointer-events:none}
.hero-hud{position:absolute!important;z-index:4!important;min-width:205px;padding:12px 14px;border:1px solid rgba(13,224,208,.45);border-radius:10px;background:rgba(2,10,13,.72);backdrop-filter:blur(8px);box-shadow:0 0 22px rgba(13,224,208,.08)}
.hero-hud small{display:block;color:#75a6aa;font-size:8px;letter-spacing:.16em;font-weight:900}.hero-hud b{display:block;color:#dffdf9;font-size:12px;margin:4px 0}.hero-hud span{color:#47dccc;font-size:8px;letter-spacing:.08em}
.hud-a{left:18px;top:20px}.hud-b{right:18px;bottom:22px;border-color:rgba(229,173,50,.45)}.hud-b span{color:#e6b94e}
.hero-scan{position:absolute!important;z-index:3!important;left:0;right:0;top:44%;height:1px;background:linear-gradient(90deg,transparent,var(--jh-teal),transparent);box-shadow:0 0 14px var(--jh-teal);opacity:.5;animation:scanline 4.8s ease-in-out infinite}
@keyframes scanline{0%,100%{transform:translateY(-135px);opacity:.12}50%{transform:translateY(150px);opacity:.55}}

.trust-strip.feature-strip{width:min(1380px,calc(100% - 34px));margin:0 auto 34px;border-color:rgba(229,173,50,.24);background:linear-gradient(180deg,#071216,#040b0e);box-shadow:0 16px 42px rgba(0,0,0,.28)}
.feature-strip div{display:grid;grid-template-columns:46px 1fr;column-gap:12px;align-items:center;min-height:88px}
.feature-strip div>i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid #177174;border-radius:10px;color:var(--jh-teal);font-style:normal;font-size:21px;background:#051116;box-shadow:inset 0 0 16px rgba(13,224,208,.05)}
.feature-strip b{font-size:14px!important;color:#edf4f5!important}.feature-strip span{font-size:10px!important;color:#84979b!important}

.section{width:min(1320px,calc(100% - 40px));position:relative}
.section-kicker{color:var(--jh-gold-hi);letter-spacing:.21em}
.section h2{max-width:980px}
.vision-section{border-top:1px solid rgba(229,173,50,.10);border-bottom:1px solid rgba(13,224,208,.08);padding-top:88px;padding-bottom:88px}
.vision-section:before{content:"";position:absolute;right:-80px;top:40px;width:480px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(229,173,50,.10),transparent 66%);pointer-events:none}
.manifesto article{position:relative;overflow:hidden;border-color:rgba(229,173,50,.28);background:linear-gradient(145deg,#091419,#050c0f);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.manifesto article:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--jh-gold),transparent 72%);opacity:.72}
.manifesto article>span{color:var(--jh-gold-hi)}.manifesto b{color:#f3f6f6}
.vision-quote{border-color:rgba(229,173,50,.40);background:linear-gradient(90deg,rgba(229,173,50,.08),rgba(13,224,208,.035))}
.decision-flow{border-color:#1d5b5d;background:linear-gradient(180deg,#071216,#040b0e)}
.decision-flow span{border-color:#2a6769;color:#a9eeea}.decision-flow i{color:var(--jh-gold)}
/* Major visual system — cards, visor preview, access */
.steps{gap:14px}.steps article{position:relative;min-height:230px;border-color:rgba(35,100,103,.55);background:linear-gradient(155deg,#08151a,#040a0d);overflow:hidden}
.steps article:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--jh-gold),var(--jh-teal));opacity:.48}
.steps article:hover{border-color:rgba(229,173,50,.44);transform:translateY(-2px);transition:.2s}
.steps em{color:var(--jh-gold-hi)}
.signal-section{border-top:1px solid rgba(13,224,208,.08)}
.split{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:64px}
.tech-card{position:relative;overflow:hidden;border-color:rgba(13,224,208,.34);background:radial-gradient(circle at 85% 15%,rgba(13,224,208,.08),transparent 34%),linear-gradient(180deg,#08161b,#040b0e)}
.tech-card:before{content:"SIGNAL ENGINE";position:absolute;right:18px;top:12px;font-size:8px;letter-spacing:.18em;color:rgba(229,173,50,.52)}
.tech-line{border-bottom-color:#14383d}.tech-line b{color:#9ef4eb}

.viewer-preview{border-top:1px solid rgba(229,173,50,.12);padding-top:88px}
.visor-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.visor-intro .section-lead{margin-bottom:0}
.visor-shell{display:grid;grid-template-columns:176px 1fr;min-height:430px;border:1px solid rgba(229,173,50,.45);border-radius:18px;overflow:hidden;background:#03080b;box-shadow:0 30px 74px rgba(0,0,0,.42),inset 0 0 0 1px rgba(13,224,208,.05)}
.visor-side{padding:18px 14px;background:linear-gradient(180deg,#071014,#020608);border-right:1px solid rgba(229,173,50,.30);text-align:center}
.visor-side>img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(13,224,208,.22))}
.visor-side>b{display:block;color:var(--jh-gold-hi);font-size:14px;letter-spacing:.05em}.visor-side>small{display:block;color:#76ddd5;font-size:7px;letter-spacing:.22em;margin-top:4px}
.visor-side nav{display:grid;gap:6px;margin-top:28px;text-align:left}.visor-side nav span{padding:9px 10px;border:1px solid transparent;border-radius:7px;color:#80969b;font-size:9px}.visor-side nav .active{color:#ffd66d;border-color:#7e6020;background:linear-gradient(90deg,rgba(229,173,50,.19),rgba(229,173,50,.03))}
.visor-main{padding:15px;background:radial-gradient(circle at 82% 8%,rgba(13,224,208,.055),transparent 28%),#040a0d}
.visor-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.visor-kpis>div{position:relative;min-height:76px;padding:13px;border:1px solid #15555a;border-radius:9px;background:linear-gradient(145deg,#07161b,#061014);overflow:hidden}.visor-kpis small{display:block;color:#82999e;font-size:8px}.visor-kpis b{display:block;margin-top:8px;color:#e8f5f5;font-size:10px;letter-spacing:.05em}.visor-kpis i{position:absolute;right:10px;bottom:11px;width:42px;height:22px;border-bottom:2px solid var(--jh-teal);border-right:2px solid var(--jh-teal);transform:skewY(-18deg);opacity:.65}
.visor-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:10px;margin-top:10px}
.mini-market,.mini-ops{border:1px solid #17464c;border-radius:10px;background:#061014;overflow:hidden}
.mini-market header,.mini-ops header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #12343a}.mini-market header b,.mini-ops header b{font-size:11px}.mini-market header span,.mini-ops header span{font-size:7px;color:#72dfd5;border:1px solid #245c5f;border-radius:999px;padding:4px 6px}
.mini-table-head,.mini-row{display:grid;grid-template-columns:1.5fr .8fr .5fr .8fr;gap:8px;align-items:center;padding:8px 10px}.mini-table-head{color:#71898e;font-size:7px;border-bottom:1px solid #102c31}.mini-row{font-size:8px;color:#aab9bc;border-bottom:1px solid #0d262a}.mini-row b{color:#39e4ad}.mini-row em{font-style:normal;color:#ddb64f}.mini-row em.ok{color:#43deb1}
.mini-chart{height:118px;display:flex;align-items:end;gap:4px;padding:16px 12px;background:linear-gradient(180deg,rgba(13,224,208,.025),transparent)}
.mini-chart i{flex:1;min-width:4px;background:linear-gradient(180deg,var(--jh-teal),#0b6d6b);border-radius:2px 2px 0 0;opacity:.62}.mini-chart i:nth-child(1){height:27%}.mini-chart i:nth-child(2){height:35%}.mini-chart i:nth-child(3){height:31%}.mini-chart i:nth-child(4){height:48%}.mini-chart i:nth-child(5){height:42%}.mini-chart i:nth-child(6){height:58%}.mini-chart i:nth-child(7){height:51%}.mini-chart i:nth-child(8){height:68%}.mini-chart i:nth-child(9){height:63%}.mini-chart i:nth-child(10){height:78%}.mini-chart i:nth-child(11){height:72%}.mini-chart i:nth-child(12){height:88%}
.mini-ops{padding-bottom:8px}.mini-ops>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 10px;padding:10px;border:1px solid #13383d;border-radius:8px;background:#071418}.mini-ops small{color:#799094;font-size:7px}.mini-ops b{font-size:8px;color:#dbe8e9}.mini-ops b.teal{color:#70e5da}
.viewer-grid{margin-top:16px}.viewer-grid article{border-color:#17434a;background:linear-gradient(155deg,#08151a,#040a0d);box-shadow:0 12px 26px rgba(0,0,0,.20)}.viewer-grid article>span{color:var(--jh-teal);border-color:#236568}.readonly-banner{border-color:#216b6c;background:linear-gradient(90deg,rgba(13,224,208,.06),rgba(229,173,50,.03))}

.access{border-top-color:rgba(229,173,50,.18);border-bottom-color:rgba(13,224,208,.12)}
.payment-status{border-color:rgba(229,173,50,.38);background:rgba(229,173,50,.055)}
.access-flow{border-color:#244349;background:linear-gradient(180deg,#081418,#040a0d);box-shadow:0 20px 45px rgba(0,0,0,.28)}
.access-flow>div{border:1px solid #15383d;background:#071216}.access-flow em{border-color:#8c6c24;background:rgba(229,173,50,.06)}
.safety{border-top:1px solid rgba(229,173,50,.08)}
.footer-brand img{filter:drop-shadow(0 0 9px rgba(13,224,208,.18))}

@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:0;width:min(100% - 28px,900px);padding-top:30px}
  .hero-panel.robot-stage{order:-1;min-height:500px}.hero-copy{padding:15px 20px 38px;text-align:center}
  .hero-copy .eyebrow,.hero-actions,.status-row{justify-content:center}.hero .lead{margin-left:auto;margin-right:auto}
  .hero h1{font-size:66px}.hero h1 span{font-size:30px}.feature-strip{width:min(100% - 28px,900px)}
  .visor-grid{grid-template-columns:1fr}.visor-shell{grid-template-columns:150px 1fr}
}
@media(max-width:720px){
  .site-nav{height:68px}.brand img{width:44px;height:44px}.brand span{font-size:14px}
  .hero{width:100%;padding:0;gap:0}.hero:before{display:none}
  .hero-panel.robot-stage{border-radius:0;min-height:390px;border-left:0;border-right:0;border-top:0}
  .hero-robot{object-position:52% center}.hero-hud{min-width:150px;padding:8px 9px}.hero-hud small{font-size:6px}.hero-hud b{font-size:9px}.hero-hud span{font-size:6px}.hud-a{left:10px;top:10px}.hud-b{right:10px;bottom:12px}
  .hero-copy{padding:28px 18px 36px}.hero h1{font-size:48px}.hero h1 span{font-size:24px;margin-top:14px}.hero .lead{font-size:14px}
  .feature-strip{width:calc(100% - 24px)}.feature-strip div{grid-template-columns:36px 1fr;min-height:76px;column-gap:8px}.feature-strip div>i{width:34px;height:34px;font-size:17px}
  .visor-intro{align-items:flex-start;flex-direction:column}.visor-shell{grid-template-columns:1fr}.visor-side{display:flex;align-items:center;gap:8px;text-align:left;border-right:0;border-bottom:1px solid rgba(229,173,50,.25);padding:9px 12px}.visor-side>img{width:44px;height:44px}.visor-side>small{display:none}.visor-side nav{display:none;margin:0}.visor-kpis{grid-template-columns:repeat(2,1fr)}.visor-main{padding:8px}.mini-table-head,.mini-row{grid-template-columns:1.3fr .8fr .5fr .8fr;font-size:7px;padding:7px 6px}.mini-chart{height:86px}
}
/* Major visual system — cards, visor preview, access */
.steps{gap:14px}.steps article{position:relative;min-height:230px;border-color:rgba(35,100,103,.55);background:linear-gradient(155deg,#08151a,#040a0d);overflow:hidden}
.steps article:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--jh-gold),var(--jh-teal));opacity:.48}
.steps article:hover{border-color:rgba(229,173,50,.44);transform:translateY(-2px);transition:.2s}
.steps em{color:var(--jh-gold-hi)}
.signal-section{border-top:1px solid rgba(13,224,208,.08)}
.split{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:64px}
.tech-card{position:relative;overflow:hidden;border-color:rgba(13,224,208,.34);background:radial-gradient(circle at 85% 15%,rgba(13,224,208,.08),transparent 34%),linear-gradient(180deg,#08161b,#040b0e)}
.tech-card:before{content:"SIGNAL ENGINE";position:absolute;right:18px;top:12px;font-size:8px;letter-spacing:.18em;color:rgba(229,173,50,.52)}
.tech-line{border-bottom-color:#14383d}.tech-line b{color:#9ef4eb}

.viewer-preview{border-top:1px solid rgba(229,173,50,.12);padding-top:88px}
.visor-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.visor-intro .section-lead{margin-bottom:0}
.visor-shell{display:grid;grid-template-columns:176px 1fr;min-height:430px;border:1px solid rgba(229,173,50,.45);border-radius:18px;overflow:hidden;background:#03080b;box-shadow:0 30px 74px rgba(0,0,0,.42),inset 0 0 0 1px rgba(13,224,208,.05)}
.visor-side{padding:18px 14px;background:linear-gradient(180deg,#071014,#020608);border-right:1px solid rgba(229,173,50,.30);text-align:center}
.visor-side>img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(13,224,208,.22))}
.visor-side>b{display:block;color:var(--jh-gold-hi);font-size:14px;letter-spacing:.05em}.visor-side>small{display:block;color:#76ddd5;font-size:7px;letter-spacing:.22em;margin-top:4px}
.visor-side nav{display:grid;gap:6px;margin-top:28px;text-align:left}.visor-side nav span{padding:9px 10px;border:1px solid transparent;border-radius:7px;color:#80969b;font-size:9px}.visor-side nav .active{color:#ffd66d;border-color:#7e6020;background:linear-gradient(90deg,rgba(229,173,50,.19),rgba(229,173,50,.03))}
.visor-main{padding:15px;background:radial-gradient(circle at 82% 8%,rgba(13,224,208,.055),transparent 28%),#040a0d}
.visor-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.visor-kpis>div{position:relative;min-height:76px;padding:13px;border:1px solid #15555a;border-radius:9px;background:linear-gradient(145deg,#07161b,#061014);overflow:hidden}.visor-kpis small{display:block;color:#82999e;font-size:8px}.visor-kpis b{display:block;margin-top:8px;color:#e8f5f5;font-size:10px;letter-spacing:.05em}.visor-kpis i{position:absolute;right:10px;bottom:11px;width:42px;height:22px;border-bottom:2px solid var(--jh-teal);border-right:2px solid var(--jh-teal);transform:skewY(-18deg);opacity:.65}
.visor-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:10px;margin-top:10px}
.mini-market,.mini-ops{border:1px solid #17464c;border-radius:10px;background:#061014;overflow:hidden}
.mini-market header,.mini-ops header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #12343a}.mini-market header b,.mini-ops header b{font-size:11px}.mini-market header span,.mini-ops header span{font-size:7px;color:#72dfd5;border:1px solid #245c5f;border-radius:999px;padding:4px 6px}
.mini-table-head,.mini-row{display:grid;grid-template-columns:1.5fr .8fr .5fr .8fr;gap:8px;align-items:center;padding:8px 10px}.mini-table-head{color:#71898e;font-size:7px;border-bottom:1px solid #102c31}.mini-row{font-size:8px;color:#aab9bc;border-bottom:1px solid #0d262a}.mini-row b{color:#39e4ad}.mini-row em{font-style:normal;color:#ddb64f}.mini-row em.ok{color:#43deb1}
.mini-chart{height:118px;display:flex;align-items:end;gap:4px;padding:16px 12px;background:linear-gradient(180deg,rgba(13,224,208,.025),transparent)}
.mini-chart i{flex:1;min-width:4px;background:linear-gradient(180deg,var(--jh-teal),#0b6d6b);border-radius:2px 2px 0 0;opacity:.62}.mini-chart i:nth-child(1){height:27%}.mini-chart i:nth-child(2){height:35%}.mini-chart i:nth-child(3){height:31%}.mini-chart i:nth-child(4){height:48%}.mini-chart i:nth-child(5){height:42%}.mini-chart i:nth-child(6){height:58%}.mini-chart i:nth-child(7){height:51%}.mini-chart i:nth-child(8){height:68%}.mini-chart i:nth-child(9){height:63%}.mini-chart i:nth-child(10){height:78%}.mini-chart i:nth-child(11){height:72%}.mini-chart i:nth-child(12){height:88%}
.mini-ops{padding-bottom:8px}.mini-ops>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 10px;padding:10px;border:1px solid #13383d;border-radius:8px;background:#071418}.mini-ops small{color:#799094;font-size:7px}.mini-ops b{font-size:8px;color:#dbe8e9}.mini-ops b.teal{color:#70e5da}
.viewer-grid{margin-top:16px}.viewer-grid article{border-color:#17434a;background:linear-gradient(155deg,#08151a,#040a0d);box-shadow:0 12px 26px rgba(0,0,0,.20)}.viewer-grid article>span{color:var(--jh-teal);border-color:#236568}.readonly-banner{border-color:#216b6c;background:linear-gradient(90deg,rgba(13,224,208,.06),rgba(229,173,50,.03))}

.access{border-top-color:rgba(229,173,50,.18);border-bottom-color:rgba(13,224,208,.12)}
.payment-status{border-color:rgba(229,173,50,.38);background:rgba(229,173,50,.055)}
.access-flow{border-color:#244349;background:linear-gradient(180deg,#081418,#040a0d);box-shadow:0 20px 45px rgba(0,0,0,.28)}
.access-flow>div{border:1px solid #15383d;background:#071216}.access-flow em{border-color:#8c6c24;background:rgba(229,173,50,.06)}
.safety{border-top:1px solid rgba(229,173,50,.08)}
.footer-brand img{filter:drop-shadow(0 0 9px rgba(13,224,208,.18))}

@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:0;width:min(100% - 28px,900px);padding-top:30px}
  .hero-panel.robot-stage{order:-1;min-height:500px}.hero-copy{padding:15px 20px 38px;text-align:center}
  .hero-copy .eyebrow,.hero-actions,.status-row{justify-content:center}.hero .lead{margin-left:auto;margin-right:auto}
  .hero h1{font-size:66px}.hero h1 span{font-size:30px}.feature-strip{width:min(100% - 28px,900px)}
  .visor-grid{grid-template-columns:1fr}.visor-shell{grid-template-columns:150px 1fr}
}
@media(max-width:720px){
  .site-nav{height:68px}.brand img{width:44px;height:44px}.brand span{font-size:14px}
  .hero{width:100%;padding:0;gap:0}.hero:before{display:none}
  .hero-panel.robot-stage{border-radius:0;min-height:390px;border-left:0;border-right:0;border-top:0}
  .hero-robot{object-position:52% center}.hero-hud{min-width:150px;padding:8px 9px}.hero-hud small{font-size:6px}.hero-hud b{font-size:9px}.hero-hud span{font-size:6px}.hud-a{left:10px;top:10px}.hud-b{right:10px;bottom:12px}
  .hero-copy{padding:28px 18px 36px}.hero h1{font-size:48px}.hero h1 span{font-size:24px;margin-top:14px}.hero .lead{font-size:14px}
  .feature-strip{width:calc(100% - 24px)}.feature-strip div{grid-template-columns:36px 1fr;min-height:76px;column-gap:8px}.feature-strip div>i{width:34px;height:34px;font-size:17px}
  .visor-intro{align-items:flex-start;flex-direction:column}.visor-shell{grid-template-columns:1fr}.visor-side{display:flex;align-items:center;gap:8px;text-align:left;border-right:0;border-bottom:1px solid rgba(229,173,50,.25);padding:9px 12px}.visor-side>img{width:44px;height:44px}.visor-side>small{display:none}.visor-side nav{display:none;margin:0}.visor-kpis{grid-template-columns:repeat(2,1fr)}.visor-main{padding:8px}.mini-table-head,.mini-row{grid-template-columns:1.3fr .8fr .5fr .8fr;font-size:7px;padding:7px 6px}.mini-chart{height:86px}
}