html,body{background:#000;overflow-x:hidden}html{scroll-behavior:smooth}body{isolation:isolate}.bg-poster{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-poster img{object-fit:cover;object-position:center center;width:100%;height:100%}.bg-video{object-fit:cover;object-position:center center;z-index:0;pointer-events:none;opacity:0;background:#000;width:100%;height:100%;transition:opacity .9s;position:fixed;inset:0}.bg-video.is-active{opacity:1}.cycle-btn[hidden]{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg-video,.title-layer{transition:none}.cycle-timer{animation:none!important}}.content{min-height:100dvh;position:relative}.page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:96px 24px 48px;display:flex;position:relative}.eyebrow{font-family:var(--font-mono);color:#fff;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 6px #000000d9;justify-content:center;align-items:center;margin:0;font-size:.6875rem;display:inline-flex;position:relative}.page>.eyebrow{font-size:.8125rem}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:50%;left:-15px;transform:translateY(-50%)}.wordmark{margin:0;line-height:0}.wordmark img{width:clamp(15rem,67.5vw,53rem);height:auto;display:block}.hero-title{flex-direction:column;align-items:center;display:flex;position:relative}.title-layer{flex-direction:column;align-items:center;gap:20px;transition:opacity .7s;display:flex}.title-layer.title-plain{opacity:0;pointer-events:none;position:absolute;inset:0}.content.plain-wordmark .title-plain{opacity:1}.title-invert .wordmark img,.title-invert .tagline{mix-blend-mode:difference}.is-ios .title-invert .wordmark img,.is-ios .title-invert .tagline{mix-blend-mode:normal}.hero-vignette{pointer-events:none;opacity:1;background:radial-gradient(ellipse 70% 46% at var(--scrim-x,50%) var(--scrim-y,44%), #000000b0, #00000061 48%, #00000014 76%, transparent 90%);height:100dvh;transition:opacity .7s;position:absolute;top:0;left:0;right:0}.title-plain .wordmark img{filter:drop-shadow(0 1px 4px #00000073)}.title-plain .tagline{text-shadow:0 1px 4px #00000073}.tagline{font-family:var(--font-sans);letter-spacing:0;text-transform:uppercase;color:#fff;margin:-18px 0 0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.sub{font-family:var(--font-mono);color:#fff;text-transform:none;text-shadow:0 1px 8px #000000d9,0 0 2px #0009;width:100%;max-width:clamp(15rem,67.5vw,53rem);margin:0 auto;font-size:1rem;font-weight:500;line-height:1.55}.hero-stats{color:color-mix(in srgb, var(--accent) 82%, #fff 18%);letter-spacing:.08em;text-transform:uppercase;text-align:center;text-shadow:0 1px 8px #000000d9,0 0 2px #0009;margin:-4px 0 0;font-size:.6875rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.hero-btn{min-width:11.5rem;min-height:40px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffffbf;justify-content:center;align-items:center;padding:0 18px;font-size:.75rem;font-weight:500;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.hero-btn:hover{border-color:var(--accent);color:var(--accent);border-bottom-color:var(--accent)}.hero-btn-primary{border-color:var(--accent);background:var(--accent);color:#000;font-weight:700}.hero-btn-primary:hover{color:var(--accent);border-color:var(--accent);background:#00000059}.plan-note{font-family:var(--font-mono);color:#ffffffd9;letter-spacing:.04em;text-transform:none;text-shadow:0 1px 8px #000000d9,0 0 2px #0009;max-width:520px;margin:-6px 0 0;font-size:.75rem;line-height:1.6}.scroll-cue{color:#ffffffbf;-webkit-backdrop-filter:blur(8px);background:#0006;border:1px solid #fff6;place-items:center;width:36px;height:36px;margin-top:8px;transition:border-color .12s,color .12s;display:grid}.scroll-cue:hover{border-color:var(--accent);color:var(--accent)}.studio,.creator-callout,.use-cases,.reels,.system,.own{background:#000;border-top:1px solid #ffffff2e;position:relative}.studio{text-align:left;flex-direction:column;align-items:center;gap:28px;padding:88px 24px 96px;display:flex}.section-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem}.studio-heading{font-family:var(--font-sans);letter-spacing:.04em;color:#fff;text-transform:uppercase;text-align:center;margin:0;font-size:clamp(1.375rem,3.2vw,2rem);font-weight:700}.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;width:100%;max-width:980px;display:grid}.studio-window{width:min(100%,1120px);height:auto;margin:0 0 10px;display:block}.col-title{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.6875rem;font-weight:700}.col-body{font-family:var(--font-mono);color:#ffffffd1;text-transform:none;margin:0;font-size:.8125rem;line-height:1.65}.studio-stats{font-family:var(--font-mono);color:#fff9;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:16px 0 0;font-size:.6875rem}.use-cases,.creator-callout,.reels,.system,.own{padding:88px 0 96px}.own-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.own-col{border:1px solid var(--border);background:var(--bg-panel);flex-direction:column;gap:10px;padding:22px;display:flex}.own-col h3{color:var(--accent);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:700;line-height:1.25}.own-col p{color:var(--text-muted);font-family:var(--font-mono);margin:0;font-size:.8125rem;line-height:1.65}.own-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.creator-callout{padding-top:64px;padding-bottom:72px}.creator-callout-inner{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.creator-callout-inner .section-head{max-width:720px;margin-bottom:0}.creator-callout-action{flex:none}.creator-callout-inner .eyebrow{color:var(--accent);text-shadow:none}.content a.btn-primary{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.content a.btn-primary:hover,.content a.btn-primary:focus-visible{color:var(--accent);border-color:var(--accent);border-bottom-color:var(--accent);background:0 0}.creator-callout-lede{max-width:64ch;color:var(--text-muted);font-family:var(--font-mono);margin:16px 0 0;font-size:.8125rem;line-height:1.72}.creator-heading-line{display:block}.creator-heading-brand{align-items:center;gap:.2em;margin-top:.08em;display:flex}.creator-heading-wordmark{flex:none;align-items:center;width:auto;height:1.2em;display:inline-flex;transform:translateY(.02em)}.creator-heading-wordmark img{width:auto;height:100%;display:block}.section-head{margin-bottom:32px}.section-head .eyebrow{color:var(--accent);text-shadow:none}.section-head h2{color:var(--text);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;margin:10px 0 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.15}.use-case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.use-case{border:1px solid var(--border);background:var(--bg-panel);flex-direction:column;gap:10px;min-height:190px;padding:22px;transition:border-color .12s,background .12s,transform .12s;display:flex}.use-case:hover,.use-case:focus-visible{border-color:var(--accent);background:var(--hover);transform:translateY(-1px)}.use-case:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.use-case h3{color:var(--text);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:700;line-height:1.25}.use-case p{color:var(--text-muted);font-family:var(--font-mono);margin:0;font-size:.8125rem;line-height:1.65}.reel-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.reel{background:var(--bg-panel);min-height:360px;color:inherit;border-bottom:0;text-decoration:none;display:block;position:relative;overflow:hidden}.reel video,.reel img{object-fit:cover;opacity:.78;width:100%;height:100%;min-height:360px;transition:opacity var(--dur-fast) var(--ease);display:block}.reel:hover video,.reel:focus-visible video{opacity:1}.reel:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.reel-copy{color:#fff;text-shadow:0 1px 8px #000000d9;position:absolute;bottom:18px;left:18px;right:18px}.reel-copy h3{margin:0 0 6px;font-size:.8125rem}.reel-copy p{font-family:var(--font-mono);color:#ffffffbf;font-size:.75rem;line-height:1.5}.showcase-action{justify-content:center;margin-top:28px;display:flex}.system-inner{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);align-items:start;gap:48px;display:grid}.system-table{border-top:1px solid var(--border)}.system-row{border-bottom:1px solid var(--border);grid-template-columns:140px 1fr;gap:20px;padding:16px 0;display:grid}.system-name{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:700}.system-body{font-family:var(--font-mono);color:var(--text-muted);font-size:.8125rem;line-height:1.6}.system-actions{flex-wrap:wrap;grid-column:2;gap:10px;margin-top:-12px;display:flex}.cycle-controls{z-index:20;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px}.effect-label{font-family:var(--font-mono);color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;user-select:none;text-shadow:0 1px 2px #0009;font-size:.6875rem}.cycle-btn{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0006;border:1px solid #fff6;border-radius:0;flex:none;place-items:center;width:36px;height:36px;margin:0;padding:0;transition:border-color .12s,color .12s;display:grid}.cycle-svg{width:36px;height:36px;display:block}.cycle-timer{fill:none;stroke:var(--accent);stroke-width:1px;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.75;transform-origin:18px 18px;transform:rotate(-90deg)}.cycle-btn.is-timing .cycle-timer{animation:cycle-progress var(--cycle-ms,12s) linear forwards}.cycle-glyph{transform-box:view-box;transform-origin:50%;transition:transform .2s;display:block}.cycle-btn:hover{border-color:var(--accent);color:var(--accent)}.cycle-btn:hover .cycle-glyph{transform:rotate(120deg)}.cycle-btn:active .cycle-glyph{transform:rotate(240deg)}@keyframes cycle-progress{to{stroke-dashoffset:0}}@media (width<=960px){.reel-grid,.use-case-grid,.own-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-inner{grid-template-columns:1fr}.system-actions{grid-column:auto}}@media (width<=760px){.creator-callout-inner{flex-direction:column;align-items:flex-start;gap:24px}.studio-grid{grid-template-columns:1fr;gap:28px}.studio,.creator-callout,.use-cases,.reels,.system,.own{padding:64px 20px 72px}}@media (width<=540px){.page{gap:16px;padding:88px 20px 40px}.tagline{width:min(100%,100vw - 40px);margin-top:-14px;font-size:clamp(1.25rem,7vw,1.75rem)}.wordmark img{width:min(72vw,18rem)}.sub,.plan-note{width:min(100%,100vw - 40px);max-width:calc(100vw - 40px)}.hero-btn{width:min(100%,100vw - 80px)}.creator-callout-action,.creator-callout-action .btn{width:100%}.reel-grid,.use-case-grid,.own-grid{grid-template-columns:1fr}.own-actions .btn{width:100%}.system-row{grid-template-columns:1fr;gap:6px}.cycle-controls{gap:8px;bottom:16px;left:16px}.effect-label{text-overflow:ellipsis;max-width:calc(100vw - 88px);font-size:.625rem;overflow:hidden}}