/* ============================================================
   ALA FOUNDRY — site styles
   Brand: Foundry Brand Board (Assets/Brand Board/foundry-brand-board.png)
   Space Grotesk = display, headings + body / Space Mono = labels + UI
   Permanent Marker = scribbled notes / metal chassis = picture frames + tube
   Layout: one 4-column blueprint grid; every block snaps to a cell.
   ============================================================ */

:root{
  --char:#292727;
  --cream:#F0EEE6;--fill:#F8F7F2;--line:#29272726;--ink-2:#5a5654;
  --orange:#EB8155;--orange-text:#C4603C;--indigo:#5E62BF;--lime:#B4D452;--teal:#62B7CB;
  --display:'Space Grotesk','Arial Black',Arial,sans-serif;
  --head:'Space Grotesk',Arial,sans-serif;
  --sans:'Space Grotesk',system-ui,sans-serif;
  --mono:'Space Mono',ui-monospace,Menlo,monospace;
  --hand:'Permanent Marker','Comic Sans MS',cursive;
  --header-h:64px;
  --max:2220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px)}
body{margin:0;background:var(--cream);color:var(--char);font-family:var(--mono);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote{margin:0}
::selection{background:var(--lime);color:var(--char)}
:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}
.skip{position:absolute;left:12px;top:-60px;background:var(--lime);color:var(--char);padding:8px 14px;z-index:30;font-weight:700}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===================== THE GRID ===================== */
.page{position:relative;max-width:var(--max);margin:0 auto;border-inline:1px solid var(--line);container-type:inline-size;
  background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:25% 100%;
  /* the tube and the chamber that rides it; --reach lets side blocks lean in toward it */
  --tube-w:clamp(120px,11cqw,230px);--pod-w:calc(var(--tube-w) * 1.45);--reach:calc(25cqw - var(--pod-w) / 2 - 44px)}
.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.c{position:relative;z-index:2;padding:clamp(24px,1.9cqw,42px);min-width:0}
.c1{grid-column:1}.c2{grid-column:2}.c3{grid-column:3}.c4{grid-column:4}
.c12{grid-column:1/3}.c23{grid-column:2/4}.c34{grid-column:3/5}.c13{grid-column:1/4}.c14{grid-column:1/5}.c24{grid-column:2/5}
.fill{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line);z-index:3}
.dark{background:var(--char);color:var(--cream);z-index:3}

/* corner brackets + orange registration squares */
.brk::after{content:'';position:absolute;inset:7px;pointer-events:none;opacity:.45;--b:currentColor;background:
  linear-gradient(var(--b),var(--b)) 0 0/9px 1.5px no-repeat,linear-gradient(var(--b),var(--b)) 0 0/1.5px 9px no-repeat,
  linear-gradient(var(--b),var(--b)) 100% 0/9px 1.5px no-repeat,linear-gradient(var(--b),var(--b)) 100% 0/1.5px 9px no-repeat,
  linear-gradient(var(--b),var(--b)) 0 100%/9px 1.5px no-repeat,linear-gradient(var(--b),var(--b)) 0 100%/1.5px 9px no-repeat,
  linear-gradient(var(--b),var(--b)) 100% 100%/9px 1.5px no-repeat,linear-gradient(var(--b),var(--b)) 100% 100%/1.5px 9px no-repeat}
.sq{position:absolute;width:7px;height:7px;background:var(--orange)}
.sq.tl{top:12px;left:12px}.sq.tr{top:12px;right:12px}.sq.bl{bottom:12px;left:12px}.sq.br{bottom:12px;right:12px}

