/* Jepeta Interface System / October 2026
   Editorial product language: graphite, cobalt, typographic hierarchy, no neon or glass.
   App-wide overlays are intentional; risk statuses retain clear text labels. */
:root {
  color-scheme:dark;
  --bg:#0e1420; --surface:#161f2e; --surface2:#1d293a;
  --panel:#161f2e; --panel-2:#1d293a;
  --text:#f3f6fc; --muted:#c3cedd;
  --mint:#a5baff; --mint-soft:#a5baff;
  --line:#435168; --soft-line:#303c50;
  --action-bg:#4168d8; --action-text:#ffffff;
  --pass:#9cc2ff; --warn:#ffd28b; --block:#ffadb1;
  --amber:var(--warn); --red:var(--block);
  --evidence-primary-bg:#4168d8; --evidence-primary-text:#ffffff;
  --ui-radius:12px; --ui-motion:190ms; --ui-ease:cubic-bezier(.2,.7,.2,1);
}
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f6f7fa; --surface:#ffffff; --surface2:#edf1f7;
  --panel:#ffffff; --panel-2:#edf1f7;
  --text:#17233c; --muted:#44536a;
  --mint:#254da8; --mint-soft:#254da8;
  --line:#b6c5d8; --soft-line:#d4deea;
  --action-bg:#214cb7; --action-text:#ffffff;
  --pass:#194c9e; --warn:#805000; --block:#a12635;
  --amber:var(--warn); --red:var(--block);
  --evidence-primary-bg:#214cb7; --evidence-primary-text:#ffffff;
}
html {scroll-padding-top:96px}
html body {font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}
html body :is(h1,h2,h3,h4){color:var(--text);text-wrap:balance}
html body :is(h1,h2){letter-spacing:-.045em}
html body :is(.micro,.eyebrow,.mono,.feature-caption){letter-spacing:.04em}
html body :is(p,li){overflow-wrap:break-word}
html body :is(.hero-lead,.intent-lead,.guide-card p,.news-card p,.intel-card p,.article p,.research-shell p,.intent-copy p,.intent-copy li){
  color:var(--muted);line-height:1.76}
html body :is(.docs-body,.evidence-detail,.evidence-catalog,.guides-body){background:var(--bg);color:var(--text)}
html body .site-header,html body .topbar,html body .evidence-detail .top {
  background:var(--bg);border-color:var(--soft-line);backdrop-filter:none}
html body .site-unified-row {min-height:72px}
html body .site-nav-panel{border:1px solid var(--line);background:var(--surface);
  box-shadow:0 16px 34px #0002;border-radius:10px}
html body .site-nav-trigger{display:flex;align-items:center;gap:9px;border-radius:7px;min-height:44px;
  font-weight:620;transition:color var(--ui-motion),background var(--ui-motion)}
html body .site-nav-trigger::marker{content:""}
html body .site-nav-trigger::after{content:"";width:6px;height:6px;margin-left:auto;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);
  opacity:.8;transition:transform var(--ui-motion) var(--ui-ease)}
html body .site-nav-group[open]>.site-nav-trigger::after{transform:rotate(225deg)}
html body .site-nav-group[open]>.site-nav-trigger,html body .site-nav-panel a:hover{background:var(--surface2)}
html body :is(.site-nav-trigger,.site-nav-panel a)[data-current],
html body :is(.site-nav-trigger,.site-nav-panel a)[aria-current]{color:var(--mint)}
html body .site-shell-button{border-radius:8px;transition:background var(--ui-motion),border-color var(--ui-motion)}
html body .site-shell-button:hover{background:var(--surface2);border-color:var(--mint)}
html body .site-theme-icon svg{transition:transform 260ms var(--ui-ease)}
html body .site-theme-icon:hover svg{transform:rotate(15deg)}
html body .site-brand-mark{border-radius:9px}
html body a:is(.brand,.site-brand,.site-global-brand){color:var(--text)}
html body :is(.site-footer,.site-unified-footer){border-color:var(--soft-line);background:var(--bg)}
html body .source-strip,html body .approach-section,html body .reports-section{
  background:var(--bg);border-color:var(--soft-line)}
html body :is(.guide-card,.intel-card,.news-card,.research-card,.article-card,.hero-explore a,
  .price-card,.proof-links a,.related a,.intent-side,.intent-row,.evidence-detail .card,
  .evidence-detail .fact,.evidence-catalog .card){
  background:var(--surface);border-color:var(--line);box-shadow:none}
