:root{--ivory:#f8fafc;--ivory-deep:#eef2ff;--paper:#fff;--ink:#0f172a;--ink-soft:#334155;--ink-mute:#64748b;--line:#0f172a;--line-soft:#dbe2f0;--accent:#ede9fe;--accent-deep:#7c3aed;--violet:#7c3aed;--blue:#3882f6;--accent-ink:#0f172a;--danger:#b3261e;--ok:#1d6b2f;--radius:14px;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-serif:ui-serif,Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.site-header{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1.5px solid var(--line);background:#f8fafcf0;position:sticky;top:0}.nav{align-items:center;gap:18px;min-height:66px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand-mark{border:2px solid var(--ink);background:var(--accent);border-radius:9px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:900;display:grid}.nav-links{flex-wrap:wrap;gap:4px;margin-left:8px;display:flex}.nav-links a{border:1.5px solid #0000;border-radius:999px;padding:8px 11px;font-size:14.5px;font-weight:600;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{border-color:var(--line);background:var(--paper);outline:none}.nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.balance-pill{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:700}.btn{appearance:none;border:1.8px solid var(--line);cursor:pointer;background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14.5px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:var(--paper);color:var(--ink)}.btn-small{padding:7px 13px;font-size:13.5px}.btn[disabled]{opacity:.55;cursor:wait;transform:none}.card{background:var(--paper);border:1.8px solid var(--line);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink)}.pad{padding:22px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--line);background:var(--accent);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:800;display:inline-block}h1,h2,h3{letter-spacing:-.03em;margin:0 0 12px;line-height:1.05}h1{font-size:clamp(42px,6vw,76px)}h2{font-size:clamp(28px,3.4vw,42px)}.lede{color:var(--ink-soft);max-width:62ch;font-size:clamp(16px,2vw,20px)}.grid2{grid-template-columns:1fr;gap:22px;display:grid}@media (min-width:900px){.grid2{grid-template-columns:1.05fr .95fr}.grid3{grid-template-columns:repeat(3,1fr)}}.grid3{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:860px){.grid3{grid-template-columns:repeat(3,1fr)}}.hero-visual{border:2px solid var(--line);box-shadow:7px 7px 0 var(--ink);background:#111;border-radius:18px;overflow:hidden}.hero-visual svg{width:100%;height:auto;display:block}.caption{color:var(--ink-mute);background:var(--paper);border-top:2px solid var(--line);padding:10px 14px;font-size:13px}.field{gap:6px;margin:12px 0;display:grid}.field label{font-size:14px;font-weight:700}.input,select.input,textarea.input{border:1.8px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;padding:11px 13px;font-family:inherit;font-size:15px}.input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.error{border:1.8px solid var(--danger);color:#7a1a14;background:#fdeceb;border-radius:11px;padding:10px 13px;font-size:14px;font-weight:600}.notice{border:1.8px solid var(--line);background:#f1f8df;border-radius:11px;padding:10px 13px;font-size:14px}.muted{color:var(--ink-mute)}.small{font-size:13.5px}.video-frame{border:2px solid var(--line);box-shadow:4px 4px 0 var(--ink);background:#0f0e0c;border-radius:14px;overflow:hidden}.video-frame video{aspect-ratio:16/9;background:#000;width:100%;display:block}.video-bar{background:var(--paper);border-top:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.seg{border:1.8px solid var(--line);background:#fff;border-radius:999px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:8px 14px;font-size:13.5px;font-weight:800}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.seg button:focus-visible{outline:3px solid var(--accent-deep);outline-offset:-3px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:9px 10px}.badge{letter-spacing:.04em;text-transform:uppercase;border:1.5px solid var(--line);background:var(--ivory-deep);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.badge-live{background:var(--accent)}.footer{border-top:1.5px solid var(--line);background:var(--ivory-deep);margin-top:64px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:18px;padding:26px 0;display:flex}.skip{inset-inline-start:-9999px;background:var(--ink);color:#fff;z-index:100;padding:10px 14px;position:absolute;top:0}.skip:focus{inset-inline-start:8px;top:8px}.checker{background-image:conic-gradient(#cfcfcf 0 25%,#fff 0 50%,#cfcfcf 0 75%,#fff 0);background-size:22px 22px}.kbd{border:1px solid var(--line);background:#fff;border-bottom-width:2px;border-radius:6px;padding:0 6px;font-family:ui-monospace,monospace;font-size:12.5px}.progress{border:1.5px solid var(--line);background:#fff;border-radius:999px;height:10px;overflow:hidden}.progress>div{background:var(--accent-deep);width:0%;height:100%}.grid2,.grid3,.grid2>*,.grid3>*{min-width:0}.card{overflow-wrap:anywhere;min-width:0}.table-scroll{max-width:100%;overflow-x:auto}@media (max-width:700px){.nav{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.nav-links{order:3;width:100%;margin:0}.nav-right{gap:6px}.nav-right .btn{padding:6px 10px}.brand{gap:6px;font-size:16px}.pad{padding:16px}}section[id]{scroll-margin-top:90px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{margin:0}.sync-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sync-videos[data-count="1"]{grid-template-columns:1fr}.sync-videos figure{min-width:0;margin:0}.sync-mobile-view{display:none}.playback-controls{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 0;display:flex}.playback-controls .btn,.seg button{min-height:44px}.seek-control{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.seek-control input{flex:1;min-width:0;min-height:44px}.seek-control span{font-variant-numeric:tabular-nums;white-space:nowrap}.file-list{gap:10px;margin:12px 0;padding:0;list-style:none;display:grid}.file-list li{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.file-list a{white-space:nowrap;flex-shrink:0}.file-title{overflow-wrap:break-word;font-weight:700}.file-meta{color:var(--ink-mute);font-size:13px;display:block}.detail-disclosure{border-top:1px solid var(--line-soft);margin-top:18px;padding-top:14px}.detail-disclosure summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:700}.stage-list{color:var(--ink-mute);flex-wrap:wrap;gap:8px;margin:18px 0;padding:0;font-size:13px;list-style:none;display:flex}.stage-list li{border:1px solid var(--line-soft);border-radius:999px;padding:6px 12px}.stage-list [aria-current=step]{color:var(--ink);background:var(--accent);border-color:var(--line);font-weight:700}.product-note{max-width:60ch;color:var(--ink-mute);font-size:13.5px}.hero-copy h1{font-size:clamp(40px,5.2vw,66px)}.demo-card{padding:16px}.demo-card h2{margin:0;font-size:22px}.demo-card .seg{margin:12px 0}.format-cards article h2{font-size:24px}.card{overflow-wrap:break-word}.btn[disabled]{cursor:not-allowed}.footer-inner{padding:26px 22px}@media (max-width:600px){.sync-mobile-view{margin-bottom:12px;display:inline-flex}.sync-videos{grid-template-columns:1fr}.sync-videos[data-count="2"][data-mobile-view=source] figure:nth-child(2),.sync-videos[data-count="2"][data-mobile-view=cutout] figure:first-child{display:none}.seek-control{flex-basis:100%;min-width:0}.file-list li{align-items:flex-start}.file-list .btn{min-height:44px;padding:9px 12px}.btn{min-height:44px}.demo-card{padding:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}.billing-list{gap:18px;padding:0;list-style:none;display:grid}.billing-list strong{margin-bottom:4px;font-size:15px;display:block}.environment-note{text-align:center;color:var(--ink-mute);border-bottom:1px solid var(--line-soft);padding:6px 16px;font-size:12px}.workflow-section{margin-top:48px}.workflow-section h2{font-size:clamp(28px,3vw,38px)}.workflow-steps{margin-top:20px}.workflow-steps article{border-top:1px solid var(--line-soft);padding-top:8px}.workflow-steps p:not(.badge){color:var(--ink-soft);margin-bottom:0;font-size:15px}.suitability{margin-top:32px}.suitability h2{font-size:26px}.suitability p{max-width:78ch}.final-actions{margin-top:26px}@media (min-width:900px){.demo-jump{display:none}}.demo-presentation .sync-videos{isolation:isolate;border:2px solid var(--line);border-radius:12px;grid-template-columns:1fr;gap:0;display:grid;position:relative;overflow:hidden}.demo-presentation .sync-videos figure{box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;grid-area:1/1;display:block!important}.demo-presentation .sync-videos figure:nth-child(2){z-index:1}.demo-presentation .sync-videos figure:nth-child(2) video{clip-path:inset(0 0 0 50%)}.demo-presentation .video-bar{text-align:center;justify-content:center;width:50%;min-height:45px;padding:9px 8px}.demo-presentation figure:nth-child(2) .video-bar{border-left:1px solid var(--line);margin-left:50%}.demo-presentation .sync-videos:after{content:"";background:var(--paper);z-index:2;pointer-events:none;width:2px;position:absolute;top:0;bottom:45px;left:50%}.demo-presentation .playback-controls{justify-content:space-between}.demo-card .demo-backgrounds{margin:12px 0 0}.demo-presentation .video-bar .small{font-size:12px}.video-file-input{opacity:0;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.video-file-input:focus-visible+.file-picker-label{outline:3px solid var(--accent-deep);outline-offset:3px}.video-file-input:disabled+.file-picker-label{opacity:.55;cursor:not-allowed}.selected-file{overflow-wrap:anywhere;align-self:center;min-width:0;max-width:100%}.upload-help summary{cursor:pointer;min-height:44px;padding:8px 0;font-size:13.5px;text-decoration:underline}.purchase-context{margin:20px 0}.purchase-context h2{overflow-wrap:anywhere}.recommended-pack{outline:3px solid var(--accent-deep);outline-offset:3px}.compatibility{margin-top:28px}.compatibility h2{font-size:26px}.compatibility dl{margin-bottom:0}.compatibility dl>div{border-top:1px solid var(--line-soft);padding:14px 0}.compatibility dt{font-weight:800}.compatibility dd{color:var(--ink-soft);max-width:75ch;margin:6px 0 0}@media (max-width:600px){.workflow-section{margin-top:32px}.workflow-steps{gap:14px}.demo-presentation .video-bar .small{font-size:11px}.demo-presentation .playback-controls{gap:8px}.hero-copy h1{font-size:clamp(34px,9vw,42px)}}.home-page{padding-top:24px;padding-bottom:24px}.demo-sequence,.demo-comparison figure{border:1px solid var(--line);background:#f4f0e6;border-radius:10px;margin:12px 0 0;overflow:hidden}.demo-sequence video,.demo-comparison img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.demo-sequence figcaption,.demo-comparison figcaption{padding:8px 10px;font-size:12px;font-weight:650}.demo-sequence figcaption{justify-content:space-between;align-items:center;display:flex}.demo-comparison{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-pause{font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}@media (max-width:600px){.home-page{padding-top:16px}.home-page>.grid2{gap:14px}.home-page>p{margin-bottom:10px!important}.hero-copy h1{font-size:clamp(30px,8.3vw,36px);line-height:1.05}.hero-copy .lede{margin:12px 0;font-size:16px}.hero-copy .product-note{margin:10px 0 0;font-size:12px}.hero-copy .actions{gap:8px}.demo-card{padding:12px}.demo-card h2{font-size:20px}.demo-card>p{margin:8px 0 0;font-size:12px}.pack-grid.has-recommendation{gap:12px}.pack-grid.has-recommendation .card:not(.recommended-pack){box-shadow:none;padding:14px}.pack-grid.has-recommendation .card:not(.recommended-pack) h2{margin:8px 0;font-size:21px!important}.pack-grid.has-recommendation .card:not(.recommended-pack) p{margin:6px 0}.pack-grid.has-recommendation .card:not(.recommended-pack) .btn{min-height:38px;padding:7px 14px}}.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}.brand-wordmark{letter-spacing:-.7px;font-size:19px}.brand-wordmark span{color:var(--violet)}@media (max-width:600px){.brand-wordmark{font-size:16px}.brand img{width:34px;height:34px}}.btn-accent{background:linear-gradient(120deg,var(--blue),var(--violet));color:#fff;border-color:var(--violet)}.brand-lockup{white-space:nowrap;letter-spacing:-.5px;align-items:center;gap:9px;font-weight:800;display:inline-flex}.brand-domain{color:var(--violet)}.brand-compact{font-size:18px}@media (max-width:600px){.brand-lockup{gap:6px;font-size:16px}.brand-lockup img{width:34px;height:34px}}
