*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #fff;outline-offset:4px}.skip-link{position:absolute;top:-80px;left:16px;background:#ffe345;color:#171820;padding:12px;z-index:20}.skip-link:focus{top:12px}.comic{--bg:#171820;--paper:#fff1d1;--accent:#ffd22d;--cyan:#54d9e2;--coral:#ff5266;--ink:#171820;background:var(--bg);color:var(--paper);font:17px/1.55 Poppins,Arial,sans-serif}.comic--cache{--bg:#102e3c;--accent:#f3bb4e;--cyan:#76dfc3;--coral:#e9b265}.comic-nav{max-width:1320px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff47}.comic-nav .brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none}.comic-nav .brand img{display:block}.comic-nav>div{display:flex;gap:24px;font-size:13px;font-weight:700}.comic-nav>div a:hover,.comic-footer a:hover{text-decoration-thickness:3px}.comic main{max-width:1320px;margin:auto;padding:0 28px 70px}.comic-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:36px;align-items:center;min-height:670px;padding:48px 0 62px}.kicker,.panel-no{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.kicker span{color:var(--paper);padding:0 6px}.comic h1,.comic h2{font-family:Impact,'Arial Black',Poppins,sans-serif;text-transform:uppercase;letter-spacing:.012em}.comic h1{font-size:clamp(62px,7.8vw,126px);line-height:.91;margin:21px 0}.comic h1 em{font-style:normal;color:var(--accent)}.lede{font-size:clamp(21px,2.2vw,30px);line-height:1.35;max-width:550px;margin:22px 0}.hero-note{max-width:440px;font-size:13px;color:#e2decf}.comic-button{display:inline-block;text-decoration:none;background:var(--accent);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 #000;padding:12px 18px;margin-top:20px;font-weight:900;font-size:14px}.comic-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}.comic-button.alt{background:var(--paper)}.scene-wrap{min-height:570px;height:clamp(480px,46vw,660px);position:relative;overflow:hidden;border:8px solid var(--paper);box-shadow:14px 14px 0 #05080d;transform:rotate(1deg);background:radial-gradient(circle at 40% 30%,#3e6870,#102430 70%)}.comic--instructions .scene-wrap{background:radial-gradient(circle at 50% 38%,#f8db70,#d39112 80%)}#comic-scene{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#comic-scene:active{cursor:grabbing}.scene-caption{position:absolute;bottom:14px;left:14px;right:14px;z-index:2;background:#171820d9;color:#fff1d1;padding:7px 10px;font-size:11px;font-weight:700}.scene-fallback{position:absolute;inset:20% 9%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--paper);font:900 clamp(30px,4vw,60px)/1 Impact,'Arial Black',sans-serif;pointer-events:none}.scene-fallback span{color:var(--coral);padding:0 10px}body.scene-ready .scene-fallback{display:none}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;scroll-margin-top:20px}.panel{position:relative;overflow:hidden;min-height:610px;border:5px solid var(--ink);box-shadow:8px 8px 0 #05080d;padding:28px 30px;color:var(--ink);background:var(--paper);display:flex;flex-direction:column}.panel--wide{grid-column:1/-1;min-height:430px}.panel-no{color:#30323a}.panel h2{font-size:clamp(40px,4.8vw,76px);line-height:.98;margin:18px 0 22px}.panel p{font-size:15px;line-height:1.55;max-width:560px;margin:auto 0 0}.panel--wide p{margin-top:20px}.panel--paper{background:#e7e0ca}.panel--paper h2{color:#173e4c}.paper-stack{display:flex;gap:24px;justify-content:center;align-items:center;flex:1;min-height:180px}.paper-card{position:relative;width:205px;height:166px;background:#fff8e6;border:4px solid var(--ink);box-shadow:8px 9px 0 #255165;transform:rotate(-7deg);padding:17px}.paper-card.new{transform:rotate(6deg)}.paper-card b{font-size:13px}.paper-card i{display:block;background:#183746;width:75%;height:6px;margin:12px 0}.paper-card i:nth-of-type(2){width:92%}.paper-card i:nth-of-type(3){width:56%}.paper-card strong{position:absolute;right:-14px;bottom:-18px;border:3px solid var(--ink);background:var(--accent);font-size:20px;padding:5px 14px}.panel--route{background:#8ccdbf}.route-art{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;justify-content:center}.route-input,.route-gate,.worker{border:3px solid var(--ink);font-weight:900}.route-input{background:#fff7df;padding:10px 26px;transform:rotate(-4deg)}.route-gate{background:#eec05f;padding:14px 32px;box-shadow:5px 5px #123342}.route-workers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.worker{background:#d5ece3;padding:15px;display:flex;flex-direction:column;font-size:18px}.worker.selected{background:#fff2c7;transform:rotate(-3deg)}.worker small{font-size:11px;font-weight:600}.worker span{color:#155a59;font-size:20px;white-space:nowrap}.panel--metric{background:#f1ba54}.versus{display:flex;align-items:center;gap:8px;justify-content:center;flex:1}.versus div{min-width:0}.versus strong{display:block;font:900 clamp(50px,6vw,88px)/1 Poppins,Arial,sans-serif;letter-spacing:-.07em}.versus span{font-size:12px;font-weight:900;text-transform:uppercase}.versus b{font-size:60px;color:#fff7df}.panel--griffin{background:#cce4e2}.griffin-burst{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:220px}.griffin-burst:before{content:"";position:absolute;width:260px;height:260px;background:repeating-conic-gradient(from 10deg,#fff5d6 0deg 12deg,transparent 12deg 24deg);border-radius:50%;opacity:.8}.griffin-burst img{position:relative;max-height:245px;width:auto;max-width:45%;object-fit:contain;border:4px solid var(--ink);transform:rotate(5deg)}.griffin-burst span{position:relative;z-index:1;background:#f3bb4e;border:3px solid var(--ink);padding:5px 10px;font:900 30px Impact,sans-serif;transform:rotate(-9deg)}.panel--source{background:#f8d437}.cover{border:5px solid var(--ink);box-shadow:10px 12px 0 #171820;background:#fff2d7;padding:17px;min-height:250px;display:flex;flex-direction:column;position:relative}.cover span{font-size:10px;font-weight:900;letter-spacing:.12em}.cover strong{font:900 clamp(25px,3vw,43px)/1 Poppins,sans-serif;letter-spacing:-.06em;margin-top:18px}.cover .nib{font-size:80px;line-height:1;margin:auto;text-align:center}.cover small{font-size:11px;font-weight:900}.cover--source{width:min(310px,85%);margin:auto;transform:rotate(-5deg);background:#ffe248}.panel--generate{background:#63d5dc}.generate-art{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ink-orbit{font-size:120px;line-height:1;transform:rotate(-18deg);text-shadow:8px 9px #fff2d1}.generate-button{border:4px solid var(--ink);background:#ffd22d;padding:8px 20px;font:900 30px Impact,sans-serif;transform:rotate(-7deg);box-shadow:6px 7px var(--ink)}.ink-fork{display:flex;width:72%;height:90px;justify-content:center;position:relative}.ink-fork i{display:block;background:#171820;border-radius:20px;position:absolute}.ink-fork i:first-child{width:10px;height:42px;top:0}.ink-fork i:nth-child(2),.ink-fork i:nth-child(3){width:45%;height:9px;top:42px}.ink-fork i:nth-child(2){left:5%;transform:rotate(-22deg)}.ink-fork i:nth-child(3){right:5%;transform:rotate(22deg)}.panel--outputs{background:#ff6673}.output-covers{display:flex;gap:14px;align-items:center;justify-content:center;flex:1;min-height:255px}.output-covers .cover{width:47%;min-height:245px}.cover--claude{background:#68d8df;transform:rotate(-5deg)}.cover--agents{background:#ffd9df;transform:rotate(5deg)}.output-covers .cover strong{font-size:clamp(17px,2vw,28px);overflow-wrap:anywhere}.output-covers .cover .nib{font-size:60px}.panel--reality{background:#e8ddbd}.reality-card{border:4px solid var(--ink);background:#fff8e7;padding:22px;display:flex;flex-direction:column;gap:8px;margin:auto 0;transform:rotate(-2deg);box-shadow:8px 8px var(--ink)}.reality-card span{font-size:11px;font-weight:900}.reality-card strong{font-size:27px}.reality-card a{font-weight:900;color:#0d6873}.comic-outro{border:5px solid var(--paper);margin-top:40px;padding:45px;background:#111924}.comic-outro h2{font-size:clamp(42px,5vw,72px);line-height:1.04;margin:20px 0}.outro-links{display:flex;flex-wrap:wrap;gap:14px}.comic-footer{max-width:1320px;margin:auto;padding:24px 28px 32px;border-top:1px solid #ffffff47;display:flex;justify-content:space-between;gap:20px;font-size:12px}@media(max-width:900px){.comic-hero{grid-template-columns:1fr;min-height:0}.scene-wrap{height:550px;max-width:700px;width:100%;margin:auto}.panel-grid{gap:18px}.panel{min-height:560px}.panel--wide{min-height:430px}}@media(max-width:650px){.comic-nav,.comic main,.comic-footer{padding-left:16px;padding-right:16px}.comic-nav>div{gap:12px}.comic-nav>div a{font-size:11px}.comic-nav .brand{font-size:13px}.comic-hero{padding:34px 0 48px;gap:25px}.comic h1{font-size:clamp(57px,14vw,90px)}.scene-wrap{height:430px;min-height:430px;transform:none;box-shadow:7px 7px #05080d}.panel-grid{grid-template-columns:1fr;gap:18px}.panel--wide{grid-column:auto}.panel{min-height:560px;padding:24px 20px}.panel--wide{min-height:450px}.panel h2{font-size:clamp(42px,11vw,65px)}.panel p{font-size:14px}.paper-card{width:44%;height:150px}.versus strong{font-size:clamp(52px,13vw,78px)}.comic-outro{padding:28px 20px}.comic-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}