html body :is(.guide-card,.intel-card,.news-card,.research-card,.article-card,.hero-explore a,
  .proof-links a,.related a,.evidence-catalog .card){
  transition:transform 230ms var(--ui-ease),border-color 230ms var(--ui-ease),
  background 230ms var(--ui-ease);will-change:auto}
html body :is(.guide-card,.intel-card,.news-card,.research-card,.article-card,.hero-explore a,
  .proof-links a,.related a,.evidence-catalog .card):hover{
  transform:translateY(-2px);border-color:var(--mint);background:var(--surface2)}
html body :is(.guide-card,.intel-card,.news-card,.research-card,.article-card,.hero-explore a,
  .proof-links a,.related a,.evidence-catalog .card):active{transform:translateY(0)}
html body .hero{align-items:start;gap:clamp(22px,4vw,54px);padding-bottom:54px}
html body .hero h1{font-size:clamp(2.75rem,4.6vw,4.65rem);font-weight:760;line-height:1.075;
  letter-spacing:-.055em;text-wrap:balance}
html body .hero h1 span{color:var(--text)}
html body .hero-lead{max-width:63ch;font-size:1.06rem}
html body .hero-quick-scan{border:1px solid var(--line);background:var(--surface);border-radius:var(--ui-radius);
  box-shadow:none}
html body .hero-quick-row #hero-token-input,html body #token,.money-page-scan input{
  background:var(--bg);color:var(--text);border-color:var(--line);
  transition:border-color var(--ui-motion),box-shadow var(--ui-motion)}
html body #hero-token-input:focus,html body #token:focus,.money-page-scan input:focus{
  border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 18%,transparent)}
html body :is(.hero-quick-help,.field-help,.hero-reassurance,.source-heading,.source-item div>span){
  color:var(--muted)}
html body .hero-evidence{border:1px solid var(--line);border-radius:var(--ui-radius);
  background:var(--surface);box-shadow:none}
html body .evidence-snapshot{border-color:var(--line);background:var(--bg)}
html body .evidence-verdict{color:var(--warn);border-color:var(--warn)}
html body .evidence-snapshot a{color:var(--mint)}
html body .proof-band{border-color:var(--soft-line)}
html body .scanner-shell{box-shadow:none;border-color:var(--line);border-radius:var(--ui-radius)}
html body .scanner-input{background:var(--surface)}
html body .scanner-output{position:relative;background:var(--surface2)}
html body .paid-offer-inline{background:var(--surface);border-color:var(--line);border-radius:var(--ui-radius)}
html body .free-vs-full>div{background:var(--surface2);border-color:var(--line)}
html body .result-quick-guidance{border-color:var(--result-color,var(--mint));
  background:var(--surface);color:var(--text)}
html body .price-card{background:var(--surface);border-color:var(--line);border-radius:var(--ui-radius)}
html body .price-card.evidence{border-color:var(--mint)}
html body :is(.primary,.button.primary,a.button.primary,.docs-body .button.primary,
  .evidence-detail .button.primary,.chip[aria-pressed="true"]){
  background:var(--action-bg)!important;color:var(--action-text)!important;
  border-color:transparent!important;box-shadow:none!important}
html body :is(.primary,.button.primary,a.button.primary):hover{filter:brightness(1.10);
  transform:translateY(-1px)}
html body :is(.primary,.button.primary,a.button.primary):active{transform:translateY(0);
  filter:brightness(.96)}
html body :is(.button,.primary,.secondary,.site-shell-button,summary,.guide-card,.chip){
  transition-duration:var(--ui-motion)}
html body :is(.secondary,.button.secondary){border-color:var(--line);color:var(--text);background:transparent}
html body :is(.secondary,.button.secondary):hover{border-color:var(--mint);background:var(--surface2)}
html body :is(.guide-search,.evidence-search,.docs-body input,.site-search-input){background:var(--surface);
  border-color:var(--line);color:var(--text)}
html body :is(.guide-search,.evidence-search,.docs-body input)::placeholder{color:var(--muted);opacity:1}
html body :is(.guide-card footer,.article-meta,.legal-meta,.price-note,
  .guide-count,.intel-timestamps,.evidence-detail .address){color:var(--muted)}
html body .guide-card{border-radius:11px;position:relative}
html body .guide-card h2{font-size:clamp(1.2rem,1.8vw,1.5rem)}
html body .docs-body{background:var(--bg)!important}
html body .docs-side-nav a[aria-current=true]{color:var(--mint);background:var(--surface2)}
html body .intent-hero h1{font-size:clamp(2.7rem,5.1vw,4.6rem);line-height:1.09;
  letter-spacing:-.05em}
