  :root{
    --void:#101418;
    --panel:#161C22;
    --steel-hi:#E9EFF4;
    --steel-mid:#9AAAB6;
    --steel-lo:#93A3B0;
    --dim:rgba(233,239,244,.55);
    --signal:#2E6BFF;
    --signal-hi:#8FB0FF;
    --line:rgba(233,239,244,.12);
    --sans:"Archivo",system-ui,sans-serif;
    --mono:"IBM Plex Mono",ui-monospace,monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  ::selection{background:var(--signal);color:#fff}
  ::-webkit-scrollbar{width:10px}
  ::-webkit-scrollbar-track{background:var(--void)}
  ::-webkit-scrollbar-thumb{background:rgba(233,239,244,.16);border-radius:5px}
  ::-webkit-scrollbar-thumb:hover{background:rgba(233,239,244,.3)}
  a:focus-visible{outline:1px solid var(--signal);outline-offset:4px}
  html{scroll-behavior:smooth}
  body{font-family:var(--sans);background:var(--void);color:var(--steel-hi);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1180px;margin:0 auto;padding:0 40px;width:100%}
  .mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}

  body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

  /* reveal system */
  .rvon .rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
  .rvon .rv.in{opacity:1;transform:none}
  .rvon .rv .st{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
  .rvon .rv.in .st{opacity:1;transform:none}
  .rvon .rv.in .st:nth-child(1){transition-delay:.07s}
  .rvon .rv.in .st:nth-child(2){transition-delay:.16s}
  .rvon .rv.in .st:nth-child(3){transition-delay:.25s}
  .rvon .rv.in .st:nth-child(4){transition-delay:.34s}
  .rvon .rv.in .st:nth-child(5){transition-delay:.43s}
  .rvon .rv.in .st:nth-child(6){transition-delay:.52s}
  .rvon .rv.wipe{opacity:1;transform:none;position:relative;clip-path:none}
  .rvon .rv.wipe::after{content:"";position:absolute;inset:0;background:#101418;transform-origin:right center;transition:transform 1.05s cubic-bezier(.6,0,.2,1);z-index:6;pointer-events:none}
  .rvon .rv.wipe.in::after{transform:scaleX(0)}
  @media(prefers-reduced-motion:reduce){.rvon .rv.wipe::after{display:none}}
  @media(prefers-reduced-motion:reduce){.rvon .rv,.rvon .rv .st{opacity:1 !important;transform:none !important;transition:none !important;clip-path:none !important}}

  header{border-bottom:1px solid var(--line);position:relative;z-index:5}
  .skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--signal);color:#fff;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:14px 22px}
  .skip:focus{left:0}
  .sprog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--signal);box-shadow:0 0 10px rgba(46,107,255,.8);z-index:80}
  .nav{display:flex;align-items:center;justify-content:space-between;height:76px}
  .brand{font-weight:900;font-size:20px;letter-spacing:.2em;text-transform:uppercase}
  .brand b{color:var(--signal)}
  .nav-r{display:flex;align-items:center;gap:34px}
  .h-tag{color:var(--steel-mid);font-size:12px;letter-spacing:.16em}
  .h-cta{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--signal);padding-bottom:4px;transition:color .25s}
  .h-cta:hover{color:#7FA4F5}
  @media(max-width:640px){.h-tag{display:none}}

  /* ---------- HERO — monolith + integrated gauge ---------- */
  @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  .hero{position:relative;padding:104px 0 0;min-height:88vh;display:flex;flex-direction:column;justify-content:flex-end}
  .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 44% at 82% 0%,rgba(46,107,255,.12),transparent 70%);pointer-events:none}
  .hero .wrap{position:relative;z-index:2}
  .kick{display:flex;align-items:center;gap:12px;color:var(--signal-hi);margin-bottom:54px;animation:rise .9s cubic-bezier(.2,.6,.2,1) .1s both}
  .kick .ln{width:38px;height:1px;background:var(--signal)}
  h1{font-weight:900;font-size:clamp(48px,8vw,120px);line-height:.94;letter-spacing:-.035em;text-transform:uppercase;max-width:12ch}
  h1 .row{display:block;animation:rise 1s cubic-bezier(.2,.6,.2,1) both}
  h1 .row:nth-child(1){animation-delay:.22s}
  h1 .row:nth-child(2){animation-delay:.34s}
  h1 .steel{background:linear-gradient(100deg,#7C8B97 0%,#EDF3F8 22%,#A8B8C4 40%,#F5FAFE 55%,#8A9AA6 72%,#DFE7EC 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s ease-in-out infinite alternate}
  @keyframes sheen{from{background-position:0% 0}to{background-position:100% 0}}
  h1 .sig{color:#4D7FFF}
  .h-sub{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-top:46px;animation:rise 1s ease .5s both}
  .lede{font-size:clamp(15.5px,1.4vw,18px);font-weight:500;color:var(--dim);max-width:50ch;line-height:1.65}
  .lede b{color:var(--steel-hi);font-weight:700}
  .h-meta{color:var(--steel-mid);font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;text-align:right;line-height:2.1;white-space:nowrap}
  @media(max-width:760px){.h-sub{flex-direction:column;align-items:flex-start}.h-meta{text-align:left}}

  /* the gauge — tray scan */
  .gauge{margin-top:64px;border-top:1px solid var(--line);animation:rise 1s ease .62s both;position:relative;z-index:2;background:rgba(11,15,19,.55)}
  .g-top{display:flex;justify-content:space-between;align-items:flex-end;padding-top:26px;padding-bottom:20px}
  .g-lbl{display:block;font-size:12px;letter-spacing:.2em;color:var(--steel-mid);margin-bottom:10px}
  .g-row{display:flex;align-items:baseline;gap:14px}
  .g-num{font-weight:900;font-size:clamp(36px,4.4vw,58px);line-height:1;letter-spacing:.01em;color:var(--steel-hi);font-variant-numeric:tabular-nums}
  .g-total{font-size:12.5px;letter-spacing:.16em;color:var(--steel-mid)}
  .g-stat{font-size:clamp(12px,1.2vw,15px);letter-spacing:.26em;color:var(--steel-mid);transition:color .4s ease;padding-bottom:8px}
  .g-stat.ok{color:var(--signal-hi)}
  .g-wrap{padding-bottom:26px}
  .manifest{height:168px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 34%);mask-image:linear-gradient(180deg,transparent,#000 34%)}
  .mrow{display:flex;align-items:baseline;gap:12px;font-family:var(--mono);font-size:13.5px;letter-spacing:.08em;line-height:2.4;white-space:nowrap;opacity:.6;transition:opacity .6s ease;border-radius:3px}
  .mrow:nth-last-child(1),.mrow:nth-last-child(2){opacity:1}
  .mrow.new{animation:rowin .45s ease both}
  @keyframes rowin{from{opacity:.45;transform:translateY(6px);background:rgba(46,107,255,.20)}to{opacity:1;transform:none;background:transparent}}
  .mrow.trayhead .mname{color:var(--steel-mid)}
  .mrow.trayhead .mi{color:var(--steel-mid)}
  .mrow .mi{color:var(--signal-hi);min-width:3.2em}
  .mrow .mname{color:var(--steel-hi);text-transform:uppercase}
  .mrow .mlead{flex:1;border-bottom:1px dotted rgba(233,239,244,.22);transform:translateY(-5px)}
  .mrow .mck{color:var(--signal-hi)}
  .mrow.final .mname{color:var(--signal-hi)}
  .g-prog{height:2px;background:rgba(233,239,244,.10);margin-top:14px;border-radius:1px;overflow:hidden}
  .g-prog i{display:block;height:100%;width:0;background:var(--signal);box-shadow:0 0 12px rgba(46,107,255,.7);transition:width .5s ease}
  .g-note{margin-top:16px;font-size:13px;color:var(--steel-mid);line-height:1.6}
  @media(prefers-reduced-motion:reduce){.kick,h1 .row,.h-sub,.gauge{animation:none}h1 .steel{animation:none}.scanhead{display:none}}

  /* ---------- IMAGE — wipe + parallax ---------- */
  .imgwrap{position:relative;height:58vh;min-height:400px;overflow:hidden;border-bottom:1px solid var(--line)}
  .imgband{position:absolute;left:0;right:0;top:-12%;bottom:-12%;background-size:cover;background-position:center;will-change:transform}
  .imgcap{position:absolute;left:40px;bottom:26px;z-index:2;color:#EAF0F5;text-shadow:0 1px 8px rgba(0,0,0,.6);font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase}
  .imgwrap .c{position:absolute;width:18px;height:18px;border:1px solid rgba(46,107,255,.6);z-index:2}
  .imgwrap .c1{top:16px;left:16px;border-right:none;border-bottom:none}
  .imgwrap .c2{top:16px;right:16px;border-left:none;border-bottom:none}
  .imgwrap .c3{bottom:16px;left:16px;border-right:none;border-top:none}
  .imgwrap .c4{bottom:16px;right:16px;border-left:none;border-top:none}

  /* ---------- 01 PROBLEM — the dark statement ---------- */
  .prob{padding:150px 0 130px;background:#0B0F13;border-bottom:1px solid var(--line)}
  .loop{background:var(--void)}
  .does{background:#0C1116;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .perf{background:#0B0F13;border-top:1px solid var(--line)}
  .sec-kick{display:flex;align-items:center;gap:16px;margin-bottom:60px;color:var(--steel-lo)}
  .sec-kick .idx{color:var(--signal-hi);font-family:var(--mono);font-size:13px;letter-spacing:.18em}
  .sec-kick .rule{flex:1;height:1px;background:var(--line)}
  .prob h2{font-weight:900;font-size:clamp(32px,4.6vw,64px);letter-spacing:-.03em;text-transform:uppercase;line-height:1.0;max-width:18ch}
  .prob h2 em{font-style:normal;color:#4D7FFF}
  .big-stat{display:grid;grid-template-columns:auto 1fr;gap:72px;align-items:center;margin-top:76px}
  .bs-n{font-weight:900;font-size:clamp(88px,13.5vw,196px);line-height:.82;letter-spacing:-.045em;background:linear-gradient(168deg,#FAFCFE 0%,#D6DFE7 42%,#AEBCC8 62%,#EDF3F8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
  .bs-side{max-width:44ch}
  .bs-side .bl{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-hi);margin-bottom:18px;line-height:1.7;max-width:32ch}
  .bs-side p{color:var(--dim);font-size:16px;line-height:1.7}
  .sub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:76px;align-items:start}
  .ss{border-left:2px solid var(--signal);padding:4px 0 4px 22px}
  .ss b{display:block;font-weight:900;font-size:clamp(28px,3vw,42px);letter-spacing:-.02em;color:var(--steel-hi)}
  .ss span{display:block;margin-top:8px;color:var(--steel-mid);font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1.8}
  .cite{margin-top:44px;color:var(--steel-mid);font-size:14.5px;line-height:1.7;max-width:none}
  @media(max-width:760px){.big-stat{grid-template-columns:1fr;gap:26px}.sub-stats{grid-template-columns:1fr}}

  .sec-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end}
  .sec-head p{margin-top:0}
  @media(max-width:900px){.sec-head{grid-template-columns:1fr;gap:24px;align-items:start}}
  /* ---------- 02 LIFECYCLE — the signature diagram ---------- */
  .loop{padding:150px 0 140px}
  .loop h2{font-weight:900;font-size:clamp(30px,4.2vw,54px);letter-spacing:-.03em;text-transform:uppercase;line-height:1.02;max-width:16ch}
  .loop h2 em{font-style:normal;color:#4D7FFF}
  .loop-sub{color:var(--dim);font-size:16.5px;max-width:52ch;line-height:1.7;padding-bottom:6px}
  .cycle2{margin-top:84px;position:relative;padding:12px 0 8px}
  .c-cap{font-size:12.5px;letter-spacing:.18em;color:var(--steel-mid);margin-bottom:44px}
  .c-cap .c-rep{color:var(--signal-hi);letter-spacing:.14em}
  .c-stage-row{display:grid;grid-template-columns:repeat(6,1fr);position:relative}
  .c-stage-row::before{content:"";position:absolute;top:10px;left:calc(100%/12);right:calc(100%/12);height:2px;border-radius:1px;
    background:repeating-linear-gradient(90deg,rgba(233,239,244,.22) 0 12px,rgba(233,239,244,.04) 12px 24px);
    background-size:24px 2px;animation:convey 1.4s linear infinite}
  @keyframes convey{from{background-position:0 0}to{background-position:24px 0}}
  .stn{position:relative;text-align:center;padding:0 10px}
  .stn-node{width:22px;height:22px;border:2px solid var(--steel-lo);border-radius:50%;background:var(--void);margin:0 auto;position:relative;z-index:2;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
  .stn-num{margin-top:20px;font-size:12px;letter-spacing:.18em;color:var(--steel-mid)}
  .stn-name{margin-top:8px;font-family:var(--mono);font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel-hi);min-height:2.9em;display:flex;align-items:flex-start;justify-content:center;line-height:1.45}
  .stn.veris .stn-node{border-color:var(--signal-hi);background:var(--signal);box-shadow:0 0 16px rgba(46,107,255,.5)}
  .stn.veris .stn-name{color:var(--steel-hi)}
  .stn-tag{display:flex;align-items:center;justify-content:center;text-align:center;margin:4px auto 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-hi);border:1px solid rgba(143,176,255,.45);border-radius:999px;padding:9px 14px;width:100%;max-width:196px;min-height:52px;line-height:1.45;transition:background .3s ease,color .3s ease,box-shadow .3s ease}
  .stn.hot .stn-node{transform:scale(1.45);border-color:#BFD4FF;box-shadow:0 0 26px rgba(143,176,255,.9)}
  .stn.veris.hot .stn-tag{background:rgba(46,107,255,.18);color:#CFE0FF;box-shadow:0 0 22px rgba(46,107,255,.35)}
  .c-carrier{position:absolute;left:0;top:0;width:12px;height:12px;will-change:transform;border-radius:50%;background:#CFE0FF;box-shadow:0 0 18px 5px rgba(143,176,255,.75);pointer-events:none;z-index:3;opacity:0;transition:opacity .4s ease}
  .c-carrier.on{opacity:1}
  @media(prefers-reduced-motion:reduce){.c-stage-row::before{animation:none}.c-carrier{display:none}}
  @media(max-width:860px){
    .c-stage-row{grid-template-columns:1fr;gap:0}
    .c-stage-row::before{top:calc(100%/16);bottom:calc(100%/16);left:10px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(233,239,244,.22) 0 12px,rgba(233,239,244,.04) 12px 24px);background-size:2px 24px;animation:conveyV 1.4s linear infinite}
    @keyframes conveyV{from{background-position:0 0}to{background-position:0 24px}}
    .stn{display:grid;grid-template-columns:22px auto 1fr;grid-template-areas:"node num name" ". . tag";column-gap:16px;row-gap:12px;align-items:center;text-align:left;padding:18px 0}
    .stn-node{grid-area:node;margin:0}
    .stn-num{grid-area:num;margin-top:0}
    .stn-name{grid-area:name;margin-top:0;min-height:0;display:block;text-align:left}
    .stn-tag{grid-area:tag;margin:0;justify-self:start;width:196px;max-width:100%;min-height:52px}
  }

  /* ---------- 03 WHAT VERIS DOES — machined rows ---------- */
  .does{padding:130px 0 140px}
  .drow{display:grid;grid-template-columns:auto 1.3fr 1fr;gap:48px;align-items:baseline;padding:54px 4px;border-top:1px solid var(--line);transition:background .35s ease,padding-left .3s ease}
  .drow:last-of-type{border-bottom:1px solid var(--line)}
  .drow:hover{background:rgba(233,239,244,.02);padding-left:18px}
  .dn{font-weight:900;font-size:clamp(34px,4vw,58px);line-height:1;color:transparent;-webkit-text-stroke:1.6px rgba(143,176,255,.85);transition:color .35s ease}
  .drow:hover .dn{color:var(--signal-hi);-webkit-text-stroke:1.6px var(--signal-hi)}
  .dt{font-weight:800;font-size:clamp(21px,2.15vw,28px);letter-spacing:-.012em;text-transform:uppercase;line-height:1.15}
  .dd{color:var(--dim);font-size:15.5px;line-height:1.7;max-width:46ch}
  @media(max-width:860px){.drow{grid-template-columns:1fr;gap:14px;padding:40px 0}}

  .does-h{font-weight:900;font-size:clamp(30px,4.2vw,54px);letter-spacing:-.03em;text-transform:uppercase;line-height:1.02;max-width:14ch;margin:0}
  .does-h em{font-style:normal;color:#4D7FFF}
  .does-sub{color:var(--dim);font-size:16.5px;max-width:50ch;line-height:1.7;padding-bottom:6px}
  .does .drow:first-of-type{margin-top:72px}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

  /* ---------- 04 PERFORMANCE ---------- */
  .perf{padding:130px 0 150px}
  .perf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
  .pf{background:linear-gradient(160deg,#1A222A,#12181E);border:1px solid var(--line);border-top:1px solid rgba(233,239,244,.22);padding:36px 32px 42px;transition:transform .3s ease,border-color .3s ease}
  .pf:hover{transform:translateY(-4px);border-color:rgba(46,107,255,.45)}
  .pn{display:block;font-weight:900;font-size:clamp(40px,4.6vw,64px);letter-spacing:-.03em;color:var(--steel-hi)}
  .pn i{font-style:normal;color:var(--signal-hi)}
  .pl{display:block;margin-top:14px;color:var(--steel-mid);font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1.8}
  .perf .cite{margin-top:40px}
  @media(max-width:760px){.perf-grid{grid-template-columns:1fr}.wrap{padding:0 26px}.imgcap{left:26px}}

  /* ---------- DEPLOYMENT ---------- */
  .deploy{padding:140px 0 150px}
  .dep-h{font-weight:900;font-size:clamp(30px,4.2vw,54px);letter-spacing:-.03em;text-transform:uppercase;line-height:1.02;max-width:15ch}
  .dep-h em{font-style:normal;color:#4D7FFF}
  .dep-sub{color:var(--dim);font-size:16.5px;max-width:52ch;line-height:1.7;padding-bottom:6px}
  .dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
  .dp{background:linear-gradient(160deg,#1A222A,#12181E);border:1px solid var(--line);border-top:1px solid rgba(233,239,244,.22);padding:32px 30px 38px;transition:transform .3s ease,border-color .3s ease}
  .dp:hover{transform:translateY(-4px);border-color:rgba(46,107,255,.45)}
  .dp-n{font-size:12px;letter-spacing:.16em;color:var(--signal-hi);margin-bottom:18px}
  .dp h3{font-weight:800;font-size:20px;letter-spacing:-.01em;text-transform:uppercase}
  .dp h3 .lc{text-transform:lowercase}
  .dp p{color:var(--dim);font-size:14.5px;line-height:1.65;margin-top:10px}
  @media(max-width:760px){.dep-grid{grid-template-columns:1fr}}

  .prov{padding:76px 0;border-top:1px solid var(--line);background:var(--void)}
  .prov-line{font-size:clamp(16px,1.7vw,21px);color:var(--dim);max-width:60ch;line-height:1.6;font-weight:500}
  .prov-line b{color:var(--steel-hi);font-weight:700}
  .prov-line a{border-bottom:1px solid var(--signal)}
  .prov-line a:hover b{color:#7FA4F5}

  /* ---------- CTA ---------- */
  .cta{padding:150px 0 160px;border-top:1px solid var(--line);text-align:center;position:relative;overflow:hidden}
  .cta::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 50% 100%,rgba(46,107,255,.12),transparent 70%);pointer-events:none}
  .cta h2{font-weight:900;font-size:clamp(34px,5vw,68px);letter-spacing:-.03em;text-transform:uppercase;line-height:1.0;max-width:18ch;margin:0 auto;position:relative;z-index:2}
  .cta h2 em{font-style:normal;color:#4D7FFF}
  .cta p{margin:28px auto 0;color:var(--steel-mid);font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;max-width:44ch;position:relative;z-index:2}
  .aud{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px;position:relative;z-index:2}
  .aud span{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-hi);border:1px solid var(--line);border-radius:999px;padding:8px 14px}
  .cta-actions{display:flex;gap:34px;justify-content:center;align-items:center;margin-top:44px;flex-wrap:wrap;position:relative;z-index:2}
  .btn-solid{background:#2757DB;color:#fff;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:18px 32px;transition:background .25s;line-height:1}
  .btn-solid:hover{background:#3E6EF0}
  .btn-line{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:0 0 9px;border-bottom:1px solid var(--steel-hi);transition:color .25s,border-color .25s;align-self:center;line-height:1}
  .btn-line:hover{color:var(--signal);border-color:var(--signal)}

  .foot{background:#0B0F13;border-top:1px solid var(--line)}
  .foot .wrap{display:flex;align-items:center;justify-content:space-between;height:88px;gap:20px;flex-wrap:wrap}
  .foot .mono{color:var(--steel-lo)}
  .foot a.kal{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--signal);padding-bottom:4px;transition:color .25s}
  .foot a.kal:hover{color:#7FA4F5}

  /* Authoritative 2026 Veris hero and geometric-risk presentation. */
  .hero{padding-top:104px}
  h1{max-width:21ch;font-size:clamp(26px,6.3vw,88px);line-height:.96}
  .lede{max-width:52ch;color:var(--steel-mid);font-size:clamp(17px,1.62vw,21.5px);line-height:1.62}
  .heroimg{position:relative;margin:74px 0 0;animation:rise 1s ease .6s both}
  .hi-frame{position:relative;overflow:hidden;height:min(62vh,560px);min-height:340px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .hi-band{position:absolute;top:-9%;right:0;bottom:-9%;left:0;background-image:url("/assets/veris/images/hero.jpg");background-position:center 41%;background-size:cover;will-change:transform}
  .hi-frame::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,15,19,.74) 0%,rgba(11,15,19,.10) 34%,rgba(11,15,19,.14) 62%,rgba(11,15,19,.60) 100%)}
  .hi-frame .c{position:absolute;z-index:2;width:18px;height:18px;border:1px solid rgba(46,107,255,.6)}
  .hi-frame .c1{top:16px;left:16px;border-right:0;border-bottom:0}
  .hi-frame .c2{top:16px;right:16px;border-bottom:0;border-left:0}
  .hi-frame .c3{bottom:16px;left:16px;border-top:0;border-right:0}
  .hi-frame .c4{right:16px;bottom:16px;border-top:0;border-left:0}
  .hi-cap{display:block;max-width:1240px;margin:0 auto;padding:16px 48px 0;color:var(--steel-lo);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
  .sub-stats{grid-template-columns:repeat(4,1fr);gap:26px}
  @media(max-width:1100px){.sub-stats{grid-template-columns:1fr 1fr}}
  @media(max-width:760px){.hi-cap{padding:14px 26px 0}.hi-frame{height:44vh;min-height:280px}.sub-stats{grid-template-columns:1fr}}
  @media(prefers-reduced-motion:reduce){.heroimg{animation:none}}

  .front{position:relative;overflow:hidden;padding:126px 0 118px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0B1016}
  .front::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 44% at 78% 12%,rgba(46,107,255,.10),transparent 66%);pointer-events:none}
  .front .wrap{position:relative;z-index:2}
  .front-h{max-width:31ch;font-weight:900;font-size:clamp(28px,3.8vw,50px);line-height:1.06;letter-spacing:-.03em;text-transform:uppercase}
  .front-h em{color:#4D7FFF;font-style:normal}
  .front-sub i{color:var(--steel-hi);font-style:italic}
  .method{margin-top:56px}
  .m-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
  .m-col{padding:36px 32px 40px;border:1px solid var(--line);border-top:2px solid rgba(46,107,255,.55);background:linear-gradient(160deg,#161E27,#101720);transition:transform .35s ease,border-color .35s ease}
  .m-col:hover{border-top-color:var(--signal-hi);transform:translateY(-5px)}
  .m-n{margin-bottom:20px;color:var(--signal-hi);font-size:12px;letter-spacing:.2em}
  .m-col h3{font-weight:800;font-size:clamp(20px,2.1vw,26px);line-height:1.18;letter-spacing:-.015em;text-transform:uppercase}
  .m-col p{margin-top:16px;color:var(--dim);font-size:15.5px;line-height:1.72}
  @media(max-width:860px){.m-grid{grid-template-columns:1fr}}

  .riskviz{margin-top:40px;padding:30px 32px 26px;border:1px solid var(--line);background:linear-gradient(160deg,#121A22,#0C1219)}
  .rv-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:10px}
  .rv-lbl{color:var(--steel-mid);font-size:12px;letter-spacing:.18em}
  .rv-read{color:var(--signal-hi);font-size:12.5px;letter-spacing:.2em;transition:color .3s}
  .instr{display:block;overflow:hidden;width:100%;height:auto}
  .instr .body{fill:url(#steel);stroke:#8B9BA8;stroke-width:1.5;stroke-linejoin:round}
  .instr .hole{fill:#0C1219;stroke:#6E7E8B;stroke-width:1.2}
  .instr .rivet{fill:#0F161C;stroke:#8B9BA8;stroke-width:1.3}
  .instr .teeth line,.instr .serr line{stroke:#7C8C99;stroke-linecap:round}
  .instr .teeth line{stroke-width:2.2}
  .instr .serr line{stroke-width:1.6}
  .instr .feat{opacity:0;transition:opacity .6s ease}
  .instr .feat.on{opacity:1}
  .instr .brk rect{fill:none;stroke:#8FB0FF;stroke-width:1.1;stroke-dasharray:5 5;opacity:.75}
  .instr .call{opacity:0;transform:translateY(7px);transition:opacity .5s ease,transform .5s ease}
  .instr .call.on{opacity:1;transform:none}
  .instr .call line{stroke:rgba(143,176,255,.5);stroke-width:1}
  .instr .c-n{fill:#C3D0DA;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-anchor:middle}
  .instr .c-v{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-anchor:middle}
  .instr .c-high{fill:#8FB0FF}.instr .c-mod{fill:#7E93C9}.instr .c-low{fill:#93A3B0}
  .instr .ax{stroke:rgba(154,170,182,.34);stroke-width:1}
  .instr .thr{stroke:rgba(143,176,255,.32);stroke-width:1;stroke-dasharray:3 6}
  .instr .p-lbl{fill:#93A3B0;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
  .instr .p-thr{fill:#7E93C9;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-anchor:end;text-transform:uppercase}
  .instr .p-fill{fill:url(#profG)}
  .instr .p-line{fill:none;stroke:#8FB0FF;stroke-width:1.8;stroke-linejoin:round}
  .instr .scan line{stroke:#8FB0FF;stroke-width:1.2;opacity:.8}
  .instr .scan{opacity:0;transition:opacity .4s ease}
  .instr .scan.live{opacity:1}
  .rv-legend{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--steel-mid);font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
  .rv-legend .sw{display:inline-block;width:11px;height:11px;margin-right:9px;border-radius:50%;vertical-align:-1px}
  .sw.high{border:1px solid #8FB0FF;background:rgba(46,107,255,.35)}
  .sw.mod{border:1px solid rgba(143,176,255,.7);background:rgba(46,107,255,.18)}
  .sw.low{border:1px solid rgba(154,170,182,.55);background:rgba(154,170,182,.12)}
  .rv-note{margin-left:auto;color:var(--steel-lo);font-size:11.5px;letter-spacing:.04em;text-transform:none}
  @media(prefers-reduced-motion:reduce){.instr .feat,.instr .call{opacity:1;transform:none}.instr .scan{display:none}}

  .cta h2{max-width:23ch}
  .cta p{max-width:58ch}
  header a,footer a,nav a,.navlinks a,.foot-col a,.mm a,.legal-links a,.plink,.btn-line,.btn-solid,.kal,.h-cta{display:inline-flex;align-items:center;min-height:24px}
  @media(max-width:820px){
    header a,nav a,.navlinks a,.mm a{display:inline-flex;align-items:center;min-height:44px}
    .foot-col a,.foot-col .active{display:flex;align-items:center;min-height:44px}
    footer a:not(.foot-col a),.legal-links a{display:inline-flex;align-items:center;min-height:44px}
    .cta-actions a,.btn-solid,.btn-line,.plink{display:inline-flex;align-items:center;justify-content:center;min-height:46px}
    p a,li a,.lede a,.sub a,.foot-col a,.legal-links a,.foot a,.dd a,.note a{padding-block:6px}
  }
  a.h-tag{text-decoration:none;transition:color .2s}
  a.h-tag:hover{color:var(--steel-hi)}
