*{box-sizing:border-box}html{color:var(--ink);background:var(--paper);font-family:var(--font);scroll-padding-top:2rem}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:var(--focus) solid var(--ink);outline-offset:var(--offset)}[hidden]{display:none!important}p,h1,h2,h3{margin:0}img{max-width:100%;height:auto}.page{container:main/inline-size}.wrap{width:min(1120px,100% - 3rem);margin-inline:auto}.skip{z-index:2;background:var(--accent);padding:1rem;position:absolute;top:-5rem;left:1rem}.skip:focus{top:1rem}.header{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding-block:1.75rem;display:grid}.brand{letter-spacing:-.03em;align-items:center;gap:.6rem;width:fit-content;font-size:1.25rem;font-weight:750;display:inline-flex}nav{gap:2rem;font-size:.875rem;font-weight:600;display:flex}nav a:hover,.footer a:hover{text-underline-offset:.3em;text-decoration:underline}.header-action{white-space:nowrap;justify-self:end;gap:.75rem;font-size:.875rem;font-weight:650;display:inline-flex}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:3.5rem;padding-block:7rem 6rem;display:grid}.hero-copy{gap:1.8rem;display:grid}h1{letter-spacing:-.07em;font-size:clamp(2.25rem,4.2cqi,3.3rem);font-weight:750;line-height:1.45}h1 span{display:block}h1 span:last-child{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.08em;text-decoration-thickness:.2em}.intro{white-space:pre-line;max-width:29rem;font-size:1rem;line-height:2}.actions{flex-wrap:wrap;gap:.7rem;display:flex}.button{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--paper);white-space:nowrap;justify-content:center;align-items:center;gap:.65rem;min-height:3.25rem;padding:.9rem 1.25rem;font-size:.85rem;font-weight:650;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.15rem;height:1.15rem}.button:hover{background:var(--surface)}.button.accent{background:var(--accent)}.button.accent:hover{filter:brightness(.96)}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{opacity:.88}.caption{color:color-mix(in srgb, var(--ink) 65%, var(--paper));font-size:.72rem;line-height:1.7}.demo-stage{background-image:radial-gradient(color-mix(in srgb, var(--ink) 12%, var(--paper)) 1px, transparent 1px);background-size:16px 16px;gap:1.3rem;padding:2.5rem 1.5rem;display:grid}.demo-card{perspective:1400px;cursor:pointer;transform:rotate(-3deg)}.demo-card-inner{transform-style:preserve-3d;transition:transform .45s;display:grid}.demo-card[aria-pressed=true] .demo-card-inner{transform:rotateY(180deg)}.demo-face{backface-visibility:hidden;border:var(--strong) solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--accent);border-radius:20px;grid-area:1/1;gap:2rem;padding:1.5rem;display:grid}.demo-back{transform:rotateY(180deg)}.demo-meta,.demo-bottom{justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-meta{color:color-mix(in srgb, var(--ink) 60%, var(--paper));font-size:.62rem}.demo-question{font-size:1.2rem;font-weight:650;line-height:2.1}.demo-mask{vertical-align:baseline;border:var(--strong) solid var(--ink);border-radius:var(--mask-radius);background:var(--accent);padding:var(--mask-block) var(--mask-inline);line-height:1.35;display:inline-block;position:relative}.demo-mask>span:first-child{opacity:0}.mask-symbol{place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.demo-mask[aria-pressed=true],.demo-mask[data-revealed]{background:0 0;border-style:dashed}.demo-mask[aria-pressed=true]>span:first-child{opacity:1}.demo-mask[aria-pressed=true] .mask-symbol{display:none}.demo-hint{justify-content:center;align-items:center;gap:.5rem;min-height:1.5rem;font-size:.7rem;display:flex}.reset{text-underline-offset:.25em;background:0 0;border:0;padding:0;font-size:.7rem;text-decoration:underline}.tag{border:var(--line) solid color-mix(in srgb, var(--ink) 18%, var(--paper));white-space:nowrap;border-radius:9999px;padding:.35rem .65rem;font-size:.65rem;display:inline-block}.section{padding-block:6rem}.section-heading{align-content:start;gap:1.5rem;max-width:38rem;display:grid}h2{letter-spacing:-.05em;white-space:pre-line;font-size:clamp(1.7rem,3cqi,2.4rem);font-weight:700;line-height:1.55}h3{letter-spacing:-.035em;font-size:1.3rem;line-height:1.5}.muted{color:color-mix(in srgb, var(--ink) 65%, var(--paper));font-size:.9rem;line-height:2}.steps{padding-top:3rem;display:grid}.step{border-bottom:var(--line) solid color-mix(in srgb, var(--ink) 18%, var(--paper));grid-template-columns:3rem 1fr 17rem;align-items:center;gap:2rem;padding-block:2.5rem;display:grid}.step:first-child{border-top:var(--line) solid color-mix(in srgb, var(--ink) 18%, var(--paper))}.step-number{align-self:start;font-size:.85rem}.step-copy{gap:1rem;display:grid}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.mini-visual{background:var(--surface);border-radius:var(--radius);align-content:center;gap:.75rem;height:10rem;padding:2rem;display:grid;position:relative}.sample-line{background:color-mix(in srgb, var(--ink) 20%, var(--paper));border-radius:3px;width:100%;height:.6rem}.sample-line.masked{background:var(--accent);border:var(--line) solid var(--ink);width:75%;height:1.5rem}.sample-line.short{width:60%}.visual-1{grid-template-columns:repeat(3,1fr);gap:.4rem}.mini-deck{border:var(--line) solid var(--ink);background:var(--paper);height:4rem;box-shadow:3px 3px 0 var(--ink);border-radius:6px}.mini-deck:nth-child(2){background:var(--accent);transform:translateY(-.5rem)}.mini-plus{font-size:1.5rem;position:absolute;bottom:1rem;right:1.2rem}.visual-2{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.mini-card{background:var(--paper);border:var(--line) solid var(--ink);border-radius:6px;place-items:center;height:4.5rem;font-size:1.5rem;font-weight:700;display:grid;transform:rotate(-8deg)}.mini-card.answered{background:var(--accent);transform:rotate(8deg)}.modes-section{background:var(--surface)}.modes-section>.wrap{gap:3rem;display:grid}.ai-panel{background:var(--ink);color:var(--paper);border-radius:24px;grid-template-columns:1.4fr 1fr;align-items:center;gap:3rem;padding:3rem;display:grid}.ai-panel p{color:color-mix(in srgb, var(--paper) 72%, var(--ink));font-size:.9rem;line-height:2}.ai-panel .tag{border-color:color-mix(in srgb, var(--paper) 30%, var(--ink))}.ai-art{place-items:center;height:17rem;display:grid;position:relative}.ai-orbit{border:var(--line) dashed color-mix(in srgb, var(--paper) 35%, var(--ink));border-radius:50%;width:15rem;height:15rem;position:absolute}.ai-paper{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--paper);width:10rem;color:var(--ink);gap:.65rem;padding:1.5rem;font-weight:700;display:grid;transform:rotate(8deg)}.ai-paper span{background:var(--surface);height:.3rem}.ai-paper b{background:var(--accent);border-radius:4px;width:50%;padding:.2rem .5rem}.ai-star{z-index:1;color:var(--accent);font-size:5rem;position:absolute;top:0;right:0}.pricing-grid{grid-template-columns:1fr 1fr;gap:1.5rem;padding-top:3rem;display:grid}.plan{border:var(--line) solid var(--ink);border-radius:20px;grid-template-rows:auto auto 1fr auto;gap:2rem;padding:2rem;display:grid}.plan.pro{background:var(--accent)}.plan-heading{gap:.6rem;display:grid}.plan-heading p{font-size:.85rem;line-height:1.8}.plan h3{font-size:1.7rem}.price{letter-spacing:-.05em;font-size:3.5rem;font-weight:650}.price span{letter-spacing:0;padding-left:.4rem;font-size:.85rem;font-weight:400}.plan ul{align-content:start;gap:1rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.plan li:before{content:"↗";padding-right:.6rem}.plan .caption{color:inherit}.pricing-note{text-align:center;padding-top:1rem}.faq-section{grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:0;display:grid}.faqs{width:min(100%,38rem)}.faqs details{border-bottom:var(--line) solid color-mix(in srgb, var(--ink) 20%, var(--paper))}.faqs details:first-child{border-top:var(--line) solid color-mix(in srgb, var(--ink) 20%, var(--paper))}summary{cursor:pointer;grid-template-columns:1fr auto;gap:1rem;padding-block:1.5rem;font-size:.9rem;font-weight:650;list-style:none;display:grid}summary::-webkit-details-marker{display:none}summary span{font-size:1.2rem}details[open] summary span{transform:rotate(45deg)}.faqs details p{padding-bottom:1.5rem}.closing{background:var(--accent);text-align:center;padding-block:5rem}.closing>.wrap{justify-items:center;gap:1.5rem;display:grid}.closing h2{font-size:clamp(2rem,3.3cqi,2.7rem)}.closing p{font-size:.85rem}.closing .actions{justify-content:center}.footer{grid-template-columns:1fr auto;align-items:center;gap:2rem;padding-block:2rem;display:grid}.footer>a:last-child{justify-self:end;gap:.75rem;font-size:.7rem;display:inline-flex}@container main (width<=900px){.hero{grid-template-columns:1fr;gap:3rem;padding-block:4rem}.hero-copy{justify-items:start}h1{font-size:clamp(2rem,6cqi,3.3rem)}.demo-stage{justify-self:center;width:min(100%,32rem)}.step{grid-template-columns:2rem 1fr 12rem;gap:1rem}.mini-visual{padding:1rem}.ai-panel{grid-template-columns:1fr}.ai-art{display:none}}@container main (width<=580px){.wrap{width:calc(100% - 2rem)}.header{grid-template-columns:1fr auto;gap:1.5rem;padding-block:1.25rem}nav{grid-area:2/1/auto/-1;justify-content:center;gap:2rem}.brand{font-size:1.1rem}.header-action{font-size:.75rem}.hero{padding-block:3rem}.hero-copy{gap:1.4rem}.intro{font-size:.9rem}.button{padding-inline:1rem;font-size:.8rem}.demo-stage{padding:1.75rem .75rem}.demo-face{gap:1.5rem;padding:1.25rem}.demo-question{font-size:1.1rem}.demo-bottom .caption{font-size:.6rem}.section{padding-block:3.5rem}.step{grid-template-columns:1.5rem 1fr}.mini-visual{display:none}.ai-panel{padding:1.75rem}.pricing-grid{grid-template-columns:1fr}.plan{padding:1.5rem}.closing{padding-block:3.5rem}.footer{grid-template-columns:1fr auto;gap:1.5rem}}.mode-showcase{gap:2rem;display:grid}.mode-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.mode-tabs button{border:var(--line) solid color-mix(in srgb, var(--ink) 20%, var(--paper));border-radius:var(--radius);background:var(--paper);font:inherit;text-align:left;justify-items:start;gap:.75rem;padding:1.25rem;font-size:.9rem;font-weight:650;display:grid}.mode-tabs button[aria-selected=true]{border-color:var(--ink);background:var(--accent)}.mode-tab-number{font-size:.65rem;font-weight:400}.mode-video-panel{gap:1.5rem;display:grid}.mode-video-heading{gap:.5rem;display:grid}.mode-video-heading h3{font-size:1.25rem}.mode-video-frame{border:var(--line) solid color-mix(in srgb, var(--ink) 20%, var(--paper));border-radius:var(--radius);background:var(--surface);aspect-ratio:8/5;overflow:hidden}.mode-video-frame video{object-fit:contain;width:100%;height:100%;display:block}@container main (width<=580px){.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-tabs button{padding:1rem;font-size:.8rem}}