html body .intent-copy p,html body .intent-copy li{color:var(--muted);font-size:.96rem}
html body .intent-code,html body .response-example pre,html body .code-window{
  background:var(--bg);color:var(--text);border-color:var(--line)}
html body :is(.intent-note,.docs-note){background:var(--surface2);border-color:var(--mint);
  color:var(--muted)}
html body :is(.evidence-detail .status,.decision[data-decision="PASS"]){color:var(--pass);
  border-color:var(--pass);background:color-mix(in srgb,var(--pass) 7%,var(--bg))}
html body :is(.decision[data-decision="WARN"]){color:var(--warn);
  border-color:var(--warn);background:color-mix(in srgb,var(--warn) 7%,var(--bg))}
html body :is(.decision[data-decision="BLOCK"]){color:var(--block);
  border-color:var(--block);background:color-mix(in srgb,var(--block) 7%,var(--bg))}
html body .evidence-detail{--evidence-primary-bg:var(--action-bg);--evidence-primary-text:var(--action-text)}
html body .evidence-detail .button.primary{background:var(--action-bg)!important;color:var(--action-text)!important}
html body .site-nav-panel a,html body .docs-side-nav a{transition:background 150ms,color 150ms}
html body :is(a,button,input,select,summary,textarea):focus-visible{
  outline:3px solid var(--mint);outline-offset:3px}
html body ::selection{background:color-mix(in srgb,var(--mint) 38%,transparent);color:var(--text)}
/* Functional outline icons with consistent stroke, no emoji or icon-font dependency. */
.ux-icon{width:19px;height:19px;display:inline-grid;place-items:center;flex:0 0 19px;
  color:var(--mint);vertical-align:middle}
.ux-icon>svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;fill:none;overflow:visible}
html body .site-nav-trigger>.ux-icon{margin-left:0;color:var(--muted)}
html body .site-nav-group[open]>.site-nav-trigger>.ux-icon{color:var(--mint)}
html body .site-shell-button>.ux-icon{margin-right:7px}
html body .ux-kicker-icon{display:inline-flex;vertical-align:middle;margin-right:8px}
html body .ux-kicker-icon .ux-icon{height:15px;width:15px;flex-basis:15px}
html body .ux-kicker-icon .ux-icon svg{width:15px;height:15px}
html body .ux-card-icon{position:absolute;right:18px;top:19px;border:1px solid var(--line);
  background:var(--surface2);display:grid;place-items:center;width:40px;height:40px;border-radius:8px}
html body .guide-card .ux-card-icon~small{display:block;padding-right:48px}
html body .ux-card-icon .ux-icon{color:var(--mint)}
html body .ux-inline-arrow{margin-left:auto;transition:transform var(--ui-motion) var(--ui-ease)}
html body a:hover>.ux-inline-arrow{transform:translate(2px,-2px)}
/* Status feedback: indeterminate only, no fabricated progress percentages. */
html body #output-panel[aria-busy="true"]{position:relative}
html body #output-panel[aria-busy="true"]::before{content:"";position:absolute;top:0;left:0;z-index:3;
  height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--mint),transparent);
  background-size:45% 100%;background-repeat:no-repeat;animation:ux-indeterminate 1.5s linear infinite;
  pointer-events:none}
@keyframes ux-indeterminate{0%{background-position:-55% 0}100%{background-position:155% 0}}
/* Reveal is opt-in, non-blocking and transform-only. Content remains present without JS. */
html[data-ui-motion="on"] .ux-reveal:not(.ux-visible){opacity:.87;transform:translateY(9px)}
html[data-ui-motion="on"] .ux-reveal.ux-visible{opacity:1;transform:translateY(0)}
html[data-ui-motion="on"] .ux-reveal{transition:opacity 370ms var(--ui-ease),
  transform 370ms var(--ui-ease);transition-delay:var(--ux-delay,0ms)}
html body .site-nav-group[open]>.site-nav-panel{animation:ux-panel-in 190ms var(--ui-ease) both;
  transform-origin:top center}
