/* v06: every control film and section (src/v06_d.py). Films play in one overlay; the timeline is a pinned film. */
.dsec-black{background:#05060a}
.dsec-teal{background:#00667f}

/* ---------------------------------------------------------------- film tiles */
.film{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;margin:0;border:0;border-radius:14px;overflow:hidden;background:#0b0f18;cursor:pointer;text-align:left;color:#fff;font:inherit;isolation:isolate}
.film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.film::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(5,6,10,.85) 0%,rgba(5,6,10,.15) 45%,transparent 70%);pointer-events:none}
.film-play{position:absolute;left:50%;top:50%;z-index:2;width:58px;height:58px;margin:-29px 0 0 -29px;transition:transform .25s}
.film-play svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}
.film-cap{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;font-size:14px;line-height:1.35;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.film-cap small{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:#cfd6e0}
@media (hover:hover){.film:hover img{transform:scale(1.05)}.film:hover .film-play{transform:scale(1.08)}}
.film:focus-visible{outline:3px solid #d4e05f;outline-offset:3px}
.film-lead .film-play{width:80px;height:80px;margin:-40px 0 0 -40px}
.film-lead .film-cap{font-size:18px;left:22px;bottom:20px;max-width:70%}
.film-photo{cursor:default}
.film-poster{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;padding:20px;background:radial-gradient(80% 90% at 50% 30%,#1c2a44,#070a12)}
.film-poster b{font:400 42px/1 var(--fh);letter-spacing:.02em;color:#fff}
.film-poster i{font-style:normal;font-size:13px;color:#9fb0c4;max-width:240px}
.film-poster + .film-play{top:auto;bottom:16px;left:auto;right:16px;margin:0;width:44px;height:44px}

/* the overlay player */
.filmbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(5,6,10,.88);backdrop-filter:blur(6px)}
.filmbox[hidden]{display:none}
.filmbox-in{position:relative;width:min(1120px,100%)}
.filmbox-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.filmbox-frame iframe,.filmbox-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}
.filmbox-x{position:absolute;right:-6px;top:-56px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.filmbox-cap{margin:14px 2px 0;color:#d6dbe4;font-size:15px}
.mo .filmbox:not([hidden]) .filmbox-in{animation:fbin .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes fbin{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}

/* ---------------------------------------------------------------- Nasdaq ticker: the investor and news films */
.v6-disc{margin:14px 0 0;max-width:760px;font-size:13px;line-height:1.45;color:#9aa6b6}
.v6-films{display:grid;gap:16px;margin-top:32px}
.v6-films-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (min-width:1001px){.v6-films{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}.v6-films-grid .film-cap{font-size:13px}}
@media (max-width:640px){.v6-films-grid{grid-template-columns:1fr}.film-lead .film-cap{max-width:none}}

/* ---------------------------------------------------------------- AI With 14+ Years: the two films */
.v6-pair{display:grid;gap:16px;margin:28px 0 8px}
@media (min-width:761px){.v6-pair{grid-template-columns:1fr 1fr}}
.v6-pair + .dreasons{margin-top:40px}

/* ---------------------------------------------------------------- recurring contracts: figures, client films, logo band */
.v6-contracts{padding-bottom:0}
.v6-contracts .dmarq{margin-top:48px;padding:26px 0;border-top:1px solid rgba(255,255,255,.14)}
.v6-stats{display:grid;gap:14px;margin-top:30px}
@media (min-width:761px){.v6-stats{grid-template-columns:repeat(3,1fr)}}
.v6-stat{padding:22px 24px;border-radius:16px;background:rgba(25,61,91,.55);border:1px solid rgba(112,205,220,.25)}
.v6-stat b{display:block;font:400 clamp(44px,5vw,64px)/1 var(--fh);background:linear-gradient(to top left,#d1d3d4,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.v6-stat span{display:block;margin-top:8px;font-size:15px;color:#d6eef3}
.v6-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
@media (min-width:1001px){.v6-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.film-logo{aspect-ratio:4/3;background:linear-gradient(150deg,#123247,#0a1c2a);border:1px solid rgba(112,205,220,.22)}
.film-logo img{inset:22% 18% 40%;width:64%;height:38%;object-fit:contain}
.film-logo::after{background:none}
.film-logo .film-play{width:40px;height:40px;margin:0;left:auto;top:auto;right:14px;bottom:14px}
.film-logo .film-cap{left:16px;right:64px;bottom:14px;font-size:15px;text-shadow:none}
.film-logo .film-cap small{color:#9fc6d0}
@media (hover:hover){.film-logo:hover img{transform:scale(1.04)}}

/* ---------------------------------------------------------------- split blocks: copy (+ form) beside a quote graphic */
.v6-split{display:grid;gap:36px;align-items:center}
@media (min-width:1001px){.v6-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px}}
.v6-qg{margin:0;justify-self:center;max-width:520px}
.v6-qg img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 30px 60px -36px rgba(45,31,74,.55)}
.v6-qg .fine{margin-top:12px}

/* ---------------------------------------------------------------- product films (the $690B market) */
.v6-probs{display:grid;gap:22px;margin-top:32px}
@media (min-width:1001px){.v6-probs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v6-prob{display:grid;gap:18px;align-content:start;padding:14px 14px 22px;border-radius:18px;background:#f6f3ef}
.v6-prob > div{padding:0 8px}
.v6-prob-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00667f;margin:0}
.v6-prob h3{font:400 22px/1.25 var(--fh);color:#2d1f4a;margin:6px 0 10px}
.v6-prob p{font-size:15px;line-height:1.55;color:#4c4c4c;margin:0}
#market .dh sup{font-size:.4em;vertical-align:1.2em;margin-left:2px}

/* ---------------------------------------------------------------- forms */
.v6-form{display:grid;gap:14px;margin-top:26px;max-width:520px}
.v6-form .fld label{font-weight:600}
.tone-dark .v6-form .fld label{color:#fff}
.v6-form .key{justify-self:start}
.v6-form-ok{margin:0;padding:12px 14px;border-radius:12px;background:rgba(0,102,127,.12);border:1px solid rgba(0,102,127,.3)}
.tone-dark .v6-form-ok{background:rgba(112,205,220,.12);border-color:rgba(112,205,220,.35);color:#e6eaf0}
.v6-form-fine{margin:0;font-size:13px;color:#5b6472}
.tone-dark .v6-form-fine{color:#9aa6b6}.tone-dark .v6-form-fine a{color:#cfd6e0}

/* ---------------------------------------------------------------- client films carousel + case studies */
.film-card{width:min(360px,80vw);aspect-ratio:16/10}
.v6-case{width:min(380px,84vw);padding:0;overflow:hidden;background:#fff!important;display:flex;flex-direction:column}
.v6-case-ph{position:relative;aspect-ratio:16/10;background:#e9e4dc}
.v6-case-ph > img:first-child{width:100%;height:100%;object-fit:cover;display:block}
.v6-case-logo{position:absolute;left:14px;bottom:14px;max-width:46%;max-height:38px;width:auto;height:auto;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 8px 18px -10px rgba(0,0,0,.4)}
.v6-case-in{padding:20px 22px 22px}
.v6-case-d{font-size:15px;line-height:1.5;color:#4c4c4c;margin:8px 0 16px}
.v6-case dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.v6-case dl > div{padding:0!important}
.v6-case dl > div::before,.v6-case dl > div::after{display:none}
.v6-case dt{font:400 24px/1.1 var(--fh);color:#00667f}
.v6-case dd{margin:4px 0 0;font-size:12.5px;line-height:1.35;color:#5b6472}

/* ---------------------------------------------------------------- tabs on light sections (team, FAQ) */
.dsec-white .v6-tabs .tl-y,.dsec-cream .v6-tabs .tl-y{border-color:#d9d1c5;background:#fff;color:#2d1f4a}
.dsec-white .v6-tabs .tl-y small,.dsec-cream .v6-tabs .tl-y small{background:#f1ece5;color:#5b6472}
.dsec-white .v6-tabs .tl-y[aria-selected=true],.dsec-cream .v6-tabs .tl-y[aria-selected=true]{background:#2d1f4a;border-color:#2d1f4a;color:#fff}
.dsec-white .v6-tabs .tl-y[aria-selected=true] small{background:rgba(255,255,255,.18);color:#fff}
.v6-tp[hidden]{display:none}

/* ---------------------------------------------------------------- the whole team */
.v6-team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px}
.v6-team-lg{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:28px 22px}
.v6-mem img{display:block;width:100%;height:auto;aspect-ratio:240/252;object-fit:cover;border-radius:14px;filter:grayscale(1);transition:filter .5s;margin-bottom:10px;background:#efeae3}
@media (hover:hover){.v6-mem:hover img{filter:none}}
.mo .v6-mem.lit img{filter:none}
.v6-mem b{display:block;font-size:15px;color:#2d1f4a}
.v6-mem span{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:#5b6472}
.v6-mem-lg b{font-size:17px}
.v6-bio{margin-top:8px}
.v6-bio summary{display:inline-flex;align-items:center;min-height:36px;font-size:13px;font-weight:600;color:#00667f;cursor:pointer}
.v6-bio p{font-size:13.5px;line-height:1.5;color:#4c4c4c;margin:6px 0 0}
@media (max-width:640px){.v6-team{grid-template-columns:repeat(2,minmax(0,1fr))}.v6-team-lg{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------------------------------------------------------------- discussion board, accredited */
.v6-board-box{margin-top:26px;display:grid;gap:6px;padding:28px;border-radius:16px;border:1.5px dashed #cdc4b6;background:#fff;max-width:880px}
.v6-board-box b{color:#2d1f4a}.v6-board-box span{font-size:14px;color:#5b6472}
.v6-acr-def{max-width:860px;margin:18px 0 0;font-size:15px;line-height:1.55;color:#cfd6e0}
.v6-acr-opts{display:grid;gap:12px;margin-top:26px}
@media (min-width:1001px){.v6-acr-opts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v6-acr-o{display:grid;gap:6px;align-content:start;min-height:96px;padding:20px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:border-color .2s,background-color .2s}
.v6-acr-o b{font-size:18px}.v6-acr-o span{font-size:14px;color:#b9c2cf}
.v6-acr-o:hover,.v6-acr-o:focus-visible{border-color:#d4e05f;background:rgba(212,224,95,.08)}
.v6-acr-terms{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#b9c2cf}
.v6-acr-terms b{color:#fff;font-weight:600}


/* the 6,000% section with its brand film (opts growth-3) */
.g3-side{display:grid;gap:14px;align-content:start}
.g3-para{margin:0;font-size:15px;line-height:1.55;color:#d6dbe4}
.g3-para-m{display:none}
@media (max-width:900px){.g3-side .g3-para{display:none}.growth-3 .g3-para-m{display:block;padding-top:24px;padding-bottom:8px;color:#d6dbe4;font-size:15px;line-height:1.55}.g3-side .film{max-height:22vh;aspect-ratio:auto;height:22vh}}
/* small tiles: the play key sits in the corner so the caption reads clean */
.v6-films-grid .film-play,.film-card .film-play{left:auto;top:12px;right:12px;margin:0;width:40px;height:40px}
.v6-films-grid .film-cap{bottom:12px;left:14px;right:14px}
.v6-films-grid .film::after{background:linear-gradient(0deg,rgba(5,6,10,.92) 0%,rgba(5,6,10,.35) 55%,transparent 80%)}
.film-card::after{background:none}
@media (max-width:640px){.film-logo{aspect-ratio:1/1}.film-logo img{inset:12% 16% 50%;width:68%;height:34%}.film-logo .film-cap{right:14px;bottom:52px;font-size:13.5px}.film-logo .film-play{right:12px;bottom:10px;width:36px;height:36px}}
.v6-bio summary{min-height:44px}
.v6-disc-u{margin-top:10px}
.v6-bio summary{min-width:72px}
.dsec-teal .deb{color:#bdeef6}.dsec-teal .dlede{color:#e6f4f7}
@media (min-width:1101px){.ix li{padding-left:12px;padding-right:12px}.ix li > span{font-size:12.5px}}
@media (min-width:1101px){.ix{padding-top:18px;padding-bottom:16px}.ix li{padding-bottom:12px}}

/* ---------------------------------------------------------------- Nasdaq: a broadcast control room (one on-air monitor, a channel rail) */
.ns{display:grid;gap:22px;margin-top:30px}
@media (min-width:1001px){.ns{grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);align-items:start}}
.ns-mon{position:relative;border-radius:18px;padding:10px;background:linear-gradient(160deg,#1a2233,#0b0f18);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08)}
.ns-bar{display:flex;align-items:center;gap:14px;padding:4px 6px 10px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#9aa6b6}
.ns-air{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:rgba(212,224,95,.12);color:#d4e05f;font-weight:700}
.ns-air i{width:8px;height:8px;border-radius:50%;background:#d4e05f;box-shadow:0 0 0 0 rgba(212,224,95,.6);animation:nsair 1.8s ease-out infinite}
@keyframes nsair{0%{box-shadow:0 0 0 0 rgba(212,224,95,.6)}70%,100%{box-shadow:0 0 0 8px rgba(212,224,95,0)}}
.ns-net{font-weight:600;color:#e6eaf0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ns-chn{font-variant-numeric:tabular-nums}
.ns-pause{width:44px;height:44px;margin:-8px -4px -8px 0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.ns-pause svg{width:13px;height:13px}.ns-pause .i-play,.ns.is-paused .ns-pause .i-pause{display:none}.ns.is-paused .ns-pause .i-play{display:block}
.ns-screen{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;isolation:isolate}
.ns-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .55s ease}
.ns-slide.on{opacity:1}
.ns-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:60% 40%}
.mo .ns-slide.on img{animation:nspush 9s ease-out both}
@keyframes nspush{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.ns-slide .film-poster{position:absolute;inset:0}
.ns-scan{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.45}
.ns-static{position:absolute;inset:-50%;z-index:3;pointer-events:none;opacity:0;
  background:repeating-radial-gradient(circle at 17% 32%,rgba(255,255,255,.55) 0 1px,transparent 1px 3px),repeating-radial-gradient(circle at 71% 64%,rgba(255,255,255,.35) 0 1px,transparent 1px 2px),#111}
.ns.cut .ns-static{animation:nsstatic .32s steps(4) both}
@keyframes nsstatic{0%{opacity:.85;transform:translate(0,0)}33%{opacity:.6;transform:translate(-3%,2%)}66%{opacity:.4;transform:translate(2%,-3%)}100%{opacity:0;transform:none}}
.ns-screen::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(5,6,10,.9) 0%,rgba(5,6,10,.25) 38%,transparent 60%);pointer-events:none}
.ns-lower{position:absolute;left:18px;right:150px;bottom:18px;z-index:4;display:grid;gap:6px;justify-items:start}
.ns-tag{padding:3px 9px;border-radius:4px;background:#d4e05f;color:#2d1f4a;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ns-title{margin:0;font:400 clamp(17px,1.7vw,24px)/1.25 var(--fh);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.ns-time{font-size:13px;color:#b9c2cf;font-variant-numeric:tabular-nums}
.ns-play{position:absolute;right:18px;bottom:18px;z-index:4;display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border:0;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;font:600 15px var(--fb);cursor:pointer;transition:background-color .2s}
.ns-play svg{width:44px;height:44px}
.ns-play:hover{background:rgba(255,255,255,.22)}
.ns-play[hidden]{display:none}
.ns-mon .v6-disc-u{margin:12px 6px 4px}
.ns-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ns-ch{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:72px;padding:8px 12px 8px 8px;border-radius:12px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#e6eaf0;text-align:left;font:inherit;cursor:pointer;overflow:hidden;transition:background-color .25s,border-color .25s}
.ns-ch:hover{background:rgba(255,255,255,.07)}
.ns-ch.on{border-color:rgba(212,224,95,.55);background:rgba(212,224,95,.08)}
.ns-th{position:relative;display:block;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#0b0f18}
.ns-th img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.85);transition:filter .3s}
.ns-ch.on .ns-th img,.ns-ch:hover .ns-th img{filter:none}
.ns-mini-poster{display:grid;place-items:center;height:100%;font:400 16px var(--fh);color:#fff;background:radial-gradient(#1c2a44,#070a12)}
.ns-meta{display:grid;gap:2px;min-width:0}
.ns-meta em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#70cddc}
.ns-meta > span{font-size:13.5px;line-height:1.35;color:#dfe6ef;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-disc{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:#8a95a6}
.ns-dur{font-size:12.5px;color:#9aa6b6;font-variant-numeric:tabular-nums;align-self:start;padding-top:4px}
.ns-prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#d4e05f;transform:scaleX(0);transform-origin:left;opacity:0}
.ns-ch.on .ns-prog{opacity:1}
.ns-ch.on.run .ns-prog{transform:scaleX(1);transition:transform var(--nsd,7s) linear}
@media (max-width:1000px){
  .ns-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 calc(-1 * var(--dg));padding:0 var(--dg) 4px;scrollbar-width:none}
  .ns-list::-webkit-scrollbar{display:none}
  .ns-list li{flex:0 0 78%;scroll-snap-align:start}
}
@media (max-width:640px){.ns-mon{padding:6px;border-radius:14px}.ns-lower{left:12px;right:12px;bottom:66px}.ns-play{left:12px;right:auto;bottom:12px}.ns-title{font-size:16px}.ns-bar{gap:8px;font-size:11px}.ns-air{padding:3px 8px}}
@media (prefers-reduced-motion:reduce){.ns-air i{animation:none}.mo .ns-slide.on img{animation:none}.ns.cut .ns-static{animation:none}}
@media (max-width:1000px){
  .ns-list{align-items:flex-start}
  .ns-list li{flex:0 0 min(62%,280px)}
  .ns-ch{grid-template-columns:1fr auto;grid-template-areas:"th th" "meta dur";align-items:start;padding:8px 10px 12px;min-height:0}
  .ns-th{grid-area:th}.ns-meta{grid-area:meta}.ns-dur{grid-area:dur;padding-top:2px}
}
.ns-tag,.ns-meta em{font-size:12px}
@media (max-width:640px){.ns-bar{font-size:12px}}
/* the $25,000 panel no longer butts against the section above (it used to follow a white section) */
.dsec-panel{padding-top:96px}
@media (max-width:760px){.dsec-panel{padding-top:64px}}
/* forms on dark sections: glass fields, white text, lime focus; the deck form sets its two fields side by side */
.tone-dark .v6-form .fld input:not([type=checkbox]){background-color:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28);color:#fff;min-height:54px;padding:0 20px}
.tone-dark .v6-form .fld input::placeholder{color:#8f9bb0}
.tone-dark .v6-form .fld input:hover{border-color:rgba(255,255,255,.45)}
.tone-dark .v6-form .fld input:focus{border-color:#d4e05f;box-shadow:0 0 0 3px rgba(212,224,95,.28);background-color:rgba(255,255,255,.1)}
.v6-form .fld.is-bad input{border-color:#ff8a7a!important}
@media (min-width:640px){.v6-form[data-v6form=deck]{grid-template-columns:1fr 1fr;max-width:640px}.v6-form[data-v6form=deck] > :not(.fld){grid-column:1 / -1}}
.v6-form{margin-top:30px}

/* RAD Intel at Nasdaq, snappy (James 10.01pm: "lose the big cinematic animation in favor of a more snappy ambient redesign"):
   not pinned, no camera; the line draws once on arrival, then ambient light */
.gv3{height:auto}
.gv3 .gv-stage{position:relative;top:auto;height:auto;padding:88px 0 72px;display:block}
@media (max-width:760px){.gv3 .gv-stage{padding:64px 0 48px}}
.gv3 .g3-cam{transform:none!important;--cs:1}
.gv3 .g3-view{height:min(40vh,360px);isolation:isolate}
.gv3 .g3-fig{opacity:1}
.gv3 .g3-yr{transition:opacity .4s}
.gv3:not(.done) .g3-pin{transition:opacity .25s,background .25s,box-shadow .25s}
/* ambient, once the line is drawn: a breathing glow behind 6,000%+, a light travelling along the curve, the end point pulses */
.g3-view::before{content:"";position:absolute;left:-10%;top:-30%;width:60%;height:90%;z-index:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(212,224,95,.14),transparent);opacity:0;transition:opacity 1s}
.mo .gv3.done .g3-view::before{opacity:1;animation:g3breathe 6s ease-in-out infinite}
@keyframes g3breathe{0%,100%{transform:scale(.92);opacity:.6}50%{transform:scale(1.06);opacity:1}}
.g3-view::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(100deg,transparent 0 40%,rgba(255,255,255,.10) 48%,rgba(212,224,95,.16) 50%,transparent 58%) -60% 0/60% 100% no-repeat}
.mo .gv3.done .g3-view::after{opacity:1;animation:g3sweep 5.5s cubic-bezier(.45,0,.2,1) 1s infinite}
@keyframes g3sweep{0%{background-position:-60% 0}60%,100%{background-position:160% 0}}
.gv3 .g3-pin.g3-end.on{box-shadow:0 0 0 6px rgba(212,224,95,.18)}
.mo .gv3.done .g3-pin.g3-end{animation:g3ping 2.6s ease-out infinite}
@keyframes g3ping{0%{box-shadow:0 0 0 0 rgba(212,224,95,.55)}70%,100%{box-shadow:0 0 0 14px rgba(212,224,95,0)}}
@media (prefers-reduced-motion:reduce){.g3-view::before,.g3-view::after,.gv3 .g3-pin{animation:none!important}}

/* ---------------------------------------------------------------- RAD Intel at Nasdaq, v2 (2026-10-06): the film plays big, the figure is small */
.gv3 .gv-stage{padding:0 0 72px;background:#05060a}
.nq-film{position:relative;height:min(82vh,56.25vw);min-height:420px;overflow:hidden;background:#0b1430;isolation:isolate}
.nq-poster img,.nq-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.nq-vid{z-index:1}
.mo .nq-film .nq-poster img,.mo .nq-film .nq-vid{transform:scale(calc(1.06 - var(--nqp,0) * .06));transform-origin:50% 45%;will-change:transform}
.nq-film::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(0deg,#05060a 0%,rgba(5,6,10,.55) 26%,rgba(5,6,10,0) 55%),linear-gradient(90deg,rgba(5,6,10,.7) 0%,rgba(5,6,10,0) 50%)}
.nq-over{position:absolute;left:0;right:0;bottom:clamp(28px,6vh,64px);z-index:3;display:grid;justify-items:start;gap:16px}
.nq-over .deb{display:inline-flex;align-items:center;gap:10px;margin:0;color:#d4e05f}
.nq-over .deb::before{content:"";width:8px;height:8px;border-radius:50%;background:#d4e05f;animation:nsair 1.8s ease-out infinite}
.nq-over .dh{margin:0;font-size:clamp(40px,6vw,88px);line-height:1.02;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.nq-watch{display:inline-flex;align-items:center;gap:12px;padding:6px 20px 6px 6px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(10,14,22,.45);backdrop-filter:blur(10px);color:#fff;font:600 16px var(--fb);cursor:pointer;transition:background-color .2s,border-color .2s}
.nq-watch svg{width:48px;height:48px}
.nq-watch small{font-weight:400;font-size:13px;color:#b9c2cf}
.nq-watch:hover{background:rgba(255,255,255,.14);border-color:#d4e05f}
.nq-pause{position:absolute;right:max(var(--dg),calc((100vw - var(--dw)) / 2 + var(--dg)));bottom:clamp(28px,6vh,64px);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(10,14,22,.45);color:#fff;display:grid;place-items:center;cursor:pointer}
.nq-pause svg{width:13px;height:13px}.nq-pause .i-play,.nq-film.is-paused .nq-pause .i-pause{display:none}.nq-film.is-paused .nq-pause .i-play{display:block}
/* the figure: a small card beside the control's paragraph */
.gv3 .g3{position:relative;z-index:4}
.nq-strip{display:grid;gap:22px;align-items:center;margin-top:34px}
@media (min-width:1001px){.nq-strip{grid-template-columns:minmax(0,1fr) 440px;gap:56px}}
.nq-para{margin:0;max-width:640px;font:400 clamp(18px,1.5vw,22px)/1.55 var(--fb);color:#e6eaf0}
.gv3 .nq-card{position:relative;height:auto!important;margin:0;padding:18px 20px 14px;border-radius:16px;background:linear-gradient(150deg,rgba(25,61,91,.75),rgba(10,14,22,.9));border:1px solid rgba(212,224,95,.22);overflow:hidden}
.gv3 .nq-card .g3-fig{position:relative;left:auto;top:auto;flex-direction:row;align-items:flex-end;gap:12px}
.gv3 .nq-card .g3-fig > b{font-size:44px}
.gv3 .nq-card .g-anchor span{font-size:12px}.gv3 .nq-card .g-anchor b{font-size:14px}
.nq-plot{position:relative;height:110px;margin-top:12px}
.gv3 .nq-plot .g3-cam{inset:0}
.gv3 .g3-yr{display:none}
.gv3 .nq-card .g3-axis{margin:8px 0 0;font-size:12px}
.gv3 .g3-pin{width:9px;height:9px;margin:-4.5px 0 0 -4.5px}
.gv3 .gv-legend{margin-top:22px}
.gv3 .g3-view::before{left:-20%;top:-40%;width:80%;height:120%}
@media (max-width:760px){
  .nq-film{height:auto;min-height:0;aspect-ratio:4/5}
  .nq-poster img,.nq-vid{object-position:58% 40%}
  .nq-over{bottom:22px;gap:12px}
  .nq-over .dh{font-size:40px}
  .nq-watch{font-size:15px;padding-right:16px}.nq-watch svg{width:42px;height:42px}.nq-watch small{display:none}
  .nq-pause{bottom:auto;top:16px;right:16px}
  .nq-strip{margin-top:26px}
  .nq-para{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.nq-over .deb::before{animation:none}.mo .nq-film .nq-poster img,.mo .nq-film .nq-vid{transform:none}}
.gv3 .nq-plot .g3-cam{inset:8px 10px 4px 6px}
.gv3 .g3-pin.g3-end.on{box-shadow:0 0 0 4px rgba(212,224,95,.18)}
@media (max-width:760px){
  .gv3 .nq-card .g3-fig{flex-direction:column;align-items:flex-start;gap:6px}
  .gv3 .nq-card .g3-fig > b{font-size:48px}
  .nq-plot{height:120px}
}
/* portfolio: a swipe row with the shared arrows and progress below 1001px; five across above, no controls */
.car-mob .car-track.pfs > .pf{width:min(300px,78vw);margin:0}
@media (min-width:1001px){
  .car-mob .car-bar,.car-mob .car-prog{display:none}
  .car-mob .car-track.pfs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible;padding:0;margin:0}
  .car-mob .car-track.pfs > .pf{width:auto}
}
@media (max-width:760px){.car-mob .car-track.pfs{margin:0 calc(-1 * var(--dg));padding:6px var(--dg) 18px}}
/* control room v2 layout: the lower-third and Watch key sit over the screen on desktop, below it on phones */
.ns-stage{position:relative}
.ns-info{position:absolute;left:0;right:0;bottom:0;z-index:4;pointer-events:none}
.ns-info > *{pointer-events:auto}
.ns-screen::after{z-index:1}
@media (max-width:760px){
  .ns-screen::after{display:none}
  .ns-info{position:static;display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px 12px;padding:14px 6px 2px}
  .ns-lower{position:static;left:auto;right:auto;bottom:auto}
  .ns-title{font-size:17px;text-shadow:none}
  .ns-play{position:static;padding:4px 14px 4px 4px;font-size:14px}
  .ns-play svg{width:38px;height:38px}
  .ns-mon .v6-disc-u{margin:10px 6px 2px;font-size:12.5px}
  /* channels: equal compact tiles, thumbnail + network + running time; the title shows on the monitor */
  .ns-list{align-items:stretch}
  .ns-list li{flex:0 0 152px;display:flex}
  .ns-ch{grid-template-columns:1fr auto;grid-template-areas:"th th" "meta dur";gap:6px 8px;padding:6px 8px 10px;height:100%}
  .ns-meta > span,.ns-disc{display:none}
  .ns-meta em{font-size:12px;line-height:1.3}
  .ns-dur{font-size:12px;padding-top:0}
}
.ns-screen::after{background:linear-gradient(0deg,rgba(5,6,10,.96) 0%,rgba(5,6,10,.72) 26%,rgba(5,6,10,.2) 52%,transparent 70%)}
@media (max-width:760px){.ns-list li{flex-basis:176px}.ns-list{scroll-padding-left:var(--dg)}}

/* ---------------------------------------------------------------- v06 consolidation (2026-10-06): no repeated media */
/* the hero carries the keynote (as on the control) */
.dkey-film{position:absolute;right:calc(var(--dg) + 56px);bottom:28px;z-index:3;min-height:44px;padding:0 18px 0 14px;gap:8px;font-size:15px}
.dkey-film svg{width:14px;height:14px}
@media (max-width:760px){.dkey-film{top:calc(78vw - 60px);bottom:auto;right:72px;padding:0 14px 0 12px;font-size:14px}}
/* the corporate film alone */
.v6-solo{margin:28px 0 8px;max-width:1100px}
.film-solo .film-play{width:84px;height:84px;margin:-42px 0 0 -42px}
.film-solo .film-cap{font-size:18px;left:24px;bottom:20px}
/* 30,000+ investors beside the 6,000%+ chart */
.gv3 .gv-stage{padding:96px 0 72px;background:radial-gradient(70% 90% at 85% 40%,rgba(25,61,91,.85),transparent 70%),#07090f}
@media (max-width:760px){.gv3 .gv-stage{padding:64px 0 48px}}
.tr-grid{display:grid;gap:32px;align-items:center}
@media (min-width:1001px){.tr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px}}
.tr-copy .dh{margin:0 0 22px}
.tr-p{margin:0 0 16px;max-width:600px;font-size:18px;line-height:1.6;color:#d6dbe4}
.tr-act{margin-top:26px}
.gv3 .tr-card{padding:24px 26px 18px}
.gv3 .tr-card .g3-fig > b{font-size:clamp(52px,5vw,72px)}
.tr-card .nq-plot{height:clamp(170px,22vw,240px);margin-top:18px}
@media (max-width:760px){.tr-p{font-size:16.5px}.tr-card .nq-plot{height:170px}.gv3 .tr-card{padding:18px 16px 14px}}
/* the news bar: one line at a time, crossfading in place (fixed height, so no layout shift) */
.sbar{position:relative}
.sbar-i{position:absolute;left:var(--dg);right:var(--dg);top:50%;margin:0;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s;text-wrap:balance}
.sbar-i.on{opacity:1;visibility:visible;transition:opacity .5s ease}
@media (max-width:1023px){.sbar-i{left:16px;right:16px}}
/* brand pass (2026-10-06): one section rhythm, one card radius, alternating grounds */
.v6-contracts{padding-top:96px}
@media (max-width:760px){.v6-contracts{padding-top:64px}}
.film{border-radius:16px}.v6-prob{border-radius:16px}
.dsec-cream .v6-prob{background:#fff}
.dsec-cream .pr-card{background:#fff}
.dsec-cream .pr-card:hover,.dsec-cream .pr-card:focus-visible{background:#fff}
/* updates form on navy: the quote graphic keeps its card */
.v6-updates .v6-qg img{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
/* mobile pass (2026-10-06) */
.gv3 .gv-legend{color:#a9b4c4}
@media (max-width:760px){
  .v6-tabs .tl-years{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:0}
  .film-logo{aspect-ratio:3/4}
  .film-logo img{inset:10% 14% auto;height:28%;width:72%}
  .film-logo .film-cap{left:12px;right:12px;bottom:54px;font-size:13px;line-height:1.3}
  .film-logo .film-cap small{font-size:12px}
}

/* ---------------------------------------------------------------- the control's header blinds (Jeremy prefers their urgency) */
/* urgency bar, refined (James 2026-10-06: "keep the yellow but refine this and the messaging"): a live dot and the window as a quiet
   label, the offer in bold, the step-down as the reason to act now, and a real Invest Now key in place of an underlined link */
.ubar{background:#d4e05f;color:#12131a;height:56px;display:flex;align-items:center;border-bottom:1px solid rgba(13,27,42,.12)}
.ubar-in{width:100%;max-width:var(--dw);margin:0 auto;padding:0 var(--dg);display:flex;align-items:center;justify-content:center;gap:28px}
.ubar-msg{margin:0;display:flex;align-items:center;gap:18px;min-width:0;font:500 15px/1.3 var(--fb);color:#12131a}
.ubar-k{flex:none;display:inline-flex;align-items:center;gap:9px;padding-right:18px;border-right:1px solid rgba(13,27,42,.22);font:700 12.5px/1 var(--fb);letter-spacing:.09em;text-transform:uppercase;color:#0d1b2a;white-space:nowrap}
.ubar-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#0d1b2a}
.ubar-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(13,27,42,.45);animation:ubping 2.4s ease-out infinite}
@keyframes ubping{0%{transform:scale(.5);opacity:1}80%,100%{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.ubar-dot::after{animation:none;opacity:0}}
.ubar-t b{font-weight:700;color:#0d1b2a}
.ubar-cta{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px 0 20px;border:0;border-radius:999px;background:#0d1b2a;color:#fff;font:700 14.5px/1 var(--fb);cursor:pointer;transition:background .15s,transform .12s}
.ubar-cta svg{width:15px;height:15px}
.ubar-cta:hover{background:#2d1f4a}
.ubar-cta:active{transform:translateY(1px)}
.ubar-cta:focus-visible{outline:2px solid #0d1b2a;outline-offset:3px}
@media (max-width:1023px){
  .ubar{height:auto;min-height:64px;padding:10px 0}
  .ubar-in{justify-content:space-between;gap:14px;padding:0 16px}
  .ubar-msg{flex-direction:column;align-items:flex-start;gap:5px}
  .ubar-k{padding-right:0;border-right:0;font-size:12px;letter-spacing:.07em}
  .ubar-t{font-size:14px;line-height:1.3}
  .ubar-cta{height:44px;padding:0 16px;font-size:14px}
}
@media (max-width:420px){.ubar-t [data-ubar-sub]{display:block}}
/* the hero fills the first screen under the header and both bars (63 + 30 + 56) */
@media (min-width:1101px){.dhero{min-height:calc(100vh - 119px)}}

/* ---------------------------------------------------------------- Nasdaq control room on a light ground, rail matched to the monitor (2026-10-06) */
.v6-ticker .v6-disc{color:#5b6472}
.v6-ticker .ns-mon{background:linear-gradient(160deg,#1a2233,#0b0f18);box-shadow:0 40px 80px -40px rgba(45,31,74,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.v6-ticker .ns-mon .v6-disc{color:#a9b4c4}
@media (min-width:1001px){
  .v6-ticker .ns{align-items:stretch}
  .v6-ticker .ns-list{display:flex;flex-direction:column;gap:10px;height:100%}
  .v6-ticker .ns-list li{flex:1 1 0;display:flex;min-height:0}
  .v6-ticker .ns-ch{height:100%;min-height:0;align-items:center;padding:8px 14px 8px 8px}
  .v6-ticker .ns-th{height:100%;max-height:64px;aspect-ratio:16/9;width:auto}
  .v6-ticker .ns-meta > span{-webkit-line-clamp:1}
  .v6-ticker .ns-disc{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .v6-ticker .ns-dur{align-self:center;padding-top:0}
}
.v6-ticker .ns-ch{background:#fff;border-color:#e3ddd3;color:#2d1f4a;box-shadow:0 10px 24px -20px rgba(45,31,74,.45)}
.v6-ticker .ns-ch:hover{background:#fbf9f6;border-color:#cfc6b8}
.v6-ticker .ns-ch.on{background:#fff;border-color:#2d1f4a;box-shadow:0 0 0 1px #2d1f4a,0 16px 30px -22px rgba(45,31,74,.6)}
.v6-ticker .ns-meta em{color:#00667f}
.v6-ticker .ns-meta > span{color:#2d1f4a}
.v6-ticker .ns-dur{color:#5b6472}
.v6-ticker .ns-prog{background:linear-gradient(90deg,#00667f,#70cddc)}
.v6-ticker .ns-mini-poster{color:#fff}
.v6-ticker .ns-th img{filter:none}

/* ---------------------------------------------------------------- the RAD Intel Story, still (James 2026-10-06: "this whole section needs a
   redesign...remove scrolling animation"). Year selector drawn as entries per year; the chosen year shows its headline entry, then the rest. */
.st{background:radial-gradient(60% 70% at 85% 0%,rgba(0,102,127,.35),transparent 70%),linear-gradient(170deg,#0f1a2e 0%,#132640 50%,#193d5b 100%);color:#fff}
.st-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.st-head .dh{margin:0}
.st-sum{margin:0;font-size:16px;color:#a9b4c4}
.st-years{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding-bottom:0;border-bottom:1px solid rgba(255,255,255,.14)}
.st-y{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:start;gap:4px;padding:0 4px 16px;position:relative;min-height:44px}
.st-bar{display:flex;align-items:flex-end;height:64px;width:100%;margin-bottom:10px}
.st-bar i{display:block;width:100%;height:calc(8px + var(--h) * 56px);border-radius:6px 6px 2px 2px;background:rgba(112,205,220,.22);transition:background .2s}
.st-y b{font:400 22px/1 var(--fh);color:#c9d2de;letter-spacing:-.01em;transition:color .2s}
.st-y small{font-size:13px;color:#8a97a9}
.st-y::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:transparent;transition:background .2s}
.st-y:hover .st-bar i{background:rgba(112,205,220,.45)}
.st-y:hover b{color:#fff}
.st-y:focus-visible{outline:2px solid #d4e05f;outline-offset:4px;border-radius:6px}
.st-y[aria-selected="true"] .st-bar i{background:linear-gradient(180deg,#d4e05f,#9fd6a8)}
.st-y[aria-selected="true"] b{color:#fff}
.st-y[aria-selected="true"] small{color:#d4e05f}
.st-y[aria-selected="true"]::after{background:#d4e05f}
.st-body{padding-top:48px}
.st-panel{display:grid;gap:40px;outline:none}
.st-panel[hidden]{display:none}
@media (min-width:1001px){.st-panel{grid-template-columns:300px minmax(0,1fr);gap:64px}}
.st-side{align-self:start}
@media (min-width:1001px){.st-side{position:sticky;top:120px}}
.st-num{display:block;font:400 clamp(88px,9vw,140px)/.9 var(--fh);letter-spacing:-.04em;background:linear-gradient(100deg,#d4e05f 10%,#70cddc 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-cnt{margin:14px 0 0;font-size:16px;color:#a9b4c4}
.st-nav{display:flex;gap:10px;margin-top:24px}
.st-go{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:22px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:15px;font-weight:600;transition:background .2s,border-color .2s}
.st-go svg{width:16px;height:16px}
.st-go:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.st-go:focus-visible{outline:2px solid #d4e05f;outline-offset:3px}
.st-go.is-off{visibility:hidden;padding:0;border:0;min-width:0}
.st-lead,.st-list{list-style:none;margin:0;padding:0}
.st-e time{display:block;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#70cddc}
.st-e p{margin:0;font-size:17px;line-height:1.55;color:#e8edf3}
.st-a{display:inline-flex;align-items:center;gap:6px;margin-top:12px;min-height:44px;color:#d4e05f;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.st-a .ico{width:14px;height:14px}
.st-e-lead{padding:32px 36px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 3px 0 0 #d4e05f}
.st-e-lead p{font:400 clamp(22px,2.1vw,28px)/1.3 var(--fh);color:#fff;letter-spacing:-.005em}
.st-list{display:grid;gap:0;margin-top:12px}
@media (min-width:761px){.st-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}}
.st-list .st-e{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.st-panel:not(.is-all) .st-list .st-e:nth-child(n+7){display:none}
.st-more{margin-top:28px}
@media (max-width:1000px){
  .st-bar{height:48px}.st-bar i{height:calc(6px + var(--h) * 42px)}
  .st-body{padding-top:32px}
  .st-side{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}
  .st-num{font-size:88px}
  .st-cnt{margin:0 auto 6px 0}
  .st-nav{margin-top:0;width:100%}
  .st-e-lead{padding:24px 22px}
}
@media (max-width:760px){
  .st-years{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:6px;scrollbar-width:none}
  .st-years::-webkit-scrollbar{display:none}
  .st-y{flex:0 0 76px;scroll-snap-align:start}
}
/* standard tile sizing (James 2026-10-06, screenshots of the portfolio, testimonials and case studies: "these tiles need to be standard
   sizing"): every card in a row is the height of the tallest, and the closing line (attribution, results) sits on the card's bottom edge */
.car-track,.car-mob .car-track.pfs{align-items:stretch}
.pf{display:flex;flex-direction:column}
.quote{display:flex;flex-direction:column}
.quote figcaption{margin-top:auto}
.v6-case-in{flex:1;display:flex;flex-direction:column}
.v6-case dl{margin-top:auto;align-items:start}
.v6-case dd{min-height:calc(3em * 1.35)}   /* the longest label runs three lines, so every card's figures share one baseline */
.v6-case dd small{display:block;font-size:12px;color:#5b6472}
.pr-card .pr-go{margin-top:auto}
/* story year numeral: the negative tracking pulled the box inside the last glyph, and background-clip:text cropped the 6 (James 2026-10-06) */
.st-num{display:inline-block;padding:0 .1em .04em 0;margin-right:-.1em}
/* forms on dark: room between the fields, the key and the fine print (James 2026-10-06, "padding issues") */
.v6-form{gap:18px}
.v6-form .key{margin-top:10px}
.v6-form .v6-form-fine{margin-top:4px;max-width:640px}

/* company news (the control's news-bar items, James 2026-10-06: "take out this news section and integrate in press section") */
.pn{margin-bottom:40px}
.pn-h{margin:0 0 16px;font:600 14px/1.3 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:#5b6472}
.pn-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:761px){.pn-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1101px){.pn-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pn-list li{display:flex}
.pn-i{flex:1;display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:16px;background:#fff;border:1px solid transparent;box-shadow:inset 3px 0 0 #00667f;color:#2d1f4a;text-decoration:none}
.pn-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00667f}
.pn-t{font:400 19px/1.35 var(--fh);color:#2d1f4a}
.pn-i .pr-go{margin-top:auto;padding-top:4px}
a.pn-i:hover,a.pn-i:focus-visible{border-color:rgba(0,102,127,.35);box-shadow:inset 3px 0 0 #00667f,0 18px 34px -24px rgba(45,31,74,.45)}
/* closing band (James 2026-10-06, screenshot "also fix this"): heading in the house H2 style (grey, teal accent phrase) instead of
   all teal, and the stack tightened (lede to key was 72px of air, key to fine print 20px) */
.dclose{padding:96px 0;background:radial-gradient(60% 90% at 50% 0%,rgba(0,102,127,.07),transparent 70%),#fff}
.dclose .dwrap{gap:0}
.dclose .dh{color:#4c4c4c;margin:0}
.dclose .dh .acc{color:#00667f}
.dclose .dlede{margin:18px auto 0}
.dclose .key-cta{margin:32px 0 0!important}
.dclose-fine{margin:18px 0 0}

/* one Invest key per screen at the top: no key in the urgency bar; the header key hides while the hero's key is on screen */
.ubar-in{gap:0}
@media (min-width:1024px){
  .shdr-cta{transition:none}
  .hk-ready .shdr-cta{transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
  .hk-on .shdr-cta,html:has(.dock.is-on) .shdr-cta{opacity:0;visibility:hidden;transform:translateY(-4px)}
}
@media (max-width:1023px){.ubar-in{justify-content:center}.ubar-msg{align-items:center;text-align:center}}

/* $25,000 panel reformatted (James 2026-10-06, "this space needs to be reformatted"): columns centred on each other, one spacing
   step down the left column, Aaron in a contained contact card (the pulse ring drew a square halo past the column edge), the
   "request a call" line inside his card instead of floating under the heading */
.dpanel{align-items:center;padding:64px 64px}
@media (min-width:1001px){.dpanel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}
.dpanel-head .dh{margin:0}
.dpanel-ir{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:center;margin:32px 0;padding:16px 22px 16px 16px;max-width:440px;
  border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.dpanel-ir img{grid-row:1 / span 2;width:64px;height:64px;border-radius:12px;object-fit:cover;object-position:50% 20%;animation:none!important;box-shadow:none}
.dpanel-ir > p:not(.dpanel-ir-note){align-self:end;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0}
.dpanel-ir b{font-size:17px}
.dpanel-ir span{font-size:14px}
.dpanel-ir-note{grid-column:2;align-self:start;margin:2px 0 0;font-size:15px;line-height:1.45;color:#d9dce6}
.dpanel-cards{gap:12px}
.dpanel-cards article{padding:22px 24px}
@media (max-width:760px){
  .dpanel{padding:36px 22px}
  .dpanel-ir{margin:24px 0;padding:14px;grid-template-columns:56px minmax(0,1fr);column-gap:14px}
  .dpanel-ir img{width:56px;height:56px}
  .dpanel-ir-note{grid-column:1 / -1;margin-top:12px;font-size:14.5px}
  .dpanel-cards article{padding:18px;grid-template-columns:40px 1fr;column-gap:14px}
}

/* live dot = orbit: see base.css (the checkout does not load this file) */

/* case study photos (James 2026-10-06, "thumbs on these is off"): re-cut from the control's portrait originals inside their rounded
   corners (the old landscape crops carried the transparent corners as white side bars), 4:3 so faces and products sit in frame */
.v6-case-ph{aspect-ratio:4/3;background:#e9e4dc}
.v6-case-ph > img:first-child{object-position:50% 50%}

/* LED ticker in Nasdaq blue (James 2026-10-06: "can we make the ticker blue like NASDAQ board?"): the MarketSite tower's royal-blue
   panel, white figures, pale-blue labels, cyan accents (dot colours in opts.js TONE); the disclaimer strip sits on the same blue */
.kpi-4 .kv-sec{background:#041544;--cap:#08236b}
.kpi-4 .kv-btn{background:rgba(4,21,68,.8);border-color:rgba(140,185,255,.4)}
.tick{background:linear-gradient(180deg,#0b2f86 0%,#08236b 55%,#061a52 100%);border-top:1px solid rgba(140,185,255,.35);border-bottom:1px solid rgba(140,185,255,.35);
  box-shadow:inset 0 10px 24px -14px rgba(0,8,40,.85),inset 0 -10px 24px -14px rgba(0,8,40,.85)}
.tick-glare{background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 45%),linear-gradient(90deg,#08236b,transparent 5%,transparent 95%,#08236b)}
.tick-disc{background:#041544;color:#a9bbdc}
.tick-disc b{color:#e3ecff}

/* ticker blue toned down (James 2026-10-06: "the blue is too much"): a deep navy board with only a hint of blue, near-black surround */
.kpi-4 .kv-sec{background:#060a16;--cap:#0a1430}
.tick{background:linear-gradient(180deg,#0d1a3c 0%,#0a1430 55%,#080f24 100%);border-top:1px solid rgba(140,175,235,.18);border-bottom:1px solid rgba(140,175,235,.18);
  box-shadow:inset 0 10px 24px -14px rgba(0,0,0,.85),inset 0 -10px 24px -14px rgba(0,0,0,.85)}
.tick-glare{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 45%),linear-gradient(90deg,#0a1430,transparent 5%,transparent 95%,#0a1430)}
.tick-disc{background:#060a16;color:#9aa8c0}
.tick-disc b{color:#dde4f0}
.kpi-4 .kv-btn{background:rgba(6,10,22,.8);border-color:rgba(255,255,255,.22)}
/* case study thumbs (James 2026-10-06 3.46pm, "fix the thumbs"): the control's photos are 231-359px wide, so at card size (~410px,
   ~820 device px) they were soft. Six now use radintel.ai's own 1920px case photography (Ro, MGM, Sweetgreen, The Black Tux, Hasbro,
   Skechers) cut to 4:3 at 840x630 (`*-v3.webp`); Bright Horizons keeps the control photo until a larger original is supplied.
   The 3px teal top rule (made for the text-only result cards) sat across the top of each photo like a cut line: off on photo cards. */
.v6-case::after{display:none}
.v6-case-ph{border-radius:15px 15px 0 0;overflow:hidden}
.v6-case-ph > img:first-child{object-position:50% 50%}
/* the Skechers badge source was a 16px wordmark in a 96px transparent box; trimmed (`-v3`), it reads at badge height */
.v6-case-logo[src*="footwear-apparel-logo"]{padding:12px 14px;max-width:52%}

/* hero: "Featured in" + every publication from the press section on a slow loop (James 2026-10-06), and no orbit on the eyebrow */
.dfeat{flex-wrap:nowrap;gap:28px;align-items:center}
.dfeat > p{flex:none;margin:0}
.dfeat-marq{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.dfeat-track{display:flex;width:max-content;animation:marq4 110s linear infinite}
.dfeat-track ul{list-style:none;margin:0;padding:0 44px 0 0;display:flex;align-items:center;gap:44px;flex:none}
.dfeat-track img{width:auto;max-width:none;display:block;opacity:.72;filter:none}
.dfeat-track img.is-svg{filter:brightness(0) invert(1)}
.dfeat-marq:hover .dfeat-track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.dfeat-track{animation:none}}
@media (max-width:760px){.dfeat{flex-direction:column;align-items:flex-start;gap:12px}.dfeat-marq{width:100%}.dfeat-track img{transform:scale(.82)}.dfeat-track ul{gap:32px;padding-right:32px}}
/* FAQ tiles span the page (James 2026-10-06); answers keep a readable measure inside the wide tile */
#faq .faq{max-width:none}
#faq .faq details > div{max-width:90ch}
/* "Featured in" moved out of the hero into a carousel card straddling the hero / Nasdaq seam (James 2026-10-06, "move featured in
   to a carousel at section split"): half on the black hero, half on the cream section, navy card so the white logos read */
.dfeat-band{position:relative;z-index:3;height:0}
.dfeat-band .dfeat{position:absolute;left:0;right:0;top:-46px;height:92px;max-width:calc(var(--dw) - 2 * var(--dg));margin:0 auto;padding:0 28px;
  display:flex;align-items:center;border-radius:16px;background:linear-gradient(120deg,#0d1b2a,#132640 60%,#193d5b);border:1px solid rgba(112,205,220,.22);
  box-shadow:0 24px 50px -24px rgba(13,27,42,.7)}
.dfeat-band .dfeat > p{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#a9b4c4;padding-right:24px;border-right:1px solid rgba(255,255,255,.14)}
.dfeat-band .dfeat-track img{opacity:.85}
.dhero{padding-bottom:calc(96px + 46px)}
#ticker{padding-top:calc(96px + 46px)}
@media (max-width:1023px){.dfeat-band .dfeat{left:16px;right:16px;max-width:none;padding:0 20px}}
@media (max-width:760px){
  .dfeat-band .dfeat{top:-56px;height:112px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}
  .dfeat-band .dfeat > p{border:0;padding:0;font-size:12px}
  .dhero{padding-bottom:calc(48px + 56px)}
  #ticker{padding-top:calc(64px + 56px)}
}
/* the seam card covers the hero's bottom 46px: lift the film keys above it; phones stack the card's label over the logos, centred */
@media (min-width:761px){.dhero .dkey-film,.dhero .dvid-btn{bottom:calc(46px + 22px)}}
@media (max-width:760px){
  .dfeat-band .dfeat{top:-48px;height:96px;gap:8px}
  .dfeat-band .dfeat-marq{flex:none}
  .dhero{padding-bottom:calc(48px + 48px)}
  #ticker{padding-top:calc(64px + 48px)}
}
.dfeat-band .dfeat{width:auto;box-sizing:border-box}
@media (min-width:1024px){.dfeat-band .dfeat{left:var(--dg);right:var(--dg)}}
.dfeat-band .dfeat{left:var(--dg)!important;right:var(--dg)!important}   /* the card lines up with the content column at every width */
/* "AI With 14+ Years": the recut corporate film beside the copy, as on the control (James 2026-10-06, "do we have a brand ad section?") */
.v6-why-top{margin-bottom:56px}
.v6-why-top .dh{margin-bottom:16px}
.v6-why-film{display:grid;gap:12px}
.v6-why-tile{width:100%;aspect-ratio:16/9;border-radius:16px}
.v6-why-film .fine{margin:0;font-size:12.5px;color:#5b6472}
@media (max-width:1000px){.v6-why-top{margin-bottom:40px}}
/* while Safari loads an MP4 whole (no Range on R2), the overlay says so over the poster */
.filmbox-frame[data-loading]::after{content:attr(data-loading);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 18px;border-radius:999px;background:rgba(13,27,42,.85);color:#fff;font:600 15px/1 var(--fb);pointer-events:none}
.filmbox-frame{position:relative}

/* ticker disclosure (James 2026-10-06: "needs to contrast with ticker or be applied in a different way"): no longer a second navy
   strip that melts into the board; a light caption bar under it, the $RADI label as a navy chip, readable dark text */
.tick-disc{background:#eee9e2;color:#3d4250;padding:10px var(--dg) 11px;font-size:13px;border-top:1px solid rgba(13,27,42,.12);box-shadow:inset 0 6px 10px -8px rgba(4,8,18,.45)}
.tick-disc b{display:inline-block;margin-right:8px;padding:3px 8px;border-radius:6px;background:#0d1b2a;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em;vertical-align:1px}
@media (max-width:760px){.tick-disc{font-size:12.5px;line-height:1.5}}

/* tile depth (James 2026-10-06: "I want all the tiles to have a little shading dimension to them"): one elevation on light grounds,
   one on dark; tiles you can press lift a little on hover. Existing inset accents and rings are kept in the stacks. */
:root{--sh-l:0 1px 2px rgba(29,25,40,.06),0 4px 10px -4px rgba(29,25,40,.08),0 16px 28px -18px rgba(29,25,40,.30);
  --sh-lh:0 1px 2px rgba(29,25,40,.07),0 8px 16px -6px rgba(29,25,40,.12),0 24px 40px -22px rgba(29,25,40,.38);
  --sh-d:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.25),0 20px 36px -20px rgba(0,0,0,.75)}
.pf,.quote,.v6-case,.v6-prob,.pr-card,.faq details,#why article,#safe li,.v6-board-box,.calc,.capchart,.film-card,.film-wide,.v6-why-tile,.ns-ch,#team img{box-shadow:var(--sh-l)}
.pn-i{box-shadow:inset 3px 0 0 #00667f,var(--sh-l)}
a.pn-i:hover,a.pn-i:focus-visible{box-shadow:inset 3px 0 0 #00667f,var(--sh-lh)}
.v6-ticker .ns-ch.on{box-shadow:0 0 0 1px #2d1f4a,var(--sh-lh)}
.pr-card,.film-card,.film-wide,.v6-why-tile,.ns-ch,.faq details,.pf{transition:box-shadow .2s ease,transform .2s ease}
@media (hover:hover){
  .pr-card:hover,.film-card:hover,.film-wide:hover,.v6-why-tile:hover,.faq details:hover{box-shadow:var(--sh-lh);transform:translateY(-2px)}
  .ns-ch:not(.on):hover{box-shadow:var(--sh-lh)}
}
.dterm,.v6-acr-o,.dpanel-ir,#large article,.v6-stat{box-shadow:var(--sh-d)}
.st-e-lead{box-shadow:inset 3px 0 0 #d4e05f,var(--sh-d)}
/* carousels clip their overflow: room underneath so the shadows are not cut off */
.car-track{padding-bottom:30px!important;margin-bottom:-10px}
.car-track.pfs{padding-top:6px}
@media (prefers-reduced-motion:reduce){.pr-card,.film-card,.film-wide,.v6-why-tile,.faq details{transition:none;transform:none!important}}
/* disclosure bar: chip at the 12px floor; phones keep the band within its 140px budget */
.tick-disc b{font-size:12px;padding:2px 7px}
@media (max-width:760px){.tick-disc{padding:7px var(--dg) 8px;font-size:12px;line-height:1.4}}

/* ---------------------------------------------------------------- design QA pass (James 2026-10-06: "run a brand QA ... run a full design QA and refine") */
/* client films: the frames carry burned-in name bars and "Agency client" tags; show the whole 16:9 frame and centre the play key */
.film-card{aspect-ratio:16/9}
.film-card .film-play{left:50%;top:50%;right:auto;margin:-24px 0 0 -24px;width:48px;height:48px}
/* team: "Read bio" sits on one line across each row */
.v6-mem{display:flex;flex-direction:column}
.v6-mem .v6-bio{margin-top:auto;padding-top:8px}
/* the story's "Show all" key on navy: the outline style of the year keys beside it */
.st .st-more{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff;box-shadow:none}
.st .st-more:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45)}
.st .st-more span{color:#fff}
/* every section heading at the house size (the growth pair was 44px) */
.growth-3 .gv .dh{font-size:clamp(32px,4.4vw,56px)}
/* keys: one weight (the glass keys were 500) */
.key-glass{font-weight:600}
/* footer line: separators drawn by CSS, so a wrapped line never starts with a dot */
.foot-c{gap:6px 0}
.foot-c > * + *::before{content:"\00b7";display:inline-block;margin:0 10px;color:#9a97a0}
@media (max-width:640px){.foot-c{flex-direction:column;align-items:flex-start;gap:2px}.foot-c > * + *::before{content:none}}
.foot-dm{display:inline-flex;align-items:center;gap:8px}
/* disclosure bar back to dark blue (James 2026-10-06), in RAD navy so it still separates from the near-black board */
.tick-disc{background:#193d5b;color:#d6dfea;border-top:1px solid rgba(112,205,220,.35);box-shadow:none}
.tick-disc b{background:#d4e05f;color:#0d1b2a}
/* "Featured in" back inside the hero, logos fading in and out at the edges (James 2026-10-06); the seam card's padding returned */
.dhero{padding-bottom:96px}
#ticker{padding-top:96px}
.dhero .dkey-film,.dhero .dvid-btn{bottom:28px}
@media (max-width:760px){.dhero{padding-bottom:48px}#ticker{padding-top:64px}}
.dhero .dfeat{position:relative;z-index:2;margin-top:48px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px}
.dhero .dfeat-marq{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
@media (min-width:761px){.dhero .dkey-film,.dhero .dvid-btn{bottom:24px!important;top:auto!important}}
@media (max-width:760px){.dhero .dkey-film,.dhero .dvid-btn{bottom:auto!important}}

/* ---------------------------------------------------------------- review round 2026-10-06 (James's meeting notes) */
/* CrowdSAFE: collapsible "How a CrowdSAFE works" box under the three steps (WeFunder-style) */
.safe-how{margin-top:28px;border-radius:16px;background:#fff;box-shadow:var(--sh-l);overflow:hidden}
.safe-how > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 24px;min-height:44px}
.safe-how > summary::-webkit-details-marker{display:none}
.safe-how-i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2d1f4a;color:#d4e05f;font:700 18px/1 var(--fh)}
.safe-how summary b{display:block;font:400 22px/1.2 var(--fh);color:#2d1f4a}
.safe-how summary small{display:block;margin-top:3px;font-size:14px;color:#5b6472}
.safe-how-x{margin-left:auto;flex:none;width:12px;height:12px;border-right:2px solid #2d1f4a;border-bottom:2px solid #2d1f4a;transform:rotate(45deg);transition:transform .2s}
.safe-how[open] .safe-how-x{transform:rotate(-135deg)}
.safe-how > summary:hover b{color:#00667f}
.safe-how > summary:focus-visible{outline:2px solid #00667f;outline-offset:-4px;border-radius:16px}
.safe-how-in{padding:4px 24px 24px;display:grid;gap:20px;border-top:1px solid #eee9e2}
.safe-flow{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px;counter-reset:sf}
@media (min-width:761px){.safe-flow{grid-template-columns:repeat(4,minmax(0,1fr))}}
.safe-flow li{position:relative;padding:16px 16px 16px 48px;border-radius:12px;background:#f6f3ef;counter-increment:sf}
.safe-flow li::before{content:counter(sf);position:absolute;left:14px;top:15px;width:24px;height:24px;border-radius:50%;background:#00667f;color:#fff;font:700 13px/24px var(--fb);text-align:center}
.safe-flow b{display:block;font-size:15px;color:#2d1f4a}
.safe-flow span{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:#4c4c4c}
.safe-how-q h4{margin:0 0 6px;font:600 16px/1.3 var(--fb);color:#2d1f4a}
.safe-how-q p{margin:0;font-size:15px;line-height:1.6;color:#4c4c4c;max-width:90ch}
.safe-how-q p + p{margin-top:10px}
.safe-how .fine{margin:0}
/* team: 6 per tab (4 on phones), then "Show all" */
.v6-tp:not(.is-all) .v6-team > li:nth-child(n+7){display:none}
.v6-team-more{margin-top:28px}
.v6-team-more-m{display:none}
@media (max-width:760px){.v6-tp:not(.is-all) .v6-team > li:nth-child(n+5){display:none}.v6-team-more-m{display:inline-flex}}
/* story on phones: the headline entry and 3 more, then "Show all" */
.st-more-m{display:none}
@media (max-width:760px){.st-panel:not(.is-all) .st-list .st-e:nth-child(n+4){display:none}.st-more-m{display:inline-flex}}
/* spine navigation on the left (it competed with the carousel arrows on the right); labels show on hover/focus only */
.drail{right:auto;left:14px;transform:translate(-16px,-50%)}
.drail.is-on{transform:translate(0,-50%)}
.drail-track{right:auto;left:4px}
.drail a{justify-content:flex-start}
.drail a span{right:auto;left:22px;transform:translateX(-6px)}
.drail a.is-on span{opacity:0;transform:translateX(-6px)}
.drail:hover a span,.drail a:focus-visible span{opacity:1;transform:none}
.drail:hover a:not(:hover):not(:focus-visible) span{opacity:0}
.drail a:hover span{opacity:1;transform:none}
/* company news: RADAR link beside the label; every card dated and linked */
.pn-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.pn-top .pn-h{margin:0}
.pn-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:600;color:#00667f;text-decoration:underline;text-underline-offset:3px}
.pn-all .ico{width:14px;height:14px}
.pn-i .pr-go{margin-top:auto}
/* hero: Watch the Keynote + pause on the row of the hero's other controls (JS sets --kt) */
@media (min-width:761px){.dhero[style*="--kt"] .dkey-film,.dhero[style*="--kt"] .dvid-btn{top:var(--kt)!important;bottom:auto!important}}
/* floating Invest bar: a full-width translucent glass bar, like the hero's Featured-in row */
.dock{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:45;display:block;width:auto;max-width:none;margin:0;border-radius:0;
  padding:12px var(--dg) calc(12px + env(safe-area-inset-bottom));background:rgba(8,12,22,.62);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -12px 32px -18px rgba(0,0,0,.6);transform:translateY(calc(100% + 20px));opacity:1;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),left .35s ease,right .35s ease,bottom .35s ease,border-radius .35s ease,padding .35s ease,background .35s ease}
.dock.is-on{transform:none}
.dock-in{max-width:var(--dw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dock p{flex:1;display:flex;align-items:baseline;gap:12px;margin:0;font-size:16px;line-height:1.3;transition:opacity .2s}
.dock p span{font-size:14px;color:#cfd6e0}
.dock .key-cta{white-space:nowrap}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.dock{background:rgba(8,12,22,.94)}}
@media (min-width:761px){
  .dock.is-min{left:auto;right:24px;bottom:20px;border-radius:999px;padding:8px;border:1px solid rgba(255,255,255,.14)}
  .dock.is-min p{display:none}
}
@media (max-width:760px){
  .dock{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .dock p{display:none}
  .dock-in{justify-content:center}
  .dock .key-cta{width:100%;max-width:420px;min-height:56px;justify-content:center;font-size:18px}
}
@media (prefers-reduced-motion:reduce){.dock{transition:none}}
/* glass bar in RAD navy so it reads on cream as well as on black; the rail sits clear of the text column */
.dock{background:rgba(13,27,42,.84);border-top-color:rgba(112,205,220,.25)}
@media (min-width:761px){.dock.is-min{background:rgba(13,27,42,.84);border-color:rgba(112,205,220,.3)}}
.drail{left:6px}
/* the Featured-in row closes the hero: no dead band under it (James 2026-10-06, "way too much space below the carousel") */
.dhero{padding-bottom:26px}
@media (max-width:760px){.dhero{padding-bottom:20px}}
/* tall screens: the hero's content stays centred in the space above, the Featured-in row sits on the hero's floor */
@media (min-width:1101px){.dhero{min-height:0!important}}   /* the hero sizes to its content, so the Featured-in row never floats in empty space on tall screens */
/* the open state keeps its key visible on every width ("Show fewer") */
.st-panel.is-all .st-more-m,.v6-tp.is-all .v6-team-more-m{display:inline-flex}
/* the CrowdSAFE box under the calculator (the CrowdSAFE section was removed, James 2026-10-06) */
#calc-sec .safe-how{margin-top:48px}
#calc-sec .safe-how{background:#f6f3ef}
/* $25k panel on phones (James 2026-10-06): heading, then the three points, then Aaron, then the Invest key last */
@media (max-width:1000px){
  .dpanel{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .dpanel-head{display:contents}
  .dpanel-head > .deb{order:1}
  .dpanel-head > .dh{order:2;margin-bottom:28px}
  .dpanel-cards{order:3;margin-bottom:24px}
  .dpanel-ir{order:4;margin:0 0 24px}
  .dpanel-head > [data-invest]{order:5;align-self:flex-start;margin:0}
}

.safe-how-q h3{margin:0 0 6px;font:600 16px/1.3 var(--fb);color:#2d1f4a}
/* ---------------------------------------------------------------- testimonial cards, rebuilt from RAD's graphic (James 2026-10-08:
   "closer to the original designs that had more to them... a slight 3D floating aspect"). Replaces the 10-06 3D and flat versions.
   The cream folder-tab card with the white name chip riding the tab, the navy quote mark leading the words, a halftone corner that
   spills off the card, and the faint code texture of RAD's quote images behind. Depth stays slight: a few degrees of tilt, the chip
   lifted above the card, a soft shadow below, an 8s float and a small lean toward the pointer (v06.js); still under reduced motion. */
@property --qf{syntax:"<length>";inherits:true;initial-value:0px}
.q3d{margin:0;display:grid;gap:22px;--qc:#ece6dd;--qn:#193d5b;--qstep:78px}
.q3d-scene{position:relative;perspective:1500px;padding:calc(var(--qstep) + 14px) 34px 46px 36px}
.q3d-code{position:absolute;inset:-6px -18px 0;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.q3d-code span{position:absolute;left:var(--x);top:var(--y);font:500 var(--s)/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;white-space:nowrap;color:rgba(226,236,246,.13)}
.q3d-code .d2{color:rgba(226,236,246,.075);filter:blur(.6px)}
.q3d-card{position:relative;z-index:1;transform-style:preserve-3d;
  transform:rotateX(calc(3deg - var(--qy,0) * 4deg)) rotateY(calc(-6deg + var(--qx,0) * 7deg)) translateY(var(--qf,0px));
  transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.q3d-tab{position:absolute;left:0;top:calc(-1 * var(--qstep));width:64%;height:calc(var(--qstep) + 30px);border-radius:24px 24px 0 0;background:var(--qc)}
.q3d-tab::after{content:"";position:absolute;left:100%;top:calc(var(--qstep) - 24px);width:24px;height:24px;background:radial-gradient(circle at 100% 0,transparent 23.5px,var(--qc) 24px)}
.q3d-face{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;border-radius:0 24px 24px 24px;
  padding:58px 40px 36px 30px;background:var(--qc);color:var(--qn);
  box-shadow:inset 0 -1px 0 rgba(25,61,91,.06),0 30px 46px -30px rgba(1,8,20,.7)}
.q3d-mark{grid-row:1 / span 2;width:58px;margin-top:6px;color:var(--qn)}
.q3d-mark svg{display:block;width:100%;height:auto}
.q3d-face blockquote{margin:0}
.q3d-face blockquote p{margin:0;font:500 clamp(20px,1.62vw,25px)/1.34 var(--fh);color:var(--qn);letter-spacing:-.005em;text-wrap:pretty}
.q3d-foot{grid-column:2;margin:24px 0 0;font:600 14px/1.4 var(--fb);color:var(--qn);opacity:.88;text-wrap:pretty}
.q3d-dots{position:absolute;right:-30px;bottom:-34px;width:min(46%,250px);aspect-ratio:1;pointer-events:none;transform:translateZ(14px)}
.q3d-dots svg{display:block;width:100%;height:100%}
.q3d-chip{position:absolute;z-index:3;left:-28px;top:calc(-1 * var(--qstep) + 22px);display:flex;align-items:center;gap:14px;max-width:calc(100% + 10px);
  padding:12px 22px 12px 12px;border-radius:18px;background:#fff;transform:translateZ(44px);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 24px 36px -20px rgba(1,8,20,.6),0 3px 10px -4px rgba(1,8,20,.25)}
.q3d-logo{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff}
.q3d-logo svg,.q3d-logo img{width:52px;height:52px;display:block}
.q3d-who b{display:block;font:600 19px/1.2 var(--fh);color:#101828}
.q3d-who small{display:block;margin-top:3px;font-size:13.5px;line-height:1.35;color:#2b2f3a}
.q3d-floor{position:absolute;left:12%;right:10%;bottom:4px;height:36px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(0,6,16,.55),rgba(0,6,16,0));filter:blur(10px);transform:scaleX(calc(1 + var(--qf,0px) / 90px))}
.q3d .fine{margin:0;color:#9aa6b6}
@keyframes q3dfloat{0%,100%{--qf:0px}50%{--qf:-9px}}
.q3d.is-live .q3d-scene{animation:q3dfloat 8s ease-in-out infinite}
@media (max-width:760px){
  .q3d{--qstep:66px}
  .q3d-scene{perspective:1100px;padding:calc(var(--qstep) + 10px) 12px 36px 18px}
  .q3d-card{transform:rotateX(2deg) rotateY(-3deg) translateY(var(--qf,0px))}
  .q3d-tab{width:86%}
  .q3d-face{column-gap:12px;padding:50px 22px 26px 18px}
  .q3d-mark{width:38px;margin-top:4px}
  .q3d-chip{left:-10px;top:calc(-1 * var(--qstep) + 16px);gap:10px;padding:10px 14px 10px 10px;max-width:calc(86% + 4px)}
  .q3d-logo,.q3d-logo svg,.q3d-logo img{width:42px;height:42px}
  .q3d-who b{font-size:17px}.q3d-who small{font-size:12.5px}
  .q3d-dots{right:-14px;bottom:-22px;width:42%}
  .q3d-code .d2{display:none}
}
@media (prefers-reduced-motion:reduce){.q3d-card{transition:none}}

/* ---------------------------------------------------------------- floating panel, revised (James 2026-10-06: "shape it like the 'How a
   CrowdSAFE works' module" + "redesign the yellow blind message that shifts to the floater... elevated... yellow translucent that animates
   message"): a 16px card in yellow glass, an icon disc like the module's, the urgency message rolling line by line, a navy Invest key */
.dock.dock-y{left:0;right:0;bottom:20px;width:min(760px,calc(100% - 48px));margin:0 auto;padding:12px 12px 12px 14px;border-radius:16px;
  background:rgba(212,224,95,.84);-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);
  border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 6px rgba(13,27,42,.14),0 22px 44px -18px rgba(13,27,42,.55);
  transform:translateY(calc(100% + 44px));transition:transform .4s cubic-bezier(.2,.8,.2,1),width .35s ease,padding .35s ease}
.dock.dock-y.is-on{transform:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.dock.dock-y{background:rgba(212,224,95,.97)}}
.dock-y .dock-in{max-width:none;display:flex;align-items:center;gap:14px}
.dock-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0d1b2a}
.dock-ico i{position:relative;width:9px;height:9px;border-radius:50%;background:#d4e05f}
.dock-ico i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(212,224,95,.6);animation:ubping 2.4s ease-out infinite}
.dock-msg{flex:1;min-width:0;display:grid;gap:2px}
.dock-k{font:700 11.5px/1.2 var(--fb);letter-spacing:.09em;text-transform:uppercase;color:#0d1b2a;opacity:.75}
.dock-roll{position:relative;display:block;height:26px;overflow:hidden}
.dock-roll b{position:absolute;left:0;right:0;top:0;font:400 20px/26px var(--fh);color:#0d1b2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  opacity:0;transform:translateY(100%);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.dock-roll b.on{opacity:1;transform:none}
.dock-roll b.out{opacity:0;transform:translateY(-100%)}
.dock-y .key-dock{flex:none;background:#0d1b2a;color:#fff;box-shadow:0 4px 0 #050b14,0 10px 18px -8px rgba(5,11,20,.6);min-height:48px;padding:0 22px;border-radius:999px}
.dock-y .key-dock span{color:#fff}
.dock-y .key-dock svg{color:#d4e05f}
.dock-y .key-dock:hover{background:#2d1f4a}
.dock-y .key-dock:focus-visible{outline:2px solid #0d1b2a;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.dock-ico i::after{animation:none;opacity:0}.dock-roll b{transition:none}.dock.dock-y{transition:none}}
/* desktop: when another Invest key is on screen it shrinks to its key and the live disc */
@media (min-width:761px){
  .dock.dock-y.is-min{width:auto;left:auto;right:24px;bottom:20px;margin:0;padding:8px;border-radius:16px;background:rgba(212,224,95,.84);border-color:rgba(255,255,255,.55)}
  .dock.dock-y.is-min .dock-msg{display:none}
  .dock.dock-y.is-min .dock-ico{width:36px;height:36px}
}
/* phones: the message rolls above one large centred key */
@media (max-width:760px){
  .dock.dock-y{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px);padding:10px}
  .dock-y .dock-in{flex-wrap:wrap;gap:8px 10px}
  .dock-ico{width:30px;height:30px}
  .dock-y .dock-msg{flex:1 1 0}
  .dock-k{font-size:10.5px}
  .dock-roll{height:22px}.dock-roll b{font-size:17px;line-height:22px}
  .dock-y .key-dock{flex:1 1 100%;width:100%;min-height:52px;justify-content:center;font-size:17px}
}
/* desktop keeps the purple header Invest key at all times (James 2026-10-06) */
@media (min-width:1024px){.shdr-cta,.hk-on .shdr-cta,html:has(.dock.is-on) .shdr-cta{opacity:1!important;visibility:visible!important;transform:none!important}}
.dock-k{font-size:12px!important;opacity:.82}

/* ---------------------------------------------------------------- urgency bar, redesigned to pop (James 2026-10-06: "redesign the yellow
   header message...it need something to pop"): lime with a light sweeping across it, the offer as a navy badge with the figure in lime
   (a soft ring pulses off it), a shadow lifting it off the hero. Words never move or count. */
.ubar{position:relative;overflow:hidden;background:linear-gradient(100deg,#cfdb55 0%,#d9e46a 45%,#e2ec7c 60%,#d4e05f 100%);
  box-shadow:inset 0 -1px 0 rgba(13,27,42,.16),0 10px 22px -14px rgba(13,27,42,.55);z-index:2}
.ubar-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 48%,rgba(255,255,255,0) 60%) -60% 0/60% 100% no-repeat;
  animation:ubsheen 6.5s cubic-bezier(.4,0,.2,1) 1.2s infinite}
@keyframes ubsheen{0%{background-position:-60% 0}38%,100%{background-position:160% 0}}
.ubar-in{position:relative}
.ubar-offer{display:inline-flex;align-items:center;gap:12px;min-width:0}
.ubar-badge{position:relative;flex:none;display:inline-flex;align-items:baseline;gap:5px;padding:5px 12px 6px;border-radius:10px;background:#0d1b2a;color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 14px -6px rgba(13,27,42,.6)}
.ubar-badge b{font:400 22px/1 var(--fh);color:#d4e05f;letter-spacing:-.01em}
.ubar-badge small{font:700 12px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ubar-badge small:empty{display:none}
.ubar-badge::after{content:"";position:absolute;inset:-3px;border-radius:13px;border:2px solid rgba(13,27,42,.45);opacity:0;animation:ubbadge 3.2s ease-out 1s infinite;pointer-events:none}
@keyframes ubbadge{0%{opacity:.9;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.18,1.45)}}
.ubar-t{font:500 15px/1.3 var(--fb);color:#12131a}
.ubar-t b{font-weight:700;color:#0d1b2a}
@media (prefers-reduced-motion:reduce){.ubar-sheen{animation:none;opacity:0}.ubar-badge::after{animation:none}}
@media (max-width:1023px){
  .ubar-msg{align-items:center}
  .ubar-offer{gap:10px}
  .ubar-badge b{font-size:19px}
  .ubar-t{font-size:14px;line-height:1.3;text-align:left}
}
@media (max-width:760px){.ubar-msg{align-items:flex-start}.ubar-offer{align-items:center}}

/* floating panel: more translucent (James 2026-10-06), with the backdrop lifted so the navy words keep their contrast on dark sections */
.dock.dock-y,.dock.dock-y.is-min{background:rgba(212,224,95,.55);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.25);backdrop-filter:blur(20px) saturate(180%) brightness(1.25);border-color:rgba(255,255,255,.6)}
/* hero terms card fine print (James 2026-10-06: "not ideal on two lines"): one line where it fits, otherwise a clean break after FINRA/SIPC */
.dterm-fee{display:block}
@media (min-width:1240px){.dterm-fine{font-size:12px;white-space:nowrap}.dterm-fee{display:inline}}
/* "See the full table" as a full-width key under the cap chart, filling the space beside the calculator (James 2026-10-06) */
.dtable{margin-top:20px}
.dtable > summary{list-style:none;display:flex!important;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 20px;border-radius:16px;
  background:#fff;border:1.5px solid #2d1f4a;color:#2d1f4a;font:600 16px/1.2 var(--fb);box-shadow:0 4px 0 #2d1f4a;transition:transform .12s,box-shadow .12s,background .2s}
.dtable > summary::-webkit-details-marker{display:none}
.dtable > summary:hover{background:#f6f3ef}
.dtable > summary:active{transform:translateY(3px);box-shadow:0 1px 0 #2d1f4a}
.dtable > summary:focus-visible{outline:2px solid #00667f;outline-offset:3px}
.dt-ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#2d1f4a;color:#d4e05f}
.dt-ico svg{width:16px;height:16px}
.dt-l{flex:1}
.dt-x{flex:none;width:10px;height:10px;border-right:2px solid #2d1f4a;border-bottom:2px solid #2d1f4a;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
.dtable[open] .dt-x{transform:rotate(-135deg);margin-top:4px}
.dtable[open] .dt-l::after{content:""}
.dtable[open] > summary{margin-bottom:12px}
/* the ticker disclosure chip reads "$RADI" (no colon) */
.tick-disc b{margin-right:10px}
/* CrowdSAFE box: Aaron's line under the title, his paragraph leading the open box */
.safe-how summary small{max-width:72ch;line-height:1.45}
.safe-how-lead{margin:20px 0 0;font:400 clamp(18px,1.4vw,21px)/1.45 var(--fh);color:#2d1f4a;max-width:62ch}
/* "See the full table" in the same format as the "How a CrowdSAFE works" card (James 2026-10-07): cream card, soft shadow, navy icon
   disc with lime, the module's chevron; the table opens inside the card */
.dtable{margin-top:20px;border-radius:16px;background:#f6f3ef;box-shadow:var(--sh-l);overflow:hidden}
.dtable > summary{min-height:44px;padding:16px 24px;gap:16px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;font:600 16px/1.2 var(--fb);color:#2d1f4a}
.dtable > summary:hover{background:transparent}
.dtable > summary:hover .dt-l{color:#00667f}
.dtable > summary:active{transform:none;box-shadow:none}
.dtable > summary:focus-visible{outline:2px solid #00667f;outline-offset:-4px;border-radius:16px}
.dt-ico{width:36px;height:36px;background:#2d1f4a;color:#d4e05f}
.dt-l{font:400 20px/1.2 var(--fh);color:#2d1f4a;transition:color .2s}
.dt-x{width:12px;height:12px;border-right:2px solid #2d1f4a;border-bottom:2px solid #2d1f4a;margin:-4px 2px 0 0}
.dtable[open] > summary{margin-bottom:0;border-bottom:1px solid #e6e0d6}
.dtable .ladder{margin:0;padding:8px 24px 20px}
/* the open table sits inside the card's padding, like the CrowdSAFE module's content */
.dtable .ladder{padding:0;margin:8px 24px 0;width:calc(100% - 48px)}
.dtable .ladder caption{text-align:left;padding:12px 0 4px}
.dtable > .fine{margin:12px 24px 20px}
@media (max-width:760px){.dtable > summary{padding:14px 18px}.dtable .ladder{margin:8px 18px 0;width:calc(100% - 36px)}.dtable > .fine{margin:12px 18px 18px}}
/* Your Valuation Cap: the calculator in the same cream card as the chart, the table and the CrowdSAFE module, so the four zones match
   (James 2026-10-07: "a little out of balance with the 3 zones in grey and one in white") */
#calc-sec .calc{background:#f6f3ef;border:0;box-shadow:var(--sh-l)}
#calc-sec .calc input:not([type=checkbox]){background:#fff}

/* ---------------------------------------------------------------- Your Valuation Cap, symmetry (James 2026-10-07): the calculator's top meets
   the heading's cap line, and the left column (chart + table key) ends on the calculator's bottom edge; the chart's bars take the slack */
@media (min-width:1001px){
  #calc-sec .dcalc{align-items:stretch}
  #calc-sec .dcalc > div:first-child{display:flex;flex-direction:column}
  #calc-sec .capchart{flex:1 1 auto;display:flex;flex-direction:column}
  #calc-sec .cc-bars{flex:1 1 auto;height:auto;min-height:230px}
  #calc-sec .dcalc .calc{align-self:start;margin-top:calc(39px + .2568 * clamp(32px,4.4vw,56px))}
}
/* the chart reads as something you can use: a hint under its title, bars that lift and outline on hover and focus */
.cc-t{display:grid;gap:4px}
.cc-hint{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#00667f}
.cc-hint svg{width:16px;height:16px;flex:none;animation:cchint 2.6s ease-in-out 1.5s infinite}
@keyframes cchint{0%,70%,100%{transform:none}78%{transform:translateY(-2px) rotate(-6deg)}86%{transform:translateY(1px)}}
.cc-bar i{transition:height .9s cubic-bezier(.2,.8,.2,1),background .25s,transform .2s ease,box-shadow .2s ease}
.cc-bar:hover i,.cc-bar:focus-visible i{transform:translateY(-4px);box-shadow:0 0 0 2px #00667f,0 10px 18px -10px rgba(0,102,127,.6)}
.cc-bar:hover b,.cc-bar:focus-visible b{color:#00667f}
.cc-bar:focus-visible{outline:none}
@media (prefers-reduced-motion:reduce){.cc-hint svg{animation:none}.cc-bar:hover i,.cc-bar:focus-visible i{transform:none}}
/* the CrowdSAFE card sits on the same 20px rhythm as the chart and the table card above it (James 2026-10-07: gap "seems too big") */
#calc-sec .safe-how{margin-top:20px}

/* ---------------------------------------------------------------- 2026-10-08 (James): the accredited section is off the page for now, so
   the closing band turns navy between the cream discussion board and the cream footer */
.dclose{background:radial-gradient(60% 90% at 50% 0%,rgba(112,205,220,.13),transparent 70%),#193d5b;border-top:0}
.dclose .dh{color:#fff}
.dclose .dh .acc{color:#70cddc}
.dclose .dlede{color:rgba(238,233,226,.84)}
.dclose-fine{color:rgba(238,233,226,.62)}

/* ---------------------------------------------------------------- press: the features row leads and drifts slowly (d.js data-drift) */
.car.is-drift .car-track{scroll-snap-type:none}
.car-pause svg{width:13px;height:13px;display:block}
.car-pause .i-play,.car.is-paused .car-pause .i-pause{display:none}
.car.is-paused .car-pause .i-play{display:block}
#press .pn-h:first-of-type{margin-bottom:0}
#press .car + .pn{margin:44px 0 0}

/* ---------------------------------------------------------------- team grids, 2026-10-08 (James): Leadership opens on two rows of six
   ending with Leroy Carver, Team on its first two rows; "Show all" reveals the rest and only shows where something is hidden */
.v6-tp:not(.is-all) .v6-team > li:nth-child(n+7){display:flex}
.v6-team-more-m{display:inline-flex}
@media (min-width:1101px){
  .v6-team-lg{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}
  .v6-team:not(.v6-team-lg){grid-template-columns:repeat(7,minmax(0,1fr))}
  .v6-tp:not(.is-all) .v6-team-lg > li:nth-child(n+13),.v6-tp:not(.is-all) .v6-team:not(.v6-team-lg) > li:nth-child(n+15){display:none}
  .v6-tm-nodesk{display:none!important}
}
@media (min-width:761px) and (max-width:1100px){
  .v6-team-lg{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v6-team:not(.v6-team-lg){grid-template-columns:repeat(5,minmax(0,1fr))}
  .v6-tp:not(.is-all) .v6-team-lg > li:nth-child(n+9),.v6-tp:not(.is-all) .v6-team:not(.v6-team-lg) > li:nth-child(n+11){display:none}
  .v6-tm-notab{display:none!important}
}
@media (max-width:760px){.v6-tp:not(.is-all) .v6-team > li:nth-child(n+5){display:none}}

/* ---------------------------------------------------------------- header nav, 2026-10-08 (James): links go to sections of this page; the
   one on screen is marked. Only the logo leaves for radintel.ai. */
.shdr-nav a{position:relative;white-space:nowrap}
.shdr-nav a.is-on{color:#00667f}
.shdr-nav a.is-on::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:#00667f}
.shdr-menu a.is-on{color:#00667f}

/* ---------------------------------------------------------------- company news with pictures (James 2026-10-08): RAD's article graphic as
   a square thumb beside the date, headline and link */
.pn-i.pn-i-th{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;row-gap:6px;align-items:start;padding:16px 20px 16px 16px}
.pn-th{grid-row:1 / span 3;width:104px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#e9e4dc;box-shadow:0 0 0 1px rgba(45,31,74,.06)}
.pn-th img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
a.pn-i-th:hover .pn-th img,a.pn-i-th:focus-visible .pn-th img{transform:scale(1.05)}
.pn-i-th .pn-t{font-size:17px;line-height:1.32}
.pn-i-th .pr-go{align-self:end;padding-top:6px}
@media (max-width:760px){.pn-i.pn-i-th{grid-template-columns:88px minmax(0,1fr);column-gap:14px}.pn-th{width:88px}}
@media (prefers-reduced-motion:reduce){.pn-th img{transition:none}}

/* ---------------------------------------------------------------- Nasdaq channel list, 2026-10-08 fix: with six channels (the staff photo
   channel is out) each desktop row is taller, so the height-led thumb grew to ~114px inside a 96px column and covered the first letters
   of the network and title. The column now fits the largest thumb, and the thumb never outgrows it. */
@media (min-width:1001px){
  .v6-ticker .ns-ch{grid-template-columns:112px minmax(0,1fr) auto}
  .v6-ticker .ns-th{max-height:63px;max-width:112px;justify-self:start}
}

/* ---------------------------------------------------------------- investor discussion board (James 2026-10-08): the live page's Disqus
   board in a site card; a status chip, a quiet loading state, and a way through to the live page if it cannot load here */
.v6-board-box{display:block;gap:0;margin-top:30px;max-width:none;padding:26px 30px 22px;border:1px solid #e3ddd3;border-radius:18px;background:#fff}
.v6-board-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v6-board-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#193d5b;color:#d4e05f}
.v6-board-ico svg{width:20px;height:20px}
.v6-board-top b{font:600 19px/1.2 var(--fh);color:#2d1f4a}
.v6-board-st{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font:700 11.5px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:#5b6472;
  padding:6px 11px;border-radius:999px;border:1px solid #e3ddd3;background:#faf8f4}
.v6-board-st::before{content:"";width:7px;height:7px;border-radius:50%;background:#b9b2a6}
.v6-board-box[data-state="loading"] .v6-board-st::before{background:#e6b53d}
.v6-board-box[data-state="live"] .v6-board-st{color:#00667f;border-color:rgba(0,102,127,.3);background:rgba(0,102,127,.06)}
.v6-board-box[data-state="live"] .v6-board-st::before{background:#2fae6b;box-shadow:0 0 0 4px rgba(47,174,107,.15)}
.v6-board-rules{list-style:none;margin:18px 0 0;padding:0 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;border-bottom:1px solid #eee8de}
.v6-board-rules li{display:grid;gap:2px}
.v6-board-rules b{font:600 14px/1.3 var(--fb);color:#2d1f4a}
.v6-board-rules span{font-size:14px;line-height:1.45;color:#5b6472}
.v6-board-thread{position:relative;min-height:120px;padding-top:18px}
.v6-board-wait{margin:0;display:none;gap:10px;padding:22px 0}
.v6-board-wait i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#f1ede6,#e7e1d7,#f1ede6);background-size:200% 100%}
.v6-board-wait i:nth-child(1){width:46%}.v6-board-wait i:nth-child(2){width:78%}.v6-board-wait i:nth-child(3){width:62%}
.v6-board-box[data-state="idle"] .v6-board-wait,.v6-board-box[data-state="loading"] .v6-board-wait{display:grid}
@media (prefers-reduced-motion:no-preference){.v6-board-wait i{animation:v6wait 1.6s ease-in-out infinite}}
@keyframes v6wait{0%{background-position:100% 0}100%{background-position:-100% 0}}
.v6-board-fail{display:none;margin:0;padding:18px 0 4px;font-size:15px;color:#5b6472}
.v6-board-fail a{color:#00667f;font-weight:600}
.v6-board-box[data-state="failed"] .v6-board-fail{display:block}
.v6-board-box[data-state="failed"] #disqus_thread{display:none}
.v6-board-note{margin:16px 0 0;padding-top:14px;border-top:1px solid #eee8de;font-size:13px;line-height:1.55;color:#5b6472}
@media (max-width:760px){
  .v6-board-box{padding:20px 18px 18px}
  .v6-board-rules{grid-template-columns:1fr}
  .v6-board-st{margin-left:0}
}

/* ---------------------------------------------------------------- phone hero, rebuilt (James 2026-10-08: "I dont like the way the hero
   is presented on mobile. Make a mobile version that makes sense"). One clear first screen: the keynote film whole (16:9, no crop, so no
   shot loses its subject or the RAD Intel mark), its controls as small pills on its lower edge, then the headline and the Invest key.
   The terms appear once (the term card; the duplicate mini-terms line is dropped), then the proof points, compact, the $RADI
   disclosure still directly under its line, then Featured in. Desktop is unchanged. */
@media (max-width:760px){
  .dhero{padding-top:calc(56.25vw + 24px)!important}
  .dhero-bg{inset:0 0 auto 0!important;height:56.25vw!important}
  .dhero-poster img,.dhero-vid{object-fit:cover;object-position:50% 50%!important}
  .dhero::before{background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(56.25vw - 64px),rgba(0,0,0,.55) calc(56.25vw - 22px),#000 56.25vw)!important}
  .dhero .dkey-film{top:calc(56.25vw - 50px)!important;bottom:auto!important;left:var(--dg)!important;right:auto!important;min-height:36px;padding:0 13px 0 11px;font-size:13.5px}
  .dhero .dvid-btn{top:calc(56.25vw - 50px)!important;bottom:auto!important;right:var(--dg)!important;left:auto!important;width:36px;height:36px;min-height:36px}
  .dhero-in{display:flex!important;flex-direction:column;gap:0}
  .dhero-copy{display:contents!important}
  .dhero-copy .deb{order:1;margin-bottom:10px;text-align:left!important;align-self:flex-start}
  .dhero-copy .dh1{order:2}
  .dhero-copy .mini-terms{display:none!important}
  .dhero-copy .hero-act{order:3;margin-top:22px!important}
  .dhero-in > .dterm{order:4;margin-top:28px}
  .dhero-copy .dproof{order:5;margin-top:28px!important;gap:12px}
  .dhero .dproof li{font-size:15.5px;line-height:1.4;padding-left:14px}
  .dhero .dproof .disc{font-size:12px;line-height:1.5;margin-top:5px}
}

/* ---------------------------------------------------------------- phone hero: the keynote in a box (James 2026-10-08: "I like the keynote
   in a box better on mobile"). The film sits as a framed card inside the page margins, whole at 16:9, its controls inside its lower
   corners; no scroll zoom on the box. Everything below it is as in the block above. */
@media (max-width:760px){
  .dhero{--vb:calc((100vw - 2 * var(--dg)) * .5625);padding-top:calc(var(--vb) + 18px + 28px)!important}
  .dhero-bg{inset:auto!important;top:18px!important;left:var(--dg)!important;right:var(--dg)!important;height:var(--vb)!important;
    border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 26px 50px -26px rgba(0,0,0,.95),0 0 0 6px rgba(255,255,255,.03);
    transform:none!important;z-index:0}
  .dhero-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));pointer-events:none}
  .dhero::before{background:none!important}
  .dhero .dkey-film{top:calc(18px + var(--vb) - 46px)!important;left:calc(var(--dg) + 10px)!important;z-index:3}
  .dhero .dvid-btn{top:calc(18px + var(--vb) - 46px)!important;right:calc(var(--dg) + 10px)!important;z-index:3}
}

/* ---------------------------------------------------------------- yellow bar, 2026-10-08 (James: "I dont like the way the yellow blind
   stacks on mobile... the ring around the promotion cuts into 'on your...'"): the badge's pulse ring now grows sideways only within
   the gap beside it, at every width; on phones the bar is one centred line, the offer badge and its words (the window label, which
   stacked above it, is left to the term card just below and to the floating panel). */
@keyframes ubbadge{0%{opacity:.9;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.06,1.26)}}
@media (max-width:760px){
  .ubar{height:auto;min-height:0;padding:9px 0}
  .ubar-in{justify-content:center;padding:0 12px}
  .ubar-msg{flex-direction:row;align-items:center;justify-content:center;gap:0;text-align:left}
  .ubar-k{display:none}
  .ubar-offer{gap:11px;align-items:center}
  .ubar-t{font-size:14px;line-height:1.25}
}
@media (min-width:351px) and (max-width:760px){.ubar-t{white-space:nowrap}}
/* tablets: one line too, with the window label inline (there is room for it) */
@media (min-width:761px) and (max-width:1023px){
  .ubar{height:56px;min-height:0;padding:0}
  .ubar-msg{flex-direction:row;align-items:center;gap:16px}
  .ubar-k{padding-right:16px;border-right:1px solid rgba(13,27,42,.22)}
  .ubar-t{white-space:nowrap}
}

/* ---------------------------------------------------------------- phone hero: the keynote box sits in the flow (James 2026-10-08: "move the
   keynote to just below the CTAs", then "move CTAs bellow the keynote"). The hero becomes a grid on phones: eyebrow, headline, the keynote
   (controls in its lower corners, same grid cell), Invest Now + See Your Bonus, then the term card, the proof points and Featured in.
   No script places it, so nothing shifts after load. Tablets and desktop are unchanged. */
@media (max-width:760px){
  .dhero{display:grid!important;grid-template-columns:var(--dg) minmax(0,1fr) var(--dg);align-content:start;padding-top:28px!important}
  .dhero-in{display:contents!important}
  .dhero > *,.dhero-copy > *,.dhero-in > *{grid-column:2}
  .dhero-copy .deb{grid-row:1}
  .dhero-copy .dh1{grid-row:2}
  .dhero-bg,.dhero .dkey-film,.dhero .dvid-btn{grid-row:3}
  .dhero-copy .hero-act{grid-row:4;margin-top:20px!important}
  .dhero-in > .dterm{grid-row:5;margin-top:28px}
  .dhero-copy .dproof{grid-row:6}
  .dhero > .dfeat{grid-row:7;grid-column:1 / -1}
  .dhero-bg{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;height:auto!important;aspect-ratio:16/9;margin-top:22px}
  .dhero .dkey-film,.dhero .dvid-btn{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;align-self:end;margin-bottom:10px}
  .dhero .dkey-film{justify-self:start;margin-left:10px}
  .dhero .dvid-btn{justify-self:end;margin-right:10px}
}

/* ---------------------------------------------------------------- floating panel + phone keynote, 2026-10-08 (James: "this doesnt look
   right", then "ok" to the fix). The panel was 55% yellow glass: over dark sections it turned olive and the words behind it showed
   through. It is now solid lime at every width, and on phones one row, about 64px tall instead of
   ~118: the window label and "Up to 50% bonus" on the left, Invest Now on the right. */
.dock.dock-y,.dock.dock-y.is-min{background:#d4e05f;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:rgba(255,255,255,.5)}
@media (max-width:760px){
  .dock.dock-y{padding:8px 8px 8px 16px;border-radius:14px}
  .dock-y .dock-in{flex-wrap:nowrap;gap:12px}
  .dock-y .dock-ico{display:none}
  .dock-y .dock-msg{flex:1 1 auto;gap:1px}
  .dock-y .dock-k{font-size:12px!important;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dock-y .dock-roll{height:23px}.dock-y .dock-roll b{font-size:18px;line-height:23px}
  .dock-p{display:none}
  .dock-y .key-dock{flex:none;width:auto;min-height:48px;padding:0 16px;font-size:16px;gap:8px}
}
@media (max-width:389px){.dock-y .key-dock svg{display:none}.dock-y .key-dock{padding:0 18px}}   /* the key drops its arrow so the label keeps 12px */
@media (max-width:359px){
  .dock.dock-y{padding-left:12px}
  .dock-y .dock-in{gap:8px}
  .dock-y .dock-k{letter-spacing:.01em;text-transform:none}
  .dock-y .dock-roll b{font-size:16px}
  .dock-y .key-dock{padding:0 14px;font-size:15px}
}
/* phone keynote: one frame (the faint outer ring is gone), a centred play key so the film reads as something to watch, and the pause
   control small and quiet in the corner */
@media (max-width:760px){
  .dhero-bg{box-shadow:0 26px 50px -26px rgba(0,0,0,.95)!important}
  .dhero-bg::after{top:0;height:auto;background:radial-gradient(ellipse 70% 65% at 50% 50%,rgba(0,0,0,.42),rgba(0,0,0,.12) 75%)}
  .dhero .dkey-film{align-self:center;justify-self:center;margin:0!important;--face:rgba(13,27,42,.6);--side:rgba(0,0,0,.45);
    min-height:50px;padding:0 20px 0 7px;gap:12px;font-size:15.5px;border:1px solid rgba(255,255,255,.3)}
  .dhero .dkey-film svg{box-sizing:border-box;width:36px;height:36px;padding:11px 10px 11px 12px;border-radius:50%;background:#d4e05f;color:#0d1b2a}
  .dhero .dvid-btn{--face:rgba(0,0,0,.42);--side:transparent;box-shadow:none;width:30px;height:30px;min-height:30px;margin:0 8px 8px 0!important;opacity:.8}
  .dhero .dvid-btn svg{width:13px;height:13px}
}

/* ---------------------------------------------------------------- phones: the floating bar replaces the hero's buttons (James 2026-10-08:
   "do we need the CTA between the keynote and reg CF module? maybe just switch to the floating?"). Invest Now + See Your Bonus are not
   shown under the keynote; the floating bar is up from the first screen instead (flow.js: a hidden [data-dock-from] means "show now"),
   so the keynote runs straight into the term card. Tablets and desktop keep the hero buttons. */
@media (max-width:760px){
  .dhero-copy .hero-act{display:none!important}
  .dhero-in > .dterm{margin-top:24px}
}

/* ---------------------------------------------------------------- floating panel, 2026-10-08 (James: "I want the floating CTA to be
   transluscent and have a yellow invest button"): dark navy glass (lime glass turns olive over dark sections, so the glass is dark and
   the lime moves to the key), white words, the window label in lime, and the hero's own yellow Invest key (lime face, purple ink,
   3D edge). Same shape and sizes as before at every width; desktop's shrunk state takes the same glass. */
.dock.dock-y,.dock.dock-y.is-min{background:rgba(13,27,42,.62);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.18),0 22px 44px -18px rgba(0,0,0,.6)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.dock.dock-y,.dock.dock-y.is-min{background:rgba(13,27,42,.95)}}
.dock-y .dock-k{color:#d4e05f;opacity:1!important}
.dock-y .dock-roll b{color:#fff}
.dock-y .dock-ico{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.dock-y .key-dock{--face:#d4e05f;--side:#a9b43a;--kink:#2d1f4a;background:#d4e05f;color:#2d1f4a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 3px 0 #a9b43a,0 5px 2px -1px rgba(0,0,0,.5),0 8px 14px -6px rgba(0,0,0,.45)}
.dock-y .key-dock span,.dock-y .key-dock svg{color:#2d1f4a}
.dock-y .key-dock:hover{background:#d4e05f;filter:brightness(1.06)}
.dock-y .key-dock:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ---------------------------------------------------------------- floating panel, louder (James 2026-10-08: "I want to keep the yellow CTA
   consistency....i would reduce translucence and make it louder"): the hero's yellow Invest key stays; the navy glass is now mostly
   opaque (.9), edged and lit in lime, the line is larger with the figure in lime, and the key breathes a slow lime ring (off under
   reduced motion). */
.dock.dock-y,.dock.dock-y.is-min{background:rgba(13,27,42,.9);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  border:1.5px solid rgba(212,224,95,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 34px -6px rgba(212,224,95,.42),0 22px 44px -18px rgba(0,0,0,.75)}
.dock-y .dock-k{color:rgba(255,255,255,.82)}
.dock-n{color:#d4e05f}
.dock-roll{height:28px}.dock-roll b{font-size:22px;line-height:28px}
.dock-y .dock-ico{background:rgba(212,224,95,.14);box-shadow:inset 0 0 0 1px rgba(212,224,95,.4)}
.dock-y .key-dock{min-height:52px;padding:0 26px;font-size:17px;font-weight:700}
.dock-y .key-dock::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:dockkey 2.6s ease-out infinite}
@keyframes dockkey{0%{box-shadow:0 0 0 0 rgba(212,224,95,.55)}70%,100%{box-shadow:0 0 0 9px rgba(212,224,95,0)}}
@media (prefers-reduced-motion:reduce){.dock-y .key-dock::after{animation:none}}
@media (max-width:760px){
  .dock.dock-y{padding:9px 9px 9px 16px}
  .dock-y .dock-roll{height:25px}.dock-y .dock-roll b{font-size:20px;line-height:25px}
  .dock-y .key-dock{min-height:50px;padding:0 18px;font-size:16.5px}
}
@media (max-width:389px){.dock-y .key-dock{padding:0 18px}}
@media (max-width:359px){.dock-y .dock-roll b{font-size:17px}.dock-y .key-dock{padding:0 14px;font-size:15.5px}}

/* ---------------------------------------------------------------- watch keys go clear, 2026-10-08 (James, phone screenshot of the Nasdaq
   card: "the attached looks crowded. I would make the watch keynote button clear so it doent fight with the CTA"). Yellow is now only
   ever Invest. Nasdaq card: the Watch pill (a 210px grey key beside the title) becomes a clear play ring centred on the film on phones,
   so the title runs the full width; on desktop it stays on the lower third as a clear outlined pill. The card's top bar no longer
   overflows (pause 34px inside the card; the network name, repeated in the tile below, gives way on small phones). Hero: "Watch the
   Keynote" on phones becomes a clear outlined key with a white play ring (the lime disc is gone). */
.ns-play{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.ns-play:hover{background:rgba(255,255,255,.1)}
@media (max-width:760px){
  .ns-stage{display:grid}
  .ns-stage > .ns-screen{grid-area:1 / 1}
  .ns-info{display:contents}
  .ns-lower{grid-area:2 / 1;padding:14px 6px 2px}
  .ns-play{grid-area:1 / 1;align-self:center;justify-self:center;z-index:5;padding:0;border-radius:50%;box-shadow:none;background:transparent}
  .ns-play:hover{background:transparent}
  .ns-play span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ns-play svg{width:58px;height:58px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}
  .ns-pause{position:relative;width:44px;height:44px;margin:-9px -5px -9px 0;border:0}   /* 44px to tap, a 34px ring to see, inside the card */
  .ns-pause::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.18);pointer-events:none}
}
@media (max-width:480px){.ns-net{visibility:hidden}}
@media (max-width:760px){
  .dhero .dkey-film{--face:rgba(255,255,255,.06);--side:transparent;box-shadow:none;border:1.5px solid rgba(255,255,255,.6);
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 20px 0 6px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
  .dhero .dkey-film svg{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}
}
/* below 1001px the Nasdaq grid is one column; minmax(0,1fr) stops the card's top bar (a no-wrap row) from widening it past the screen,
   which clipped about 40px off the card's right edge at 320px */
@media (max-width:1000px){.ns{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- phone keynote key: glass (James 2026-10-08: "make the keynote glassy"):
   frosted white glass over the film (blur + a top highlight + a fine light edge), white words and play ring; still no yellow, so it
   does not compete with the Invest key. Desktop's keynote key was already glass and is unchanged. */
@media (max-width:760px){
  .dhero .dkey-film{--face:rgba(255,255,255,.16);--side:transparent;border:1px solid rgba(255,255,255,.42);
    -webkit-backdrop-filter:blur(14px) saturate(160%) brightness(.9);backdrop-filter:blur(14px) saturate(160%) brightness(.9);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 12px 18px -12px rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.08),0 10px 28px -10px rgba(0,0,0,.6)}
  .dhero .dkey-film svg{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.9);background:rgba(255,255,255,.1)}
}

/* ---------------------------------------------------------------- Kevin Morris (Atlas RD) review, 2026-10-12 ("RAD CF is live" thread) */
/* 1) "I think this whole section is too big... especially the $300m cap, $1000 min, and bonus": the hero term card, one step smaller */
.dterm{padding:20px 22px;gap:12px}
.dterm-k{font-size:13px}
.dterm-row{padding:12px 0}
.dterm-row b{font-size:clamp(20px,4.4vw,24px)}
.dterm-row span{font-size:12px}
.dterm-eb{font-size:14.5px}
.dterm .key-lg{min-height:50px;font-size:16px}
@media (min-width:1101px) and (max-width:1365px){.dterm{padding:20px}.dterm-eb{font-size:14px}}

/* 3) the early-bird countdown: the urgency bar's label and the floating panel's label count to the end of the window */
[data-countdown] .cd-t{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;white-space:nowrap}
[data-countdown] .cd-t b{font-weight:800}
[data-countdown] .cd-m{display:none}
.ubar-k .cd-t{font:700 15px/1 var(--fb);color:#0d1b2a}
.ubar-k.is-over .cd-t{display:none}
@media (max-width:760px){
  /* phones: the badge, then the countdown as a label over the time, beside it on one row */
  .ubar-offer{order:0}
  .ubar-k{order:1;display:grid!important;gap:3px;margin-left:12px;padding:0 0 0 12px;border-right:0;border-left:1px solid rgba(13,27,42,.24);
    font:700 12px/1.1 var(--fb);letter-spacing:.05em;text-align:left}
  .ubar-k .ubar-dot{display:none}
  .ubar-k .cd-t{font-size:15px}
}
@media (max-width:359px){.ubar-k .cd-sec{display:none}.ubar-k .cd-l{display:none}.ubar-k .cd-m{display:inline}.ubar-k{margin-left:14px;padding-left:10px}}
.dock-y .dock-k .cd-t{color:#d4e05f;font-weight:700}
@media (max-width:760px){
  .dock-y .dock-k .cd-l{display:none}
  .dock-y .dock-k .cd-m{display:inline}
  .dock-y .dock-k .cd-sec{display:none}
}

/* 6) and 8) the footnotes: the 10X basis under the contract figures, the acquisition disclaimer at the foot of the portfolio */
.v6-stat-fine{margin:16px 0 0;max-width:80ch;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.74)}
.v6-sec-fine{margin:20px 0 0;max-width:80ch;font-size:12.5px;line-height:1.5}

/* 10) the forms now send: an error line if the send fails */
.v6-form-err{margin:10px 0 0;font-size:14px;line-height:1.4;color:#ffc2b6}

/* ---------------------------------------------------------------- Aaron Vandeford 2026-10-12: no individual contact on the Reg CF page
   ("we should address general investment questions on the discussion board not individually"). The $25,000 panel loses his contact card
   and email key and points to the discussion board with a glass key (secondary, so it does not read as an Invest key). */
.dpanel-ask{margin:24px 0 28px;max-width:440px;font-size:17px;line-height:1.5;color:#d9dce6;text-wrap:balance}
@media (max-width:760px){.dpanel-ask{margin:18px 0 22px;font-size:16px}}
/* the phone panel stacks heading, cards, then the board prompt and key (the slots the contact card and email key held) */
@media (max-width:1000px){.dpanel-head > .dpanel-ask{order:4;margin:0 0 18px}.dpanel-head > .key-glass{order:5;align-self:flex-start;margin:0}}
/* hero headline "Invest in the AI Behind Fortune 1000 Campaigns" (Christine's review, 2026-10-20): the accent line runs ~10% wider
   than the copy column at the old size, which set the headline on three lines and pushed See Your Bonus under the first screen;
   capped so it sets on two lines from 1101px (measured 1101-1920) */
@media (min-width:1101px){.dhero .dh1{font-size:min(4.05vw,64px)}}