/* What moves: the departure board. Linked only on what-moves.html, after waitlist.css.
   Full-bleed bands are plain block sections whose side padding follows the 1200px reading column
   (no 100vw, so a classic scrollbar can never add width). Logical properties only: Arabic mirrors for free.
   Every status is a WORD plus a SHAPE (tick, box, swap, ring with a gap, dashed outline), never colour alone. */
body[data-page="what-moves"]{--wm-ink:#171B29;--wm-citron:#E7F36A;--wm-citron-soft:#EDF3B0;--wm-paper:#fff;--wm-dim:#B9C3DA;--wm-gut:max(clamp(16px,4.5vw,40px),calc((100% - 1200px)/2))}
body[data-page="what-moves"] main{display:block;overflow-x:clip}
.wm-hero,.wm-matrix-sec,.wm-result,.wm-grow,.wm-free,.wm-join{padding-inline:var(--wm-gut);position:relative}
.wm-hero h1,.wm-matrix-sec h2,.wm-word,.wm-grow h2,.wm-free h2,.wm-join h2{font-family:var(--display);font-weight:400;letter-spacing:-.015em;margin:0;text-wrap:balance}
.wm-lede{font-size:clamp(1rem,1.5vw,1.1875rem);line-height:1.6;max-width:58ch;margin:0}

/* 1. The imprint: the app's welcome drawing (old laptop outline, new laptop solid blue, citron chip) at full scale, on the light app canvas */
.wm-hero{--imp-line:#C9CED9;--imp-blue:#2454F2;--imp-navy:#1A2F9C;--imp-lav:#C9D3FF;--chip:clamp(46px,6.2vw,76px);background:var(--canvas,#F8FAFF);color:var(--wm-ink);padding-block:clamp(28px,4.5vw,64px) clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3.5vw,48px);align-items:end;border-block-end:1px solid var(--line,#DCE1EB)}
.wm-hero-text{min-width:0}
.wm-hero .eyebrow{color:var(--imp-blue);margin:0 0 clamp(12px,1.8vw,22px);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.wm-hero h1{font-size:clamp(2.25rem,5.2vw,4.75rem);line-height:1.04;color:var(--wm-ink);max-width:none}
.wm-hero-lede{color:var(--muted,#60687B);font-size:clamp(1rem,1.5vw,1.1875rem);line-height:1.6;max-width:46ch;margin:0}
.imprint{margin:clamp(6px,1.5vw,20px) 0 0;display:grid;grid-template-columns:minmax(0,1fr);--rg:clamp(56px,13vw,72px);row-gap:var(--rg);position:relative;isolation:isolate}
.imprint-laptop{position:relative;display:flex;flex-direction:column;min-width:0;padding-block-end:30px}
.imprint-screen{container-type:inline-size;contain:layout style;position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;gap:clamp(5px,1.6%,10px);aspect-ratio:16/10;margin-inline:3.5%;border-radius:clamp(12px,3.2%,20px);padding:clamp(34px,9.4%,58px) clamp(12px,3.8%,26px) clamp(12px,3.8%,26px)}
.imprint-screen::before,.imprint-screen::after{content:"";position:absolute;inset-inline-start:clamp(12px,4cqw,26px);height:clamp(5px,1.4cqw,8px);border-radius:99px}
.imprint-screen::before{top:clamp(13px,4cqw,24px);width:clamp(60px,26cqw,150px)}
.imprint-screen::after{top:clamp(13px,4cqw,24px);inset-inline-start:calc(clamp(12px,4cqw,26px) + clamp(60px,26cqw,150px) + clamp(6px,1.4cqw,10px));width:clamp(34px,13cqw,80px)}
.imprint-old .imprint-screen{background:#fff;border:clamp(3px,.9vw,7px) solid var(--imp-line)}
.imprint-old .imprint-screen::before,.imprint-old .imprint-screen::after{background:var(--imp-line)}
.imprint-new .imprint-screen{background:var(--imp-blue);border:clamp(3px,.9vw,7px) solid var(--imp-navy)}
.imprint-new .imprint-screen::before{background:var(--wm-citron)}
.imprint-new .imprint-screen::after{background:var(--imp-lav)}
.imprint-base{height:clamp(8px,1.5vw,14px);margin-inline:0;border-radius:2px 2px 99px 99px;margin-block-start:clamp(4px,.7vw,7px)}
.imprint-old .imprint-base{background:#E4E8F0;border:1px solid var(--imp-line);border-block-start:0}
.imprint-new .imprint-base{background:var(--imp-navy)}
.imprint-tag{display:inline-block;box-sizing:border-box;max-width:100%;font-size:clamp(11px,3.2cqw,16px);line-height:1.2;font-weight:600;padding:.34em .78em;border-radius:99px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imprint-tag{border:1.5px dashed transparent}
.imprint-old .imprint-tag{color:#5C6577;border:1.5px solid var(--imp-line);background:#F6F7FA}
.imprint-new .imprint-tag{color:var(--imp-navy);background:var(--imp-lav);border:1.5px solid var(--imp-lav)}
.imprint-sys{display:block;contain:layout style;min-height:1.4em;margin-block-start:clamp(8px,1.4vw,14px);text-align:center;font-weight:700;font-size:clamp(.8125rem,1.3vw + .45rem,1.0625rem);letter-spacing:.01em}
.imprint-old .imprint-sys{color:#5C6577}
.imprint-new .imprint-sys{color:var(--imp-navy)}
.imprint-lighter{contain:layout style;position:absolute;inset-inline:0;bottom:0;margin-inline:auto;width:max-content;max-width:100%;font-size:.8125rem;font-weight:700;line-height:1.2;color:var(--wm-ink);background:var(--wm-citron);padding:3px 11px;border-radius:99px}
.imprint-lighter[hidden]{display:none}
/* Per-tag state hook (set by what-moves.js): arrived (default, finished) | empty | help. All three keep the tag's exact box. */
.imprint-tag[data-state="empty"]{opacity:0}
.imprint-new .imprint-tag[data-state="help"]{background:transparent;color:#fff;border:1.5px dashed #fff}
.imprint-old{padding-block-end:0}
.imprint-chip{position:relative;z-index:2;justify-self:center;align-self:center;width:var(--chip);height:var(--chip);margin-block:calc(var(--chip) / -2);display:grid;place-items:center;background:var(--wm-citron);color:var(--wm-ink);border-radius:calc(var(--chip) * .3);box-shadow:0 0 0 5px var(--canvas,#F8FAFF),0 10px 24px -8px rgba(23,27,41,.28)}
.imprint-chip svg{width:52%;height:52%;display:block;transform:rotate(90deg)}
.imprint{grid-template-areas:"old" "new"}
.imprint-old{grid-area:old}.imprint-new{grid-area:new}
.imprint-chip{grid-area:old;justify-self:center;align-self:end;margin-block:0;translate:0 calc(50% + var(--rg) / 2)}
.wm-hero a:focus-visible{outline:3px solid var(--imp-blue);outline-offset:4px}
@media(min-width:700px){
 .imprint{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"old new";column-gap:clamp(30px,5vw,76px)}
 .imprint-chip{grid-area:old;justify-self:end;align-self:center;margin-inline-end:calc(var(--chip) / -2 - clamp(30px,5vw,76px) / 2);translate:none;margin-block:0}
 .imprint-chip svg{transform:none}
 .imprint-chip:dir(rtl) svg{transform:scaleX(-1)}
}
@media(min-width:900px){
 .wm-hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px)}
 .imprint,.wm-hero .wm-controls{grid-column:1/-1}
 .wm-hero-lede{padding-block-end:.6em}
}
@media(max-width:399px){.imprint-tag{padding:.3em .62em}}
/* 2. Every direction */
.wm-matrix-sec{background:var(--wm-paper);padding-block:clamp(44px,7vw,100px);border-block-end:1px solid var(--line)}
.wm-matrix-sec h2{font-size:clamp(2rem,5.2vw,4.5rem);line-height:1.04;max-width:16ch}
.wm-matrix-sec .wm-lede{margin-block:14px clamp(20px,3vw,36px)}
.wm-matrix{width:100%;max-width:880px;border-collapse:collapse;table-layout:fixed;font-size:clamp(.75rem,1.4vw,1rem)}
.wm-matrix caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wm-matrix th,.wm-matrix td{border:1px solid #CAD3E6;padding:clamp(8px,1.6vw,18px) 3px;text-align:center;overflow-wrap:normal;hyphens:none}
.wm-matrix thead th{font-size:clamp(.6875rem,1.2vw,.875rem);font-weight:700;background:var(--wm-paper);color:var(--wm-ink);border-color:#CAD3E6}
.wm-matrix .matrix-corner{background:var(--wm-paper);border-color:#CAD3E6}
.wm-matrix tbody th{font-weight:700;text-align:start;padding-inline:clamp(4px,1.4vw,14px);background:var(--wm-paper);color:var(--wm-ink);font-size:clamp(.6875rem,1.2vw,.875rem)}
.wm-matrix td{background:#fff}
.wm-matrix td[data-level="full"]{background:var(--wm-citron-soft)}
.wm-matrix td{display:table-cell}
.cell-mark{display:block;margin:0 auto 3px;width:14px;height:14px;line-height:0}
.cell-word{display:block;font-weight:700;font-size:clamp(.6875rem,1.2vw,.9375rem)}
.wm-matrix td[data-level="lighter"]{background:#fff;border-style:dashed;border-color:#8E9BB8}
.wm-note{max-width:62ch;font-size:.9375rem;line-height:1.6;color:var(--muted);margin:clamp(16px,2.5vw,28px) 0 0}
@media(max-width:480px){
 .wm-matrix{table-layout:fixed}
 .wm-matrix col{width:auto}
 .wm-matrix thead th{writing-mode:vertical-rl;transform:rotate(180deg);padding:10px 2px;height:5.8rem;font-size:.6875rem}
 .wm-matrix thead th:dir(rtl){transform:none}
 .wm-matrix .matrix-corner{width:74px}
 .wm-matrix tbody th{font-size:.6875rem;padding-inline:4px;overflow-wrap:normal}
 .wm-matrix td{padding-inline:1px}
 .cell-word{font-size:.625rem}
}

/* 3. Five chapters: the result words, enormous */
.wm-result{padding-block:clamp(44px,8vw,120px);display:grid;gap:clamp(14px,2vw,28px) clamp(24px,4vw,64px);grid-template-columns:minmax(0,1fr);background:var(--canvas,#F8FAFF);color:var(--wm-ink)}
.wm-result+.wm-result{border-block-start:1px solid #D4DEF2}
.wm-glyph{width:clamp(64px,13vw,168px);color:var(--wm-ink)}
.wm-glyph svg{display:block;width:100%;height:auto}
.wm-word{font-size:clamp(2.75rem,15vw,11.5rem);line-height:.96;letter-spacing:-.025em;color:var(--wm-ink);overflow-wrap:normal;hyphens:none;text-wrap:balance}
.wm-result .wm-lede{font-size:clamp(1.0625rem,1.8vw,1.375rem);max-width:44ch}
.wm-items{list-style:none;margin:clamp(6px,1vw,14px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wm-items li{border:1.5px solid var(--wm-ink);border-radius:999px;padding:7px 15px;font-size:.9375rem;line-height:1.35;background:#fff}
.wm-result[data-kind="reinstalled"]{background:var(--wm-paper)}
.wm-result[data-kind="needs-action"]{background:var(--wm-citron-soft)}
.wm-result[data-kind="needs-action"] .wm-items li{background:var(--wm-citron);border-color:var(--wm-ink)}
.wm-result[data-kind="left-out"] .wm-glyph,.wm-result[data-kind="left-out"] .wm-word{color:#4B5670}
.wm-result[data-kind="left-out"] .wm-items li{border-style:dashed;background:transparent}
.wm-result[data-kind="left-out"]{border-block-start:2px dashed #9AA6C2}
@media(min-width:900px){
 .wm-result{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"glyph word" ". means" ". lede" ". you" ". items";align-items:start}
 .wm-glyph{grid-area:glyph;margin-block-start:.4vw}
 .wm-word{grid-area:word}
 .wm-result .wm-lede{grid-area:lede}
 .wm-result .wm-means{grid-area:means}
 .wm-result .wm-you{grid-area:you}
 .wm-items{grid-area:items}
 .wm-result:nth-of-type(even){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"word glyph" "means ." "lede ." "you ." "items ."}
}
@media(min-width:900px){
 .wm-result:nth-of-type(even) .wm-word{text-align:end}
 .wm-result:nth-of-type(even) .wm-lede,.wm-result:nth-of-type(even) .wm-means,.wm-result:nth-of-type(even) .wm-you,.wm-result:nth-of-type(even) .wm-items{justify-self:end;text-align:end;justify-content:flex-end}
}

/* 4. The list grows */
.wm-grow{background:var(--wm-paper);padding-block:clamp(48px,8vw,112px);border-block:1px solid #D4DEF2}
.wm-grow h2{font-size:clamp(2.25rem,7vw,6rem);line-height:1;max-width:14ch}
.wm-grow .wm-lede{margin-block:clamp(14px,2vw,24px) clamp(28px,5vw,56px);font-size:clamp(1.0625rem,1.8vw,1.375rem);max-width:52ch}
.wm-horizon{display:flex;align-items:center;gap:0;height:24px}
.wm-known{flex:0 0 36%;border-block-start:5px solid var(--wm-ink)}
.wm-beyond{flex:1 1 auto;border-block-start:5px dashed #2454F2;-webkit-mask-image:linear-gradient(to right,#000 25%,transparent);mask-image:linear-gradient(to right,#000 25%,transparent)}
.wm-beyond:dir(rtl){-webkit-mask-image:linear-gradient(to left,#000 25%,transparent);mask-image:linear-gradient(to left,#000 25%,transparent)}

/* 5. Never behind a payment */
.wm-free{padding-block:clamp(44px,7vw,100px);background:var(--canvas,#F8FAFF)}
.wm-free h2{font-size:clamp(2rem,5.4vw,4.5rem);line-height:1.04;max-width:16ch}
.wm-free .wm-lede{margin-block:14px clamp(20px,3vw,36px)}
.wm-free-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.wm-free-list li{position:relative;background:#fff;border:1.5px solid var(--wm-ink);border-radius:12px;padding:18px 18px 18px 56px;padding-inline:56px 18px;font-size:1.0625rem;line-height:1.45;font-weight:600}
.wm-free-list li::before{content:"";position:absolute;inset-inline-start:20px;top:22px;width:9px;height:17px;border:solid var(--wm-ink);border-width:0 3px 3px 0;transform:rotate(40deg)}
.wm-change{margin:clamp(20px,3vw,32px) 0 0;max-width:60ch;color:var(--muted);font-size:.9375rem}
@media(min-width:700px){.wm-free-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 6. Join */
.wm-join{background:var(--wm-ink);color:var(--wm-paper);padding-block:clamp(56px,10vw,140px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,4vw,44px)}
.wm-join h2{font-size:clamp(2.25rem,7vw,6rem);line-height:1;color:var(--wm-paper);max-width:15ch}
.wm-join .button.primary{background:var(--wm-citron);color:var(--wm-ink);border-color:var(--wm-citron);font-size:1.0625rem;padding:16px 30px;min-height:52px}
.wm-join .button.primary:hover{background:#fff;border-color:#fff;color:var(--wm-ink)}
.wm-join .button.primary:focus-visible,.wm-hero a:focus-visible{outline:3px solid var(--wm-citron);outline-offset:4px}
@media(forced-colors:active){.wm-items li,.wm-free-list li{border:1px solid CanvasText}.wm-matrix td[data-level="lighter"]{border-style:dashed}.imprint-screen,.imprint-tag,.imprint-chip,.imprint-lighter{border:1px solid CanvasText}}
@media print{.wm-join{background:#fff;color:#000}.wm-join h2{color:#000}}
.wm-hero .wm-controls{grid-column:1/-1;justify-content:flex-end;margin:0;max-width:none}
.wm-hero .wm-controls .motion-toggle{background:#fff;color:var(--wm-ink);border-color:#AEB8CF}
.wm-hero .wm-controls .motion-toggle:hover{border-color:var(--imp-blue);color:var(--imp-blue)}

/* Clarity layer: the one-line meaning, the "what you do" callout, the matrix legend */
.wm-means{font-size:clamp(1.0625rem,2.2vw,1.375rem);line-height:1.4;font-weight:600;color:var(--wm-ink);max-width:40ch;margin:0}
.wm-matrix-sec .wm-means{margin-block:0 clamp(18px,2.5vw,28px);max-width:52ch}
.wm-you{margin:0;max-width:44ch;font-size:.9375rem;line-height:1.5;border:1.5px solid #AEB8CF;border-inline-start:5px solid var(--imp-blue,#2454F2);border-radius:10px;padding:10px 14px;background:rgba(255,255,255,.7);color:var(--wm-ink)}
.wm-you strong{font-weight:700;margin-inline-end:.3em}
.wm-legend{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);margin:0 0 clamp(16px,2.5vw,24px);max-width:880px}
.wm-legend>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;border:1.5px solid #CAD3E6;border-radius:10px;padding:10px 14px;background:#fff}
.wm-legend>div[data-level="full"]{background:var(--wm-citron-soft)}
.wm-legend>div[data-level="lighter"]{border-style:dashed;border-color:#8E9BB8}
.wm-legend dt{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9375rem}
.wm-legend dt .cell-mark{margin:0;flex:none}
.wm-legend dd{margin:0;font-size:.875rem;line-height:1.5;color:var(--muted,#60687B)}
@media(min-width:700px){.wm-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}

.wm-matrix tbody tr:first-child>*{border-top:2px solid var(--wm-ink)}

/* Imprint ground: one faint setup-grid panel behind each result chapter (static pseudo-element, clipped to the chapter), and a citron glow behind the matrix. */
.wm-result{isolation:isolate;overflow-x:clip;--flip:1}
.wm-result:before{content:'';position:absolute;z-index:-1;pointer-events:none;--pad:10px;--g:clamp(64px,13vw,168px);inset-block-start:calc(clamp(44px,8vw,120px) - var(--pad));inset-inline-start:calc(var(--wm-gut) - var(--pad));width:calc(var(--g) + 2*var(--pad));height:calc(var(--g) + 2*var(--pad));background:var(--panel) center/100% 100% no-repeat;transform:scaleX(var(--flip))}
.wm-result:dir(rtl){--flip:-1}
.wm-result[data-kind="copied"]{--panel:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-4%20-4%20408%20308%22%20fill=%22none%22%20stroke=%22%23171B29%22%20stroke-opacity=%22.13%22%20stroke-width=%222%22%20stroke-linejoin=%22miter%22%3E%3Cpolygon%20vector-effect=%22non-scaling-stroke%22%20points=%220,0%20340,0%20400,60%20400,300%200,300%22/%3E%3C/svg%3E')}
.wm-result[data-kind="reinstalled"]{--panel:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-4%20-4%20408%20308%22%20fill=%22none%22%20stroke=%22%23171B29%22%20stroke-opacity=%22.13%22%20stroke-width=%222%22%20stroke-linejoin=%22miter%22%3E%3Cpolygon%20vector-effect=%22non-scaling-stroke%22%20stroke-width=%223%22%20points=%220,0%20340,0%20400,60%20400,300%200,300%22/%3E%3Cpath%20vector-effect=%22non-scaling-stroke%22%20d=%22M16%2016h28M16%2016v28M384%20284h-28M384%20284v-28%22/%3E%3C/svg%3E')}
.wm-result[data-kind="converted"]{--panel:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-20%20-24%20440%20348%22%20fill=%22none%22%20stroke=%22%23171B29%22%20stroke-opacity=%22.13%22%20stroke-width=%222%22%20stroke-linejoin=%22miter%22%3E%3Cg%20transform=%22rotate%28-6%20200%20150%29%22%3E%3Cpolygon%20vector-effect=%22non-scaling-stroke%22%20points=%2260,0%20400,0%20400,300%200,300%200,60%22/%3E%3C/g%3E%3C/svg%3E')}
.wm-result[data-kind="needs-action"]{--panel:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-4%20-4%20408%20308%22%20fill=%22none%22%20stroke=%22%23171B29%22%20stroke-opacity=%22.13%22%20stroke-width=%222%22%20stroke-linejoin=%22miter%22%3E%3Cpath%20vector-effect=%22non-scaling-stroke%22%20d=%22M400%20300H0V0H340L400%2060%22/%3E%3Cpath%20vector-effect=%22non-scaling-stroke%22%20stroke-dasharray=%229%208%22%20d=%22M400%2060V300%22/%3E%3C/svg%3E')}
.wm-result[data-kind="left-out"]{--panel:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-4%20-4%20408%20308%22%20fill=%22none%22%20stroke=%22%23171B29%22%20stroke-opacity=%22.13%22%20stroke-width=%222%22%20stroke-linejoin=%22miter%22%3E%3Cpolygon%20vector-effect=%22non-scaling-stroke%22%20stroke-dasharray=%222%200%22%20points=%220,0%20340,0%20400,60%20400,300%200,300%22/%3E%3C/svg%3E')}
.wm-result[data-kind="left-out"]:before{-webkit-mask-image:linear-gradient(90deg,#000,transparent 85%);mask-image:linear-gradient(90deg,#000,transparent 85%)}
@media(min-width:900px){.wm-result:before{--pad:24px;inset-block-start:calc(clamp(44px,8vw,120px) + .4vw - var(--pad))}.wm-result:nth-of-type(even):before{inset-inline-start:auto;inset-inline-end:calc(var(--wm-gut) - var(--pad));--flip:-1}.wm-result:nth-of-type(even):dir(rtl):before{--flip:1}}
.wm-matrix-sec{isolation:isolate;overflow-x:clip}
.wm-matrix-sec:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 60% at 78% 45%,#EDF3B0B3,transparent 72%),radial-gradient(ellipse 40% 40% at 10% 90%,#EDF3B055,transparent 72%)}
@media print,(forced-colors:active){.wm-result:before,.wm-matrix-sec:before{display:none!important}}