@keyframes ux-panel-in{from{opacity:.7;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
 html body .site-nav-group[open]>.site-nav-panel{animation:none}
 html body .hero{grid-template-columns:1fr}
 html body .hero-copy{max-width:850px}
 html body .hero-evidence{width:100%;max-width:850px}
}
@media(max-width:650px){
 html body .hero{gap:22px;padding-top:24px}
 html body .hero h1{font-size:clamp(2.25rem,9vw,3.2rem);line-height:1.1}
 html body .hero-lead{font-size:1rem}
 html body .hero-explore{grid-template-columns:1fr}
 html body .site-nav-trigger{font-size:1rem}
 html body .guide-card{min-height:0}
 html body #contextual-telegram{width:100%}
 html body .site-nav-panel{box-shadow:none}
 html body .ux-card-icon{top:15px;right:15px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 html body *,html body *::before,html body *::after{
  animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important;
  scroll-behavior:auto!important}
 html body .ux-reveal{opacity:1!important;transform:none!important}
 html body #output-panel[aria-busy="true"]::before{animation:none;background:var(--mint)}
}

/* Editorial composition: deliberate rules and whitespace instead of repetitive cards. */
html body .hero-explore{column-gap:25px;row-gap:6px}
html body .hero-explore a{position:relative;min-height:136px;gap:6px;
  padding:19px 58px 17px 0;border:0;border-top:1px solid var(--line);
  border-radius:0;background:transparent}
html body .hero-explore a:hover{background:transparent;border-top-color:var(--mint);
  transform:none}
html body .hero-explore a strong{font-size:1.05rem;letter-spacing:-.022em}
html body .hero-explore a small{color:var(--muted);font-size:.86rem;max-width:36ch}
html body .hero-explore a>.ux-card-icon{top:17px;right:1px}
html body .proof-links a{background:transparent;border:0;border-top:1px solid var(--line);
  border-radius:0;padding:18px 6px 18px 0}
html body .proof-links a:hover{background:transparent;border-top-color:var(--mint);
  transform:none}
html body .proof-links a strong{font-size:1rem}
html body .approach-section .feature-grid{gap:0}
html body .approach-section .feature{padding:26px 27px 18px;
  border:0;border-top:1px solid var(--line);min-width:0}
html body .approach-section .feature:first-child{padding-left:0}
html body .approach-section .feature:last-child{padding-right:0}
html body .approach-section .feature+.feature{border-left:1px solid var(--soft-line)}
html body :is(.intel-card,.research-card,.news-card,.article-card){position:relative}
html body :is(.intel-card,.research-card,.news-card,.article-card) .ux-card-icon{
  top:16px;right:16px;opacity:.95}
html body :is(.intel-card,.research-card,.news-card,.article-card) :is(h2,h3){
  padding-right:26px}
html body .site-nav-group[open]>.site-nav-trigger{box-shadow:inset 0 -2px var(--mint)}
html body .site-unified-row .nav-cta{border-color:var(--line);font-weight:700}
html body .site-unified-row .nav-cta:hover{border-color:var(--mint);background:var(--surface2)}
@media(max-width:820px){
 html body .approach-section .feature-grid{grid-template-columns:1fr}
 html body .approach-section .feature,
 html body .approach-section .feature:first-child,
 html body .approach-section .feature:last-child{padding:21px 0;
   border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:650px){
 html body .hero-explore a{min-height:112px;padding-right:55px}
 html body .hero-explore{row-gap:1px}
}

/* Remove inherited sci-fi ornament and glass effects, keep data-driven score visualization. */
html body :is(.scanner-output,.closing,.docs-end,.commerce-grid article:last-child,
  .code-window,.site-menu-dialog,.site-search-dialog){
  background:var(--surface);border-color:var(--line);box-shadow:none;filter:none}
html body .scanner-output{background:var(--surface2);min-height:490px}
html body .code-window{background:var(--bg);border:1px solid var(--line)}
html body .code-top{background:var(--surface2)}
html body .empty-radar{width:66px;height:66px;border:1px solid var(--line);border-radius:12px;
  background:var(--surface);box-shadow:none;margin-bottom:24px}
html body .empty-radar>span{display:none}
html body .empty-radar .icon{width:25px;height:25px}
html body .loading-ring{width:48px;height:48px;box-shadow:none;border-color:var(--line);
  border-top-color:var(--mint)}
html body .score-dial{box-shadow:none}
html body .score-dial>div{background:var(--surface);color:var(--text)}
html body .site-menu-dialog,html body .site-search-dialog{box-shadow:0 18px 45px #0003;
  border-radius:12px;color:var(--text)}
html body .site-menu-dialog::backdrop,html body .site-search-dialog::backdrop{
  background:rgba(6,10,18,.75);backdrop-filter:none}
html[data-theme="light"] body,html[data-theme="light"] .docs-body,
html[data-theme="light"] .guide-body{background:var(--bg)!important}
html body .checklist li:before{box-shadow:none}
html body .closing{padding:36px clamp(20px,4vw,44px);border-radius:12px}
html body .site-navigation .site-nav-panel a:focus-visible{
  background:var(--surface2);outline:2px solid var(--mint);outline-offset:-2px}