@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Oswald:wght@500;600;700&display=swap";:root{color:#f0f0e8;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f0f0e8;--muted:#8e9288;--line:#282b26;--panel:#11130f;--acid:#d9ff43;--orange:#ff6b35;--mono:"DM Mono", monospace;--display:"Oswald", sans-serif;background:#0a0b09;font-family:Noto Sans SC,sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 4%,#d9ff430b,#0000 28rem),#0a0b09;min-width:320px;min-height:100vh;margin:0}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#0a0b09;background:var(--acid)}.shell{width:min(1440px,100% - 64px);margin-inline:auto}.grain{z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);height:80px;font-family:var(--mono);letter-spacing:.04em;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;display:grid}.brand{font-family:var(--display);letter-spacing:-.025em;white-space:nowrap;justify-self:start;font-size:16px;font-weight:700}.brand span{color:var(--acid)}.site-header nav{color:var(--muted);align-items:center;gap:38px;display:flex}.site-header nav a{align-items:center;gap:5px;transition:color .18s;display:inline-flex}.site-header nav a:hover{color:var(--ink)}.source-button{color:#0a0b09;background:var(--ink);justify-self:end;align-items:center;gap:8px;padding:10px 14px;transition:background .18s,transform .18s;display:inline-flex}.source-button:hover{background:var(--acid);transform:translateY(-2px)}.hero{flex-direction:column;justify-content:space-between;min-height:680px;padding:94px 0 54px;display:flex}.hero-kicker,.section-index{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.hero-kicker{align-items:center;gap:10px;display:flex}.live-dot{background:var(--acid);border-radius:50%;width:7px;height:7px;animation:2.2s infinite pulse;box-shadow:0 0 #d9ff4380}@keyframes pulse{70%{box-shadow:0 0 0 8px #d9ff4300}to{box-shadow:0 0 #d9ff4300}}.hero h1{font-family:var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:35px 0 55px -6px;font-size:clamp(100px,15vw,220px);font-weight:700;line-height:.77}.hero h1 span{color:#0000;-webkit-text-stroke:1.5px #62675c}.hero h1 sup{font-family:var(--mono);color:var(--acid);letter-spacing:0;vertical-align:top;margin-left:14px;font-size:clamp(16px,2vw,28px)}.hero-bottom{grid-template-columns:minmax(280px,480px) 1fr;align-items:end;gap:10vw;display:grid}.hero-bottom>p{color:#b8bcb2;margin:0;font-size:18px;font-weight:300;line-height:1.8}.hero-stats{border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stat{border-right:1px solid var(--line);flex-direction:column;padding:0 24px;display:flex}.stat strong{font-family:var(--display);font-size:42px;font-weight:500;line-height:1}.stat span{font-family:var(--mono);color:var(--muted);margin-top:9px;font-size:10px}.reveal{opacity:0;animation:.65s cubic-bezier(.2,.75,.25,1) forwards reveal;transform:translateY(15px)}.reveal-1{animation-delay:80ms}.reveal-2{animation-delay:.17s}.reveal-3{animation-delay:.29s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.catalog-bar{grid-template-columns:1fr minmax(300px,430px);align-items:end;gap:40px;display:grid}.section-index{color:var(--acid);margin:0 0 14px}.catalog-bar h2,.method h2{font-family:var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(34px,4vw,58px);line-height:1.1}.search-box{height:48px;color:var(--muted);border-bottom:1px solid #555a50;align-items:center;gap:10px;padding:0 0 0 14px;transition:border-color .18s;display:flex}.search-box:focus-within{color:var(--ink);border-color:var(--acid)}.search-box input{width:100%;height:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.search-box input::placeholder{color:#64685f}.search-box button{cursor:pointer;background:0 0;border:0;padding:8px}.filter-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:52px 0 34px}.filter-label{color:var(--acid);border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:9px;padding:14px 0;font-size:9px;display:flex}.filter-group{border-bottom:1px solid #1c1e1b;grid-template-columns:110px 1fr;align-items:center;min-height:50px;display:grid}.filter-group:last-child{border-bottom:0}.filter-group strong{color:#6f736a;font-family:var(--mono);font-size:9px;font-weight:400}.filter-group>div{flex-wrap:wrap;gap:5px;padding:7px 0;display:flex}.filter-group button{color:var(--muted);cursor:pointer;font-family:var(--mono);background:0 0;border:0;align-items:center;padding:6px 9px;font-size:11px;transition:color .18s,background .18s;display:flex}.filter-group button:hover{color:var(--ink)}.filter-group button.active{color:#0a0b09;background:var(--acid)}.case-grid{grid-template-columns:repeat(12,1fr);gap:56px 24px;display:grid}.case-card{opacity:0;min-width:0;animation:.5s forwards card-in;animation-delay:calc(var(--order) * 90ms);grid-column:span 4}.case-card:nth-child(3n+2){transform:translateY(48px)}@keyframes card-in{to{opacity:1}}.media{aspect-ratio:16/10;width:100%;color:var(--ink);cursor:pointer;background:#171a14;border:0;padding:0;display:block;position:relative;overflow:hidden}.media:after{content:"";pointer-events:none;background:linear-gradient(#0000000a 40%,#0009);position:absolute;inset:0}.media video,.media img{object-fit:cover;filter:saturate(.78)contrast(1.08);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .3s;display:block}.media:hover video,.media:hover img{filter:saturate()contrast(1.03);transform:scale(1.035)}.media-scan{z-index:2;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#d9ff4317 3px 4px);transition:opacity .25s;position:absolute;inset:0}.media:hover .media-scan{opacity:1}.case-number,.duration,.play-mark{z-index:3;font-family:var(--mono);font-size:10px;position:absolute}.case-number{color:#0a0b09;background:var(--acid);padding:5px 7px;top:13px;left:13px}.duration{align-items:center;gap:5px;display:flex;top:15px;right:15px}.play-mark{opacity:0;align-items:center;transition:opacity .18s,transform .18s;display:flex;bottom:13px;right:14px;transform:translate(-8px)}.media:hover .play-mark{opacity:1;transform:translate(0)}.case-meta{padding-top:17px}.mode-line{font-family:var(--mono);color:var(--acid);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:10px;display:flex}.verified{color:var(--muted);align-items:center;gap:4px;display:flex}.community-source{color:var(--acid)}.case-title{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.case-title:hover h3{color:var(--acid)}.case-title h3{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:500}.case-title p{font-family:var(--mono);color:var(--muted);text-transform:uppercase;margin:5px 0 0;font-size:10px}.tags{font-family:var(--mono);color:#696d64;flex-wrap:wrap;gap:11px;margin-top:20px;font-size:9px;display:flex}.empty-state{text-align:center;border:1px dashed var(--line);place-content:center;min-height:300px;display:grid}.empty-state span{font-family:var(--display);color:#3a3d37;font-size:64px}.empty-state p{color:var(--muted);font-size:13px}.templates{border-top:1px solid var(--line);grid-template-columns:.72fr 1.28fr;gap:8vw;padding:120px 0;display:grid}.templates-intro{align-self:start}.templates-intro h2{font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(38px,5vw,68px);line-height:1.08}.templates-intro>p:last-child{max-width:430px;color:var(--muted);margin:30px 0 0;font-size:14px;font-weight:300;line-height:1.8}.template-list{border-top:1px solid #4a4e45}.template-list article{border-bottom:1px solid var(--line);grid-template-columns:62px 1fr auto;align-items:start;gap:22px;padding:25px 0;display:grid}.template-code{color:#0a0b09;background:var(--acid);width:46px;height:46px;font-family:var(--mono);place-content:center;font-size:10px;display:grid}.template-mode,.template-en{font-family:var(--mono);color:var(--muted);font-size:9px}.template-mode{color:var(--acid)}.template-body h3{margin:7px 0 2px;font-size:20px;font-weight:500}.template-body>p:not(.template-en){color:#9da197;max-width:580px;margin:15px 0;font-size:13px;font-weight:300;line-height:1.7}.template-en{text-transform:uppercase;margin:0}.template-sections{flex-wrap:wrap;gap:7px;display:flex}.template-sections span{color:#777b71;font-family:var(--mono);border:1px solid #2d302b;padding:4px 6px;font-size:8px}.template-list article>button{color:var(--ink);cursor:pointer;font-family:var(--mono);background:0 0;border:1px solid #3f433b;align-items:center;gap:7px;padding:9px 11px;font-size:9px;transition:color .18s,border-color .18s;display:inline-flex}.template-list article>button:hover{color:var(--acid);border-color:var(--acid)}.toolkit{border-top:1px solid var(--line);padding:120px 0}.toolkit-heading{grid-template-columns:.9fr 1.1fr;align-items:end;gap:10vw;display:grid}.toolkit-heading h2{font-family:var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(42px,6vw,78px);line-height:1.02}.toolkit-heading>p{color:#a4a89e;max-width:620px;margin:0 0 7px;font-size:16px;font-weight:300;line-height:1.9}.toolkit-grid{border-top:1px solid #4a4e45;border-left:1px solid #4a4e45;grid-template-columns:repeat(2,1fr);margin-top:68px;display:grid}.resource-card{background:#11130f7a;border-bottom:1px solid #4a4e45;border-right:1px solid #4a4e45;flex-direction:column;min-height:340px;padding:30px;transition:color .2s,background .2s,transform .2s;display:flex;position:relative;overflow:hidden}.resource-card:after{content:"";border:1px solid #d9ff4340;border-radius:50%;width:150px;height:150px;transition:transform .32s,background .32s;position:absolute;bottom:-70px;right:-70px}.resource-card:hover{color:var(--ink);background:#171a14;transform:translateY(-4px)}.resource-card:hover:after{background:#d9ff4314;transform:scale(1.35)}.resource-topline{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;justify-content:space-between;gap:24px;font-size:9px;display:flex}.resource-topline span:first-child{color:var(--acid)}.resource-card h3{max-width:520px;font-family:var(--display);letter-spacing:-.04em;margin:52px 0 16px;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.05}.resource-card>p{color:#979b91;max-width:590px;margin:0;font-size:13px;font-weight:300;line-height:1.8}.resource-tags{flex-wrap:wrap;gap:7px;margin-top:25px;display:flex}.resource-tags span{color:#7f8379;font-family:var(--mono);text-transform:uppercase;border:1px solid #353930;padding:4px 6px;font-size:8px}.resource-action{z-index:1;color:var(--acid);font-family:var(--mono);align-items:center;gap:8px;margin-top:auto;padding-top:30px;font-size:10px;display:flex}.toolkit-notes{grid-template-columns:1.05fr .95fr;gap:24px;margin-top:24px;display:grid}.speed-note,.pipeline-note{border:1px solid #3d4138;min-height:260px;padding:30px}.speed-note{color:#0a0b09;background:var(--acid);border-color:var(--acid)}.note-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.speed-note h3{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:42px 0 14px;font-size:32px;line-height:1.08}.speed-note p{margin:0;font-size:13px;line-height:1.75}.speed-note small{font-family:var(--mono);border-top:1px solid #0a0b0947;margin-top:22px;padding-top:14px;font-size:9px;display:block}.pipeline-note{background-color:#0d0f0c;background-image:linear-gradient(#d9ff4309 1px,#0000 1px),linear-gradient(90deg,#d9ff4309 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;display:flex}.pipeline-note .note-label{color:var(--acid)}.pipeline-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:auto 0;display:grid}.pipeline-flow>div{flex-direction:column;min-width:0;display:flex}.pipeline-flow span,.pipeline-flow small{font-family:var(--mono);color:var(--muted);font-size:8px}.pipeline-flow strong{font-family:var(--display);margin:10px 0 5px;font-size:21px;line-height:1}.pipeline-flow>svg{color:var(--acid)}.method{border-top:1px solid var(--line);grid-template-columns:.9fr 1.1fr;gap:10vw;padding:120px 0;display:grid}.method-heading{align-self:start;position:sticky;top:45px}.method h2{max-width:620px}.method-steps{border-top:1px solid #4a4e45}.method-steps article{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr;gap:24px;padding:28px 0;display:grid}.method-steps article>span{color:#0a0b09;background:var(--acid);width:36px;height:36px;font-family:var(--mono);border-radius:50%;place-content:center;font-size:11px;display:grid}.method-steps h3{margin:3px 0 10px;font-size:20px;font-weight:500}.method-steps p{max-width:520px;color:var(--muted);margin:0;font-size:14px;font-weight:300;line-height:1.8}.faq{border-top:1px solid var(--line);grid-template-columns:.9fr 1.1fr;gap:10vw;padding:120px 0;display:grid}.faq-heading h2{font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(38px,5vw,68px);line-height:1.08}.faq-list{border-top:1px solid #4a4e45}.faq-list article{border-bottom:1px solid var(--line);padding:28px 0}.faq-list h3{margin:0 0 12px;font-size:20px;font-weight:500}.faq-list p{max-width:620px;color:var(--muted);margin:0;font-size:14px;font-weight:300;line-height:1.8}footer{min-height:160px;color:var(--muted);border-top:1px solid var(--line);font-family:var(--mono);grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px;font-size:9px;line-height:1.6;display:grid}.footer-mark{color:var(--acid);align-items:center;gap:8px;display:flex}footer p{text-align:center;justify-self:center}footer>span{justify-self:end}.dialog-backdrop{z-index:90;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030403db;place-items:center;padding:24px;animation:.18s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.case-dialog{background:#11130f;border:1px solid #393d35;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);width:min(1280px,100%);max-height:calc(100vh - 48px);display:grid;position:relative;overflow:auto;box-shadow:0 30px 100px #0000008c}.dialog-close{z-index:3;color:#0a0b09;background:var(--ink);cursor:pointer;border:0;place-content:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.dialog-video{background:#050605;align-self:start;place-items:center;min-height:100%;display:grid;position:sticky;top:0}.dialog-video video{width:100%;max-height:calc(100vh - 50px);display:block}.hosted-video{background:#050605;place-items:center;width:100%;min-height:min(68vh,720px);display:grid;position:relative;overflow:hidden}.hosted-video video{z-index:1;position:relative}.hosted-video-status{z-index:2;color:var(--ink);font-family:var(--mono);letter-spacing:.04em;background:linear-gradient(#050605a8,#050605e6);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;inset:0}.hosted-video[data-state=ready] .hosted-video-status{display:none}.hosted-video-spinner{border:2px solid #d8ff3e38;border-top-color:var(--acid);border-radius:50%;width:42px;height:42px;animation:.85s linear infinite hosted-video-spin}.hosted-video-error{color:#ffd6d6}.hosted-video-error a{color:#050605;background:var(--acid);align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:inline-flex}.x-source-icon{z-index:4;color:#050605;background:#fffffff0;border:1px solid #ffffffb8;place-items:center;width:38px;height:38px;text-decoration:none;transition:transform .18s,background .18s;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 8px 28px #00000059}.x-source-icon:hover{background:var(--acid);transform:translateY(-2px)}@keyframes hosted-video-spin{to{transform:rotate(360deg)}}.x-embed-shell{background-color:#050605;background-image:linear-gradient(#d8ff3e09 1px,#0000 1px),linear-gradient(90deg,#d8ff3e09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:100%;padding:58px 22px 18px;display:flex;position:relative;overflow:hidden}.x-embed-bar{width:100%;max-width:550px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;display:flex}.x-embed-bar span{color:var(--acid);align-items:center;gap:7px;font-size:11px;display:flex}.x-embed-bar i{background:var(--acid);width:7px;height:7px;box-shadow:0 0 16px #d8ff3eb8}.x-embed-bar small{color:var(--muted);font-size:9px}.x-embed-stage{isolation:isolate;background:#0a0c09;border:1px solid #30342c;place-items:center;width:100%;max-width:550px;min-height:460px;display:grid;position:relative;overflow:hidden}.x-embed-stage:after{content:"";z-index:2;opacity:0;background:var(--acid);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px #d8ff3ed9}.x-embed-shell[data-state=loading] .x-embed-stage:after,.x-embed-shell[data-state=slow] .x-embed-stage:after{opacity:1;animation:2.4s cubic-bezier(.4,0,.2,1) infinite x-player-scan}.x-embed-shell[data-state=slow] .x-embed-stage:after{background:#ffd166;animation-duration:3.4s;box-shadow:0 0 18px #ffd166c7}.x-embed-poster,.x-embed-scrim{width:100%;height:100%;transition:opacity .32s,visibility .32s;position:absolute;inset:0}.x-embed-poster{z-index:0;object-fit:cover;filter:saturate(.82)contrast(1.08)}.x-embed-scrim{z-index:1;pointer-events:none;background:linear-gradient(#0506052e 10%,#050605c7 88%),repeating-linear-gradient(0deg,#0000 0 3px,#d8ff3e0b 3px 4px)}.x-embed-target{z-index:3;opacity:0;pointer-events:none;place-items:center;width:100%;min-height:460px;transition:opacity .26s;display:grid;position:relative}.x-embed-mount,.x-embed-mount>*{width:100%!important;max-width:550px!important;margin:0 auto!important}.x-embed-shell[data-state=ready] .x-embed-target{opacity:1;pointer-events:auto}.x-embed-shell[data-state=ready] .x-embed-poster,.x-embed-shell[data-state=ready] .x-embed-scrim{opacity:0;visibility:hidden}.x-embed-status{z-index:4;color:var(--ink);font-family:var(--mono);pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:18px;padding:clamp(24px,5vw,42px);display:flex;position:absolute;inset:0}.x-embed-loader{width:54px;height:54px;color:var(--acid);background:#0708068c;border:1px solid #d8ff3e57;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 24px #d8ff3e14}.x-embed-loader svg{animation:1.2s linear infinite spin}.x-embed-loader i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite x-loader-pulse;position:absolute;top:7px;right:7px;box-shadow:0 0 12px}.x-embed-status--slow .x-embed-loader,.x-embed-status--slow .x-embed-status-copy small{color:#ffd166}.x-embed-status-copy{text-shadow:0 2px 18px #000000e6;flex-direction:column;gap:6px;max-width:430px;display:flex}.x-embed-status-copy small{color:var(--acid);letter-spacing:.16em;font-size:9px}.x-embed-status-copy strong{font-family:Noto Sans SC,sans-serif;font-size:clamp(20px,3vw,28px);line-height:1.2}.x-embed-status-copy>span{color:#d0d2c8;font-size:10px;line-height:1.65}.x-embed-status--error{background:linear-gradient(#06070529,#060705c2)}.x-embed-alert,.x-embed-status--error .x-embed-status-copy small{color:#ff806f}.x-embed-retry{color:#090a08;background:var(--acid);font-family:var(--mono);cursor:pointer;pointer-events:auto;border:0;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:inline-flex}.x-embed-retry:hover{background:var(--ink)}.x-embed-fallback{color:var(--muted);font-family:var(--mono);align-items:center;gap:6px;font-size:10px;text-decoration:none;display:inline-flex}.x-embed-fallback:hover{color:var(--acid)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes x-player-scan{0%{transform:translateY(0)}50%{transform:translateY(459px)}to{transform:translateY(0)}}@keyframes x-loader-pulse{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}.dialog-copy{min-width:0;padding:58px 42px 42px}.dialog-eyebrow{flex-wrap:wrap;gap:7px;display:flex}.dialog-eyebrow span{color:var(--acid);font-family:var(--mono);border:1px solid #383c34;padding:5px 7px;font-size:9px}.dialog-copy h2{letter-spacing:-.04em;margin:27px 0 14px;font-size:34px;line-height:1.25}.summary{color:#a9ada3;font-size:14px;font-weight:300;line-height:1.8}.prompt-heading{font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:center;margin:36px 0 10px;font-size:9px;display:flex}.prompt-heading button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #44483f;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.prompt-notice{color:var(--muted);font-family:var(--mono);margin:0 0 10px;font-size:9px;line-height:1.6}.prompt-notice a{color:var(--acid);align-items:center;gap:4px;margin-left:10px;display:inline-flex}.prompt-unavailable{color:#b9bdb2;border:1px solid #34382f;border-left:2px solid var(--acid);font-family:var(--mono);background:#0d0e0c;margin:34px 0 0;padding:15px 17px;font-size:10px;line-height:1.7}.dialog-copy pre{white-space:pre-wrap;color:#c7cabf;border-left:2px solid var(--acid);max-height:300px;font-family:var(--mono);background:#090a08;margin:0;padding:17px;font-size:10px;line-height:1.75;overflow:auto}.original-link{color:var(--acid);font-family:var(--mono);align-items:center;gap:7px;margin-top:22px;font-size:10px;display:inline-flex}@media (width<=1000px){.shell{width:min(100% - 40px,900px)}.hero{min-height:610px}.hero h1{font-size:clamp(90px,17vw,160px)}.hero-bottom{grid-template-columns:1fr;gap:42px}.hero-stats{max-width:600px}.case-card{grid-column:span 6}.case-card:nth-child(3n+2){transform:none}.case-card:nth-child(2n){transform:translateY(36px)}.method,.faq,.templates{grid-template-columns:1fr;gap:60px}.toolkit-heading{grid-template-columns:1fr;gap:36px}.toolkit-notes{grid-template-columns:1fr}.method-heading{position:static}.case-dialog{grid-template-columns:1fr}.dialog-video{min-height:0;position:static}.x-embed-shell{min-height:560px;padding-inline:12px}.x-embed-stage,.x-embed-target{min-height:440px}}@media (width<=700px){.shell{width:calc(100% - 28px)}.site-header{grid-template-columns:1fr auto;height:68px}.site-header nav{display:none}.hero{min-height:580px;padding-top:70px}.hero h1{margin-left:-3px;font-size:clamp(70px,23vw,118px);line-height:.82}.hero h1 sup{margin-left:6px}.hero-bottom>p{font-size:15px}.stat{padding:0 12px}.stat strong{font-size:32px}.catalog{padding-top:64px}.catalog-bar{grid-template-columns:1fr}.filter-group{grid-template-columns:1fr;padding:11px 0}.filter-group>div{flex-wrap:nowrap;overflow-x:auto}.filter-group button{white-space:nowrap}.case-grid{display:block}.case-card{margin-bottom:48px;transform:none!important}.method,.faq,.templates,.toolkit{padding:84px 0}.toolkit-grid{grid-template-columns:1fr;margin-top:48px}.resource-card{min-height:310px;padding:24px}.resource-card h3{margin-top:38px}.speed-note,.pipeline-note{min-height:0;padding:24px}.pipeline-flow{grid-template-columns:1fr;gap:14px;margin-top:54px}.pipeline-flow>svg{transform:rotate(90deg)}.template-list article{grid-template-columns:52px 1fr}.template-list article>button{grid-column:2;justify-self:start}footer{text-align:left;grid-template-columns:1fr;padding:38px 0}footer p,footer>span{text-align:left;justify-self:start}.dialog-backdrop{place-items:stretch stretch;padding:0}.case-dialog{border:0;width:100%;height:100%;max-height:none}.x-embed-shell{min-height:520px;padding:52px 10px 14px}.x-embed-stage,.x-embed-target{min-height:410px}.x-embed-status{padding:24px}.dialog-copy{padding:38px 20px 30px}.dialog-copy h2{font-size:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tutorial-hub{padding-top:clamp(34px,4vw,58px);padding-bottom:110px}.tutorial-index-header{border-bottom:1px solid #3a3e36;justify-content:space-between;align-items:flex-end;gap:24px;min-height:72px;padding-bottom:14px;display:flex}.tutorial-index-header>p{color:var(--acid);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;order:2;margin:0 0 7px;font-size:9px}.tutorial-index-header h1{font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(44px,5.2vw,76px);line-height:.9}.tutorial-list-heading{justify-content:space-between;align-items:baseline;gap:20px;margin:22px 0 10px;display:flex}.tutorial-list-heading.is-community{border-top:1px solid #3a3e36;margin-top:30px;padding-top:14px}.tutorial-list-heading h2{font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(24px,2.4vw,36px);line-height:1}.tutorial-list-heading>span{color:var(--acid);font-family:var(--mono);font-size:10px}.foundation-route-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.foundation-route-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e100d;flex-direction:column;min-width:0;transition:background .22s,transform .22s;display:flex}.foundation-route-card:hover{z-index:1;background:#131610;transform:translateY(-4px)}.foundation-route-poster{aspect-ratio:2.15;background:#090a08;display:block;position:relative;overflow:hidden}.foundation-route-poster img,.community-tutorial-poster img,.tutorial-detail-poster img{object-fit:cover;width:100%;height:100%;display:block}.foundation-route-poster img{transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .3s}.foundation-route-card:hover .foundation-route-poster img{filter:contrast(1.08);transform:scale(1.035)}.foundation-route-poster>span{color:#0a0b09;background:var(--acid);min-width:38px;font-family:var(--mono);text-align:center;padding:7px;font-size:10px;position:absolute;bottom:14px;right:15px}.foundation-route-copy,.community-tutorial-copy{flex-direction:column;flex:1;padding:18px;display:flex}.foundation-route-copy>small,.community-tutorial-copy>small{color:var(--acid);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;font-size:8px}.foundation-route-copy h3,.community-tutorial-copy h3{font-family:var(--display);letter-spacing:-.035em;margin:10px 0 12px;font-size:26px;line-height:1.08}.foundation-route-copy h3 a:hover,.community-tutorial-copy h3 a:hover{color:var(--acid)}.foundation-route-copy>p,.community-tutorial-copy>p{color:#a8aca2;margin:0 0 22px;font-size:13px;line-height:1.7}.foundation-route-copy{padding:16px}.foundation-route-copy .tutorial-card-actions{margin:auto -16px -16px}.tutorial-controls{margin-bottom:26px}.tutorial-filters{grid-template-columns:repeat(8,minmax(0,1fr))}.community-tutorial-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.community-tutorial-card{background:#0d0f0c;flex-direction:column;min-width:0;display:flex}.community-tutorial-poster{aspect-ratio:4/3;background:#090a08;display:block;position:relative;overflow:hidden}.community-tutorial-poster:after{content:"";pointer-events:none;background:linear-gradient(#0708060a 40%,#070806db 100%);position:absolute;inset:0}.community-tutorial-poster img{filter:saturate(.78)contrast(1.04);transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .3s}.community-tutorial-card:hover .community-tutorial-poster img{filter:saturate()contrast(1.08);transform:scale(1.045)}.community-tutorial-poster>span,.community-tutorial-poster>em{z-index:1;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-style:normal;position:absolute}.community-tutorial-poster>span{color:#090a08;background:var(--acid);padding:6px 8px;top:14px;left:14px}.community-tutorial-poster>em{color:#f0f0e8;text-align:right;bottom:14px;left:14px;right:14px}.community-tutorial-copy h3{min-height:50px;font-size:22px}.community-tutorial-copy>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;display:-webkit-box;overflow:hidden}.tutorial-card-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin:auto -18px -18px;display:grid;position:relative}.tutorial-card-actions>a,.tutorial-card-actions .tutorial-copy-button{color:#b5b9ae;min-height:40px;font-family:var(--mono);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:8px;display:inline-flex}.tutorial-card-actions>a{border-right:1px solid var(--line)}.tutorial-card-actions>a:hover,.tutorial-card-actions .tutorial-copy-button:hover{color:var(--acid);background:#141711}.tutorial-actions{grid-template-columns:1fr auto;gap:8px;margin-top:24px;display:grid;position:relative}.tutorial-actions.is-compact{margin-top:auto;padding-top:20px}.tutorial-open-guide,.tutorial-source-link,.tutorial-copy-button,.tutorial-detail-actions>a,.tutorial-meta-source{min-height:38px;font-family:var(--mono);letter-spacing:.02em;cursor:pointer;border:1px solid #3a3e36;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:9px;line-height:1.2;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.tutorial-open-guide{color:#090a08;background:var(--acid);border-color:var(--acid);grid-column:1/-1}.tutorial-source-link:hover,.tutorial-copy-button:hover,.tutorial-detail-actions>a:hover,.tutorial-meta-source:hover{color:var(--acid);border-color:var(--acid)}.tutorial-copy-wrap{position:relative}.tutorial-copy-button{width:100%;color:var(--ink);background:0 0}.tutorial-copy-fallback{z-index:12;border:1px solid var(--acid);background:#161914;width:min(460px,85vw);padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 70px #0000008c}.tutorial-copy-fallback label{color:var(--acid);font-family:var(--mono);font-size:9px;display:block}.tutorial-copy-fallback textarea{resize:vertical;width:100%;min-height:220px;color:var(--ink);font-family:var(--mono);background:#090a08;border:1px solid #3a3e36;margin-top:10px;padding:12px;font-size:10px;line-height:1.65}.tutorial-copy-fallback>button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:7px;right:7px}.tutorial-detail-page{padding:46px 0 120px}.tutorial-back{color:var(--muted);font-family:var(--mono);align-items:center;gap:7px;font-size:10px;display:inline-flex}.tutorial-back svg{transform:rotate(180deg)}.tutorial-back:hover{color:var(--acid)}.tutorial-detail-hero{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(36px,6vw,96px);margin-top:34px;display:grid}.tutorial-detail-poster{aspect-ratio:1;border:1px solid var(--line);background:#0d0f0c;overflow:hidden}.tutorial-detail-heading>p{color:var(--acid);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px;font-size:10px}.tutorial-detail-heading h1{max-width:880px;font-family:var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(54px,7.5vw,112px);line-height:.92}.tutorial-detail-heading>strong{color:#c5c9bf;max-width:760px;margin:30px 0 24px;font-size:18px;font-weight:400;line-height:1.65;display:block}.tutorial-detail-actions{align-items:flex-start;gap:10px;margin-top:32px;display:flex}.tutorial-detail-actions>a,.tutorial-detail-actions .tutorial-copy-button{min-height:46px;padding-inline:18px}.tutorial-detail-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:clamp(48px,8vw,120px);margin-top:86px;display:grid}.tutorial-detail-content,.tutorial-detail-meta{min-width:0}.tutorial-detail-content>section{border-top:1px solid var(--line);padding:30px 0 36px}.tutorial-detail-content h2,.tutorial-detail-meta h2,.tutorial-related-resources>h2,.tutorial-related-guides>h2{color:var(--acid);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 22px;font-size:10px}.tutorial-detail-content p,.tutorial-detail-content li{color:#c0c4b9;overflow-wrap:anywhere;font-size:15px;line-height:1.8}.tutorial-detail-content ul{margin:0;padding-left:20px}.tutorial-detail-steps ol{margin:0;padding:0;list-style:none}.tutorial-detail-steps li{border-top:1px solid #383c3499;grid-template-columns:54px 1fr;gap:18px;display:grid}.tutorial-detail-steps li>span{color:var(--acid);font-family:var(--mono);padding-top:22px;font-size:10px}.tutorial-detail-steps li p{margin:0;padding:18px 0 20px}.tutorial-detail-commands{background:var(--line);border:1px solid var(--line);gap:1px;display:grid}.tutorial-detail-commands code{color:#d7ff63;font-family:var(--mono);background:#090a08;padding:15px 18px;font-size:11px;overflow-x:auto}.tutorial-detail-checks ul{background:var(--line);border:1px solid var(--line);gap:1px;padding:0;list-style:none;display:grid}.tutorial-detail-checks li{color:#d6dacd;background:#0c0e0b;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:14px 16px;display:grid}.tutorial-detail-checks svg{color:var(--acid);margin-top:6px}.tutorial-source-note{color:#aeb2a8;border-left:2px solid var(--acid);font-family:var(--mono);background:#11130f;margin-top:22px;padding:14px 16px;font-size:9px;line-height:1.7;display:block}.tutorial-detail-meta{background:#11130f;border:1px solid #34382f;padding:26px;position:sticky;top:110px}.tutorial-detail-meta dl{margin:0}.tutorial-detail-meta dl>div{border-top:1px solid var(--line);grid-template-columns:90px 1fr;gap:16px;padding:13px 0;display:grid}.tutorial-detail-meta dt,.tutorial-detail-meta dd,.tutorial-engagement small{font-family:var(--mono);margin:0;font-size:9px;line-height:1.6}.tutorial-detail-meta dt{color:var(--muted)}.tutorial-detail-meta dd{color:#d0d3c9;text-align:right}.tutorial-engagement{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:22px;display:grid}.tutorial-engagement small{color:var(--muted);border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1;padding:11px}.tutorial-engagement span{color:var(--muted);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);flex-direction:column;padding:14px 11px;font-size:8px;display:flex}.tutorial-engagement strong{color:var(--acid);font-family:var(--display);margin-bottom:4px;font-size:26px;font-weight:500}.tutorial-meta-source{color:#090a08;background:var(--acid);border-color:var(--acid);width:100%;margin-top:18px}.tutorial-related-resources,.tutorial-related-guides{border-top:1px solid #3a3e36;margin-top:86px;padding-top:24px}.tutorial-related-resources>div{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.tutorial-related-resources a{background:#0e100d;flex-direction:column;min-height:260px;padding:24px;display:flex}.tutorial-related-resources small,.tutorial-related-resources span,.tutorial-related-guides small{color:var(--acid);font-family:var(--mono);text-transform:uppercase;font-size:8px}.tutorial-related-resources strong{font-family:var(--display);margin:34px 0 12px;font-size:25px}.tutorial-related-resources p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.7}.tutorial-related-resources span{margin-top:auto}.tutorial-related-guides>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tutorial-related-guides a{border:1px solid var(--line);background:#11130f;grid-template-columns:80px 1fr auto;align-items:center;gap:14px;min-width:0;padding:12px;display:grid}.tutorial-related-guides img{object-fit:cover;width:80px;height:80px}.tutorial-related-guides span{flex-direction:column;gap:7px;min-width:0;display:flex}.tutorial-related-guides strong{text-overflow:ellipsis;font-size:13px;line-height:1.35;overflow:hidden}.tutorial-not-found{flex-direction:column;align-items:flex-start;min-height:70vh;padding:100px 0;display:flex}.tutorial-not-found span{color:var(--acid);font-family:var(--display);font-size:120px}.tutorial-not-found h1{font-family:var(--display);margin:0 0 30px;font-size:56px}.tutorial-not-found a{color:var(--acid)}@media (width<=1180px){.foundation-route-grid,.community-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.tutorial-related-resources>div,.tutorial-related-guides>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.tutorial-index-header{min-height:82px}.tutorial-detail-hero,.tutorial-detail-layout{grid-template-columns:1fr}.tutorial-detail-poster{max-width:520px}.tutorial-detail-meta{position:static}.tutorial-related-resources>div,.tutorial-related-guides>div{grid-template-columns:1fr}}@media (width<=600px){.tutorial-hub{padding-top:26px}.tutorial-index-header{flex-direction:column-reverse;align-items:flex-start;gap:10px;min-height:72px}.tutorial-index-header>p{order:initial;margin:0}.tutorial-index-header h1{font-size:42px}.tutorial-list-heading{margin-top:24px}.tutorial-list-heading.is-community{margin-top:36px}.foundation-route-grid{scroll-snap-type:x mandatory;scrollbar-width:thin;display:flex;overflow-x:auto}.foundation-route-card{scroll-snap-align:start;flex:0 0 min(78vw,320px);min-width:min(78vw,320px)}.community-tutorial-grid{grid-template-columns:1fr}.tutorial-filters{display:flex;overflow-x:auto}.tutorial-filters button{min-width:max-content}.foundation-route-copy,.community-tutorial-copy{padding:20px}.community-tutorial-copy h3,.community-tutorial-copy>p{min-height:0}.tutorial-detail-page{padding-top:28px}.tutorial-detail-hero{gap:28px;margin-top:24px}.tutorial-detail-heading h1{font-size:50px}.tutorial-detail-heading>strong{font-size:15px}.tutorial-detail-actions{flex-direction:column;align-items:stretch}.tutorial-detail-layout{gap:38px;margin-top:58px}.tutorial-related-guides a{grid-template-columns:62px 1fr auto}.tutorial-related-guides img{width:62px;height:62px}}body.intro-open{overflow:hidden}.site-header-wrap{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b09e6;border-bottom:1px solid #42463dc7;position:sticky;top:0}.site-header{border:0;height:74px;font-size:14px}.site-header .brand{font-size:19px}.site-header nav a[aria-current=page]{color:var(--ink)}.site-header nav a[aria-current=page]:before{content:"";background:var(--acid);width:5px;height:5px;box-shadow:0 0 10px #d9ff4380}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.language-button{min-height:42px;color:var(--muted);border:1px solid #383c34;align-items:center;gap:7px;padding:0 14px;transition:color .18s,border-color .18s;display:inline-flex}.language-button:hover{color:var(--acid);border-color:var(--acid)}.source-button{justify-content:center;width:42px;min-height:42px;padding:0}.intro-splash{z-index:120;color:var(--ink);clip-path:inset(0);perspective:1200px;background:radial-gradient(circle at 78% 28%,#d9ff4314,#0000 28rem),#090a08;transition:clip-path .52s cubic-bezier(.76,0,.24,1),opacity .42s;position:fixed;inset:0;overflow:hidden}.intro-splash:before,.intro-splash:after{z-index:0;content:"";opacity:0;pointer-events:none;filter:blur(70px);width:48vw;min-width:420px;height:48vw;min-height:420px;animation:intro-ambient-bloom 1.25s calc(var(--intro-offset,0s) + 80ms) cubic-bezier(.22, 1, .36, 1) both;border-radius:50%;position:absolute}.intro-splash:before{background:radial-gradient(circle,#d9ff4330,#d9ff4306 48%,#0000 72%);top:-30%;left:-17%}.intro-splash:after{animation-delay:calc(var(--intro-offset,0s) + .18s);background:radial-gradient(circle,#76e8bd26,#76e8bd05 52%,#0000 74%);bottom:-36%;right:-20%}@keyframes intro-ambient-bloom{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.intro-splash.is-leaving{opacity:.45;clip-path:inset(0 0 100%)}.intro-grid{opacity:.52;background-image:linear-gradient(#d9ff430e 1px,#0000 1px),linear-gradient(90deg,#d9ff430e 1px,#0000 1px);background-size:min(8vw,110px) min(8vw,110px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 10%,#0000 92%);mask-image:linear-gradient(#000 10%,#0000 92%)}.intro-topline,.intro-bottomline{z-index:2;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}.intro-topline{top:clamp(24px,4vw,52px)}.intro-topline>span,.intro-ready{align-items:center;gap:9px;display:inline-flex}.intro-topline i,.intro-ready>span{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #d9ff43b8}.intro-topline button{color:var(--muted);cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:9px;display:inline-flex}.intro-topline button:hover{color:var(--acid)}.intro-proof-card{z-index:4;width:clamp(292px,25vw,380px);color:var(--ink);font-family:var(--mono);text-transform:uppercase;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity, filter;background:0 0;border:0;padding:0;position:absolute;overflow:visible}.intro-proof-card:before{z-index:-1;content:"";opacity:.62;filter:blur(26px);background:radial-gradient(#d9ff431f,#0000 67%);border-radius:50%;width:120%;height:140%;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%)}.intro-proof-card small{color:#aeb5a5;letter-spacing:.2em;white-space:nowrap;align-items:center;gap:12px;font-size:9px;line-height:1.2;display:flex}.intro-proof-card small:before{content:"";background:linear-gradient(90deg,#0000,#d9ff43d1);width:30px;height:1px}.intro-proof-card strong{color:#0000;width:max-content;font-family:var(--display);letter-spacing:-.065em;filter:drop-shadow(0 10px 32px #d9ff4321);background:linear-gradient(105deg,#f6f8ee 4%,#d9ff43 48%,#79e8bd 100%);-webkit-background-clip:text;background-clip:text;margin-top:13px;padding:.035em .025em .075em 0;font-size:clamp(72px,7vw,112px);font-weight:700;line-height:.94;display:block;overflow:visible}.intro-proof-card p{color:#e8ebdf;letter-spacing:.16em;white-space:nowrap;margin:18px 0 20px;font-size:11px;line-height:1.4}.intro-proof-card em{color:#959c8f;letter-spacing:.13em;white-space:nowrap;gap:9px;font-size:8px;font-style:normal;line-height:1.45;display:grid}.intro-proof-card em span{align-items:center;gap:9px;display:flex}.intro-proof-card em span:before{content:"";background:linear-gradient(135deg, var(--acid), #76e8bd);border-radius:50%;flex:0 0 5px;width:5px;height:5px;box-shadow:0 0 14px #d9ff436b}.intro-proof-cases{transform-origin:50% 0;animation:intro-stat-cases .92s calc(var(--intro-offset,0s) + 30ms) cubic-bezier(.22, 1, .36, 1) both;top:clamp(90px,11vh,112px);left:clamp(28px,5vw,78px)}.intro-proof-update{text-align:right;transform-origin:50% 100%;animation:intro-stat-update .98s calc(var(--intro-offset,0s) + .12s) cubic-bezier(.22, 1, .36, 1) both;bottom:clamp(136px,16.5vh,168px);right:clamp(28px,5vw,78px)}.intro-proof-update:before{background:radial-gradient(#76e8bd1f,#0000 68%);left:auto;right:-20%;transform:translateY(-50%)}.intro-proof-update small,.intro-proof-update strong{margin-left:auto}.intro-proof-update small{justify-content:flex-end}.intro-proof-update small:before{background:linear-gradient(90deg,#76e8bdcc,#0000);order:2}.intro-proof-update strong{letter-spacing:-.045em;font-size:clamp(54px,5.3vw,84px)}.intro-proof-update p{margin:16px 0 14px}@keyframes intro-stat-cases{0%{opacity:0;filter:blur(9px);transform:perspective(900px)rotateX(-88deg)translateY(-18px)}72%{opacity:1;filter:blur();transform:perspective(900px)rotateX(5deg)translateY(2px)}to{opacity:1;filter:blur();transform:perspective(900px)rotateX(0)translateY(0)}}@keyframes intro-stat-update{0%{opacity:0;filter:blur(9px);transform:perspective(900px)rotateX(88deg)translateY(18px)}72%{opacity:1;filter:blur();transform:perspective(900px)rotateX(-5deg)translateY(-2px)}to{opacity:1;filter:blur();transform:perspective(900px)rotateX(0)translateY(0)}}.intro-proof-connection{z-index:1;opacity:.72;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.intro-proof-connection path{fill:none;stroke:url(#intro-flow-gradient);stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke;animation:intro-proof-draw .72s calc(var(--intro-offset,0s) + .48s) cubic-bezier(.22, 1, .36, 1) both}.intro-flow-glow{stroke-width:9px;opacity:.18;filter:blur(7px)}.intro-flow-line{stroke-width:.8px}.intro-proof-connection circle{fill:#bfff72;opacity:0;filter:drop-shadow(0 0 10px #d9ff43cc);animation:intro-proof-node .42s calc(var(--intro-offset,0s) + .72s) ease-out both}@keyframes intro-proof-draw{to{stroke-dashoffset:0}}@keyframes intro-proof-node{0%{opacity:0;transform:scale(.5)}to{opacity:.78;transform:scale(1)}}.intro-proof-verdict{z-index:4;color:#c7ccbf;width:min(520px,44vw);font-family:var(--mono);letter-spacing:.2em;text-align:center;text-transform:uppercase;white-space:nowrap;animation:intro-verdict-fade .64s calc(var(--intro-offset,0s) + .76s) cubic-bezier(.22, 1, .36, 1) both;align-items:center;gap:18px;font-size:clamp(8px,.78vw,10px);font-weight:500;display:flex;position:absolute;top:68%;left:50%;transform:translate(-50%,-50%)}.intro-proof-verdict span{flex:1}.intro-proof-verdict b{color:var(--acid);font-family:var(--display);letter-spacing:-.02em;text-shadow:0 0 22px #d9ff433d;font-size:1.75em}.intro-proof-verdict i{background:linear-gradient(90deg,#0000,#d9ff437a);width:54px;height:1px}.intro-proof-verdict i:last-child{background:linear-gradient(90deg,#76e8bd6b,#0000)}@keyframes intro-verdict-fade{0%{opacity:0;filter:blur(8px);transform:translate(-50%,calc(16px - 50%))}to{opacity:1;filter:blur();transform:translate(-50%,-50%)}}.intro-wordmark{z-index:1;width:calc(100% - clamp(48px,8vw,128px));font-family:var(--display);letter-spacing:-.045em;text-transform:uppercase;flex-direction:column;gap:clamp(2px,.35vw,6px);font-size:clamp(62px,10vw,152px);font-weight:700;line-height:.9;display:flex;position:absolute;top:51%;left:50%;transform:translate(-50%,-52%)}.intro-wordmark span{color:#0000;width:max-content;animation:intro-mark-from-left .9s calc(var(--intro-offset,0s) + .13s) cubic-bezier(.22, 1, .36, 1) both;background:linear-gradient(94deg,#f5f7ef 0%,#d9ff43 48%,#76e8bd 100%);-webkit-background-clip:text;background-clip:text;display:block}.intro-wordmark strong{color:#0000;-webkit-text-stroke:1.25px #dae0d294;width:max-content;animation:intro-mark-from-right .92s calc(var(--intro-offset,0s) + .21s) cubic-bezier(.22, 1, .36, 1) both;align-self:flex-end;display:block}@keyframes intro-mark-from-left{0%{opacity:0;filter:blur(12px);transform:translate(-72vw)}74%{opacity:1;filter:blur();transform:translate(1.2vw)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes intro-mark-from-right{0%{opacity:0;filter:blur(12px);transform:translate(72vw)}74%{opacity:1;filter:blur();transform:translate(-1.2vw)}to{opacity:1;filter:blur();transform:translate(0,0)}}.intro-bottomline{align-items:flex-end;bottom:clamp(32px,5vw,70px)}.intro-bottomline p{color:#b9bdb2;letter-spacing:0;text-transform:none;max-width:430px;margin:0;font-family:Noto Sans SC,sans-serif;font-size:clamp(14px,1.5vw,20px);font-weight:300;line-height:1.6}.intro-ready{color:var(--acid)}.intro-progress{z-index:2;background:#22251f;height:3px;position:absolute;bottom:0;left:0;right:0}.intro-progress span{background:var(--acid);transform-origin:0;width:100%;height:100%;animation:intro-progress 1.6s var(--intro-offset,0s) linear both;display:block}@keyframes intro-progress{0%{transform:scaleX(0)}}.catalog{border-top:0;padding:48px 0 110px}.catalog-bar{grid-template-columns:1fr;align-items:stretch;gap:24px}.catalog-heading h1{max-width:none;font-family:var(--display);letter-spacing:-.06em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(58px,6vw,92px);line-height:.94}.catalog-heading .section-index{font-size:12px}.catalog-support{grid-template-columns:minmax(0,1fr) minmax(340px,480px);align-items:end;gap:40px;display:grid}.catalog-support>p{max-width:760px;color:var(--muted);margin:0;font-size:16px;font-weight:400;line-height:1.75}.catalog-support .search-box{height:54px}.catalog-support .search-box input{font-size:16px}.primary-filter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;margin-top:32px;display:grid}.primary-filter .filter-label{border:0;padding:0;font-size:12px}.duration-filter{grid-template-columns:repeat(5,minmax(118px,1fr));min-width:0;display:grid}.primary-filter-controls{grid-template-columns:minmax(0,1fr) 190px;min-width:0;display:grid}.duration-filter button{min-height:64px;color:var(--muted);cursor:pointer;font-family:var(--mono);text-align:left;background:0 0;border:0;border-left:1px solid #1e211c;align-items:center;gap:9px;padding:10px 15px;font-size:13px;transition:color .18s,background .18s;display:flex}.duration-filter button span{color:#5d6158;font-size:10px}.duration-filter button:hover{color:var(--ink);background:#11130f}.duration-filter button.active{color:#0a0b09;background:var(--acid)}.duration-filter button.active span{color:#0a0b098c}.prompt-only-toggle{min-height:64px;color:var(--muted);cursor:pointer;font-family:var(--mono);text-align:left;background:#10120e;border:0;border-left:1px solid #30332c;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 17px;font-size:13px;transition:color .18s,background .18s;display:grid}.prompt-only-toggle:hover{color:var(--ink);background:#171a14}.prompt-only-toggle>i{background:#353830;border-radius:99px;align-items:center;width:30px;height:16px;padding:2px;transition:background .18s;display:flex}.prompt-only-toggle>i>b{background:#858a7e;border-radius:50%;width:12px;height:12px;transition:transform .18s,background .18s;display:block}.prompt-only-toggle.active{color:#0a0b09;background:var(--acid)}.prompt-only-toggle.active>i{background:#0a0b0940}.prompt-only-toggle.active>i>b{background:#0a0b09;transform:translate(14px)}.advanced-filters{border-bottom:1px solid var(--line);margin-bottom:22px}.advanced-filters summary{min-height:50px;color:var(--muted);cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;list-style:none;display:flex}.advanced-filters summary::-webkit-details-marker{display:none}.advanced-filters summary>span{align-items:center;gap:8px;display:inline-flex}.advanced-filters summary svg{transition:transform .18s}.advanced-filters[open] summary svg:last-child{transform:rotate(180deg)}.advanced-filters .filter-panel{border-top:1px solid #1c1e1b;border-bottom:0;margin:0}.catalog-count{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:4px 0 22px;font-size:11px}.catalog-count span{color:var(--acid);font-family:var(--display);margin-right:6px;font-size:26px}.case-grid{gap:48px 22px}.case-card,.case-card:nth-child(3n+2),.case-card:nth-child(2n){transform:none}.media{aspect-ratio:16/9}.case-title h2{letter-spacing:-.03em;margin:0;font-size:25px;font-weight:500;line-height:1.35;transition:color .18s}.case-title:hover h2{color:var(--acid)}.case-model-line{color:#72776d;font-family:var(--mono);margin-top:18px;font-size:11px}.mode-line{font-size:12px}.standalone-page{min-height:calc(100vh - 184px)}.page-hero{grid-template-columns:1fr minmax(280px,520px);align-content:end;gap:18px 8vw;min-height:350px;padding:78px 0 52px;display:grid}.page-hero .section-index{grid-column:1/-1}.page-hero h1{max-width:850px;font-family:var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:0;font-size:clamp(52px,8vw,110px);line-height:.91}.page-hero>p:not(.section-index){color:#a4a89e;align-self:end;margin:0 0 7px;font-size:15px;font-weight:300;line-height:1.85}.page-hero-rule{background:var(--line);grid-column:1/-1;height:1px;margin-top:34px;overflow:hidden}.page-hero-rule span{background:var(--acid);width:14%;height:100%;display:block}.tutorial-hub{padding:0 0 110px}.tutorial-controls{grid-template-columns:minmax(260px,.6fr) 1.4fr;gap:12px;margin-bottom:18px;display:grid}.tutorial-search{background:#0d0f0cd1;border:1px solid #44483f;align-items:center;gap:11px;min-height:44px;padding:0 16px;display:flex}.tutorial-search:focus-within{border-color:var(--acid)}.tutorial-search svg{color:var(--acid);flex:none}.tutorial-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.tutorial-search input::placeholder{color:#73776e}.tutorial-search button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-content:center;display:grid}.tutorial-filters{border-top:1px solid #44483f;border-left:1px solid #44483f;display:flex;overflow-x:auto}.tutorial-filters button{color:#898d83;cursor:pointer;min-width:78px;min-height:44px;font-family:var(--mono);background:#0d0f0cd1;border:1px solid #44483f;border-top:0;border-left:0;flex:1;padding:6px 8px;font-size:9px;line-height:1.4;transition:color .16s,background .16s}.tutorial-filters button:hover{color:var(--ink)}.tutorial-filters button.active{color:#090a08;background:var(--acid)}.tutorial-feature{border:1px solid var(--acid);background:linear-gradient(135deg,#d9ff430e,#0000 46%),#10120e;grid-template-columns:1.06fr .94fr;display:grid}.tutorial-feature-copy,.tutorial-feature-steps{min-width:0;padding:clamp(28px,4vw,56px)}.tutorial-feature-copy{border-right:1px solid var(--acid);flex-direction:column;display:flex}.tutorial-feature h2{max-width:680px;font-family:var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:clamp(54px,8vw,110px) 0 22px;font-size:clamp(54px,7.4vw,112px);font-weight:600;line-height:.84}.tutorial-summary{color:#a6aaa0;margin:0;font-size:14px;font-weight:300;line-height:1.82}.tutorial-feature .tutorial-summary{max-width:720px;font-size:16px}.tutorial-audience{color:#c9ccc2;margin:22px 0 0;font-size:12px;line-height:1.72}.tutorial-audience strong{color:var(--acid);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:500}.tutorial-link{width:fit-content;color:var(--acid);font-family:var(--mono);align-items:center;gap:8px;margin-top:auto;padding-top:42px;font-size:10px;display:inline-flex}.tutorial-feature-steps{color:#090a08;background:var(--acid)}.tutorial-step-heading{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:24px;font-size:9px;display:flex}.tutorial-step-heading small{font:inherit;opacity:.64}.tutorial-feature-steps ol{border-top:1px solid #090a0852;margin:58px 0 42px;padding:0;list-style:none}.tutorial-feature-steps li{border-bottom:1px solid #090a0852;grid-template-columns:38px 1fr;gap:14px;padding:21px 0;display:grid}.tutorial-feature-steps li>span{font-family:var(--display);font-size:22px}.tutorial-feature-steps li p{margin:0;font-size:12px;line-height:1.7}.tutorial-command{color:var(--acid);background:#090a08;flex-direction:column;gap:8px;padding:15px 18px;display:flex;overflow-x:auto}.tutorial-command code{font-family:var(--mono);white-space:nowrap;font-size:10px}.tutorial-grid{border-top:1px solid #44483f;border-left:1px solid #44483f;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;display:grid}.tutorial-card{background:#10120e8f;border-bottom:1px solid #44483f;border-right:1px solid #44483f;flex-direction:column;min-height:570px;padding:clamp(26px,3vw,38px);transition:background .18s,transform .18s;display:flex}.tutorial-card:hover{z-index:1;background:#151812;transform:translateY(-3px)}.tutorial-card h2{font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;margin:46px 0 18px;font-size:clamp(34px,4vw,58px);font-weight:600;line-height:.94}.tutorial-card-steps{border-top:1px solid var(--line);margin:30px 0 4px;padding:0;list-style:none}.tutorial-card-steps li{border-bottom:1px solid var(--line);grid-template-columns:26px 1fr;gap:10px;padding:14px 0;display:grid}.tutorial-card-steps li span{color:#090a08;background:var(--acid);width:20px;height:20px;font-family:var(--mono);place-content:center;font-size:8px;display:grid}.tutorial-card-steps li p{color:#969a90;margin:0;font-size:11px;line-height:1.65}.tutorial-card .resource-tags{margin-top:24px}.tutorial-card-footer{justify-content:space-between;align-items:end;gap:20px;margin-top:auto;padding-top:34px;display:flex}.tutorial-card-footer small{color:#696d64;font-family:var(--mono);text-transform:uppercase;font-size:8px}.tutorial-card-footer a{color:var(--acid);font-family:var(--mono);text-align:right;align-items:center;gap:7px;font-size:9px;display:inline-flex}.tutorial-empty{min-height:260px;color:var(--muted);font-family:var(--mono);border:1px solid #44483f;place-content:center;justify-items:center;gap:18px;font-size:11px;display:grid}.tutorial-empty span{color:var(--acid);font-family:var(--display);font-size:54px}.tutorial-field-note{color:#090a08;background:var(--acid);grid-template-columns:.82fr 1.18fr;gap:38px 8vw;margin-top:24px;padding:clamp(28px,4vw,48px);display:grid}.tutorial-field-note span,.tutorial-field-note small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.tutorial-field-note h2{max-width:560px;font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:38px 0 0;font-size:clamp(34px,5vw,66px);line-height:.94}.tutorial-field-note p{align-self:end;margin:0;font-size:13px;line-height:1.78}.tutorial-field-note small{opacity:.72;border-top:1px solid #090a084d;grid-column:1/-1;padding-top:18px;line-height:1.65}.faq-page .faq{border:0;padding:0 0 110px;display:block}.faq-page .faq-list article{grid-template-columns:80px 1fr;gap:24px;padding:34px 0;display:grid}.faq-page .faq-list article>span{color:var(--acid);font-family:var(--display);font-size:28px}.faq-page .faq-list h2{letter-spacing:-.025em;margin:0 0 12px;font-size:23px;font-weight:500}.faq-page .faq-list p{max-width:760px}footer{min-height:120px}@media (width<=1100px){.catalog-heading h1{font-size:clamp(50px,6.5vw,70px)}.catalog-support{grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:28px}.primary-filter-controls{grid-template-columns:1fr}.duration-filter{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}.prompt-only-toggle{border-top:1px solid #30332c;border-left:0}.case-card{grid-column:span 6}.tutorial-controls,.tutorial-feature{grid-template-columns:1fr}.tutorial-feature-copy{border-right:0;border-bottom:1px solid var(--acid);min-height:540px}}@media (width<=760px){.site-header{grid-template-columns:auto 1fr;grid-template-areas:"brand actions""nav nav";row-gap:10px;height:auto;min-height:90px;padding:11px 0 10px}.site-header .brand{grid-area:brand}.site-header nav{grid-area:nav;gap:24px;font-size:10px;display:flex;overflow-x:auto}.header-actions{grid-area:actions}.source-button span{display:none}.intro-wordmark{letter-spacing:-.035em;gap:8px;width:calc(100% - 40px);font-size:clamp(46px,13.5vw,78px);line-height:.94;top:46%}.intro-wordmark strong{align-self:flex-start}.intro-proof-card{width:min(78vw,280px);padding:0}.intro-proof-card strong{margin-top:9px;font-size:clamp(54px,16vw,72px);line-height:.96}.intro-proof-card p{letter-spacing:.13em;margin:12px 0 13px;font-size:8px}.intro-proof-card small,.intro-proof-card em{font-size:6.5px}.intro-proof-cases{top:11.5%;left:24px}.intro-proof-update{width:min(64vw,238px);bottom:19%;right:24px}.intro-proof-update strong{font-size:clamp(42px,13vw,58px)}.intro-proof-connection{opacity:.44}.intro-proof-verdict{letter-spacing:.12em;white-space:normal;gap:12px;width:calc(100% - 48px);min-width:0;padding:0;font-size:7.5px;top:60%}.intro-proof-verdict i{flex:0 0 14px;width:14px}.intro-bottomline{flex-direction:column;align-items:flex-start;gap:12px}.intro-bottomline p{max-width:84%;font-size:12px;line-height:1.45}.catalog{padding-top:28px}.catalog-bar{grid-template-columns:1fr;gap:22px}.catalog-heading h1{white-space:normal;font-size:clamp(46px,13.5vw,72px);line-height:.98}.catalog-heading .section-index{font-size:11px}.catalog-support{grid-template-columns:1fr;gap:18px}.catalog-support>p,.catalog-support .search-box input{font-size:15px}.primary-filter{grid-template-columns:1fr}.primary-filter .filter-label{border-bottom:1px solid var(--line);padding:12px 0}.duration-filter button:first-child{border-left:0}.case-grid{display:block}.case-card{margin-bottom:46px}.mode-line{gap:14px}.page-hero{grid-template-columns:1fr;min-height:330px;padding-top:58px}.page-hero .section-index,.page-hero-rule{grid-column:1}.tutorial-hub,.faq-page .faq{padding-bottom:80px}.tutorial-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-feature-copy{min-height:auto}.tutorial-feature h2{margin-top:68px}.tutorial-feature .tutorial-summary{font-size:14px}.tutorial-link{margin-top:38px;padding-top:0}.tutorial-step-heading{flex-direction:column;align-items:flex-start;gap:8px}.tutorial-feature-steps ol{margin-top:36px}.tutorial-grid{grid-template-columns:1fr}.tutorial-card{min-height:0}.tutorial-card-footer{flex-direction:column;align-items:flex-start;margin-top:32px}.tutorial-card-footer a{text-align:left}.tutorial-field-note{grid-template-columns:1fr}.tutorial-field-note small{grid-column:1}.faq-page .faq-list article{grid-template-columns:46px 1fr;gap:12px}}@media (prefers-reduced-motion:reduce){.intro-splash:before,.intro-splash:after,.intro-proof-cases,.intro-proof-update,.intro-proof-connection path,.intro-proof-connection circle,.intro-proof-verdict,.intro-wordmark span,.intro-wordmark strong,.intro-progress span{animation:none!important}}
