:root{--canvas: #F7F8F9;--paper: #FFFFFF;--ink: #1B1530;--bg-dark: #131922;--mist: #535F70;--berry: #AD3E5A;--coral: #FF7D66;--line: rgba(27, 21, 48, .08);--text-light: var(--ink);--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--container-max: 1200px;--container-pad: 40px;--radius: 24px;--spring: cubic-bezier(.34, 1.32, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--canvas);color:var(--ink);overflow-x:hidden;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.section{padding:110px 0}h1,h2{font-weight:900;letter-spacing:-.03em;line-height:1.02}h1{font-size:clamp(2.7rem,6.2vw,4.6rem)}h2{font-size:clamp(2.1rem,4.6vw,3.4rem)}h3{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;line-height:1.25}.muted{color:var(--mist)}.eyebrow{display:block;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);margin-bottom:1.1rem}.lede{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--mist);max-width:30rem}.lede strong{color:var(--ink);font-weight:600}.subline{margin-top:12px;font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:500;letter-spacing:-.005em;line-height:1.3;color:var(--mist)}.lede a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.dark{background:var(--bg-dark);color:var(--canvas)}.dark h1,.dark h2{color:var(--canvas)}.dark .eyebrow{color:#f7f8f999}.dark .lede,.dark .muted{color:#f7f8f9a8}.dark .lede strong,.dark .lede a{color:var(--canvas)}.doors{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:2rem}.doors-center{justify-content:center}.badge{display:block;height:52px;transition:transform .2s ease}.badge:hover{transform:translateY(-2px)}.badge:active{transform:scale(.97)}.badge img{height:52px;width:auto;display:block}.door-pill{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px 0 20px;border-radius:999px;background:var(--ink);color:var(--canvas);font-weight:600;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease}.door-pill svg{height:20px;width:auto;flex:none}.door-pill:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1b153038}.door-pill:active{transform:scale(.97)}.dark .door-pill{background:var(--canvas);color:var(--ink)}.alt-door{display:flex;width:max-content;align-items:center;gap:10px;margin-top:22px;font-size:.95rem;font-weight:500;color:var(--mist);transition:color .2s ease}.doors-center+.alt-door{margin-left:auto;margin-right:auto}.alt-door svg{height:18px;width:auto;flex:none}.alt-door i{font-style:normal;transition:transform .2s ease}.alt-door:hover{color:var(--ink)}.alt-door:hover i{transform:translate(3px)}.dark .alt-door{color:#f7f8f9b8}.dark .alt-door:hover{color:var(--canvas)}.convo{height:var(--h, 400px);display:flex;flex-direction:column;gap:14px;overflow:hidden;transition:opacity .45s ease}.convo.fade{opacity:0}.when{align-self:center;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mist);animation:pop .5s var(--spring) backwards}.msg{display:flex;flex-direction:column;gap:6px;max-width:92%;animation:pop .5s var(--spring) backwards}.msg.user{align-self:flex-end;align-items:flex-end}.msg.dillr{align-self:flex-start;align-items:flex-start}.who{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}.bubble{padding:12px 16px;border-radius:20px;font-size:1.02rem;line-height:1.38}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.msg.user .bubble{background:var(--ink);color:var(--canvas);font-weight:500;border-bottom-right-radius:6px}.msg.dillr .bubble{background:var(--paper);color:var(--ink);border-bottom-left-radius:6px;box-shadow:0 4px 14px #1b15300f}.bubble.typing{display:inline-flex;gap:5px;padding:16px 18px}.bubble.typing span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5;animation:blink 1.2s ease-in-out infinite}.bubble.typing span:nth-child(2){animation-delay:.15s}.bubble.typing span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.dark .when,.dark .who{color:#f7f8f973}.dark .msg.user .bubble{background:var(--canvas);color:var(--ink)}.dark .msg.dillr .bubble{background:#ffffff14;color:var(--canvas);box-shadow:none}.chat-tool{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 8px;border-radius:999px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--mist);background:#1b15300d;animation:pop .5s var(--spring) backwards}.chat-tool:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}.chat-card{align-self:flex-start;width:min(370px,100%);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 14px 34px #1b153024;animation:card .7s var(--spring) backwards}.chat-card img{width:100%;height:auto;max-height:280px;object-fit:cover;object-position:top;-webkit-mask:linear-gradient(#000 75%,transparent);mask:linear-gradient(#000 75%,transparent)}@keyframes card{0%{opacity:0;transform:translateY(24px) scale(.92) rotate(-1.5deg)}to{opacity:1;transform:none}}.chat-window{border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #00000059;overflow:hidden}.chat-window--claude{background:#faf9f5}.chat-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:600;font-size:.85rem}.chat-bar svg{height:16px;width:auto}.chat-window .convo{padding:20px}.chat-window .when,.chat-window .who{color:var(--mist)}.chat-window .msg.user .bubble{background:#f0f0f0;color:var(--ink)}.chat-window--claude .msg.user .bubble{background:#f0eee6}.chat-window .msg.dillr .bubble{background:none;box-shadow:none;padding:2px 0;color:var(--ink)}.chat-window .bubble.typing{padding:12px 0}.plates{display:grid;grid-template-columns:repeat(var(--n, 5),1fr);gap:14px;align-items:start}.plate{all:unset;cursor:pointer;display:block}.plate .pic{--x: 50%;display:block;position:relative;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:#edebe6;touch-action:pan-y;cursor:ew-resize}.plate .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.plate .pic .idea{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.plate .pic .split{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 10px #00000040}.plate .pic.ease .idea{transition:clip-path .5s cubic-bezier(.65,0,.35,1)}.plate .pic.ease .split{transition:left .5s cubic-bezier(.65,0,.35,1)}.tag{position:absolute;padding:6px 12px;border-radius:999px;background:#fffffff0;color:var(--ink);font-size:.78rem;font-weight:600}.plate .pic .tag{bottom:8px;font-size:.64rem;padding:3px 8px}.plate .pic .tag-idea{left:8px}.plate .pic .tag-real{right:8px}.plate .q{display:block;margin-top:10px;font-size:.86rem;color:var(--mist)}.plate .q b{display:block;color:var(--ink);font-weight:700}.dark .plate .q{color:#f7f8f999}.dark .plate .q b{color:var(--canvas)}.plate:focus-visible .pic{outline:2px solid var(--berry);outline-offset:3px}.strike-list{list-style:none;margin-top:1.75rem}.strike-list li{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;letter-spacing:-.01em;padding:10px 0;border-top:1px solid var(--line);transition:color .5s ease .35s}.strike-list li:last-child{border-bottom:1px solid var(--line)}.strike-list span{position:relative}.strike-list span:after{content:"";position:absolute;left:-2px;right:-2px;top:54%;height:3px;border-radius:2px;background:var(--berry);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.65,0,.35,1)}.strike-list li.done{color:#535f708c}.strike-list li.done span:after{transform:scaleX(1)}.dark .strike-list li{border-color:#f7f8f91f}.dark .strike-list li.done{color:#f7f8f959}.dark .strike-list span:after{background:var(--coral)}.strike-answer{margin-top:1.5rem;font-family:var(--font-serif);font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.3;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}.strike-answer.on{opacity:1;transform:none}.strike-answer .who{display:block;font-size:.64rem;letter-spacing:.14em;margin-bottom:4px}.close{padding:72px 0 120px;text-align:center}.close .lede{margin:1rem auto 0}.fan{display:flex;justify-content:center;margin-bottom:40px}.fan img{width:120px;height:120px;object-fit:cover;border-radius:18px;border:4px solid var(--paper);box-shadow:0 12px 30px #1b153024;margin:0 -14px;transition:margin .4s var(--spring),transform .4s var(--spring)}.fan img:nth-child(1){transform:rotate(-8deg) translateY(10px)}.fan img:nth-child(2){transform:rotate(-3deg);z-index:1}.fan img:nth-child(3){transform:rotate(3deg);z-index:1}.fan img:nth-child(4){transform:rotate(8deg) translateY(10px)}.fan:hover img{margin:0 4px}.also{margin-top:1.5rem;font-size:.86rem;color:var(--mist)}.also a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){:root{--container-pad: 20px}.section{padding:64px 0}.bubble{font-size:.92rem}.plates{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--container-pad);padding:0 var(--container-pad) 8px;margin:0 calc(-1 * var(--container-pad))}.plate{scroll-snap-align:start}.fan img{width:76px;height:76px;margin:0 -10px;border-width:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}