:root{--ink:#171717;--body:#3d4350;--muted:#6d6a76;--purple:#9d7cf7;--accent:#6844c5;--soft:#f7f8fa;--line:#e0dfe6;--lavender:#f0ebff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;letter-spacing:-.01em}img,video{display:block;max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,video:focus-visible,.table-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-weight:900;letter-spacing:-.04em}h2{font-size:clamp(32px,3.7vw,48px);line-height:1.12;margin-bottom:24px}h3{font-size:25px;line-height:1.2;margin-bottom:15px}p,li{font-size:16px;line-height:1.8;color:var(--body)}.container{width:min(1288px,calc(100% - 48px));margin-inline:auto}.section{padding:90px 0}.soft{background:var(--soft)}.center{text-align:center}.lead{font-size:18px;line-height:1.7;max-width:840px;margin-inline:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.note{font-size:13px;line-height:1.65;color:var(--muted)}.skip{position:absolute;top:-100px;background:#171717;color:#fff;padding:14px;z-index:5}.skip:focus{top:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:27px;border-bottom:1px solid #eee}.brand{font-size:21px;font-weight:900;text-decoration:none;letter-spacing:-.055em;color:var(--ink)}.brand span{color:var(--accent)}.topnav{display:flex;flex-wrap:wrap;gap:25px}.topnav a{font-size:13px;font-weight:700;color:var(--body);text-decoration:none}.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;padding:93px 0 80px;align-items:center}.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.02;margin-bottom:25px}.hero h1 span{display:block;font-size:clamp(30px,3vw,40px);line-height:1.13;margin-top:18px;letter-spacing:-.035em}.hero-copy>p:not(.eyebrow):not(.note){max-width:500px;font-size:17px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:28px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:13px 24px;background:var(--purple);border:0;border-radius:12px;color:#fff;font-size:19px;font-weight:850;text-decoration:none;white-space:nowrap}.button:hover{background:var(--accent)}.text-link{font-size:14px;font-weight:750}.hero-media{min-width:0;margin:0}.hero-media video{width:100%;height:auto;aspect-ratio:1130/708;object-fit:contain;border-radius:30px;background:#2e303c;border:1px solid var(--line)}.hero-media figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:15px}.chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.chapters a{font-size:11px;font-weight:750;text-decoration:none;padding:8px 11px;background:var(--lavender);border-radius:7px}.capabilities{border-block:1px solid var(--line);background:var(--soft)}.capabilities ul{display:flex;list-style:none;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:17px 0;margin:0}.capabilities li{font-size:11px;letter-spacing:.06em;color:var(--muted)}.answer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}.facts{padding:25px 30px;background:var(--soft);border:1px solid var(--line);border-radius:20px;margin:0}.facts>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.facts>div:last-child{border:0}.facts dt{font-size:14px;font-weight:800}.facts dd{margin:0;color:var(--body);font-size:14px;line-height:1.6}.features{display:grid;gap:80px;margin-top:60px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature:nth-child(even) .feature-copy{order:2}.feature figure{margin:0}.screen{width:100%;border:1px solid #d7d6df;border-radius:22px;object-fit:contain;background:#2d2f39}.feature h3{font-size:34px}.feature figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:13px}.feature-copy ul{padding-left:20px;margin-bottom:25px}.feature-copy li{margin-bottom:7px}.callout{padding:25px 30px;border-left:4px solid var(--purple);border-radius:0 15px 15px 0;background:var(--lavender);margin-top:35px}.callout p:last-child{margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:45px}.step{padding:28px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}.number{display:block;font-size:14px;font-weight:850;color:var(--accent);margin-bottom:30px}.step h3{font-size:23px}.step p{font-size:14px;margin:0}.wide-frame{margin:45px 0 0}.wide-frame img{border-radius:24px;border:1px solid var(--line);width:100%}.wide-frame figcaption{font-size:12px;color:var(--muted);margin-top:12px}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.use-case{padding:32px;border:1px solid var(--line);border-radius:20px}.use-case p{font-size:15px;margin-bottom:0}.table-scroll{overflow-x:auto;margin-top:38px;border:1px solid var(--line);border-radius:18px}table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px;line-height:1.7;text-align:left}th,td{padding:22px;vertical-align:top;border-bottom:1px solid var(--line)}thead th{background:var(--lavender);font-size:16px}tbody th{width:21%;font-size:14px}tr:last-child td,tr:last-child th{border-bottom:0}.table-note{margin-top:17px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.checklist article{border-top:2px solid var(--purple);padding:23px 0}.checklist h3{font-size:22px}.checklist p{margin:0}.faq-list{max-width:1080px;margin:45px auto 0;display:grid;gap:16px}.faq-card{padding:26px 32px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.faq-card h3{font-size:18px;letter-spacing:-.015em;line-height:1.4}.faq-card p{font-size:14px;margin:0;line-height:1.75}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.tool{padding:28px 23px;background:#fff;border:1px solid var(--line);border-radius:18px}.tool h3{font-size:22px}.tool p{font-size:14px}.tool a{font-size:13px;font-weight:800}.final-cta{padding:60px 28px;border-radius:26px;background:var(--lavender);text-align:center;margin-top:65px}.final-cta p{max-width:650px;margin-inline:auto}.sources{padding:45px 0;border-top:1px solid var(--line)}.sources h2{font-size:22px}.sources ol{padding-left:22px}.sources li{font-size:13px;margin-bottom:6px}.footer{padding:25px 0 40px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}section[id],figure[id]{scroll-margin-top:100px}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:35px;padding:65px 0}.hero h1{font-size:64px;max-width:800px}.hero-copy>p:not(.eyebrow):not(.note){max-width:700px}.hero-media{max-width:800px}.answer-grid{gap:35px}.feature{gap:30px}.steps,.tools{grid-template-columns:1fr 1fr}.feature h3{font-size:29px}.use-case{padding:24px}.section{padding:70px 0}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.topbar{align-items:flex-start}.topnav{gap:12px}.topnav a{font-size:11px}.topnav a:nth-child(2){display:none}.hero{padding-top:45px}.hero h1{font-size:50px}.hero h1 span{font-size:32px}.hero-media video{border-radius:18px}.answer-grid,.feature,.use-cases,.checklist{grid-template-columns:1fr}.feature:nth-child(even) .feature-copy{order:initial}.features{gap:48px}.facts{padding:20px}.capabilities ul{justify-content:center;gap:10px 23px}.step{padding:23px 20px}.number{margin-bottom:19px}.feature h3{font-size:29px}.faq-card{padding:23px}.section{padding:58px 0}.callout{padding:22px}.footer{flex-wrap:wrap}}
@media(max-width:420px){.hero h1{font-size:45px}.hero h1 span{font-size:29px}.steps,.tools{grid-template-columns:1fr}.button{font-size:17px}.topbar{gap:12px}.brand{font-size:18px}.topnav{max-width:150px;justify-content:flex-end}.facts>div{grid-template-columns:80px 1fr;gap:12px}}
.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}.output-card{min-width:0;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.output-heading{padding:26px 26px 8px}.output-heading .eyebrow{display:block;margin-bottom:12px}.output-heading h3{font-size:26px}.output-heading p{font-size:14px}.output-card video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#14141c}.media-caption{padding:14px 24px;margin:0}.compare-controls{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:25px}.compare-controls .note{flex-basis:100%;margin:0}.text-button{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:12px}.steps a{display:inline-block;font-size:13px;font-weight:700;margin-top:15px}.legacy-demo{padding:22px;border:1px solid var(--line);border-radius:16px;margin-top:24px}.legacy-demo summary{cursor:pointer;color:var(--accent);font-weight:700}.legacy-demo video{width:100%;max-width:800px;margin:22px 0;border-radius:16px}.hero-media video#previs-video{aspect-ratio:16/9}.compare-controls button:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.output-grid{grid-template-columns:1fr}.output-heading{padding:22px 22px 8px}.output-heading h3{font-size:24px}}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}.result-grid figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--soft)}.result-grid img,.result-grid video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#11141d}.result-grid figcaption{padding:27px}.result-grid .eyebrow{display:block;margin-bottom:12px}.result-grid h3{font-size:26px}.result-grid p{font-size:14px}.result-takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:38px}.result-takeaways article{border-top:2px solid var(--purple);padding-top:22px}.result-takeaways h3{font-size:22px}.result-takeaways p{font-size:14px}.result-note{padding:18px 22px;border-radius:12px;background:var(--lavender)}@media(max-width:700px){.result-grid,.result-takeaways{grid-template-columns:1fr}.result-grid figcaption{padding:22px}.result-section .button{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