/* ===================== type ===================== */
.lbl{font-size:15px;font-weight:700;line-height:1.4}
.lbl::before{content:'';display:inline-block;width:6px;height:6px;background:currentColor;margin-right:9px;vertical-align:2px}
.sub{display:block;font-size:13px;font-weight:400;color:var(--ink-2);padding-left:15px;margin-top:6px}
.micro{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.title{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.95;font-size:clamp(34px,3.4cqw,64px);display:flex;align-items:center;min-height:clamp(130px,9.5cqw,190px);padding:28px clamp(28px,2.4cqw,48px)}
.title::after{content:'';position:absolute;top:14px;left:16px;width:7px;height:7px;background:var(--orange)}
.c1.title{font-size:clamp(28px,2.5cqw,46px)}
.hand{font-family:var(--hand);font-weight:400}
.body{color:var(--ink-2);font-size:15px;line-height:1.65;max-width:60ch}
.lead{font-size:clamp(17px,1.2cqw,21px);line-height:1.55;max-width:44ch}
.dark .body{color:#f0eee6b8}
.note{color:var(--orange-text);font-size:clamp(18px,1.5cqw,26px);line-height:1.1;transform:rotate(-5deg)}
.note svg{display:block;width:86px;height:56px;margin-top:6px;color:var(--char)}

/* buttons: orange plate with a clipped corner */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;background:var(--orange);color:var(--char);font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:transform .15s,filter .15s;border:0;cursor:pointer;white-space:nowrap}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn:active{transform:none}
.btn.wide{width:100%}
.btn.lime{background:var(--lime)}
.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--char);clip-path:none}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* ===================== HEADER ===================== */
.top{border-top:0;position:sticky;top:0;z-index:20;background:#f0eee6f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);min-height:var(--header-h)}
.top .c{padding:10px 18px;display:flex;align-items:center}
.mark{display:inline-flex;align-items:center;background:var(--char);padding:6px 10px;text-decoration:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
.mark img{height:34px;width:auto;mix-blend-mode:lighten}
.top nav{justify-content:center;gap:clamp(18px,1.8cqw,40px);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.top nav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;white-space:nowrap}
.top nav a:hover{color:var(--indigo)}
.top nav a[aria-current="true"]{border-color:var(--orange)}
.top .c4{justify-content:flex-end;gap:12px}
.menu-btn{display:none;width:44px;height:40px;border:0;background:var(--char);color:var(--cream);cursor:pointer;place-items:center;padding:0}
.menu-btn span{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;transition:box-shadow .2s,transform .2s}
.top.open .menu-btn span{box-shadow:none;transform:rotate(45deg)}
.top.open .menu-btn span::after{content:'';display:block;width:18px;height:2px;background:currentColor;transform:rotate(-90deg)}

/* ===================== HERO ===================== */
.mega{overflow:hidden;padding:clamp(28px,2.2cqw,48px) clamp(28px,2.2cqw,48px) clamp(34px,3cqw,64px)}
.kickers{display:flex;justify-content:space-between;gap:20px;padding-inline:22px}
.kicker{font-size:13px;letter-spacing:.22em;text-transform:uppercase}
.mega h1{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:min(13cqw,250px);line-height:.86;letter-spacing:-.01em;margin:10px 0 0;white-space:nowrap}
.mega h1 .dim{display:block;font-size:.34em;line-height:1;margin-bottom:.06em;color:var(--indigo)}
.hero-base{min-height:clamp(360px,25cqw,540px)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:22px}
.hero-copy .lead strong{background:linear-gradient(transparent 60%,#b4d45299 60%)}
/* the rover drives up onto the headline and parks on the launch pad */
.launch{margin-top:calc(-1 * min(4cqw,90px));display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:0;z-index:4}
.rover-hero{width:min(29cqw,600px);filter:drop-shadow(0 18px 18px #29272726)}
.pad{display:block;width:calc(var(--tube-w) + 44px);height:18px;margin-top:-4px;background:var(--char);border-bottom:5px solid var(--orange);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 100%,0 100%)}
.hero-shot{display:flex;flex-direction:column;gap:14px;justify-content:flex-end}
.hero-shot img{width:100%;box-shadow:0 0 0 1px #f0eee633}
.hero-shot figcaption{font-size:14px;line-height:1.5;color:#f0eee6cc}
.hero-shot .micro{display:block;color:var(--lime);margin-bottom:4px}
.facts .fact{display:flex;flex-direction:column;gap:6px;padding-block:clamp(22px,1.8cqw,36px)}
.fact strong{font:400 clamp(30px,2.6cqw,52px)/1 var(--display);text-transform:uppercase}
.fact span{font-size:14px;color:var(--ink-2);max-width:30ch}

/* ===================== THE TUBE ===================== */
.zone{position:relative}
.tube{position:absolute;top:0;bottom:0;left:50%;width:var(--tube-w);transform:translateX(-50%);z-index:1;
  background:linear-gradient(90deg,#29272730,#ffffff00 6%,#ffffffd9 11%,#ffffff40 19%,#ffffff00 32%,#ffffff00 62%,#ffffff80 75%,#ffffff1a 84%,#29272724),#e6e2d78c;
  box-shadow:inset 2px 0 0 #29272773,inset -2px 0 0 #29272773}
/* lime signal flowing down the middle */
.tube::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:8px;margin-left:-4px;opacity:.85;
  background:radial-gradient(circle,var(--lime) 2.6px,transparent 3.2px) 0 0/8px 28px repeat-y;animation:flow 1.4s linear infinite}
@keyframes flow{to{background-position:0 28px}}
/* collars every segment */
.tube::after{content:'';position:absolute;top:0;bottom:0;left:-10px;right:-10px;
  background:repeating-linear-gradient(to bottom,transparent 0 720px,var(--char) 720px 722px,var(--fill) 722px 738px,var(--orange) 738px 742px,var(--fill) 742px 756px,var(--char) 756px 758px,transparent 758px 780px)}
.tube-head,.tube-foot{position:absolute;left:-22px;right:-22px;z-index:1;background:var(--char)}
.tube-head{top:0;height:54px;border-bottom:5px solid var(--orange);clip-path:polygon(0 0,100% 0,100% 72%,calc(100% - 14px) 100%,14px 100%,0 72%)}
.tube-foot{bottom:0;left:-36px;right:-36px;height:72px;border-top:5px solid var(--orange);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 28%,100% 100%,0 100%,0 28%)}

/* the chamber: rides the tube, reads out where you are */
.pod{--acc:var(--lime);position:sticky;top:calc(var(--header-h) + 44px);z-index:2;width:var(--pod-w);margin:110px 0 96px calc((100% - var(--pod-w)) / 2);filter:drop-shadow(0 16px 22px #29272733)}
.pod-cap{display:flex;align-items:center;justify-content:center;height:44px;padding:0 14px;background:var(--char);color:var(--acc);font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 100%,0 100%);transition:color .4s}
.pod-cap b::before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;background:currentColor;animation:blink 1.6s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.pod-glass{position:relative;aspect-ratio:1/1.02;margin-inline:7px;overflow:hidden;background:radial-gradient(110% 70% at 50% 108%,color-mix(in srgb,var(--acc) 30%,transparent),transparent 62%),var(--char);box-shadow:inset 0 0 0 2px #0000004d}
.pod-glass::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,#ffffff1f,#ffffff00 7%,#ffffff38 12%,#ffffff0a 21%,transparent 38%,transparent 70%,#ffffff26 81%,#ffffff05 90%,#ffffff1a)}
.pod-glass::before{content:'';position:absolute;left:0;right:0;top:-40%;height:40%;z-index:2;background:linear-gradient(transparent,color-mix(in srgb,var(--acc) 40%,transparent),transparent);opacity:0}
.pod-glass.scan::before{animation:scan .9s ease-out}
@keyframes scan{0%{top:-40%;opacity:1}100%{top:100%;opacity:.6}}
.pod-glass img{position:absolute;left:9%;width:82%;bottom:9%;z-index:1;mix-blend-mode:lighten;animation:bob 4.5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-6px)}}
.pod-num{position:absolute;top:6%;left:0;right:0;text-align:center;z-index:0;font:400 calc(var(--pod-w) * .4)/1 var(--display);color:color-mix(in srgb,var(--acc) 22%,transparent);transition:color .4s}
.pod-glass i{position:absolute;bottom:-14px;z-index:2;width:8px;height:8px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--acc) 75%,transparent);background:radial-gradient(circle at 35% 35%,#ffffff99 0 18%,transparent 30%);animation:rise 5s linear infinite;opacity:0}
.pod-glass i:nth-of-type(1){left:14%;animation-delay:0s}
.pod-glass i:nth-of-type(2){left:28%;width:5px;height:5px;animation-duration:4s;animation-delay:1.2s}
.pod-glass i:nth-of-type(3){left:44%;width:10px;height:10px;animation-duration:6s;animation-delay:2.1s}
.pod-glass i:nth-of-type(4){left:58%;animation-duration:4.6s;animation-delay:.6s}
.pod-glass i:nth-of-type(5){left:71%;width:6px;height:6px;animation-duration:5.4s;animation-delay:3s}
.pod-glass i:nth-of-type(6){left:84%;width:9px;height:9px;animation-duration:6.4s;animation-delay:1.8s}
.pod-glass i:nth-of-type(7){left:36%;width:4px;height:4px;animation-duration:3.6s;animation-delay:2.6s}
.pod-glass i:nth-of-type(8){left:77%;width:5px;height:5px;animation-duration:4.2s;animation-delay:.2s}
@keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0}12%{opacity:1}100%{transform:translateY(calc(var(--pod-w) * -1.05)) translateX(6px);opacity:0}}
.pod-ring{display:block;height:8px;margin-inline:3px;background:linear-gradient(90deg,var(--orange-text),var(--orange) 28%,#ffd2b8 52%,var(--orange) 74%,var(--orange-text))}
.pod-base{display:block;height:46px;margin-inline:-10px;background:linear-gradient(90deg,#d6d1c4,var(--fill) 26%,#ebe8de 70%,#cbc6b8);border-block:2px solid var(--char);clip-path:polygon(0 0,100% 0,100% 64%,calc(100% - 14px) 100%,14px 100%,0 64%)}
.pod[data-step="2"]{--acc:var(--teal)}
.pod[data-step="3"]{--acc:var(--orange)}
.pod[data-step="4"]{--acc:#9a9ef0}

/* side blocks lean in toward the tube but stop short of the chamber */
.reach-r{margin-right:calc(-1 * var(--reach))}
.reach-l{margin-left:calc(-1 * var(--reach))}
/* .over blocks deliberately cross the tube, above it */
.over{z-index:5}

/* about + mission */
.about-row .c{padding-block:clamp(30px,2.6cqw,56px)}
.about-row .lead{font-family:var(--head);font-weight:700;text-transform:uppercase;font-size:clamp(22px,1.8cqw,34px);line-height:1.15;max-width:22ch}
.mission-row .c1{display:flex;align-items:center}
.mission{padding:clamp(40px,3.4cqw,72px) clamp(32px,2.8cqw,60px);display:flex;flex-direction:column;gap:18px}
.mission .micro{color:var(--lime);font-weight:700}
.statement{font:700 clamp(28px,2.5cqw,52px)/1.08 var(--head);text-transform:uppercase;max-width:20ch}
.statement em{font-style:normal;color:var(--lime)}
.mission .hand{font-size:clamp(22px,1.8cqw,32px);color:var(--orange)}

/* why we're different */
.why-row .point{display:flex;flex-direction:column;gap:8px;padding-block:clamp(26px,2cqw,40px)}
.point .n,.aud .n{font-family:var(--display);font-size:clamp(26px,2cqw,36px);line-height:1;color:var(--orange-text)}
.point h3,.aud h3{font-family:var(--head);font-weight:700;text-transform:uppercase;font-size:clamp(21px,1.75cqw,32px);line-height:1.05}

/* what we do: the build sits beside the tube, plugged in by a port */
.step-row{position:relative;align-items:center}
.step{display:flex;flex-direction:column;gap:12px}
.step h3{font-family:var(--head);font-weight:700;text-transform:uppercase;font-size:clamp(26px,2.2cqw,40px);line-height:1.05}
.step .micro{color:var(--indigo);font-weight:700}
.shot{padding:clamp(12px,.9cqw,20px);background:var(--fill);box-shadow:inset 0 0 0 1px var(--line);z-index:3}
.shot img{width:100%;box-shadow:0 0 0 1px var(--line)}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.chips li{font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--char);background:var(--fill)}
.eg{font-size:14px;color:var(--ink-2);border-left:3px solid var(--orange);padding-left:10px;margin-top:4px}
.eg b{color:var(--char)}
.port{display:none}
.moves{list-style:none;padding:0;margin-top:18px;display:flex;flex-wrap:wrap;gap:6px;counter-reset:m}
.moves li{counter-increment:m;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;background:var(--char);color:var(--cream)}
.moves li::before{content:counter(m,decimal-leading-zero) ' ';color:var(--lime)}
@media (min-width:901px){
  .step-row{min-height:max(540px,72vh)}
  .port{display:block;position:absolute;top:50%;height:24px;margin-top:-12px;z-index:0;
    background:linear-gradient(#29272730,#ffffff00 12%,#ffffffd9 30%,#ffffff33 55%,#ffffff00 75%,#29272724),#e6e2d78c;box-shadow:inset 0 2px 0 #29272773,inset 0 -2px 0 #29272773}
  .port.l{left:calc(25cqw + var(--reach) - 2px);right:calc(50cqw + var(--tube-w) / 2 - 6px)}
  .port.r{left:calc(50cqw + var(--tube-w) / 2 - 6px);right:calc(25cqw + var(--reach) - 2px)}
  .port::before{content:'';position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;opacity:0;transition:opacity .4s;
    background:repeating-linear-gradient(90deg,var(--lime) 0 10px,transparent 10px 20px);animation:pulse-r .8s linear infinite}
  .port.l::before{animation-name:pulse-l}
  .port::after{content:'';position:absolute;top:-6px;bottom:-6px;width:10px;background:var(--char)}
  .port.l::after{left:0}.port.r::after{right:0}
  .step-row.on .port::before{opacity:1}
  .land-row{min-height:calc(var(--pod-w) + 240px);align-items:end}
  .js .step-row .step,.js .step-row .shot img{transition:opacity .45s,filter .45s,transform .45s}
  .js .step-row:not(.on) .step{opacity:.3;transform:translateY(10px)}
  .js .step-row:not(.on) .shot img{opacity:.55;filter:grayscale(.7)}
}
@keyframes pulse-r{to{background-position:20px 0}}
@keyframes pulse-l{to{background-position:-20px 0}}

/* ===================== SERVICES ===================== */
.flagship{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.flagship .micro{color:var(--indigo);font-weight:700}
.flagship h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(32px,3cqw,56px);line-height:.95}
.flagship .btn{margin-top:8px}
.flagship-evidence h4{font-family:var(--head);font-size:clamp(18px,1.4cqw,24px);text-transform:uppercase;margin-bottom:16px}
.flagship-evidence ul{list-style:none;padding:0;display:grid;gap:12px;font-size:15px;color:var(--ink-2)}
.flagship-evidence li{display:flex;gap:10px}
.flagship-evidence li::before{content:'▸';color:var(--orange-text)}
.proof{display:flex;flex-direction:column;justify-content:center;gap:10px}
.proof .micro{color:var(--lime)}
.proof strong{font:clamp(80px,7cqw,140px)/.9 var(--display);color:var(--lime)}
.track{display:flex;flex-direction:column;padding:0}
.track .plate{display:flex;justify-content:space-between;gap:8px;padding:12px 20px;background:var(--c);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.track .in{padding:clamp(24px,1.9cqw,40px);display:flex;flex-direction:column;flex:1}
.track h3{font-family:var(--head);font-weight:700;text-transform:uppercase;font-size:clamp(24px,2cqw,34px);line-height:1.02}
.track .pitch{margin:12px 0 20px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.track .out{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.track .chips{margin-bottom:28px}
.track .btn{margin-top:auto}
.custom{display:flex;flex-direction:column;gap:16px}
.custom .micro{color:var(--lime)}
.custom h3{font-family:var(--display);font-weight:400;font-size:clamp(28px,2.4cqw,42px);line-height:1;text-transform:uppercase;color:var(--lime)}
.custom .btn{margin-top:auto}
.inc-list{list-style:none;margin:0;padding-top:clamp(24px,1.9cqw,42px);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px 24px;counter-reset:i}
.inc-list li{counter-increment:i;font-size:15px;line-height:1.5;border-top:3px solid var(--char);padding-top:12px}
.inc-list li::before{content:counter(i,decimal-leading-zero);display:block;font:400 22px/1 var(--display);color:var(--orange-text);margin-bottom:8px}

/* ===================== WHO WE SERVE ===================== */
.aud .c{display:flex;flex-direction:column;gap:10px;padding-block:clamp(30px,2.4cqw,52px)}
.buying{display:flex;align-items:center;padding:clamp(40px,3.4cqw,72px) clamp(32px,2.8cqw,60px)}
.buying p{font:700 clamp(22px,1.9cqw,36px)/1.2 var(--head);text-transform:uppercase;max-width:34ch}
.buying p::before{content:'“';display:block;font:400 clamp(60px,5cqw,96px)/.7 var(--display);color:var(--lime);margin-bottom:6px}
.cta-tile{display:flex;flex-direction:column;justify-content:space-between;gap:24px}

/* what they learn + theirs to keep */
#learn,#keep{border-top:1px solid var(--line);padding-top:clamp(56px,6cqw,120px)}
.roles-lead{padding:clamp(40px,3.4cqw,72px) clamp(32px,2.8cqw,60px)}
.roles-lead .statement{max-width:28ch}
.roles-note{display:flex;align-items:flex-end}
.was{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);text-decoration-color:var(--orange);text-decoration-thickness:2px}
.keep .body{max-width:52ch}
.keep-row .point{display:flex;flex-direction:column;justify-content:flex-end;gap:8px}

/* ===================== FAQ ===================== */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 4px;font-family:var(--head);font-weight:700;font-size:clamp(18px,1.4cqw,24px);letter-spacing:.02em;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:none;width:34px;height:34px;display:grid;place-items:center;background:var(--char);color:var(--cream);font-family:var(--mono);font-size:18px;transition:background .2s}
.faq details[open] summary::after{content:'−';background:var(--orange);color:var(--char)}
.faq summary:hover{color:var(--indigo)}
.faq details p{padding:0 4px 26px;color:var(--ink-2);font-size:16px;line-height:1.7;max-width:68ch}

/* breathing room between the lower sections */
#services,#customers,#faq,#contact{border-top:1px solid var(--line);padding-top:clamp(56px,6cqw,120px)}

/* ===================== CONTACT ===================== */
.closing{overflow:hidden;padding:clamp(56px,4.5cqw,100px) clamp(28px,2.4cqw,56px)}
.closing h2{position:relative;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:min(7.4cqw,160px);line-height:.9}
.closing h2 span{color:var(--orange-text)}
.closing-rover{position:absolute;right:clamp(28px,3cqw,64px);bottom:clamp(28px,2.4cqw,52px);width:min(24cqw,480px)}
.closing .foot{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:28px;max-width:68%}
.closing .foot .hand{font-size:clamp(22px,2cqw,34px);color:var(--indigo)}

/* ===================== FOOTER ===================== */
.foot-row .c{padding-block:clamp(36px,3cqw,60px)}
.foot-row h2{font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}
.foot-row ul{list-style:none;padding:0;display:grid;gap:10px;font-size:15px}
.foot-row ul a{text-decoration:none}
.foot-row ul a:hover{color:var(--indigo);text-decoration:underline}
.foot-brand{display:flex;flex-direction:column;gap:16px}
.foot-brand img{mix-blend-mode:lighten;width:100%;max-width:260px}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.legal a{text-decoration:none}
.legal a:hover{color:var(--char)}

/* newsletter (footer) */
.signup{display:flex;flex-direction:column;gap:8px}
.signup .field{display:flex;background:#fff;box-shadow:0 0 0 2px var(--char)}
.signup input{flex:1;min-width:0;border:0;background:transparent;padding:14px 16px;font:inherit;font-size:15px;color:var(--char)}
.signup input::placeholder{color:#8a8580}
.signup input:focus{outline:none}
.signup .field:focus-within{box-shadow:0 0 0 2px var(--char),0 0 0 5px var(--lime)}
.signup .btn{clip-path:none;padding-inline:16px}
.signup .msg{font-size:13px;color:var(--ink-2);min-height:1.6em}
.signup .msg.ok{color:#3f7a2a}.signup .msg.err{color:#b04a28}
.signup-alt{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.signup-alt p{font-size:15px;color:var(--ink-2)}

/* reveal on scroll (only when JS runs and motion is allowed) */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* ===================== 404 ===================== */
.lost{min-height:calc(100vh - var(--header-h) - 1px);display:flex;flex-direction:column;justify-content:center;gap:24px;padding:60px 34px}
.lost h1{font-family:var(--display);font-weight:400;font-size:min(28cqw,520px);line-height:.8;color:var(--char)}
.lost h1 span{color:var(--orange-text)}
.lost p{font-size:15px;max-width:46ch}

/* ===================== tablet / phone: 2-column grid ===================== */
@media (max-width:1100px){
  .top nav{gap:16px;font-size:12px;letter-spacing:.06em}
}
@media (max-width:900px){
  :root{--header-h:60px}
  .page{background-size:50% 100%}
  .row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row>*{grid-column:1/-1}
  .facts>.fact,.aud>.c,.keep-row>.point{grid-column:span 1}
  .gap,.tube,.d-only{display:none}
  .reach-r,.reach-l{margin:0}
  .top .c1{grid-column:1}.top .c4{grid-column:2}
  .top nav.c{display:none}
  .top.open nav.c{display:flex;grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;gap:0;padding:0 0 10px;border-top:1px solid var(--line)}
  .top.open nav a{padding:16px 20px;border-bottom:1px solid var(--line);font-size:15px}
  .top.open nav a[aria-current="true"]{border-left:4px solid var(--orange);border-bottom-color:var(--line)}
  .menu-btn{display:grid}
  .top .c4 .btn{padding:11px 14px}
  .mark img{height:28px}
  .mega h1{font-size:13.4cqw}
  .title,.c1.title{font-size:8.6cqw;min-height:0;padding:44px 22px 24px}
  .hero-base{min-height:0}
  .launch{order:-1;margin-top:0;padding-top:8px}
  .rover-hero{width:min(64cqw,420px)}
  .mission-row .d-only{display:none}
  .closing h2{font-size:11.5cqw}
  .closing .foot{max-width:none;justify-content:space-between}
  .step-row .shot{order:-1}
  /* one-column cells would sit on the 50% grid line: give text cells a solid ground */
  .row>.c:not(.gap):not(.dark):not(.mega):not(.closing):not(.launch){background:var(--fill);z-index:3}
}
@media (max-width:520px){
  .mega{padding:24px 16px 28px}
  .kickers{padding-inline:0}
  .c{padding:18px 16px}
  .top .c{padding:10px 12px}
  .title,.c1.title{padding:44px 16px 24px}
  .top .c4{gap:8px}
  .top .c4 .btn{font-size:12px;padding:12px 10px;letter-spacing:.04em}
  .mark{padding:5px 8px}
  .mark img{height:24px}
  .facts>.fact,.aud>.c,.keep-row>.point{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
}

/* Launch narrative: the full organization story lives beside the tube. */
.launch-zone section{padding-top:0!important;border-top:0!important}
.story-row{align-items:center;min-height:370px}
.story-row.compact{min-height:290px}
.side-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-block:48px}
.side-copy>.micro{color:var(--indigo);font-weight:700}
.side-title{font:400 clamp(27px,2.5cqw,51px)/1.1 var(--display);text-transform:uppercase;max-width:20ch;letter-spacing:-.025em}
.side-copy h3{font:700 clamp(23px,2cqw,36px)/1.12 var(--head);text-transform:uppercase;max-width:24ch}
.side-copy .body,.step .body{max-width:53ch;font-size:15px;line-height:1.75}
.side-copy .lead{max-width:40ch}
.mission-card{background:var(--char);color:var(--cream);box-shadow:inset 0 0 0 1px var(--line)}
.mission-card>.micro{color:var(--lime)}.mission-card .body{color:#f0eee6cc}.mission-card .hand{color:var(--lime);font-size:22px}
.program-feature{background:var(--fill);border-block:1px solid var(--line)}
.evidence-note{font-size:12px;color:var(--ink-2);border-left:3px solid var(--lime);padding-left:12px;max-width:45ch}
.text-link{font-size:13px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:5px}
.offering-list{gap:0}.offering-list>h3{margin-bottom:22px}
.offering-list details{width:100%;border-top:1px solid var(--line)}
.offering-list summary,.framework-detail summary{font:700 17px/1.4 var(--head);cursor:pointer;padding:17px 0;display:flex;justify-content:space-between;gap:15px;list-style:none}
.offering-list summary::after,.framework-detail summary::after{content:'+';color:var(--orange-text)}
.offering-list details[open] summary::after,.framework-detail[open] summary::after{content:'−'}
.offering-list summary::-webkit-details-marker,.framework-detail summary::-webkit-details-marker{display:none}
.offering-list details p{font-size:14px;color:var(--ink-2);padding-bottom:22px;line-height:1.7}
.project-intro{min-height:430px}.project-shot{align-self:center}.project-shot figcaption{font-size:10px;letter-spacing:.1em;padding:15px 5px 5px;color:var(--ink-2)}
.launch-zone .step-row{min-height:470px}.launch-zone .step{padding-block:45px;gap:19px}
.launch-zone .step-row:not(.on) .step{opacity:.8;transform:none}.launch-zone .step-row:not(.on) .shot img{opacity:.85;filter:grayscale(.25)}
.pod-glass img.project-image{inset:12% 5%;width:90%;height:76%;object-fit:contain;mix-blend-mode:normal;animation:none;filter:drop-shadow(0 8px 8px #0004)}
.pod-caption{display:block;font:9px/1.4 var(--mono);letter-spacing:.09em;text-align:center;background:var(--char);color:var(--cream);padding:10px 7px;margin:7px 0 0}
.pod-glass img{transition:opacity .25s,transform .4s}
.outcome-list{list-style:none;padding:0;width:100%}.outcome-list li{padding:16px 0;border-bottom:1px solid var(--line)}.outcome-list li:first-child{padding-top:0}.outcome-list b{display:block;font:700 18px var(--head);margin-bottom:5px}.outcome-list span{font-size:14px;color:var(--ink-2)}
.framework-detail{border-top:1px solid var(--line);width:100%}.framework-detail .moves{margin-top:0;padding-bottom:10px}
.partnership-row{padding-bottom:70px}
#faq,#contact{padding-top:35px}.faq summary{font-size:19px;padding-block:19px}.faq details p{font-size:14px}
.contact-heading>.c{padding:clamp(25px,3cqw,60px)}.contact-heading>.c12{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.contact-heading .side-title{font-size:clamp(36px,4cqw,64px)}.contact-rover{width:230px;align-self:center;margin-top:15px}
#contact-form{display:flex;flex-direction:column;gap:21px;width:100%}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#contact-form label{display:flex;flex-direction:column;gap:9px;font:13px/1.5 var(--mono)}
#contact-form input,#contact-form select,#contact-form textarea{font:15px/1.5 var(--mono);width:100%;padding:12px 14px;border:1px solid #29272755;background:var(--cream);color:var(--char);border-radius:0;min-width:0}
#contact-form textarea{resize:vertical;min-height:140px}.form-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#contact-form .consent{flex-direction:row;align-items:flex-start;gap:12px;font-size:11px;color:var(--ink-2)}#contact-form .consent input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:var(--indigo)}
#contact-form .btn{align-self:flex-start;min-width:210px}#contact-form .btn:disabled{opacity:.6;cursor:wait}.form-note{font-size:11px;color:var(--ink-2)}#contact-status{font-size:14px}#contact-status:empty{display:none}#contact-status[data-state=error]{color:#a03922}#contact-status[data-state=success]{color:#3b6427}
@media(min-width:901px){.top nav{gap:clamp(12px,1.5cqw,30px);font-size:12px;letter-spacing:.06em}}
@media(max-width:1100px){.side-title{font-size:28px}.side-copy h3{font-size:25px}.side-copy .body,.step .body{font-size:14px}.pod-cap{font-size:10px}.btn{font-size:11px;padding:14px 18px}.story-row{min-height:340px}.side-copy{gap:17px}}
@media(max-width:900px){.story-row,.story-row.compact,.launch-zone .step-row,.project-intro{min-height:0}.side-copy{padding:32px 24px;gap:18px}.side-title{font-size:34px}.side-copy h3{font-size:26px}.side-copy .body,.step .body{font-size:15px}.launch-zone .row>.mission-card{background:var(--char)!important;color:var(--cream)}.project-intro .shot{order:0}.project-shot{margin:0;padding:20px 24px}.project-shot img{max-height:420px;object-fit:contain;background:var(--char)}.launch-zone .step-row .shot{order:0}.launch-zone .step{padding:30px 24px}.launch-zone .step-row:not(.on) .step,.launch-zone .step-row:not(.on) .shot img{opacity:1;filter:none}.partnership-row{padding-bottom:25px}.contact-rover{display:none}.form-pair{grid-template-columns:1fr}.contact-heading .side-title{font-size:40px}.contact-heading>.c{padding:30px 24px}#contact-form input,#contact-form select,#contact-form textarea{font-size:16px}.faq summary{font-size:17px}}
@media(prefers-reduced-motion:reduce){.launch-zone .step-row:not(.on) .step,.launch-zone .step-row:not(.on) .shot img{opacity:1;filter:none}}

/* ===================== readable type ===================== */
/* Display headings: heavy, tight grotesk (was Saved By Zero). */
.mega h1,.title,.side-title,.fact strong,.pod-num,.lost h1,.closing h2{font-family:var(--display);font-weight:700;letter-spacing:-.04em}
.mega h1{line-height:.84}
.mega h1 .dim{letter-spacing:-.02em}
.side-copy h3,.step h3,.faq summary,.outcome-list b,.offering-list summary,.framework-detail summary{font-family:var(--head);font-weight:700;letter-spacing:-.015em}
/* Body copy: sans, bigger, heavier, darker. Mono stays for labels and UI. */
.body,.lead,.faq details p,.outcome-list span,.offering-list details p,.fact span,.foot-row .body,.lost p{font-family:var(--sans);font-weight:500;color:#3b3836}
.body,.side-copy .body,.step .body{font-size:18px;line-height:1.55}
.lead{font-size:clamp(20px,1.5cqw,26px);line-height:1.35;font-weight:600;color:var(--char)}
.faq details p,.offering-list details p{font-size:17px;line-height:1.6}
.outcome-list span,.fact span{font-size:16px}
.dark .body,.mission-card .body{color:#f0eee6d9}
@media(max-width:1100px){.side-copy .body,.step .body{font-size:17px}}

/* ===================== scribbled notes ===================== */
.scrib{font-family:var(--hand);font-size:clamp(22px,1.7cqw,30px);line-height:1.1;color:var(--orange-text);transform:rotate(-4deg);transform-origin:left center;width:max-content;max-width:100%}
.scrib::after{content:'';display:block;height:7px;margin-top:2px;width:92%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C30 1 60 7 118 3' fill='none' stroke='%23C4603C' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.program-feature .scrib,.side-copy .scrib:first-child{color:var(--indigo)}
.program-feature .scrib::after,.side-copy .scrib:first-child::after{filter:hue-rotate(200deg) saturate(.8)}
.hero-copy .scrib{font-size:clamp(26px,2.1cqw,38px)}
#faq .c4{display:flex;align-items:center}

/* ===================== metal chassis ===================== */
/* Matte silver plating after the course title window: dark outline that follows
   the cut corners, a thicker lower-right edge (plate depth), an inset panel line,
   screws, and a lime "FIG." label bar. */
:root{
  --metal:linear-gradient(165deg,#f4f5f6 0%,#e6e8ea 40%,#d6d9dc 75%,#cdd0d4 100%);
  --metal-edge:#8e9297;
  --metal-pipe:linear-gradient(90deg,#a7abb0 0%,#d3d6d9 10%,#eef0f1 26%,#f6f7f8 34%,#e2e4e7 55%,#cfd2d6 78%,#b7bbc0 92%,#9a9ea3 100%);
  --metal-bar:linear-gradient(180deg,#a7abb0 0%,#e9ebed 22%,#f6f7f8 38%,#dcdfe2 64%,#b9bdc2 88%,#9a9ea3 100%);
  --screw:radial-gradient(circle at 45% 40%,#55585c 0 1.5px,#1f2022 2px 3.6px,#ffffffa0 3.8px 4.6px,transparent 5px);
  --cut:28px;
}
/* outline plate (the element) + face plate (::after) inset more on the lower right */
.shot,.hero-shot{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,1.6cqw,30px) clamp(22px,1.6cqw,30px) clamp(26px,1.9cqw,34px);
  background:var(--metal-edge);color:var(--char);box-shadow:none;isolation:isolate;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}
.shot::after,.hero-shot::after{content:'';position:absolute;inset:1.5px 5px 6px 1.5px;z-index:-1;opacity:1;background:var(--metal);
  clip-path:polygon(0 0,calc(100% - var(--cut) + 2px) 0,100% calc(var(--cut) - 2px),100% 100%,calc(var(--cut) - 2px) 100%,0 calc(100% - var(--cut) + 2px));
  box-shadow:inset 2px 2px 0 #fff,inset -2px -2px 0 #0000001f,inset 0 0 0 9px transparent,inset 0 0 0 10px #00000014}
.shot::before{content:'';position:absolute;inset:9px 13px 14px 9px;pointer-events:none;z-index:2;
  background:var(--screw) 0 0/12px 12px no-repeat,var(--screw) 100% 100%/12px 12px no-repeat}
.shot img,.hero-shot img{position:relative;order:1;border:4px solid #3a3d41;box-shadow:0 0 0 1.5px #ffffffd9,0 0 0 3px #0000002e;background:var(--char)}
.shot figcaption,.hero-shot figcaption{position:relative;order:0;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 10px;padding:9px 12px;
  background:linear-gradient(#e4eac8,#d2dbab);border:1.5px solid #8b965c;box-shadow:inset 0 1px 0 #ffffffb3;
  font:700 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--char)}
.shot figcaption::after,.hero-shot figcaption::after{content:'';flex:none;width:36px;height:12px;background:repeating-linear-gradient(90deg,#29272799 0 1px,transparent 1px 3px)}
.hero-shot{justify-content:center;z-index:3}
.project-shot figcaption{padding:9px 12px;color:var(--char);font-size:11px}

/* the tube: matte silver pipe with a recessed signal slot */
.tube{background:var(--metal-pipe);box-shadow:inset 2px 0 0 var(--metal-edge),inset -2px 0 0 var(--metal-edge)}
.tube::before{width:16px;margin-left:-8px;opacity:1;border-radius:8px;
  background:radial-gradient(circle,var(--lime) 2.6px,transparent 3.4px) 50% 0/16px 28px repeat-y,linear-gradient(90deg,#1c1d1f,#323538 50%,#1c1d1f);
  box-shadow:inset 0 0 0 1px #000,0 0 0 2px #ffffffc0,0 0 0 3px #0000002a}
/* collars: silver bands with an orange stripe */
.tube::after{background:repeating-linear-gradient(to bottom,transparent 0 720px,var(--metal-edge) 720px 722px,#eceef0 722px 738px,var(--orange) 738px 742px,#d3d6d9 742px 756px,var(--metal-edge) 756px 758px,transparent 758px 780px)}
/* head + foot: chassis plates */
.tube-head,.tube-foot{background:var(--metal-bar);box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #0000002e,inset 2px 0 0 var(--metal-edge),inset -2px 0 0 var(--metal-edge)}
.tube-foot{background:var(--screw) 22px 50%/12px 12px no-repeat,var(--screw) calc(100% - 22px) 50%/12px 12px no-repeat,var(--metal-bar)}
@media (min-width:901px){
  .port{background:var(--metal-bar);box-shadow:inset 0 2px 0 var(--metal-edge),inset 0 -2px 0 var(--metal-edge)}
  .port::after{background:var(--metal-edge);box-shadow:inset 1px 1px 0 #ffffff80}
}
/* the chamber: silver housing around a dark screen */
.pod-cap{background:var(--metal-bar);color:var(--char);font-weight:700;box-shadow:inset 0 2px 0 #fff}
.pod-cap b::before{background:var(--lime);box-shadow:0 0 0 1.5px var(--char),0 0 6px var(--lime)}
.pod-glass{margin-inline:0;border:12px solid transparent;
  background:radial-gradient(110% 70% at 50% 108%,color-mix(in srgb,var(--acc) 30%,transparent),transparent 62%) padding-box,linear-gradient(var(--char),var(--char)) padding-box,var(--metal) border-box;
  box-shadow:0 0 0 1.5px var(--metal-edge),inset 0 0 0 1.5px #000}
.pod-glass::after{background:none;box-shadow:inset 0 6px 14px #000000a6}
.pod-base{background:var(--screw) 22px 55%/12px 12px no-repeat,var(--screw) calc(100% - 22px) 55%/12px 12px no-repeat,var(--metal-bar);border-block:2px solid var(--metal-edge)}
.pod-caption{background:linear-gradient(#e4eac8,#d2dbab);color:var(--char);font-weight:700;border:1.5px solid #8b965c}
@media(max-width:900px){.row>.shot,.row>.hero-shot{background:var(--metal-edge)!important}.project-shot{padding:20px 22px 26px}}

/* pod cap: indicator light only, no label */
.pod-cap b{font-size:0}
/* skills from the example build */
.skill-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;width:100%;border-top:1px solid var(--line);padding-top:16px}
.skill-list li{font:600 16px/1.3 var(--sans);display:flex;gap:8px}
.skill-list li::before{content:'✓';color:var(--orange-text);font-weight:700}
.mega h1{margin-top:clamp(16px,1.6cqw,34px)}

/* ===================== CRT strip ===================== */
/* "How we teach" reads like a retro phosphor screen in brand lime. */
.crt{position:relative;background:radial-gradient(120% 160% at 50% 50%,#1a2610 0%,#0f170a 60%,#080d05 100%);color:var(--lime);border-top:0;
  box-shadow:inset 0 0 0 3px #29272799,inset 0 0 60px #000c;overflow:hidden}
.crt::before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;
  background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000059 2px 3px),radial-gradient(130% 120% at 50% 50%,#0000 60%,#0008 100%)}
.crt::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#b4d45208,#b4d4521a 50%,#b4d45208);animation:flicker 4s steps(2) infinite}
@keyframes flicker{50%{opacity:.6}}
.facts.crt>.c.fact{background:transparent!important;box-shadow:inset 1px 0 0 #b4d45222;justify-content:center}
.crt .fact strong{font:700 clamp(17px,1.2cqw,21px)/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lime);text-shadow:0 0 8px #b4d452b3}
.crt .fact span{font:400 16px/1.5 var(--mono);color:#cfe592;max-width:32ch;text-shadow:0 0 6px #b4d45266}
.crt .prompt p{font:700 clamp(18px,1.4cqw,24px)/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 10px #b4d452cc}
.cursor{display:inline-block;width:.6em;height:1em;margin-left:6px;vertical-align:-2px;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:blink 1s steps(2) infinite}
@media(max-width:900px){.facts.crt>.c.fact{grid-column:1/-1;box-shadow:inset 0 1px 0 #b4d45222}}