:root{color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#06060a;color:#eef0e8;font-family:'Instrument Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d6ff3f}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:20;background:#06060a;padding:16px}header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff10}.logo{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:700}.logo svg{width:24px;height:24px}.label{font-size:10px;font-weight:500;letter-spacing:2px;margin-left:18px;color:#a6aaa2}nav{display:flex;gap:30px;font-size:13px}main{max-width:1440px;margin:auto}.hero{padding:105px 6% 90px;text-align:center;background:radial-gradient(ellipse at 50% 60%,#d6ff3f08,transparent 60%)}.ct-label{font-size:10px;letter-spacing:2px;color:#b1b4ac}.hero h1{font-size:clamp(42px,6.3vw,88px);line-height:1.08;letter-spacing:-4px;max-width:1100px;margin:25px auto}.hero h1 span{color:#d6ff3f}.intro{max-width:560px;margin:24px auto 30px;color:#a6aaa2;font-size:17px;line-height:1.7}.ct-button{border-radius:99px;font-size:13px}.hero .ct-button{display:inline-flex;padding:15px 24px;gap:25px}.text-link{margin-left:25px;font-size:13px}.hero-note{font-size:11px;color:#878b82;margin-top:45px;display:flex;justify-content:center;align-items:center;gap:9px}.pulse{height:5px;width:5px;border-radius:50%;background:#d6ff3f;box-shadow:0 0 12px #d6ff3f77}.models,.how{padding:50px 5% 70px;scroll-margin-top:25px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-top h2,.how h2{font-size:clamp(29px,4vw,46px);letter-spacing:-1.8px;margin:15px 0 25px}.muted{color:#969b90;font-size:12px;line-height:1.6}.search-row{display:flex;gap:16px;margin:12px 0 18px}.search{background:#11111a;border:1px solid #ffffff16;border-radius:14px;display:flex;align-items:center;gap:15px;padding:0 18px;flex:1}.search span{font-size:25px;color:#d6ff3f}.search input{width:100%;background:transparent;border:0;color:#eef0e8;padding:17px 0;outline:none}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 35px}.filters .ct-button{font-size:11px;padding:9px 13px;min-height:34px}.filters [aria-pressed=true]{background:#d6ff3f;color:#06060a;border-color:#d6ff3f}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}.grid[hidden],[hidden]{display:none!important}.model{overflow:hidden;background:#0d0d14;border:1px solid #ffffff10;border-radius:16px;transition:transform .25s,border-color .25s}.model:hover{transform:translateY(-4px);border-color:#d6ff3f55}.media{display:block;position:relative;width:100%;aspect-ratio:9/13;padding:0;border:0;background:#11111a;overflow:hidden;cursor:pointer}.media video{height:100%;width:100%;object-fit:cover}.play{position:absolute;bottom:12px;left:12px;background:#06060acc;border:1px solid #ffffff22;padding:8px 12px;border-radius:30px;font-size:10px;backdrop-filter:blur(12px);color:#eef0e8}.model-meta{padding:18px 17px 6px}.model .ct-label{font-size:8px;letter-spacing:1px;color:#9b9f93}.model h3{font-size:23px;margin:9px 0}.model-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 18px;gap:8px}.model-bottom>span{font-size:11px;color:#777e6c}.model-bottom .ct-button{font-size:10px;padding:8px 12px;min-height:32px}.empty{text-align:center;padding:80px 10px;color:#a6aaa2}.deck-intro{display:flex;align-items:center;justify-content:space-between}#pages{display:flex;align-items:center;gap:15px;font-size:12px}#deck-actions{text-align:center}.how{border-top:1px solid #ffffff12;margin-top:40px;text-align:center}.subtitle{font-size:19px;color:#a6aaa2}.workflow{max-width:900px;margin:45px auto;background:#0d0d14;border:1px solid #ffffff12;border-radius:24px;padding:45px 45px 24px;overflow:hidden}.workflow-track{display:flex;align-items:center;justify-content:center;gap:clamp(18px,7vw,80px);min-height:240px}.workflow-track>span{display:flex;flex-direction:column;justify-content:center;font-size:9px;letter-spacing:2px;border:1px solid #ffffff20;border-radius:16px;width:145px;height:205px;padding:20px;background:#11111a}.flow-raw{transform:rotate(-8deg);animation:raw 6s infinite}.flow-raw i{display:block;height:12px;background:#eef0e81c;margin:10px 0 0}.flow-skill{height:100px!important;color:#d6ff3f;animation:skill 6s infinite}.flow-skill b{font-size:16px;letter-spacing:0;margin-top:15px}.flow-ready{border-color:#d6ff3f66!important;transform:rotate(7deg);animation:ready 6s infinite}.flow-ready b{font-family:var(--ct-font-heading);font-size:19px;letter-spacing:-.5px;margin:25px 0}.flow-ready em{color:#d6ff3f;font-style:normal}.flow-ready i{height:3px;background:#d6ff3f}.timeline{height:3px;background:#ffffff12;margin-top:30px;border-radius:3px;overflow:hidden}.timeline span{display:block;width:30%;height:100%;background:#d6ff3f;animation:progress 6s infinite}.workflow>p{font-size:11px;color:#93998b;margin:20px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:left;margin:55px 0}.steps article{border-top:1px solid #ffffff22;padding-top:22px}.step-number{color:#d6ff3f;font-size:12px}.steps h3{font-size:23px;margin:20px 0 15px}.steps p{color:#a6aaa2;font-size:13px;line-height:1.8}.steps code{font-size:11px;word-break:break-word;color:#eef0e8}.steps>article>code{display:block;background:#11111a;padding:15px;border-radius:8px}.copy{margin-top:10px;font-size:10px}details{text-align:left;border-top:1px solid #ffffff16;padding-top:22px;color:#a6aaa2;font-size:13px}summary{cursor:pointer}details video{width:100%;max-height:650px;margin-top:20px;background:#11111a}.closing{text-align:center;padding:100px 20px;background:radial-gradient(ellipse at center,#d6ff3f07,transparent 65%)}.closing h2{font-size:clamp(32px,5vw,60px);letter-spacing:-2px;line-height:1.15;margin:20px 0 35px}.closing .ct-button{display:inline-flex}footer{display:flex;justify-content:space-between;max-width:1300px;margin:auto;border-top:1px solid #ffffff16;padding:25px 0 35px;color:#7a8170;font-size:11px}dialog{background:#0d0d14;color:#eef0e8;border:1px solid #ffffff22;border-radius:20px;padding:22px;width:min(620px,94vw);max-height:94vh}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}#close-modal{float:right}#preview-content h2{padding-right:80px}#preview-content video{max-height:62vh;width:100%;display:block;background:#06060a;border-radius:12px}#preview-content p{font-size:13px;color:#a6aaa2}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#d6ff3f;color:#06060a;padding:15px 23px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes raw{0%,100%{opacity:.45;transform:rotate(-8deg) translateY(5px)}25%,65%{opacity:1;transform:rotate(-5deg) translateY(-5px)}}@keyframes skill{0%,100%{box-shadow:0 0 0 #d6ff3f00}45%{box-shadow:0 0 50px #d6ff3f18;transform:translateY(-8px)}}@keyframes ready{0%,30%{opacity:.4;transform:rotate(7deg) translateY(10px)}70%,100%{opacity:1;transform:rotate(4deg) translateY(-5px)}}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(435%)}}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{margin:0 5%}}@media(max-width:700px){header{padding:20px 5%}.label{display:none}nav{gap:18px;font-size:11px}.hero{padding:70px 6% 55px}.hero h1{letter-spacing:-2px}.intro{font-size:14px}.hero .text-link{display:block;margin:20px 0}.hero-note{font-size:9px}.section-top{display:block}.section-top h2{margin-bottom:10px}.search-row{flex-direction:column}.search-row>.ct-button{align-self:start}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.model-meta{padding:12px 12px 2px}.model h3{font-size:19px}.model-bottom{padding:8px 10px 12px;flex-wrap:wrap}.model .ct-label{font-size:7px}.workflow{padding:20px 12px}.workflow-track{gap:10px;min-height:190px}.workflow-track>span{width:100px;height:160px;padding:12px;font-size:7px}.flow-ready b{font-size:15px}.flow-skill b{font-size:12px}.steps{grid-template-columns:1fr;gap:25px}.subtitle{font-size:16px}.deck-intro{display:block}#pages{justify-content:center}.closing{padding:65px 20px}footer{gap:20px;font-size:9px}.how{margin-top:0}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
