/* Write-ups: the Writing index and each write-up page. */
.wu{--teal:#2dd4bf;--teal-d:#0f766e;--ev:#9aa8ff;--amber:#f0a35e;--card:#161b21;--card-2:#1b2128}
.wu-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#b5bec5;max-width:58ch;margin:0}
.wu-meta{margin:22px 0 0;font-size:13px;color:var(--muted)}.wu-meta a,.at-hero .eyebrow a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}.wu-meta a:hover,.at-hero .eyebrow a:hover{color:var(--ember)}
.wu-band{padding-top:clamp(64px,9vw,120px)}
.wu-h2{display:flex;align-items:baseline;gap:16px;font-size:clamp(30px,3.4vw,48px);margin:0 0 22px}.wu-h2 span{font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ember);letter-spacing:.04em}
.wu-note{max-width:62ch;margin:0 0 32px;font-size:16px;line-height:1.7;color:#aeb9c2}
.wu-prose{max-width:68ch}.wu-prose p{margin:0 0 18px;font-size:17px;line-height:1.75;color:#c3ccd2}.wu-prose .wu-big{font-family:var(--serif);font-size:clamp(21px,2vw,27px);line-height:1.5;color:var(--paper)}.wu-prose strong{color:var(--paper);font-weight:600}
.wu code{padding:1px 6px;border-radius:4px;background:#1e252c;border:1px solid #2c343c;font:.9em ui-monospace,SFMono-Regular,Menlo,monospace;color:#9be7dc}
.wu-next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:80px;padding-bottom:80px;font-size:15px}.wu-next a{border-bottom:1px solid currentColor;padding-bottom:3px}.wu-next a:hover{color:var(--ember)}
.wu-sources ul{margin:0;padding-left:18px;color:#aeb9c2;line-height:1.9;font-size:14px}.wu-sources a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}

/* Writing index */
.wu-index{padding-top:clamp(40px,7vw,96px);padding-bottom:110px}
.wu-index h1{font-size:clamp(52px,7vw,104px);font-weight:400;letter-spacing:-.06em;line-height:1.02;margin:18px 0 26px}.wu-index h1 em{font-family:var(--serif);color:var(--blue)}
.wu-cards{list-style:none;margin:56px 0 0;padding:0;display:grid;gap:18px}
.wu-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:28px;padding:22px 26px 22px 22px;border:1px solid var(--line);border-radius:14px;background:#14181d;transition:border-color .25s,transform .25s,background .25s}
.wu-card:hover{border-color:var(--teal,#2dd4bf);transform:translateY(-2px);background:#171c22}
.wu-card-text{display:flex;flex-direction:column;gap:6px}.wu-card-text small{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.wu-card-text b{font-size:clamp(24px,2.4vw,32px);font-weight:400;letter-spacing:-.04em}.wu-card-text span{color:#aeb9c2;line-height:1.55;max-width:60ch}
.wu-card-go{font-size:14px;color:#2dd4bf;white-space:nowrap}
.wu-card-art{position:relative;width:150px;aspect-ratio:1;border-radius:10px;background:radial-gradient(circle at 50% 50%,#12302e,#0d1217 70%)}
.wu-art-ai-team i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#cbd5e1;animation:wu-mini 9s linear infinite;animation-delay:calc(var(--k) * -1.5s)}
.wu-art-ai-team i:first-child{width:34px;height:34px;margin:-17px;background:radial-gradient(circle at 35% 35%,#99f6e4,#14b8a6 60%,#0f766e);box-shadow:0 0 22px rgb(45 212 191/55%);animation:wu-breathe 3.2s ease-in-out infinite}
.wu-art-ai-team i:nth-child(2){--k:0}.wu-art-ai-team i:nth-child(3){--k:1}.wu-art-ai-team i:nth-child(4){--k:2}.wu-art-ai-team i:nth-child(5){--k:3}.wu-art-ai-team i:nth-child(6){--k:4}.wu-art-ai-team i:nth-child(7){--k:5}
@keyframes wu-mini{from{transform:rotate(0) translateX(52px) rotate(0) scale(.8)}to{transform:rotate(360deg) translateX(52px) rotate(-360deg) scale(.8)}}
@keyframes wu-breathe{50%{transform:scale(1.08);box-shadow:0 0 32px rgb(45 212 191/75%)}}
@media(max-width:700px){.wu-card{grid-template-columns:1fr;gap:16px}.wu-card-art{width:100%;max-width:220px;aspect-ratio:1.6}}

/* The AI team write-up: hero */
.at-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px);padding-top:clamp(28px,5vw,64px)}
.at-hero h1{font-size:clamp(46px,6.2vw,92px);font-weight:400;letter-spacing:-.06em;line-height:1.02;margin:18px 0 26px}.at-hero h1 em{font-family:var(--serif);color:var(--teal)}
.at-orbit{position:relative;width:min(100%,520px);aspect-ratio:1;justify-self:center;container-type:inline-size}
.at-orbit-ring{position:absolute;left:18%;top:24%;width:64%;height:64%;border:1px dashed #2b3a42;border-radius:50%}.at-orbit-ring-2{left:31%;top:37%;width:38%;height:38%;border-color:#22323a}
.at-dot{position:absolute;left:50%;top:56%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 30%,#ccfbf1,#2dd4bf 45%,#0f766e 80%);box-shadow:0 0 50px rgb(45 212 191/45%),inset -8px -10px 24px rgb(0 0 0/25%);animation:at-breathe 3.6s ease-in-out infinite;display:grid;place-items:center}
.at-dot small,.at-greg small{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9be7dc;white-space:nowrap}
.at-dot-face{display:flex;gap:18%;width:100%;justify-content:center}.at-dot-face i{width:9%;aspect-ratio:.7;border-radius:50%;background:#062a26;animation:at-blink 5s infinite}
.at-greg{position:absolute;left:50%;top:0;width:13%;aspect-ratio:1;transform:translateX(-50%);display:grid;place-items:center;border-radius:50%;background:#e8edf0;color:#101317;font-size:clamp(16px,1.8vw,24px);box-shadow:0 0 0 6px rgb(232 237 240/8%)}
.at-greg small{color:var(--muted)}
.at-orbiters{position:absolute;inset:0;animation:none}
.at-bot{--i:0;position:absolute;left:50%;top:56%;width:0;height:0;animation:at-orbit 24s linear infinite;animation-delay:calc(var(--i) * -4s)}
.at-bot>span{position:absolute;transform:translate(-50%,-50%);padding:6px 11px;border-radius:999px;background:#1a2129;border:1px solid #33414b;font-size:12px;font-weight:600;color:#dbe4ea;white-space:nowrap;box-shadow:0 8px 20px rgb(0 0 0/40%)}
.at-bot>span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#94a3b8;vertical-align:1px}
.at-bot:nth-child(1)>span:before{background:#5eead4}.at-bot:nth-child(2)>span:before{background:#a5b4fc}.at-bot:nth-child(3)>span:before{background:#fcd34d}.at-bot:nth-child(4)>span:before{background:#fb923c}.at-bot:nth-child(5)>span:before{background:#f472b6}.at-bot:nth-child(6)>span:before{background:#86efac}
@keyframes at-orbit{from{transform:rotate(0) translateX(32cqw) rotate(0)}to{transform:rotate(360deg) translateX(32cqw) rotate(-360deg)}}
.at-bot{transform-style:preserve-3d}
@keyframes at-breathe{50%{box-shadow:0 0 70px rgb(45 212 191/65%),inset -8px -10px 24px rgb(0 0 0/25%);transform:translate(-50%,-50%) scale(1.04)}}
@keyframes at-blink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.1)}}
.at-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);opacity:0;animation:at-spark 4.5s ease-in-out infinite}
.at-spark-1{left:50%;top:13%;animation-delay:.2s}.at-spark-2{left:50%;top:13%;animation-name:at-spark-up;animation-delay:2.4s;background:var(--ev);box-shadow:0 0 10px var(--ev)}.at-spark-3{left:50%;top:56%;animation-name:at-spark-out;animation-delay:1.3s}
@keyframes at-spark{0%{transform:translate(-50%,0);opacity:0}10%{opacity:1}45%{transform:translate(-50%,27cqw);opacity:1}55%,100%{opacity:0;transform:translate(-50%,27cqw)}}
@keyframes at-spark-up{0%{transform:translate(-50%,27cqw);opacity:0}10%{opacity:1}45%{transform:translate(-50%,0);opacity:1}55%,100%{opacity:0}}
@keyframes at-spark-out{0%{transform:translate(-50%,-50%);opacity:0}10%{opacity:1}50%{transform:translate(27cqw,14cqw);opacity:1}60%,100%{opacity:0}}

.at-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:40px 0 0;padding:0}
.at-facts li{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.at-facts b{font-size:42px;font-weight:400;letter-spacing:-.05em;color:var(--teal);line-height:1}.at-facts span{font-size:13px;color:#aeb9c2}

/* The office */
.at-office{position:relative;border:1px solid #2a333b;border-radius:16px;background:#0e1319;box-shadow:0 30px 70px rgb(0 0 0/45%);overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.at-office-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 16px;border-bottom:1px solid #222b34;font-size:12.5px;color:#9fb0c0}
.at-office-label{font-weight:700;font-size:14px;color:var(--paper)}
.at-clock{display:flex;align-items:center;gap:8px;margin-left:auto}.at-clock b{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--paper)}
.at-clock-ico{width:14px;height:14px;border-radius:50%;background:#ffd27a;box-shadow:0 0 10px #ffd27a;transition:background .6s,box-shadow .6s}.at-office.is-night .at-clock-ico{background:#e6edf5;box-shadow:0 0 0 0 transparent,inset -4px -2px 0 #0e1319}
.at-cap{display:flex;align-items:center;gap:5px}.at-cap i{width:18px;height:8px;border-radius:3px;background:#1f2831;border:1px solid #33404b;transition:background .3s,border-color .3s}.at-cap i.is-on{background:#2dd4bf;border-color:#2dd4bf}.at-cap b{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--paper);margin-left:3px;white-space:nowrap}
.at-book{display:flex;align-items:center;gap:7px}.at-book i{width:14px;height:11px;border-radius:2px;background:#e9c46a}.at-book b{color:#f1d58a;font-weight:600}
.at-toggle{min-height:30px;padding:4px 11px;border:1px solid #33404b;border-radius:6px;background:#161d24;color:var(--paper);font-size:12px}.at-toggle:hover{border-color:#2dd4bf}.at-toggle:focus-visible{outline:2px solid #2dd4bf;outline-offset:2px}
.at-scene{position:relative}.at-svg{display:block;width:100%;height:auto;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.at-greg-card{position:absolute;right:14px;top:14px;width:min(270px,46%);padding:10px 12px;border-radius:12px;background:rgb(248 250 252/.96);color:#13202b;box-shadow:0 12px 30px rgb(0 0 0/35%);transition:background .5s}
.at-greg-card.is-asleep{background:rgb(30 38 50/.94);color:#d5dee6}
.at-greg-head{display:flex;align-items:center;gap:9px;margin:0}.at-greg-head>span:nth-child(2){display:flex;flex-direction:column;line-height:1.2}.at-greg-head b{font-size:14px}.at-greg-state{font-size:11.5px;color:#556372}.at-greg-card.is-asleep .at-greg-state{color:#9fb0c0}
.at-greg-ava{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#13202b;color:#fff;font-weight:700;font-size:13px}.at-greg-card.is-asleep .at-greg-ava{background:#475569}
.at-greg-card.is-asleep .at-greg-ava:after{content:'z';position:absolute;margin:-24px 0 0 26px;font-size:12px;color:#9fb0c0;animation:at-z 2.4s ease-in-out infinite}
@keyframes at-z{50%{transform:translateY(-4px);opacity:.4}}
.at-queue{margin-left:auto;padding:2px 8px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:11.5px;font-weight:600;white-space:nowrap}.at-queue.is-on{background:#fed7aa;color:#9a3412}
.at-greg-ask{margin-top:9px;padding-top:9px;border-top:1px solid #e2e8f0}.at-greg-ask p{margin:0 0 8px;font-size:13.5px;font-weight:600}.at-greg-ask small{display:block;font-weight:400;font-size:11.5px;color:#556372;margin-bottom:2px}.at-greg-ask div{display:flex;gap:8px}
.at-greg-ask button{min-height:32px;padding:5px 12px;border-radius:7px;border:1px solid #c2410c;background:#fff;color:#c2410c;font:600 12.5px system-ui,-apple-system,"Segoe UI",sans-serif}.at-greg-ask button:first-child{background:#c2410c;color:#fff}.at-greg-ask button:focus-visible{outline:2px solid #c2410c;outline-offset:2px}
.at-ticker{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;border-top:1px solid #222b34;font-size:13.5px;color:#d5dee6;min-height:48px}
.at-live{width:8px;height:8px;flex:none;border-radius:50%;background:#2dd4bf;animation:at-pulse 1.4s ease-in-out infinite}@keyframes at-pulse{50%{opacity:.35}}
.at-office.is-paused *{animation-play-state:paused!important}
@media(max-width:720px){.at-greg-card{position:static;width:auto;margin:10px 12px 0;border:1px solid #2a333b}.at-greg-card:not(.is-asleep){border-color:transparent}.at-scene{display:flex;flex-direction:column-reverse}}

/* Write-up building blocks */
.at-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-bottom:28px}
.at-ticks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}.at-ticks li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.6;color:#d5dee6}.at-ticks li:before{content:'';position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#99f6e4,#14b8a6)}
.at-min,.at-wins{padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.at-min-head{margin:0 0 14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.at-min ol{list-style:none;counter-reset:m;margin:0 0 16px;padding:0;display:grid;gap:12px}.at-min li{counter-increment:m;display:grid;grid-template-columns:28px 1fr;column-gap:10px}.at-min li:before{content:counter(m);grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#12302e;color:var(--teal);font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace}
.at-min li b{color:var(--paper)}.at-min li span{font-size:14px;color:#aeb9c2;line-height:1.5}
.at-min-eg{margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:#aeb9c2}.at-min-eg b{color:var(--paper)}
.at-wins ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.at-wins li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.5;color:#d5dee6}.at-wins li:before{content:'✓';position:absolute;left:0;color:#4ade80;font-weight:700}
.at-today{margin-top:30px}
.at-pull{margin:28px 0 0;padding-left:20px;border-left:3px solid var(--teal);font-family:var(--serif);font-size:clamp(20px,1.8vw,25px);line-height:1.45;color:var(--paper);max-width:62ch}
.wu-prose a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}.wu-prose a:hover{color:var(--teal)}
/* Why it's built this way */
.at-whys{list-style:none;counter-reset:w;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.at-whys li{counter-increment:w;position:relative;padding:22px 24px 22px 70px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.at-whys li:before{content:counter(w,decimal-leading-zero);position:absolute;left:22px;top:22px;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ember)}
.at-whys b{display:block;margin-bottom:6px;font-size:18px;font-weight:600;color:var(--paper);letter-spacing:-.01em}.at-whys p{margin:0;font-size:14.5px;line-height:1.65;color:#aeb9c2}
.at-why{margin:14px 0 0!important;padding:12px 14px;border-radius:10px;background:#12302e;border:1px solid #1f5a54;font-size:14.5px!important;color:#c6efe8!important}.at-why b{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:4px;background:#2dd4bf;color:#04201c!important;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.at-trip{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.at-trip span{position:relative;padding:6px 11px;border-radius:999px;border:1px solid #33404b;background:#1b2128;font-size:12.5px;color:#d5dee6;animation:at-trip 5s ease-in-out infinite}
.at-trip span:nth-child(2){animation-delay:1s}.at-trip span:nth-child(3){animation-delay:2s}.at-trip span:nth-child(4){animation-delay:3s}.at-trip span:nth-child(5){animation-delay:4s}
@keyframes at-trip{0%,30%,100%{border-color:#33404b;background:#1b2128}10%,20%{border-color:#2dd4bf;background:#12302e}}
.at-layers{display:flex;flex-direction:column-reverse;gap:4px;margin-top:26px}
.at-layer{padding:7px 10px;border-radius:7px;font-size:12px;color:#d5dee6;background:#1b2128;border:1px solid #33404b;animation:at-layer 8s ease-in-out infinite;opacity:.7}
.at-layer.l1{animation-delay:0s;border-color:#2dd4bf}.at-layer.l2{animation-delay:1.2s}.at-layer.l3{animation-delay:2.4s}.at-layer.l4{animation-delay:3.6s}
@keyframes at-layer{0%,5%{opacity:.7;transform:translateY(6px)}15%,85%{opacity:1;transform:none}100%{opacity:.7}}
.at-fix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.at-fix div{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.at-fix dt{font-weight:600;color:var(--paper);margin-bottom:6px}.at-fix dd{margin:0;color:#aeb9c2;font-size:14.5px;line-height:1.6}
.at-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:c}
.at-checklist label{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;transition:border-color .2s,background .2s}
.at-checklist label:hover{border-color:#47535e}
.at-checklist input{appearance:none;width:22px;height:22px;margin:1px 0 0;border:2px solid #47535e;border-radius:6px;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.at-checklist input:checked{background:#2dd4bf;border-color:#2dd4bf}.at-checklist input:checked:after{content:'✓';color:#04201c;font-weight:800;font-size:14px}
.at-checklist input:focus-visible{outline:2px solid #2dd4bf;outline-offset:2px}
.at-checklist span{font-size:15px;line-height:1.55;color:#d5dee6}.at-checklist input:checked+span{color:#8a97a3;text-decoration:line-through;text-decoration-color:#2dd4bf}
.at-check-count{margin:14px 0 0;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal)}
@media(max-width:900px){.at-two,.at-whys,.at-fix{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.at-trip span,.at-layer,.at-greg-ava:after{animation:none!important;opacity:1}}

/* Specialist cards */
.at-cards{list-style:none;margin:0;padding:0;display:grid;align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.at-card{--hue:#5eead4;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;transition:border-color .3s,transform .3s}
.at-card:hover{border-color:color-mix(in oklab,var(--hue) 60%,transparent);transform:translateY(-2px)}
.at-card-face{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;width:100%;padding:20px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.at-card-face:focus-visible{outline:2px solid var(--hue);outline-offset:-4px;border-radius:14px}
.at-card-face b{font-size:24px;font-weight:400;letter-spacing:-.04em}.at-card-face>span:last-child{grid-column:2;font-size:13.5px;color:#aeb9c2}
.at-glyph{grid-row:1/3;position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:color-mix(in oklab,var(--hue) 14%,#11161b);border:1px solid color-mix(in oklab,var(--hue) 35%,transparent);color:var(--hue);font:700 18px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}
.at-card-more{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding:0 20px;max-height:0;opacity:0;transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .3s,padding .45s;font-size:13.5px;line-height:1.5}
.at-card.is-open .at-card-more{max-height:260px;opacity:1;padding:4px 20px 20px}
.at-card-more dt{color:var(--hue);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding-top:2px}.at-card-more dd{margin:0;color:#cfd8de}
/* Each glyph has a small personality. */
.at-g-sync{display:flex;gap:1px}.at-g-sync i{font-style:normal;animation:at-diff 2.4s ease-in-out infinite}.at-g-sync i:nth-child(2){animation-delay:.2s}.at-g-sync i:nth-child(3){animation-delay:.4s}
@keyframes at-diff{30%{transform:translateY(-3px);color:#ccfbf1}60%{transform:none}}
.at-g-ledger{display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;padding-left:14px}.at-g-ledger i{display:block;width:24px;height:3px;border-radius:2px;background:currentColor;opacity:.35;transform-origin:left;animation:at-tick 3s ease-in-out infinite}.at-g-ledger i:nth-child(2){animation-delay:.5s;width:18px}.at-g-ledger i:nth-child(3){animation-delay:1s;width:21px}
@keyframes at-tick{40%,70%{opacity:1;transform:scaleX(1.1)}}
.at-g-scout i{width:18px;height:18px;border:3px solid currentColor;border-radius:50%;position:relative;animation:at-scan 3.2s ease-in-out infinite}.at-g-scout i:after{content:'';position:absolute;width:3px;height:9px;background:currentColor;right:-6px;bottom:-8px;transform:rotate(-45deg);border-radius:2px}
@keyframes at-scan{25%{transform:translate(-6px,-4px)}50%{transform:translate(6px,-2px)}75%{transform:translate(-2px,5px)}}
.at-g-forge i{width:16px;height:26px;background:currentColor;clip-path:polygon(60% 0,0 58%,45% 58%,30% 100%,100% 38%,55% 38%);animation:at-zap 2.6s ease-in-out infinite}
@keyframes at-zap{0%,70%,100%{filter:none;transform:none}74%{filter:drop-shadow(0 0 6px currentColor);transform:scale(1.2)}78%{transform:scale(.95)}}
.at-g-herald{display:flex;align-items:center;justify-content:center}.at-g-herald i{display:block;border:2px solid currentColor;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 50% 50% 0;width:8px;height:16px;margin-left:-3px;opacity:0;animation:at-wave 1.8s ease-out infinite}.at-g-herald i:nth-child(2){width:12px;height:24px;animation-delay:.3s}.at-g-herald i:nth-child(3){width:16px;height:32px;animation-delay:.6s}
@keyframes at-wave{20%{opacity:1}100%{opacity:0;transform:translateX(4px)}}
.at-g-desk{display:flex;gap:4px;align-items:center;justify-content:center}.at-g-desk i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:at-type 1.2s ease-in-out infinite}.at-g-desk i:nth-child(2){animation-delay:.15s}.at-g-desk i:nth-child(3){animation-delay:.3s}
@keyframes at-type{30%{transform:translateY(-5px)}60%{transform:none}}

/* Setup guide */
.at-guide{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.at-steps-nav{position:sticky;top:90px}.at-steps-nav ol{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:2px;border-left:1px solid var(--line)}
.at-steps-nav li{counter-increment:s}.at-steps-nav a{display:block;padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;color:#aeb9c2;transition:color .2s,border-color .2s}.at-steps-nav a:before{content:counter(s,decimal-leading-zero) '  ';font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.at-steps-nav a:hover{color:var(--paper)}.at-steps-nav a.is-on{color:var(--paper);border-left-color:var(--teal)}
.at-steps{display:grid;gap:22px}
.at-step{padding:clamp(20px,2.6vw,32px);border:1px solid var(--line);border-radius:16px;background:var(--card);scroll-margin-top:90px}
.at-step-n{margin:0 0 6px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal);letter-spacing:.06em;text-transform:uppercase}
.at-step h3{font-size:clamp(24px,2.4vw,32px);margin:0 0 14px}
.at-step p,.at-step li{font-size:15.5px;line-height:1.7;color:#c3ccd2}.at-step p{margin:0 0 14px}.at-step ul,.at-step ol{margin:0 0 16px;padding-left:20px;display:grid;gap:6px}.at-step b{color:var(--paper);font-weight:600}
.at-copy{margin-top:8px;border:1px solid #2c343c;border-radius:12px;background:#0e1216;overflow:hidden}
.at-copy-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;border-bottom:1px solid #222a31;font-size:12px;color:var(--muted)}
.at-copy-btn{min-height:28px;padding:3px 11px;border:1px solid #33404a;border-radius:6px;background:#161c22;color:var(--paper);font-size:12px}.at-copy-btn:hover{border-color:var(--teal)}.at-copy-btn.is-done{border-color:var(--teal);color:var(--teal)}.at-copy-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.at-copy pre{margin:0;padding:14px 16px;overflow-x:auto;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cfe3ea;white-space:pre}
.at-copy-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* Reveal on scroll (only once the script marks the page ready). */
.at.is-ready .wu-band>*{transition:opacity .7s,transform .7s}
.at.is-ready .wu-band.is-pending>*{opacity:0;transform:translateY(22px)}

@media(max-width:1000px){.at-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.at-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.at-hero{grid-template-columns:minmax(0,1fr)}.at-orbit{width:min(100%,380px);order:-1}.at-guide{grid-template-columns:minmax(0,1fr)}.at-steps-nav{display:none}.at-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.at-crew,.at-systems{grid-template-columns:repeat(2,minmax(0,1fr))}.at-cards{grid-template-columns:minmax(0,1fr)}.at-copy-pair{grid-template-columns:minmax(0,1fr)}.at-cap>span{display:none}.at-sample{display:none}.at-rules{grid-template-columns:minmax(0,1fr)}.at-n-winky em{display:none}}
@media(prefers-reduced-motion:reduce){.at-bot,.at-dot,.at-dot-face i,.at-spark,.at-glyph *,.wu-art-ai-team i,.at-live{animation:none!important}.at-spark{display:none}.at-card-more{transition:none}
.at-bot:nth-child(1){transform:rotate(0deg) translateX(32cqw) rotate(0deg)}.at-bot:nth-child(2){transform:rotate(60deg) translateX(32cqw) rotate(-60deg)}.at-bot:nth-child(3){transform:rotate(120deg) translateX(32cqw) rotate(-120deg)}.at-bot:nth-child(4){transform:rotate(180deg) translateX(32cqw) rotate(-180deg)}.at-bot:nth-child(5){transform:rotate(240deg) translateX(32cqw) rotate(-240deg)}.at-bot:nth-child(6){transform:rotate(300deg) translateX(32cqw) rotate(-300deg)}}
.at-cap b{white-space:nowrap}@media(max-width:640px){.at-flow-label{font-size:13px}}
/* Step-by-step runbook */
.at-agent{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px 32px;align-items:center;margin-bottom:36px;padding:24px;border:1px solid #1f5a54;border-radius:16px;background:linear-gradient(135deg,#0f2523,#141a20 60%)}
.at-agent p{margin:0 0 14px;font-size:15px;line-height:1.65;color:#c3ccd2}.at-agent .at-copy{margin:0}
.at-agent-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.at-runbook-copy{min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:#2dd4bf;color:#04201c;font-size:15px;font-weight:700}.at-runbook-copy:hover{background:#5eead4}.at-runbook-copy:focus-visible{outline:2px solid #fff;outline-offset:3px}
.at-agent-actions a{font-size:14px;border-bottom:1px solid currentColor}.at-agent-actions a:hover{color:var(--teal)}.at-agent-actions small{font-size:12px;color:var(--muted)}
.at-step-n{display:flex;align-items:baseline;gap:12px}.at-step-n span{font-size:11px;letter-spacing:.04em;text-transform:none;color:var(--muted);padding:2px 8px;border:1px solid var(--line);border-radius:999px}
.at-do{counter-reset:d;list-style:none;padding:0!important;display:grid;gap:10px!important}
.at-do li{counter-increment:d;position:relative;padding:12px 14px 12px 50px;border-radius:10px;background:#11161b;border:1px solid #222a31;line-height:1.6}
.at-do li:before{content:counter(d);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1f2a33;color:var(--paper);font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace}
.at-do a,.at-step p a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}
.at-you-tag{display:inline-block;margin-right:4px;padding:1px 8px;border-radius:999px;background:#3a2a17;border:1px solid #f0a35e;color:#f8c48f;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}
.at-check,.at-ifnot{margin-top:12px;padding:12px 14px;border-radius:10px}.at-check b,.at-ifnot b{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.at-check p,.at-ifnot p{margin:0!important;font-size:14.5px!important}
.at-check{background:#13261a;border:1px solid #2f6b3f}.at-check b{color:#86efac}.at-check p{color:#d6f5df!important}
.at-ifnot{background:#2a1d14;border:1px solid #6b4a2f}.at-ifnot b{color:#f8c48f}.at-ifnot p{color:#f3dccb!important}
.at-step .at-copy{margin:12px 0 0}
@media(max-width:1000px){.at-agent{grid-template-columns:minmax(0,1fr)}}


/* Before / after: who carries the work between tools */
.gl{margin:34px 0 0;padding:22px clamp(16px,2.6vw,30px) 18px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse 60% 70% at 50% 40%,#141b22,#111519 70%)}
.gl-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.gl-switch{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:#0e1216}
.gl-switch button{min-height:32px;padding:4px 16px;border:0;border-radius:999px;background:none;color:#aeb9c2;font-size:13px;transition:background .3s,color .3s}
.gl-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}.gl-switch button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.gl-count{display:flex;align-items:baseline;gap:10px;margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.gl-count b{font:400 28px/1 var(--serif);letter-spacing:0;color:var(--paper);min-width:2ch;text-align:right;transition:color .4s}
.gl[data-mode="before"] .gl-count b{color:#f0a35e}
.gl-svg{display:block;width:100%;height:auto;margin:6px 0 4px;overflow:visible;font-family:var(--sans)}
.gl-l{fill:none;stroke:#2b343d;stroke-width:1.5;transition:opacity .6s}
.gl[data-mode="before"] .gl-a,.gl[data-mode="after"] .gl-b{opacity:0}
.gl-node circle{fill:#161c22;stroke:#46525d;stroke-width:1.5}.gl-node text{fill:#c3ccd2;font-size:14px;text-anchor:middle}
.gl-you circle{fill:#e8edf0;stroke:none}.gl-you text{fill:#101317;font-size:12px;font-weight:700}
.gl[data-mode="before"] .gl-you{animation:gl-busy 1.4s ease-in-out infinite}
@keyframes gl-busy{50%{transform:scale(1.08)}}
.gl-chief{transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1)}.gl-chief circle{fill:url(#gl-orb);fill:#14b8a6;stroke:none;filter:drop-shadow(0 0 10px rgb(45 212 191/.5))}.gl-chief text{fill:#04201c;font-size:11px;font-weight:700}
.gl[data-mode="before"] .gl-chief{opacity:0;transform:scale(.4)}
.gl-dot{filter:drop-shadow(0 0 6px currentColor)}
.gl-cap{position:relative;min-height:1.6em;font-size:14.5px;color:#aeb9c2;text-align:center}
.gl-cap span{position:absolute;inset:0;transition:opacity .5s}.gl[data-mode="before"] .gl-cap-after,.gl[data-mode="after"] .gl-cap-before{opacity:0}
/* Research: an editorial list, one finding per row */
.rs-list{border-top:1px solid var(--line)}
.rs-item{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(20px,4vw,64px);padding:clamp(28px,4vw,44px) 0;border-bottom:1px solid var(--line)}
.rs-num{display:flex;flex-direction:column;gap:10px}
.rs-big{font:400 clamp(64px,8vw,116px)/.9 var(--serif);letter-spacing:-.04em;color:var(--paper);font-variant-numeric:tabular-nums}.rs-big em{font-style:italic;color:var(--teal)}
.rs-vs{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.rs-body h3{margin:4px 0 12px;font-size:clamp(22px,2.2vw,30px);font-weight:400;letter-spacing:-.035em}
.rs-body p{margin:0 0 12px;max-width:60ch;font-size:16px;line-height:1.7;color:#b5bec5}
.rs-body .rs-so{color:var(--paper)}.rs-so span{color:var(--teal);margin-right:6px}
.rs-body .rs-src{margin:0;font-size:12.5px;color:#8d99a5}.rs-src a{color:#c3ccd2;text-decoration:underline;text-underline-offset:2px}
.rs-trend{margin-top:26px}.rs-trend a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.rs-item{grid-template-columns:minmax(0,1fr);gap:14px}}
/* What to let it decide: two plain lists and a track */
.gt-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr);gap:clamp(18px,3vw,40px)}
.gt-h{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.gt-key{width:10px;height:10px;border-radius:50%}.gt-key.is-ok{background:#2dd4bf}.gt-key.is-gate{background:#f0a35e}.gt-key.is-no{background:transparent;border:2px solid #f87171}
.gt-col ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gt-col li{border-bottom:1px solid var(--line)}
.gt-col button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 2px;border:0;background:none;color:#d5dee6;font-size:15px;text-align:left;transition:color .2s,padding .3s}
.gt-col button:after{content:'→';color:var(--muted);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .3s}
.gt-col button:hover,.gt-col button[aria-pressed="true"]{color:var(--paper);padding-left:8px}.gt-col button:hover:after,.gt-col button[aria-pressed="true"]:after{opacity:1;transform:none}
.gt-col button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.gt-track{margin:26px 0 0}
.gt-track svg{display:block;width:100%;max-width:720px;margin:0 auto;height:auto;overflow:visible;font-family:var(--sans)}
.gt-path{fill:none;stroke:#2b343d;stroke-width:1.5}.gt-bypass{stroke-dasharray:4 6}
.gt-node circle{fill:#161c22;stroke:#46525d;stroke-width:1.5}.gt-node text{fill:#c3ccd2;font-size:14px;text-anchor:middle}
.gt-greg-ring{fill:none!important;stroke:#f0a35e!important;opacity:0;transition:opacity .3s}.gt.is-waiting .gt-greg-ring{opacity:1;animation:gt-wait 1s ease-in-out infinite}
@keyframes gt-wait{50%{opacity:.25}}
.gt.is-done .gt-done circle{stroke:#2dd4bf;fill:#12302e}
.gt-note{fill:#6f7c88;font-size:12px;text-anchor:middle}
.gt-dot{fill:#2dd4bf;filter:drop-shadow(0 0 6px #2dd4bf);transition:fill .3s}.gt[data-kind="gate"] .gt-dot{fill:#f0a35e;filter:drop-shadow(0 0 6px #f0a35e)}.gt[data-kind="no"] .gt-dot{fill:#f87171;filter:drop-shadow(0 0 6px #f87171)}
.gt-why{margin:10px auto 0;max-width:60ch;min-height:1.7em;text-align:center;font-size:15px;color:#c3ccd2}
@media(max-width:900px){.gt-cols{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.gl-you,.gt-greg-ring{animation:none!important}.gl-l,.gl-chief,.gl-cap span{transition:none}}
.gl-pause{min-height:30px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:none;color:#aeb9c2;font-size:12px}.gl-pause:hover{color:var(--paper);border-color:#5b6670}.gl-pause:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.gl.is-paused .gl-you{animation-play-state:paused}
.gl-count{margin-left:auto}
.gl.is-narrow .gl-node text{font-size:17px}.gl.is-narrow .gl-you text{font-size:13px}.gl.is-narrow .gl-chief text{font-size:12px}
.gl.is-narrow .gl-node:nth-child(n+4) text{font-size:14px}
/* Before / after: the diagram with the thread where coordination happens */
.gl-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:stretch;margin-top:8px}
.gl-thread{display:flex;flex-direction:column;min-height:340px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0f1317}
.gl-thread-head{position:relative;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #222a31;font-size:14px;font-weight:600;color:var(--paper);min-height:1.5em}
.gl-thread-head span{position:absolute;left:0;top:0;transition:opacity .4s}.gl[data-mode="before"] .gl-th-after,.gl[data-mode="after"] .gl-th-before{opacity:0}
.gl-th-after b{color:var(--muted);font-weight:400;margin-right:2px}.gl-th-after small{margin-left:6px;padding:1px 6px;border:1px solid var(--line);border-radius:4px;font-size:10.5px;font-weight:500;color:var(--muted)}
.gl-msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;list-style:none;margin:0;padding:0;overflow:hidden}
.gl-m{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;font-size:13px;line-height:1.45}
.gl-ava{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;font-size:12px;font-weight:700;background:#2a323a;color:var(--paper)}
.gl-m.is-winky .gl-ava{border-radius:50%;background:radial-gradient(circle at 35% 30%,#99f6e4,#14b8a6 60%,#0f766e);color:#04201c}
.gl-m.is-you .gl-ava{background:#f0a35e;color:#2a1607}.gl-m.is-greg .gl-ava,.gl-m.is-bot .gl-ava{background:#e8edf0;color:#101317}
.gl-m-top{display:flex;align-items:baseline;gap:7px;margin:0}.gl-m-top b{font-size:13px;color:var(--paper)}.gl-m-top small{font-size:11px;color:var(--muted)}
.gl-m.is-bot .gl-m-top small{color:#9be7dc}
.gl-m-text{margin:1px 0 0;color:#c3ccd2}.gl-m.is-lost .gl-m-text{color:#f8c48f;font-style:italic}
.gl-chip{display:inline-block;margin-top:5px;padding:1px 8px;border-radius:999px;border:1px solid #2c3a44;font-size:11px;color:#aeb9c2}
.gl-m.is-winky .gl-chip{border-color:#1f5a54;color:#9be7dc}.gl-chip.is-ok{border-color:#2f6b3f;color:#86efac}.gl-m.is-ask .gl-chip{border-color:#6b4a2f;color:#f8c48f}
.gl-thread-note{margin:10px 0 0;padding-top:10px;border-top:1px solid #222a31;font-size:11.5px;line-height:1.5;color:var(--muted);transition:opacity .4s}.gl[data-mode="before"] .gl-thread-note{opacity:0}
@media(max-width:900px){.gl-body{grid-template-columns:minmax(0,1fr)}.gl-thread{min-height:300px}}
/* The model split */
.at-split{margin:0 0 30px;padding:clamp(20px,3vw,32px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.at-split-lead{margin:0 0 22px;font-family:var(--serif);font-size:clamp(24px,2.6vw,36px);line-height:1.3;color:var(--paper);max-width:30ch}.at-split-lead em{color:var(--teal)}
.at-split-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,40px)}
.at-split-row{display:flex;flex-direction:column;gap:6px;padding-left:16px;border-left:2px solid #46525d}.at-split-row.is-chief{border-left-color:var(--teal)}
.at-split-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.at-split-row.is-chief .at-split-tag{color:var(--teal)}
.at-split-row b{font-size:19px;font-weight:600;color:var(--paper)}.at-split-row span:last-child{font-size:15px;line-height:1.6;color:#b5bec5}
.at-split-why{margin:22px 0 0;max-width:68ch;font-size:16px;line-height:1.7;color:#c3ccd2}
.at-day{margin-top:0}
@media(max-width:760px){.at-split-rows{grid-template-columns:minmax(0,1fr)}}
.gl-cap{display:grid;margin-top:14px}.gl-cap span{position:static;grid-area:1/1}
/* The thread keeps a fixed size, so new messages never resize the figure. */
.gl-thread{height:380px;min-height:0}.gl-msgs{min-height:0;-webkit-mask-image:linear-gradient(transparent,#000 36px);mask-image:linear-gradient(transparent,#000 36px)}
@media(max-width:900px){.gl-thread{height:400px}}

/* ===== Reading layout: one column, one body size, figures between paragraphs ===== */
.wu-part{padding-top:clamp(80px,10vw,136px)}
.wu-col{width:min(680px,calc(100% - 48px));margin:0 auto}
.wu-kicker{margin:0 0 12px;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ember)}
.wu-part h2{margin:0 0 30px;font-size:clamp(34px,4vw,50px);font-weight:400;line-height:1.06;letter-spacing:-.045em}
.wu-col h3{margin:52px 0 16px;font-size:clamp(23px,2.2vw,28px);font-weight:400;line-height:1.2;letter-spacing:-.03em;color:var(--paper)}
.wu-col p,.wu-col li,.wu-col dd{font-size:18px;line-height:1.75;color:#c3ccd2}
.wu-col p{margin:0 0 24px}.wu-col strong,.wu-col b{color:var(--paper);font-weight:600}
.wu-col a{color:var(--paper);text-decoration:underline;text-decoration-color:#5b6670;text-underline-offset:3px}.wu-col a:hover{text-decoration-color:var(--teal)}
.wu-col .wu-lead{font-family:var(--serif);font-size:clamp(22px,2.2vw,26px);line-height:1.55;color:var(--paper)}
.wu-list{margin:0 0 24px;padding-left:22px}.wu-list li{margin:0 0 8px;padding-left:4px}
.wu-pair{display:grid;gap:18px;margin:6px 0 26px}.wu-pair div{padding-left:18px;border-left:2px solid #46525d}.wu-pair div:first-child{border-left-color:var(--teal)}
.wu-pair dt{margin-bottom:4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.wu-pair div:first-child dt{color:var(--teal)}.wu-pair dd{margin:0}
.wu-fig{width:min(1120px,calc(100% - 48px));margin:48px auto 52px}
.wu-fig .gl,.wu-fig .at-office{margin:0}
.wu-pull{margin:8px 0 0;padding-left:22px;border-left:2px solid var(--teal);font-family:var(--serif);font-size:clamp(21px,2vw,25px);line-height:1.5;color:var(--paper)}
.wu-lanes{margin:0 0 28px;border-bottom:1px solid var(--line)}.wu-lanes div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.wu-lanes dt{font-size:17px;font-weight:600;color:var(--paper);padding-top:2px}.wu-lanes dd{margin:0;font-size:16.5px!important;line-height:1.65!important}
.wu-reasons{list-style:none;margin:8px 0 32px;padding:0;border-bottom:1px solid var(--line)}
.wu-reasons li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;padding:30px 0;border-top:1px solid var(--line)}
.wu-stat{font:400 50px/1 var(--serif);letter-spacing:-.04em;color:var(--paper);font-variant-numeric:tabular-nums}.wu-stat em{font-style:italic;font-size:40px;color:var(--teal)}
.wu-reasons h3{margin:2px 0 10px;font-size:22px}.wu-reasons p{margin:0 0 10px;font-size:17px}.wu-col .wu-src{margin:0;font-size:13.5px;color:#8d99a5}.wu-src a{color:#c3ccd2}
.wu-agent{margin:8px 0 12px;padding:24px 0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wu-agent .at-copy{margin:0 0 18px}.wu-agent-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.wu-col h3[id^="phase-"]{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:64px}
.wu-ph{flex-basis:100%;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.wu-col h3 small{font-size:13px;letter-spacing:0;color:var(--muted)}
.wu-steps{margin:0 0 22px;padding-left:24px}.wu-steps li{margin:0 0 10px;padding-left:4px;font-size:17px!important}
.wu-col .at-copy{margin:0 0 18px}
.wu-col .wu-done,.wu-col .wu-ifnot,.wu-col .wu-aside{margin:0 0 12px;padding-left:16px;font-size:16px;line-height:1.65}
.wu-done{border-left:2px solid #4ade80}.wu-done b{color:#86efac!important}
.wu-ifnot{border-left:2px solid #f0a35e}.wu-ifnot b{color:#f8c48f!important}
.wu-aside{border-left:2px solid #46525d;color:#aeb9c2!important}.wu-aside b{color:var(--paper)}
.wu-done b,.wu-ifnot b,.wu-aside b{margin-right:6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.wu-fix{margin:0;border-bottom:1px solid var(--line)}.wu-fix div{padding:14px 0;border-top:1px solid var(--line)}.wu-fix dt{font-size:17px;font-weight:600;color:var(--paper)}.wu-fix dd{margin:4px 0 0;font-size:16.5px!important}
.wu-next.wu-col{padding-left:0;padding-right:0}
@media(max-width:640px){.wu-col{width:calc(100% - 40px)}.wu-fig{width:calc(100% - 32px)}.wu-reasons li{grid-template-columns:minmax(0,1fr);gap:10px}.wu-lanes div{grid-template-columns:minmax(0,1fr);gap:2px}.wu-col p,.wu-col li,.wu-col dd{font-size:17px}}
.at.is-ready .wu-part>*{transition:opacity .7s,transform .7s}.at.is-ready .wu-part.is-pending>*{opacity:0;transform:translateY(22px)}
.wu-col .wu-kicker{font-size:12px;line-height:1;margin:0 0 12px}
.wu-hero{padding-top:clamp(36px,6vw,80px)}
.wu-hero .eyebrow{color:var(--muted)}.wu-hero .eyebrow a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}
.wu-hero h1{margin:18px 0 24px;font-size:clamp(48px,6.4vw,84px);font-weight:400;line-height:1.02;letter-spacing:-.06em}.wu-hero h1 em{font-family:var(--serif);color:var(--teal)}
.wu-hero .wu-lede{max-width:none;font-size:clamp(19px,1.8vw,22px)}.wu-hero .wu-meta{margin:20px 0 0}
.wu-emblem{display:flex;justify-content:center;margin:24px auto 0}.wu-emblem .at-orbit{width:min(420px,86vw)}
.wu-fold{margin:0 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wu-fold summary{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:15.5px;color:var(--paper);cursor:pointer;list-style:none}
.wu-fold summary::-webkit-details-marker{display:none}.wu-fold summary:before{content:'+';display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #46525d;color:var(--teal);font-size:15px;line-height:1;transition:transform .3s}
.wu-fold[open] summary:before{transform:rotate(45deg)}.wu-fold summary:hover{color:var(--teal)}.wu-fold summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.wu-fold .at-copy{margin:0 0 14px}
.wu-fold+.wu-fold{border-top:0;margin-top:-14px}
.wu-part{padding-top:clamp(72px,8vw,112px)}
.wu-fig{width:min(980px,calc(100% - 48px));margin:40px auto 44px}
.wu-reasons li{padding:26px 0}
/* Product link marks: Simple Icons (CC0). The marks belong to their owners. */
.wu-ico-openai{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23412991%22%20d%3D%22M22.2819%209.8211a5.9847%205.9847%200%200%200-.5157-4.9108%206.0462%206.0462%200%200%200-6.5098-2.9A6.0651%206.0651%200%200%200%204.9807%204.1818a5.9847%205.9847%200%200%200-3.9977%202.9%206.0462%206.0462%200%200%200%20.7427%207.0966%205.98%205.98%200%200%200%20.511%204.9107%206.051%206.051%200%200%200%206.5146%202.9001A5.9847%205.9847%200%200%200%2013.2599%2024a6.0557%206.0557%200%200%200%205.7718-4.2058%205.9894%205.9894%200%200%200%203.9977-2.9001%206.0557%206.0557%200%200%200-.7475-7.0729zm-9.022%2012.6081a4.4755%204.4755%200%200%201-2.8764-1.0408l.1419-.0804%204.7783-2.7582a.7948.7948%200%200%200%20.3927-.6813v-6.7369l2.02%201.1686a.071.071%200%200%201%20.038.052v5.5826a4.504%204.504%200%200%201-4.4945%204.4944zm-9.6607-4.1254a4.4708%204.4708%200%200%201-.5346-3.0137l.142.0852%204.783%202.7582a.7712.7712%200%200%200%20.7806%200l5.8428-3.3685v2.3324a.0804.0804%200%200%201-.0332.0615L9.74%2019.9502a4.4992%204.4992%200%200%201-6.1408-1.6464zM2.3408%207.8956a4.485%204.485%200%200%201%202.3655-1.9728V11.6a.7664.7664%200%200%200%20.3879.6765l5.8144%203.3543-2.0201%201.1685a.0757.0757%200%200%201-.071%200l-4.8303-2.7865A4.504%204.504%200%200%201%202.3408%207.872zm16.5963%203.8558L13.1038%208.364%2015.1192%207.2a.0757.0757%200%200%201%20.071%200l4.8303%202.7913a4.4944%204.4944%200%200%201-.6765%208.1042v-5.6772a.79.79%200%200%200-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759%200%200%200-.7854%200L9.409%209.2297V6.8974a.0662.0662%200%200%201%20.0284-.0615l4.8303-2.7866a4.4992%204.4992%200%200%201%206.6802%204.66zM8.3065%2012.863l-2.02-1.1638a.0804.0804%200%200%201-.038-.0567V6.0742a4.4992%204.4992%200%200%201%207.3757-3.4537l-.142.0805L8.704%205.459a.7948.7948%200%200%200-.3927.6813zm1.0976-2.3654l2.602-1.4998%202.6069%201.4998v2.9994l-2.5974%201.4997-2.6067-1.4997Z%22%2F%3E%3C%2Fsvg%3E")}
.wu-ico-slack{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%234A154B%22%20d%3D%22M5.042%2015.165a2.528%202.528%200%200%201-2.52%202.523A2.528%202.528%200%200%201%200%2015.165a2.527%202.527%200%200%201%202.522-2.52h2.52v2.52zM6.313%2015.165a2.527%202.527%200%200%201%202.521-2.52%202.527%202.527%200%200%201%202.521%202.52v6.313A2.528%202.528%200%200%201%208.834%2024a2.528%202.528%200%200%201-2.521-2.522v-6.313zM8.834%205.042a2.528%202.528%200%200%201-2.521-2.52A2.528%202.528%200%200%201%208.834%200a2.528%202.528%200%200%201%202.521%202.522v2.52H8.834zM8.834%206.313a2.528%202.528%200%200%201%202.521%202.521%202.528%202.528%200%200%201-2.521%202.521H2.522A2.528%202.528%200%200%201%200%208.834a2.528%202.528%200%200%201%202.522-2.521h6.312zM18.956%208.834a2.528%202.528%200%200%201%202.522-2.521A2.528%202.528%200%200%201%2024%208.834a2.528%202.528%200%200%201-2.522%202.521h-2.522V8.834zM17.688%208.834a2.528%202.528%200%200%201-2.523%202.521%202.527%202.527%200%200%201-2.52-2.521V2.522A2.527%202.527%200%200%201%2015.165%200a2.528%202.528%200%200%201%202.523%202.522v6.312zM15.165%2018.956a2.528%202.528%200%200%201%202.523%202.522A2.528%202.528%200%200%201%2015.165%2024a2.527%202.527%200%200%201-2.52-2.522v-2.522h2.52zM15.165%2017.688a2.527%202.527%200%200%201-2.52-2.523%202.526%202.526%200%200%201%202.52-2.52h6.313A2.527%202.527%200%200%201%2024%2015.165a2.528%202.528%200%200%201-2.522%202.523h-6.313z%22%2F%3E%3C%2Fsvg%3E")}
.wu-ico-clickup{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%237B68EE%22%20d%3D%22M2%2018.439l3.69-2.828c1.961%202.56%204.044%203.739%206.363%203.739%202.307%200%204.33-1.166%206.203-3.704L22%2018.405C19.298%2022.065%2015.941%2024%2012.053%2024%208.178%2024%204.788%2022.078%202%2018.439zM12.04%206.15l-6.568%205.66-3.036-3.52L12.055%200l9.543%208.296-3.05%203.509z%22%2F%3E%3C%2Fsvg%3E")}
.wu-ico-github{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23181717%22%20d%3D%22M12%20.297c-6.63%200-12%205.373-12%2012%200%205.303%203.438%209.8%208.205%2011.385.6.113.82-.258.82-.577%200-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422%2018.07%203.633%2017.7%203.633%2017.7c-1.087-.744.084-.729.084-.729%201.205.084%201.838%201.236%201.838%201.236%201.07%201.835%202.809%201.305%203.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93%200-1.31.465-2.38%201.235-3.22-.135-.303-.54-1.523.105-3.176%200%200%201.005-.322%203.3%201.23.96-.267%201.98-.399%203-.405%201.02.006%202.04.138%203%20.405%202.28-1.552%203.285-1.23%203.285-1.23.645%201.653.24%202.873.12%203.176.765.84%201.23%201.91%201.23%203.22%200%204.61-2.805%205.625-5.475%205.92.42.36.81%201.096.81%202.22%200%201.606-.015%202.896-.015%203.286%200%20.315.21.69.825.57C20.565%2022.092%2024%2017.592%2024%2012.297c0-6.627-5.373-12-12-12%22%2F%3E%3C%2Fsvg%3E")}
.wu-ico-cursor{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23181717%22%20d%3D%22M11.503.131%201.891%205.678a.84.84%200%200%200-.42.726v11.188c0%20.3.162.575.42.724l9.609%205.55a1%201%200%200%200%20.998%200l9.61-5.55a.84.84%200%200%200%20.42-.724V6.404a.84.84%200%200%200-.42-.726L12.497.131a1.01%201.01%200%200%200-.996%200M2.657%206.338h18.55c.263%200%20.43.287.297.515L12.23%2022.918c-.062.107-.229.064-.229-.06V12.335a.59.59%200%200%200-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23%22%2F%3E%3C%2Fsvg%3E")}
.wu-ico-bot{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23101317%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%228%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%204v4%22%2F%3E%3Cpath%20d%3D%22M9.5%2013h.01M14.5%2013h.01%22%2F%3E%3C%2Fsvg%3E")}
.wu-prod-lead{white-space:nowrap}
.wu-ico{display:inline-block;width:1.15em;height:1.15em;margin:0 .32em 0 .05em;vertical-align:-.2em;border-radius:5px;background-color:#f4f6f8;background-repeat:no-repeat;background-position:center;background-size:72%;box-shadow:0 0 0 1px rgb(255 255 255/.06)}
.wu-stack{margin:4px 0 28px;border-bottom:1px solid var(--line)}
.wu-stack div{padding:18px 0;border-top:1px solid var(--line)}
.wu-stack dt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:18px;font-weight:600}
.wu-stack dt a{text-decoration:none!important;color:var(--paper)}
.wu-cost{flex:none;padding:2px 10px;border-radius:999px;border:1px solid #2f6b3f;font-size:12px;font-weight:600;color:#86efac}.wu-cost.is-paid{border-color:#6b4a2f;color:#f8c48f}
.wu-stack dd{margin:0;font-size:16.5px!important;line-height:1.7!important}
