.v-hero{padding:clamp(24px,3vw,40px) 0 clamp(64px,8vw,110px)}.v-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(32px,5vw,64px);display:grid}.screen{max-width:390px;position:sticky;top:88px}.screen-frame{background:#050505;border-radius:24px;padding:8px;position:relative;box-shadow:0 40px 90px oklch(0% 0 0/.6),0 0 0 1px oklch(100% 0 0/.08)}.stage{aspect-ratio:9/16;background:#000;border-radius:17px;position:relative;overflow:hidden;container-type:inline-size}.stage img{object-fit:cover;transform-origin:50% 32%;width:100%;height:100%;position:absolute;inset:0}.stage .cap{text-align:center;color:#fff;text-shadow:0 1px 2px #000;z-index:2;font-size:6cqi;font-weight:600;position:absolute;top:58%;left:8%;right:8%}.stage .flash{opacity:0;pointer-events:none;z-index:3;background:#fff;position:absolute;inset:0}.rec{z-index:4;color:#fff;text-shadow:0 0 4px #000;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;top:14px;left:14px}.rec i{background:oklch(65% .24 25);border-radius:50%;width:8px;height:8px;animation:1s steps(2,end) infinite blink}.rec b{letter-spacing:.06em;font-weight:800}.rec .stamp{color:#fff;text-shadow:0 0 4px #000;font-size:11px}.sound-badge{z-index:4;color:#fff;background:oklch(0% 0 0/.55);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.screen-note{color:var(--muted);text-align:center;margin-top:14px;font-size:14px}.m-twirl img.a{animation:twirl 2.4s var(--ease-out) infinite}.m-morph img.b{animation:4s ease-in-out infinite morph}.m-jump img.a{animation:2.6s cubic-bezier(.7,0,.84,0) infinite vlunge}.m-jump .flash{animation:2.6s linear infinite flashloop}.m-trick img.a{animation:3s ease-in-out infinite approach}.m-ghost img.b{mix-blend-mode:screen;filter:grayscale()brightness(1.6)blur(1px);animation:3.2s ease-in-out infinite ghost}.m-zoomies img.a{animation:.9s linear infinite zoomies}.m-custom img.a{filter:saturate(1.2);animation:4s ease-in-out infinite approach}.stage img.b,.tmini img.b{opacity:0}.m-morph img.b,.m-ghost img.b{opacity:1}.v-copy h1{margin:12px 0 16px;font-size:clamp(48px,6.4vw,92px)}.vtool{background:var(--paper);color:var(--paper-ink);border-radius:16px;gap:20px;margin-top:22px;padding:clamp(18px,2.4vw,26px);scroll-margin-top:96px;display:grid;box-shadow:0 30px 60px oklch(0% 0 0/.45)}.vtool .step-label{margin:0 0 10px;display:block}.vtool .fine{color:oklch(45% .03 320);text-align:center;margin:0;font-size:13px}.vtool .fine a{color:inherit;text-underline-offset:3px;text-decoration:underline}.vtool .btn{box-shadow:6px 6px 0 0 var(--ink)}.vtool .btn:active{box-shadow:2px 2px 0 0 var(--ink)}.vtool .gen{gap:14px;padding:8px 0;display:grid}.vdrop{width:100%;color:inherit;text-align:left;cursor:pointer;background:oklch(22% .02 320/.03);border:2px dashed oklch(22% .02 320/.32);border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.vdrop:hover{border-color:var(--lie-deep)}.vdrop.shake{animation:shake .36s var(--ease-out)}.vdrop+.vdrop{margin-top:8px}.vdrop .thumb{background:#fff;flex:none;width:48px;padding:3px 3px 10px;transform:rotate(-4deg);box-shadow:0 4px 12px oklch(0% 0 0/.25)}.vdrop2 .thumb{transform:rotate(3deg)}.vdrop .thumb img,.vdrop .thumb-empty{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.vdrop .thumb-empty{color:oklch(45% .03 320);background:oklch(22% .02 320/.08);place-items:center;font-size:22px;font-weight:800;display:grid}.vdrop b{font-size:16px;display:block}.vdrop small{color:oklch(45% .03 320);font-size:13.5px;display:block}.tgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tcard{cursor:pointer;transition:transform .12s var(--ease-out);background:oklch(22% .02 320/.05);border:2px solid #0000;border-radius:12px;align-content:start;gap:6px;padding:6px 6px 10px;display:grid;position:relative}.tcard:active{transform:scale(.97)}.tcard input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tcard:has(input:checked){border-color:var(--ink);background:oklch(72% .19 350/.14)}.tcard:has(input:focus-visible){outline:3px solid var(--lie);outline-offset:2px}.tmini{aspect-ratio:9/16;pointer-events:none;background:#000;border-radius:8px;display:block;position:relative;overflow:hidden}.tmini img{object-fit:cover;transform-origin:50% 32%;width:100%;height:100%;position:absolute;inset:0}.tmini .flash{opacity:0;background:#fff;position:absolute;inset:0}.tmini.blank{background:var(--ink);place-items:center;display:grid}.tmini.blank .prompt-icon{color:var(--lie);font-size:26px}.tcard b{padding:0 2px;font-size:13.5px;line-height:1.2}.badges{z-index:2;pointer-events:none;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:10px;left:10px;right:10px}.badges i{letter-spacing:.04em;color:#fff;background:oklch(0% 0 0/.65);border-radius:4px;padding:2px 5px;font-size:9.5px;font-style:normal;font-weight:800}.vcustom{gap:10px;display:grid}.vcustom .step-label{margin:0}.vcustom textarea{resize:vertical;width:100%;min-height:84px;color:var(--paper-ink);background:#fff;border:1.5px solid oklch(22% .02 320/.25);border-radius:12px;padding:12px;font-size:15px;line-height:1.45}.vcustom textarea:focus-visible{outline:3px solid var(--lie);outline-offset:1px}.vcustom .fine{text-align:left}.opts{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.opts .note{color:oklch(40% .03 320);margin:0;font-size:14px}.opts .note a{color:var(--lie-deep);text-underline-offset:3px;font-weight:700;text-decoration:underline}.vtool .seg input:disabled{cursor:not-allowed}.vtool .seg input:disabled+span{opacity:.4}.vfoot{gap:12px;display:grid}.tlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;display:grid}.tlist div{border-bottom:1px solid var(--line);padding:18px 0}.tlist h3{margin-bottom:4px;font-size:19px}.tlist h3 small{letter-spacing:.06em;color:var(--stamp);margin-left:8px;font-size:12px;font-weight:800}.tlist p{color:var(--muted);margin:0;font-size:15.5px}.vsteps{counter-reset:vstep;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.vsteps li{counter-increment:vstep;border-top:1px solid var(--line);padding-top:18px}.vsteps li:before{content:counter(vstep);font-family:var(--font-display);color:var(--lie);margin-bottom:10px;font-size:44px;line-height:1;display:block}.vsteps h3{margin-bottom:4px;font-size:19px}.vsteps p{color:var(--muted);margin:0;font-size:15.5px}.prompts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prompt{background:var(--night-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.more-templates{margin:28px 0 0}.more-templates a{color:var(--truth);font-weight:700}.prompt p{margin:0;font-size:15px}.cost{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:720px}.cost th,.cost td{text-align:left;border-bottom:1px solid var(--line);padding:14px 12px}.cost thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px}.cost td:last-child{font-family:var(--font-display);font-size:24px}.free-cta .btn{justify-self:start}.v-cta{padding-bottom:96px}@keyframes vlunge{0%{transform:scale(1)}62%{transform:scale(1.1)translateY(1.5%)}88%,to{transform:scale(2.7)translateY(8%)}}@keyframes flashloop{0%,82%{opacity:0}86%{opacity:.9}to{opacity:0}}@keyframes twirl{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-2.5deg)translateY(-1.5%)}75%{transform:rotate(2.5deg)translateY(-1.5%)}}@keyframes morph{0%,30%{opacity:0;filter:blur(6px)}60%,to{opacity:1;filter:blur()}}@keyframes approach{0%,to{transform:scale(1)}50%{transform:scale(1.16)translateY(2%)}}@keyframes ghost{0%,to{opacity:0;transform:translate(-30%)scale(.9)}40%,60%{opacity:.4;transform:translate(-8%)scale(.95)}}@keyframes zoomies{0%,to{transform:translate(0)scale(1.08)}25%{transform:translate(-3%)scale(1.08)rotate(-1deg)}75%{transform:translate(3%)scale(1.08)rotate(1deg)}}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.stage img,.stage .flash,.tmini img,.tmini .flash,.rec i{animation:none}.m-ghost img.b{opacity:.35}}@media (width<=960px){.v-grid{grid-template-columns:minmax(0,1fr)}.screen{order:2;max-width:290px;margin-inline:auto;position:relative;top:0}.v-copy{order:1}.tlist,.prompts,.vsteps{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.tgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}
