@font-face{font-family:"Space Grotesk";font-weight:300;font-style:normal;font-display:swap;src:url(../../public/fonts/SpaceGrotesk-Light.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url(../../public/fonts/Inter-Regular.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url(../../public/fonts/Inter-Medium.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-weight:600;font-style:normal;font-display:swap;src:url(../../public/fonts/SpaceGrotesk-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url(../../public/fonts/Inter-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-style:normal;font-display:swap;src:url(../../public/fonts/Inter-Bold.woff2) format("woff2")}
/* A1Q shell / DEV-B refinement pass. Static, no font or network dependencies. */
:root{color-scheme:dark;--a1q-bg:#020a18;--a1q-ink:#f2f6ff;--a1q-secondary:#d5e0ff;--a1q-muted:#8da2d0;--a1q-stroke:rgba(213,224,255,.24);--a1q-stroke-soft:rgba(213,224,255,.12);--a1q-accent:#3d9bff;--a1q-focus:#ffdc83;--a1q-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--a1q-display:"Inter","Helvetica Neue",Arial,sans-serif;--a1q-gutter:clamp(1.25rem,4.4vw,6rem);--a1q-header-size:clamp(4.5rem,7vh,5.25rem);--a1q-footer-size:clamp(6.2rem,11vh,7.8rem);--a1q-ease:cubic-bezier(.2,.75,.2,1);--a1q-shadow:0 1px 18px rgba(0,0,0,.44)}
*,*::before,*::after{box-sizing:border-box}
html{min-width:320px;background:var(--a1q-bg)}
body{margin:0;color:var(--a1q-ink);background:var(--a1q-bg);font:400 16px/1.55 var(--a1q-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
[hidden]{display:none!important}
a{color:inherit}
button,input,textarea{font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--a1q-focus);outline-offset:4px}
.a1q-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.a1q-shell{position:relative;min-height:100vh;min-height:100dvh;overflow:clip;isolation:isolate;background:var(--a1q-bg)}
.a1q-header{position:relative;z-index:20;min-height:var(--a1q-header-size);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 var(--a1q-gutter);border-bottom:1px solid var(--a1q-stroke-soft);background:transparent;text-shadow:var(--a1q-shadow)}
.a1q-brand{display:inline-flex;align-items:center;gap:.78rem;min-width:0;text-decoration:none}
.a1q-brand__logo{display:block;width:clamp(3.2rem,4.6vw,4.4rem);aspect-ratio:1220/528;background:#fff;-webkit-mask:url(../../assets/a1q-logo.svg) center/contain no-repeat;mask:url(../../assets/a1q-logo.svg) center/contain no-repeat}
.a1q-programmes__divider{display:none}
.a1q-brand__tagline{padding-left:.82rem;border-left:1px solid var(--a1q-stroke);font-size:.62rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--a1q-secondary);white-space:nowrap}
.a1q-header__nav{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(.85rem,2vw,2.1rem);white-space:nowrap}
.a1q-header__nav a{font-size:.76rem;font-weight:500;letter-spacing:.045em;color:var(--a1q-secondary);text-decoration:none;transition:color .22s var(--a1q-ease),opacity .22s var(--a1q-ease)}
.a1q-header__nav a:hover,.a1q-header__nav a:focus-visible{color:var(--a1q-ink)}
.a1q-main{min-width:0}
.a1q-product{position:relative;display:block;min-height:calc(100vh - var(--a1q-header-size));min-height:calc(100dvh - var(--a1q-header-size));overflow:hidden}
.a1q-product__copy{position:relative;z-index:4;width:min(47%,48rem);min-width:0;min-height:calc(100vh - var(--a1q-header-size));min-height:calc(100dvh - var(--a1q-header-size));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1.8rem,4vh,4rem) 1rem calc(var(--a1q-footer-size) + clamp(2.6rem,5vh,4.4rem)) var(--a1q-gutter);background:transparent;text-shadow:var(--a1q-shadow)}
.a1q-product__copy::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:4% -12% 6% -12%;background:radial-gradient(ellipse at 28% 50%,rgba(4,7,12,.38),rgba(4,7,12,.15) 48%,transparent 76%);filter:blur(18px)}
.a1q-product__eyebrow{max-width:100%;margin:0;color:var(--a1q-accent);font-size:clamp(.62rem,.68vw,.76rem);font-weight:500;letter-spacing:.17em;line-height:1.65;text-transform:uppercase}
.a1q-product__code{margin:.5rem 0 .15rem;font:300 clamp(7rem,13.5vw,15rem)/.84 var(--a1q-display);letter-spacing:-.085em;font-stretch:condensed}
.a1q-product__claim{margin:clamp(.95rem,2.2vh,1.7rem) 0 0;max-width:18ch;font-size:clamp(1.9rem,2.9vw,3.45rem);line-height:1.08;font-weight:400;letter-spacing:-.045em;text-wrap:balance}
.a1q-product__description{margin:1.15rem 0 0;max-width:39rem;color:var(--a1q-secondary);font-size:clamp(.98rem,1.04vw,1.18rem);font-weight:350;line-height:1.66;letter-spacing:.005em;text-wrap:pretty}
.a1q-product__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:clamp(1.4rem,3vh,2.4rem)}
.a1q-button{display:inline-flex;justify-content:center;align-items:center;gap:.55rem;min-height:2.85rem;padding:.68rem 1rem;border:1px solid var(--a1q-stroke);border-radius:.12rem;background:rgba(7,9,13,.08);font-size:.76rem;font-weight:500;letter-spacing:.055em;text-decoration:none;text-shadow:none;backdrop-filter:blur(2px);transition:border-color .22s var(--a1q-ease),color .22s var(--a1q-ease),background .22s var(--a1q-ease)}
.a1q-button--primary{color:var(--a1q-ink);border-color:rgba(231,242,255,.42)}
.a1q-button--primary:hover{background:rgba(231,242,255,.07);border-color:rgba(231,242,255,.72)}
.a1q-button--secondary{color:var(--a1q-secondary);background:transparent}
.a1q-button--secondary:hover{color:var(--a1q-ink);border-color:rgba(231,242,255,.5);background:rgba(231,242,255,.035)}
.a1q-product__visual{position:absolute;inset:0;z-index:1;min-height:100%;overflow:hidden;background:radial-gradient(ellipse at 63% 48%,#16263b 0%,#0b111a 48%,#07090d 82%)}
.a1q-product__visual::after{position:absolute;inset:0;z-index:3;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(7,9,13,.54) 0%,rgba(7,9,13,.2) 34%,transparent 60%),linear-gradient(0deg,rgba(7,9,13,.42),transparent 23%)}
#visual-stage{isolation:isolate}
#stage-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .5s}
#stage-canvas.is-ready{opacity:1}
#stage-fallback,.a1q-product__visual-fallback{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 64% 49%,rgba(39,63,90,.95),transparent 52%)}
.a1q-product__diagonal{position:absolute;width:145%;height:1px;left:-17%;top:49%;transform:rotate(-32deg);background:linear-gradient(90deg,transparent,#dcefff 38%,#8ebff0 60%,transparent);box-shadow:0 0 24px 5px rgba(168,216,255,.14)}
.a1q-product__halo{position:absolute;width:min(62vw,65vh);aspect-ratio:1;left:62%;top:50%;border:1px solid rgba(170,206,245,.16);border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg);box-shadow:0 0 110px 20px rgba(61,112,172,.12)}
.a1q-product__visual-label{position:absolute;z-index:4;right:var(--a1q-gutter);bottom:calc(var(--a1q-footer-size) + 1.25rem);font-size:.62rem;font-weight:500;letter-spacing:.18em;color:var(--a1q-secondary);text-transform:uppercase;text-shadow:var(--a1q-shadow)}
.a1q-footer{position:absolute;z-index:10;left:0;right:0;bottom:0;min-height:var(--a1q-footer-size);background:transparent;border-top:1px solid var(--a1q-stroke-soft);text-shadow:var(--a1q-shadow);backdrop-filter:blur(1.5px)}
.a1q-footer__progress{height:1px;width:100%;background:rgba(205,221,239,.1)}
#progress-fill{display:block;height:1px;width:0;background:rgba(198,229,255,.82);box-shadow:0 0 8px rgba(198,229,255,.26);transition:width .4s var(--a1q-ease)}
.a1q-programmes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.a1q-programmes__item{position:relative;min-width:0;min-height:clamp(4.7rem,7.8vh,5.7rem);display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:clamp(.42rem,.65vw,.72rem);padding:.62rem clamp(.65rem,1.05vw,1.25rem);border-right:1px solid var(--a1q-stroke-soft);text-decoration:none;color:var(--a1q-muted);background:transparent;transition:color .22s var(--a1q-ease),background .22s var(--a1q-ease)}
.a1q-programmes__item:last-child{border-right:0}
.a1q-programmes__item:hover{color:var(--a1q-secondary);background:rgba(231,242,255,.025)}
.a1q-programmes__item.is-active,.a1q-programmes__item[aria-current=page]{color:var(--a1q-ink);background:rgba(231,242,255,.035)}
.a1q-programmes__item.is-active::before,.a1q-programmes__item[aria-current=page]::before{content:"";position:absolute;left:clamp(.65rem,1.05vw,1.25rem);right:clamp(.65rem,1.05vw,1.25rem);top:-1px;height:1px;background:var(--a1q-accent);box-shadow:0 0 8px rgba(198,229,255,.22)}
.a1q-programmes__number{color:currentColor;font-size:.59rem;font-weight:450;letter-spacing:.08em;font-variant-numeric:tabular-nums;line-height:1.65;opacity:.74}
.a1q-programmes__code{display:block;color:var(--a1q-ink);font:400 clamp(1.15rem,1.45vw,1.65rem)/1 var(--a1q-display);letter-spacing:-.035em}
.a1q-programmes__domain{grid-column:2;color:currentColor;font-size:.6rem;font-weight:450;letter-spacing:.035em;line-height:1.35;margin-top:.24rem}
.a1q-footer__hint{margin:0;padding:.26rem var(--a1q-gutter) .3rem;font-size:.52rem;font-weight:450;letter-spacing:.19em;color:var(--a1q-muted);text-align:right}
.a1q-noscript{position:fixed;z-index:100;bottom:0;left:0;right:0;margin:0;padding:1rem;background:rgba(7,9,13,.94);color:var(--a1q-ink);text-align:center}
.a1q-legal{max-width:56rem;margin:auto;padding:clamp(3rem,7vw,7rem) var(--a1q-gutter);min-height:70vh}
.a1q-legal h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:350;letter-spacing:-.05em;line-height:1.05}
.a1q-legal p{font-size:1.08rem;color:var(--a1q-secondary)}
@media(max-width:1180px){
  .a1q-product__copy{width:min(52%,43rem)}
  .a1q-product__code{font-size:clamp(6.5rem,12.5vw,10.5rem)}
  .a1q-product__claim{font-size:clamp(1.85rem,3.1vw,3rem)}
  .a1q-programmes__item{padding-inline:.62rem}
  .a1q-programmes__item.is-active::before,.a1q-programmes__item[aria-current=page]::before{left:.62rem;right:.62rem}
}
@media(max-width:900px){
  :root{--a1q-header-size:4.5rem}
  .a1q-header{gap:.8rem}
  .a1q-brand{gap:.5rem}
  .a1q-brand__tagline{display:none}
  .a1q-header__nav{gap:clamp(.65rem,2.2vw,1.25rem)}
  .a1q-header__nav a{font-size:.69rem;letter-spacing:.035em}
}
@media(max-width:820px){
  :root{--a1q-footer-size:6rem}
  .a1q-product__copy{width:100%;min-height:calc(100dvh - var(--a1q-header-size));justify-content:flex-start;padding:clamp(2.8rem,7vh,5rem) var(--a1q-gutter) calc(var(--a1q-footer-size) + 2.8rem)}
  .a1q-product__copy::before{inset:0 -10% 22% -10%;background:radial-gradient(ellipse at 28% 36%,rgba(4,7,12,.46),rgba(4,7,12,.16) 55%,transparent 78%)}
  .a1q-product__code{font-size:clamp(6.8rem,22vw,10.5rem)}
  .a1q-product__claim{font-size:clamp(1.9rem,5.2vw,3rem);max-width:22ch}
  .a1q-product__description{max-width:36rem;font-size:clamp(.95rem,2vw,1.08rem)}
  .a1q-product__visual::after{background:linear-gradient(180deg,rgba(7,9,13,.38),rgba(7,9,13,.12) 48%,rgba(7,9,13,.28)),linear-gradient(90deg,rgba(7,9,13,.38),transparent 72%)}
  .a1q-product__halo{left:67%;width:min(88vw,62vh)}
  .a1q-programmes__item{min-height:4.85rem;display:flex;flex-direction:column;gap:.08rem;padding:.52rem .5rem}
  .a1q-programmes__item.is-active::before,.a1q-programmes__item[aria-current=page]::before{left:.5rem;right:.5rem}
  .a1q-programmes__domain{margin-top:.18rem;font-size:.56rem}
  .a1q-programmes__code{font-size:clamp(1.05rem,2.8vw,1.4rem)}
  .a1q-footer__hint{font-size:.48rem}
}
@media(max-width:560px){
  :root{--a1q-gutter:1rem;--a1q-footer-size:5.7rem}
  .a1q-header{gap:.45rem;padding-inline:var(--a1q-gutter)}
  .a1q-brand__logo{width:3rem}
  .a1q-header__nav{gap:.58rem}
  .a1q-header__nav a{font-size:.62rem;letter-spacing:.02em}
  .a1q-product__copy{padding-top:clamp(2rem,5.5vh,3.2rem);padding-bottom:calc(var(--a1q-footer-size) + 2.25rem)}
  .a1q-product__eyebrow{font-size:.57rem;letter-spacing:.13em}
  .a1q-product__code{font-size:clamp(6rem,27vw,8.5rem);margin-top:.4rem}
  .a1q-product__claim{font-size:clamp(1.75rem,7vw,2.55rem)}
  .a1q-product__description{font-size:.94rem;line-height:1.58}
  .a1q-product__actions{gap:.5rem;margin-top:1.2rem}
  .a1q-button{min-height:2.65rem;padding:.62rem .76rem;font-size:.69rem}
  .a1q-product__visual-label{right:1rem;bottom:calc(var(--a1q-footer-size) + .85rem);font-size:.54rem}
  .a1q-programmes{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(198,229,255,.28) transparent}
  .a1q-programmes__item{flex:0 0 7.2rem;min-height:4.25rem;scroll-snap-align:start;padding:.45rem .55rem;border-right:1px solid var(--a1q-stroke-soft)}
  .a1q-programmes__item.is-active::before,.a1q-programmes__item[aria-current=page]::before{left:.55rem;right:.55rem}
  .a1q-programmes__domain{font-size:.52rem}
  .a1q-programmes__code{font-size:1.05rem}
  .a1q-programmes__number{font-size:.51rem}
  .a1q-footer__hint{display:none}
}
@media(max-width:390px){
  .a1q-header__nav{gap:.45rem}
  .a1q-header__nav a{font-size:.58rem}
  .a1q-product__description{font-size:.91rem}
  .a1q-programmes__item{flex-basis:6.7rem}
}
@media(max-height:760px) and (min-width:821px){
  .a1q-product__copy{justify-content:flex-start;padding-top:clamp(1.3rem,4vh,2.4rem)}
  .a1q-product__code{font-size:clamp(4.8rem,9.7vw,8.7rem)}
  .a1q-product__claim{margin-top:.62rem;font-size:clamp(1.55rem,2.45vw,2.55rem)}
  .a1q-product__description{margin-top:.65rem;font-size:clamp(.9rem,1vw,1.05rem);line-height:1.5}
  .a1q-product__actions{margin-top:.9rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.a1q-button,.a1q-programmes__item{border:1px solid ButtonText}.a1q-programmes__item[aria-current=page]{outline:2px solid Highlight;outline-offset:-2px}.a1q-product__copy::before{display:none}}

/* Brand stack shared with DEV-A header markup; preserve Bas's product rhythm below. */
.a1q-brand__text{display:flex;flex-direction:column;justify-content:center;gap:.2rem;min-width:0;padding-left:.8rem;border-left:1px solid var(--a1q-stroke)}
.a1q-brand__text .a1q-brand__tagline{display:block;padding:0;border:0;color:var(--a1q-secondary);font-size:.62rem;font-weight:600;letter-spacing:.13em;line-height:1.25;text-transform:uppercase;white-space:nowrap}
.a1q-brand__origin{display:block;color:var(--a1q-muted);font-size:.49rem;font-weight:500;letter-spacing:.21em;line-height:1.35;text-transform:uppercase;white-space:nowrap}
@media(max-width:900px){.a1q-brand__text .a1q-brand__tagline{display:block}}
@media(max-width:560px){.a1q-brand__text{padding-left:.53rem;gap:.12rem}.a1q-brand__text .a1q-brand__tagline{font-size:.46rem;letter-spacing:.075em}.a1q-brand__origin{font-size:.4rem;letter-spacing:.13em}}

/* A1Q refinement (Bas): sharper, slightly smaller product names, fixed vertical rhythm (no jumping between products) */
.a1q-product__code{font:700 clamp(2.8rem,5.3vw,5.8rem)/.9 var(--a1q-display);letter-spacing:-.035em;font-stretch:normal}
.a1q-programmes__code{font:600 clamp(1rem,1.25vw,1.4rem)/1 var(--a1q-display);letter-spacing:-.015em}
@media(min-width:900px){
  .a1q-product__copy{justify-content:flex-start;padding-top:clamp(4.5rem,12vh,8rem)}
  .a1q-product__eyebrow{min-height:calc(2*1.65em)}
  .a1q-product__code{height:.9em;display:block;box-sizing:content-box;white-space:nowrap}
  .a1q-product__claim{min-height:calc(3*1.08em)}
  .a1q-product__description{min-height:calc(8*1.66em)}
}
/* Bas: MADE IN EUROPE centred under ENGINEERED INTELLIGENCE (trailing letter-spacing compensated so it is optically centred) */
.a1q-brand__text{align-items:center;text-align:center}
.a1q-brand__text .a1q-brand__tagline{margin-right:-.13em}
.a1q-brand__origin{margin-right:-.21em}

/* Full-page stage: header + stage + footer are exactly one viewport on desktop; type scales with viewport height. */
@media(min-width:821px){
  html,body{height:100%;overflow:hidden}
  .a1q-shell{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column}
  .a1q-header{flex:none}
  .a1q-main{flex:1 1 auto;min-height:0}
  .a1q-product{height:100%;min-height:0}
  .a1q-product__copy{height:100%;min-height:0;padding-top:clamp(1rem,3vh,3rem);padding-bottom:calc(var(--a1q-footer-size) + clamp(1rem,3vh,3rem))}
  .a1q-product__code{font-size:min(6.75vw,9.5vh)}
  .a1q-product__claim{margin-top:clamp(.5rem,1.6vh,1.5rem);font-size:min(2.9vw,4.4vh)}
  .a1q-product__description{margin-top:clamp(.5rem,1.4vh,1.1rem);font-size:min(1.04vw,1.9vh);line-height:1.55}
  .a1q-product__actions{margin-top:clamp(.8rem,2.4vh,2rem)}
  .a1q-button{min-height:clamp(2.3rem,4.6vh,2.85rem)}
}
@media(min-width:821px) and (max-height:820px){
  .a1q-product__code{font-size:min(6.75vw,7vh)}
  .a1q-product__claim{font-size:min(2.9vw,3.7vh)}
  .a1q-product__description{font-size:min(1.04vw,1.7vh);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
  .a1q-product__actions{margin-top:clamp(.5rem,1.6vh,1rem)}
}
@media(min-width:821px) and (max-height:640px){
  .a1q-product__description{-webkit-line-clamp:3}
  .a1q-product__code{font-size:min(6.75vw,6vh)}
}

/* Type system: Space Grotesk for programme names; Inter for titles and text; all smaller and tighter. */
.a1q-product__code{font-family:"Space Grotesk","Inter",sans-serif;font-weight:600;letter-spacing:-.04em}
.a1q-product__claim{font-family:"Inter",sans-serif;font-weight:500;letter-spacing:-.025em;line-height:1.15}
.a1q-product__description{font-family:"Inter",sans-serif;font-weight:400;letter-spacing:0;line-height:1.6}
@media(min-width:821px){
  .a1q-product__claim{font-size:min(1.7vw,2.7vh)}
  .a1q-product__description{font-size:min(.8vw,1.55vh);-webkit-line-clamp:unset;display:block;overflow:visible}
}
@media(min-width:821px) and (max-height:820px){
  .a1q-product__claim{font-size:min(1.7vw,2.5vh)}
  .a1q-product__description{font-size:min(.8vw,1.45vh)}
}
@media(max-width:820px){
  .a1q-product__claim{font-size:clamp(1.15rem,4.4vw,1.6rem)}
  .a1q-product__description{font-size:.86rem}
}

/* Bottom navigation: tiles run edge to edge and flush to the bottom of the viewport; no strip below them. */
@media(min-width:821px){
  .a1q-footer{min-height:0}
  .a1q-footer__hint{display:none}
  .a1q-programmes__item{min-height:clamp(4.8rem,9vh,6.4rem)}
  .a1q-programmes__code{font:500 clamp(.95rem,1.1vw,1.25rem)/1 "Space Grotesk","Inter",sans-serif;letter-spacing:-.01em}
}

/* Left copy block sits vertically centred between header and footer; fixed block heights keep it from jumping between products. */
@media(min-width:900px){
  .a1q-product__copy{justify-content:center}
  .a1q-product__description{min-height:calc(9*1.6em)}
/* Palette: Hubtown-style deep navy (#020a18), periwinkle text (#d5e0ff), electric-blue glow accents; layered contrast (deepest header/footer, lifted glowing stage). */
html[data-product=3xp]{--a1q-accent:#3d9bff}
html[data-product=s1m]{--a1q-accent:#7b8cff}
html[data-product=d30]{--a1q-accent:#33c8ff}
html[data-product=n0x]{--a1q-accent:#5aa8ff}
html[data-product=g3n]{--a1q-accent:#4dd0e8}
html[data-product=r3x]{--a1q-accent:#9cc4ff}
.a1q-product__visual{background:radial-gradient(ellipse at 66% 46%,color-mix(in srgb,var(--a1q-accent) 34%,#031226) 0%,color-mix(in srgb,var(--a1q-accent) 14%,#020d1d) 36%,#020a18 68%,#010510 100%)}
.a1q-header,.a1q-footer{background:#01060f}
.a1q-product__eyebrow{color:var(--a1q-accent);font-weight:600}
.a1q-product__code{color:#fff;text-shadow:0 0 70px color-mix(in srgb,var(--a1q-accent) 55%,transparent)}
.a1q-product__claim{color:#fff}
.a1q-product__description{color:var(--a1q-secondary)}
.a1q-button--primary{background:var(--a1q-accent);border-color:var(--a1q-accent);color:#020a18;font-weight:600}
.a1q-button--primary:hover{background:color-mix(in srgb,var(--a1q-accent) 80%,#fff);border-color:transparent;color:#020a18}
.a1q-programmes__item.is-active,.a1q-programmes__item[aria-current=page]{background:color-mix(in srgb,var(--a1q-accent) 16%,#01060f)}
.a1q-programmes__item.is-active .a1q-programmes__code,.a1q-programmes__item[aria-current=page] .a1q-programmes__code{color:#fff}
.a1q-programmes__item.is-active::before,.a1q-programmes__item[aria-current=page]::before{left:0;right:0;height:2px;background:var(--a1q-accent);box-shadow:0 0 16px color-mix(in srgb,var(--a1q-accent) 70%,transparent)}
#progress-fill{background:var(--a1q-accent)}
@media(min-width:900px){
  .a1q-product__description{min-height:calc(4*1.6em)}
}

/* Nav tiles use one fixed accent for hover and active, whatever the programme. */
:root{--a1q-nav-accent:#3d9bff}
/* Transparent bars: scene runs behind header and footer; tile hover shares the active accent. */
.a1q-header,.a1q-footer{background:transparent}
.a1q-programmes__item:hover{color:#fff;background:color-mix(in srgb,var(--a1q-nav-accent) 13%,transparent)}
.a1q-programmes__item:hover::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--a1q-nav-accent);opacity:.55;box-shadow:0 0 14px color-mix(in srgb,var(--a1q-nav-accent) 55%,transparent)}
.a1q-programmes__item.is-active,.a1q-programmes__item[aria-current=page]{background:color-mix(in srgb,var(--a1q-nav-accent) 18%,transparent)}
.a1q-programmes__item.is-active::before,.a1q-programmes__item[aria-current=page]::before{opacity:1}
@media(min-width:821px){
  .a1q-header{position:absolute;top:0;left:0;right:0}
  .a1q-product__copy{padding-top:calc(var(--a1q-header-size) + clamp(1rem,3vh,3rem))}
}
.a1q-programmes__item.is-active::before,.a1q-programmes__item[aria-current=page]::before{background:var(--a1q-nav-accent);box-shadow:0 0 16px color-mix(in srgb,var(--a1q-nav-accent) 70%,transparent)}
#progress-fill{background:var(--a1q-nav-accent)}

/* Eyebrow above the programme name: thin, wide-tracked uppercase grotesk in the Hubtown manner. */
.a1q-product__eyebrow{font-family:"Space Grotesk","Inter",sans-serif;font-weight:300;font-size:clamp(.74rem,.82vw,.95rem);letter-spacing:.24em;color:#d5e0ff;text-transform:uppercase}

/* continuous scroll navigation */
.a1q-programmes{position:relative}
.a1q-programmes__thumb{position:absolute;left:0;top:-1px;height:2px;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,var(--a1q-accent) 18%,#fff 50%,var(--a1q-accent) 82%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--a1q-accent) 80%,transparent),0 0 34px color-mix(in srgb,var(--a1q-accent) 45%,transparent);will-change:transform}
.a1q-programmes__item{z-index:1;--near:0;color:color-mix(in srgb,#fff calc(var(--near) * 100%),var(--a1q-muted))}
.a1q-programmes__item.is-active,.a1q-programmes__item[aria-current=page]{background:transparent}
.a1q-programmes__item.is-active::before,.a1q-programmes__item[aria-current=page]::before{display:none}
.a1q-programmes__item:hover::before{display:none}
.a1q-programmes__item .a1q-programmes__code{color:inherit}
#progress-fill{transition:none}

.a1q-programmes__item.is-active,.a1q-programmes__item[aria-current=page],.a1q-programmes__item:hover{background:transparent}

/* machine-readable world tags */
.a1q-world-tags{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.a1q-tag{position:absolute;left:0;top:0;opacity:0;font:500 10px/1.35 "IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;color:#a9dcff;white-space:nowrap;will-change:transform,opacity;text-shadow:0 0 12px rgba(30,139,255,.55)}
.a1q-tag i{position:absolute;left:-4px;top:-4px;width:7px;height:7px;border:1px solid #6fd2ff;background:rgba(111,210,255,.18)}
.a1q-tag b{display:block;margin-left:12px;font-weight:600;color:#e9f6ff}
.a1q-tag span{display:block;margin-left:12px;color:#7fb8e6;font-size:9px}

.a1q-hud{position:absolute;top:clamp(4.4rem,9vh,5.6rem);right:clamp(1rem,2.2vw,2rem);z-index:3;display:grid;gap:.34rem;font:500 10px/1.2 "IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#7fb8e6;pointer-events:none;transition:opacity .4s}
.a1q-hud div{display:flex;justify-content:flex-end;gap:.9rem}
.a1q-hud span{opacity:.62}
.a1q-hud b{font-weight:600;color:#dff1ff;min-width:7.5em;text-align:right}
@media(max-width:760px){.a1q-hud{display:none}}

/* the light line grows from zero at the very start to the full width at the end */
.a1q-programmes__thumb{left:0!important;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--a1q-accent) 55%,transparent) 55%,var(--a1q-accent) 92%,#fff)!important;box-shadow:none!important;transform:none}
.a1q-programmes__thumb::after{content:"";position:absolute;right:-2px;top:-4px;width:44px;height:10px;background:radial-gradient(ellipse at 100% 50%,rgba(255,255,255,.95),rgba(111,210,255,.55) 35%,transparent 72%);filter:blur(1px)}

/* diagram card: states the story in words, machine-style */
.a1q-diagram{position:absolute;right:clamp(1rem,2.2vw,2rem);top:clamp(9rem,17vh,11rem);width:min(25rem,32vw);z-index:3;pointer-events:none;font:500 12px/1.45 "IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#a9dcff;transition:opacity .4s}
.a1q-diagram .dg-h{font-weight:600;color:#e9f6ff;letter-spacing:.14em;font-size:11px;padding-bottom:.55rem;margin-bottom:.45rem;border-bottom:1px solid rgba(111,210,255,.35)}
.a1q-diagram .dg-r{display:grid;grid-template-columns:5.2em 1fr;gap:.2rem .7rem;padding:.28rem 0;border-bottom:1px solid rgba(111,210,255,.12);animation:dgIn .5s both}
.a1q-diagram .dg-k{color:#e9f6ff;font-weight:600}
.a1q-diagram .dg-v{color:#9fd4ff}
.a1q-diagram .dg-ok{color:#8fffd8}
.a1q-diagram .dg-no{color:#ffb15a}
.a1q-diagram .dg-s{font-size:10px;opacity:.7;grid-column:2}
@keyframes dgIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.a1q-diagram{display:none}}
/* world tags: readable on bright geometry */
.a1q-tag{background:rgba(2,10,26,.5);padding:2px 7px 3px 2px;border-radius:2px;backdrop-filter:blur(2px)}
.a1q-tag b{font-size:10.5px}
/* final title */
.a1q-tag--end{background:none!important;backdrop-filter:none!important;padding:0;transform-origin:0 0;text-shadow:0 0 40px rgba(30,139,255,.8)}
.a1q-tag--end i{display:none}
.a1q-tag--end b{display:block;margin:0;font-size:0;color:transparent;width:clamp(10rem,23vw,22rem);aspect-ratio:1220/528;background:#fff;-webkit-mask:url(../../assets/a1q-logo.svg) left center/contain no-repeat;mask:url(../../assets/a1q-logo.svg) left center/contain no-repeat;filter:drop-shadow(0 0 26px rgba(30,139,255,.75))}
.a1q-tag--end span{margin:.55rem 0 0;font:500 clamp(.62rem,.9vw,.8rem)/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.34em;color:#cfeaff;text-transform:uppercase}
.a1q-world-tags{z-index:4!important}

.a1q-product__diagonal,.a1q-product__halo{display:none!important}

/* preloader */
#a1q-preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 46%,#0a1c3a 0%,#030c1e 55%,#010510 100%);color:#cfe0f5;transition:opacity .9s ease,visibility .9s;font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
#a1q-preloader.is-done{opacity:0;visibility:hidden}
.pl-stage{position:relative;display:grid;justify-items:center;gap:1.1rem;width:min(80vw,22rem);transform:translateY(-2vh);transition:transform .9s ease,opacity .9s}
#a1q-preloader.is-done .pl-stage{transform:translateY(-2vh) scale(1.08);opacity:0}
.pl-core{position:relative;width:8.5rem;height:8.5rem;display:grid;place-items:center;margin-bottom:.4rem}
.pl-halo{position:absolute;inset:-60%;background:radial-gradient(circle,rgba(40,140,255,.34),rgba(30,100,255,.1) 40%,transparent 66%);animation:pl-breathe 2.6s ease-in-out infinite}
.pl-orb{position:relative;width:2.1rem;height:2.1rem;border-radius:50%;background:radial-gradient(circle at 36% 32%,#e8fbff,#4fb6ff 38%,#0a2c6a 78%);box-shadow:0 0 38px 8px rgba(60,170,255,.55),0 0 90px 24px rgba(30,120,255,.28);animation:pl-pulse 2.6s ease-in-out infinite}
.pl-ring{position:absolute;border-radius:50%;border:1px solid rgba(111,210,255,.0);border-top-color:rgba(150,225,255,.9);border-right-color:rgba(111,210,255,.28)}
.pl-ring--a{inset:18%;animation:pl-spin 3.2s linear infinite}
.pl-ring--b{inset:6%;animation:pl-spin 5.4s linear infinite reverse;border-top-color:rgba(111,210,255,.7)}
.pl-ring--c{inset:-8%;animation:pl-spin 8.8s linear infinite;border-top-color:rgba(111,210,255,.4)}
.pl-logo{display:block;width:5.6rem;aspect-ratio:1220/528;background:#fff;-webkit-mask:url(../../assets/a1q-logo.svg) center/contain no-repeat;mask:url(../../assets/a1q-logo.svg) center/contain no-repeat;filter:drop-shadow(0 0 16px rgba(60,160,255,.55))}
.pl-tag{margin:0;font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:#7fa3cf}
.pl-bar{width:100%;height:1px;background:rgba(111,210,255,.18);position:relative;overflow:visible}
.pl-bar i{position:absolute;left:0;top:-1px;height:3px;width:0;background:linear-gradient(90deg,rgba(60,160,255,0),#7fd6ff);box-shadow:0 0 12px rgba(100,200,255,.9)}
.pl-pct{margin:0;font-size:.62rem;letter-spacing:.3em;color:#5f86b4;font-variant-numeric:tabular-nums}
html.is-preloading body{overflow:hidden}
@keyframes pl-spin{to{transform:rotate(360deg)}}
@keyframes pl-pulse{0%,100%{transform:scale(.9)}50%{transform:scale(1.12)}}
@keyframes pl-breathe{0%,100%{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.pl-ring,.pl-orb,.pl-halo{animation:none}}

.pl-logo{width:9rem!important}.pl-stage{gap:1.3rem}