:root{--teal:#286d73;--teal-hover:#205b60;--graphite:#292e2f;--white:#fff;--soft:#f7f8f8;--selected:#dfebe8;--muted:#687174;--border:#e2e5e5;--max:1280px;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--graphite);background:var(--white);font:16px/1.5 Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s}img,video{display:block;width:100%;height:auto}h1,h2,h3,p,figure,pre{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.6}.wrap{max-width:var(--max);width:calc(100% - 112px);margin:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;background:var(--graphite);color:white;padding:15px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--teal);outline-offset:5px}[hidden]{display:none!important}.header{height:78px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:rgba(255,255,255,.97)}.nav{height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{display:flex;gap:9px;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1.2px}.logo img{width:32px}.logo .ai{font-size:20px;font-weight:400;letter-spacing:-.7px;color:var(--muted)}.desktop-nav{display:flex;gap:32px;font-size:14px}.desktop-nav a:hover{color:var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:17px 22px;border-radius:6px;background:var(--teal);color:white;font-size:14px;line-height:1.2;white-space:nowrap}.button:hover{background:var(--teal-hover)}.button.secondary{border:1px solid var(--border);background:white;color:var(--graphite)}.button.secondary:hover{background:var(--soft)}.button.light{background:var(--selected);color:var(--graphite)}.button.light:hover{background:white}.nav-cta{padding:13px 16px}.menu-toggle,.mobile-nav{display:none}.hero{text-align:center;padding-top:54px}.hero h1{font-size:clamp(54px,5.9vw,86px);line-height:1.06;letter-spacing:-4.5px}.word-window{color:var(--teal);display:inline-block;width:100%;text-align:center;position:relative}#hero-word{display:inline-block;transition:transform .5s var(--ease),opacity .4s;will-change:transform,opacity}.word-out{transform:translateY(25px);opacity:0}.word-in{animation:word-in .65s var(--ease) both}@keyframes word-in{from{transform:translateY(-24px);opacity:0}to{transform:none;opacity:1}}.hero-description{font-size:20px;color:var(--muted);max-width:740px;margin:25px auto 0}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.hero .actions{justify-content:center}.hero-product{margin:48px auto 0;padding:20px 20px 0;background:var(--soft);border:1px solid var(--border);border-radius:12px;overflow:hidden}.hero-screen{position:relative;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:white;aspect-ratio:1440/749}.hero-screen>img{height:100%;object-fit:contain;transition:opacity .35s,transform .65s var(--ease)}.hero-screen>img.changing{opacity:0;transform:translateY(18px) scale(.98)}.hero-product-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:14px;color:var(--muted)}.hero-views{display:flex;gap:10px;align-items:center}.hero-view{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--border);border-radius:5px;padding:8px 12px;font-size:14px}.hero-view>img{width:48px;height:26px;object-fit:cover;border-radius:2px;border:1px solid var(--border)}.hero-view[aria-pressed=true]{border-color:var(--teal);color:var(--teal);background:var(--selected)}.hero-view:hover{border-color:var(--teal)}.intro{text-align:center;padding:112px 0 110px;border-bottom:1px solid var(--border)}.intro h2{font-size:clamp(36px,4.2vw,58px);letter-spacing:-2px;line-height:1.2}.intro h2>span{color:var(--teal)}.intro h2>.reveal-word{color:var(--graphite)}.intro>p{font-size:22px;color:var(--muted);max-width:820px;margin:31px auto 0}.intro-tags{display:flex;gap:32px;justify-content:center;align-items:center;margin-top:35px;font-size:14px;flex-wrap:wrap}.intro-tags>span{display:flex;gap:9px;align-items:center}.intro-tags .icon{color:var(--teal);width:20px;height:20px}.workflow{padding:95px 0 104px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px}.section-heading h2{font-size:52px;line-height:1.08;letter-spacing:-2.4px}.section-heading>p{font-size:20px;color:var(--muted);max-width:550px}.workflow-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a9bdb9 var(--soft);overscroll-behavior-x:contain;position:relative;border-radius:12px;padding-bottom:12px;cursor:grab}.workflow-track.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.workflow-card{flex:0 0 100%;min-width:0;scroll-snap-align:start;background:var(--soft);border:1px solid var(--border);border-radius:10px;overflow:hidden}.workflow-screen{position:relative;aspect-ratio:16/9;background:white;overflow:hidden;max-height:560px}.workflow-screen>img{width:100%;height:100%;object-fit:contain}.workflow-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;background:white;transition:opacity .4s}.workflow-video.video-ready{opacity:1}.demo-expand{position:absolute;right:16px;bottom:16px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:5px;background:rgba(255,255,255,.95);color:var(--teal);border:1px solid var(--border);z-index:2}.demo-expand .icon{width:20px;height:20px}.workflow-card-copy{padding:35px;display:grid;grid-template-columns:1.6fr 1fr;gap:55px;border-top:1px solid var(--border);align-items:start}.workflow-card-copy h3{font-size:32px;letter-spacing:-1.1px;line-height:1.2}.workflow-card-copy p{font-size:18px;color:var(--muted);margin-top:19px}.workflow-result{font-size:16px;color:var(--teal);display:grid;grid-template-columns:22px 1fr;gap:12px;line-height:1.6;padding-top:5px}.workflow-result .icon{margin-top:2px}.workflow-caption{grid-column:2;font-size:14px;color:var(--muted);margin-top:15px}.workflow-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:23px}.chapter-tabs{display:flex;gap:12px;align-items:center;min-width:0}.chapter-tabs button{position:relative;display:flex;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--border);border-radius:6px;padding:12px 16px;overflow:hidden;font-size:16px}.chapter-tabs button[aria-selected=true]{background:var(--selected);color:var(--teal);border-color:var(--teal)}.chapter-tabs button:hover{border-color:var(--teal)}.chapter-tabs img{width:64px;height:35px;object-fit:cover;opacity:.55;transition:opacity .4s,transform .5s}.chapter-tabs button[aria-selected=true] img{opacity:1;transform:scale(1.04)}.tab-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;overflow:hidden}.tab-progress i{display:block;height:100%;width:0;background:var(--teal)}.workflow-arrows{display:flex;gap:9px;margin-left:auto}.icon-button{background:var(--soft);border:1px solid var(--border);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:5px}.icon-button:disabled{opacity:.35;cursor:default}.icon-button:not(:disabled):hover{background:var(--selected)}.playback-button{padding:12px 15px;display:flex;gap:9px;align-items:center;border:1px solid var(--border);border-radius:5px;background:transparent;font-size:14px;white-space:nowrap;min-height:44px}.playback-button .icon{width:18px;height:18px}.playback-button:hover{color:var(--teal)}.output-section{padding:92px 0 100px;background:var(--graphite);color:white}.output-heading h2{font-size:clamp(44px,5.3vw,73px);letter-spacing:-3px;line-height:1.08}.output-heading h2>span{color:#bcd6d2}.output-heading>p{font-size:22px;color:#c3cbca;margin-top:31px}.output-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:65px;align-items:start;margin-top:62px}.output-item{display:flex;gap:18px;margin-bottom:33px}.output-item>.icon{color:#a8c3c1;padding-top:3px}.output-item h3{font-size:24px;letter-spacing:-.5px}.output-item p{color:#c6cecd;font-size:18px;line-height:1.6;margin-top:12px}.output-copy>.button{margin-top:6px}.output-visual{background:#353d3d;border-radius:9px;overflow:hidden}.output-screen{position:relative;aspect-ratio:1440/749;overflow:hidden}.output-screen img{width:100%;height:100%;object-fit:contain}.output-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--graphite);display:none}.output-screen video.output-playing{display:block}.output-visual figcaption{font-size:14px;padding:18px 20px;color:#c3ccca;display:flex;gap:15px;justify-content:space-between;align-items:center}.output-visual .playback-button{color:#e4efed;border-color:#73827f}.output-visual .playback-button:hover{background:#465552;color:white}.faq{padding:96px 0;display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.faq h2{font-size:46px;line-height:1.1;letter-spacing:-2px}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{list-style:none;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:24px 0;cursor:pointer;font-size:18px}summary::-webkit-details-marker{display:none}summary:hover{color:var(--teal)}details[open] summary .icon{transform:rotate(45deg)}details p{font-size:16px;color:var(--muted);padding-bottom:25px;max-width:570px}.closing{padding:82px 0;background:var(--selected);overflow:hidden}.closing-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.closing h2{font-size:clamp(39px,4.3vw,61px);letter-spacing:-2.5px;line-height:1.08}.closing-copy>p{color:#4c6464;font-size:20px;margin-top:28px}.text-button{display:flex;align-items:center;gap:9px;background:none;padding:10px 0;font-size:14px;color:var(--graphite)}.text-button:hover{color:var(--teal)}.closing-art{display:flex;align-items:center;justify-content:center;min-height:440px;overflow:hidden}.closing-art pre{font:clamp(5px,.65vw,9px)/1.08 'Courier New',monospace;letter-spacing:.2px;color:var(--teal);white-space:pre;user-select:none;font-weight:600}.footer{padding-top:63px;background:var(--soft)}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:55px}.footer-brand p{color:var(--muted);font-size:16px;margin-top:22px}.text-link{color:var(--teal);display:inline-flex;gap:10px;align-items:center;font-size:14px;margin-top:26px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link .icon{width:18px;height:18px}.footer-column{display:flex;flex-direction:column;gap:18px;font-size:14px}.footer-column h3{font-size:16px;margin-bottom:5px;font-weight:400}.footer-column a{color:var(--muted);display:flex;align-items:center;gap:6px;width:fit-content}.footer-column a:hover{color:var(--teal)}.footer-column .icon{width:16px;height:16px}.footer-statement{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--border);padding:66px 0 29px}.footer-statement>span:first-child{font-size:38px;letter-spacing:-1.6px;color:var(--teal)}.footer-flow{font-size:14px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:14px;color:var(--muted);flex-wrap:wrap}.footer-bottom a:hover{color:var(--teal)}.footer-bottom .text-button{color:var(--muted)}dialog{border:1px solid var(--border);border-radius:12px;padding:0;max-width:1100px;width:calc(100% - 48px);max-height:90vh}dialog::backdrop{background:rgba(20,30,30,.7)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.dialog-bar h2{font-size:20px}#media-content img{width:100%}#media-content video{display:block;width:100%;max-height:75vh;background:var(--graphite)}body.modal-open{overflow:hidden}
.reveal{--delay:0ms}.motion-ready .reveal{opacity:0;transform:translateY(52px);filter:blur(3px);transition:opacity .95s var(--ease) var(--delay),transform .95s var(--ease) var(--delay),filter .95s var(--ease) var(--delay)}.motion-ready .reveal.is-visible{opacity:1;transform:none;filter:none}.reveal-word{display:inline-block}.motion-ready .reveal-words .reveal-word{opacity:0;transform:translateY(.65em);filter:blur(5px);transition:opacity .75s var(--ease),transform .85s var(--ease),filter .85s var(--ease);transition-delay:calc(var(--i)*75ms)}.motion-ready .reveal-words.is-visible .reveal-word{opacity:1;transform:none;filter:none}.motion-ready .hero-title{animation:hero-enter 1s var(--ease) both}.motion-ready .hero-description{animation:hero-enter 1s .15s var(--ease) both}.motion-ready .hero>.actions{animation:hero-enter 1s .3s var(--ease) both}@keyframes hero-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:65px;letter-spacing:-3.5px}.hero-product-controls{flex-wrap:wrap}.hero-view>img{width:36px}.section-heading{align-items:start;flex-direction:column;gap:24px}.section-heading h2{font-size:46px}.section-heading>p{max-width:none}.workflow-card-copy{gap:35px;padding:28px}.chapter-tabs button{padding:12px;font-size:14px;gap:8px}.chapter-tabs img{width:44px;height:28px}.workflow-controls{gap:10px}.output-layout{gap:35px;grid-template-columns:1fr 1.4fr}.output-item p{font-size:18px}.output-visual figcaption{flex-wrap:wrap}.closing-copy>p{font-size:18px}.closing-art{min-height:360px}.footer-statement{align-items:start;flex-direction:column;gap:20px}.footer-bottom{gap:20px 30px}}
@media(max-width:760px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.header{height:70px}.nav{gap:8px}.logo{font-size:23px}.logo img{width:29px}.desktop-nav{display:none}.nav-cta{margin-left:auto;font-size:14px;padding:11px 12px;gap:8px}.nav-cta .icon{width:18px;height:18px}.menu-toggle{display:flex;background:none;padding:8px}.mobile-nav{position:absolute;top:69px;left:0;right:0;background:white;border-bottom:1px solid var(--border);padding:12px 20px;display:flex;flex-direction:column;gap:4px}.mobile-nav a{padding:12px;font-size:16px}.hero{padding-top:42px}.hero h1{font-size:clamp(29px,8.5vw,58px);letter-spacing:-1.9px;line-height:1.12}.hero-description{font-size:18px;max-width:500px;margin-top:24px}.desktop-break{display:none}.hero .actions{gap:12px;margin-top:26px}.button{font-size:14px;padding:15px 16px;gap:9px}.button .icon{width:18px;height:18px}.hero-product{padding:10px 10px 0;margin-top:35px}.hero-product-controls{padding:15px 0;gap:15px;justify-content:center}.hero-views{width:100%;justify-content:center;gap:6px}.hero-view{padding:9px 10px;gap:0;font-size:14px}.hero-view>img{display:none}.hero-product-controls>span{font-size:14px}.demo-expand{bottom:10px;right:10px}.intro{padding:64px 0}.intro h2{font-size:33px;line-height:1.24;letter-spacing:-1.1px}.intro>p{font-size:20px;margin-top:27px}.intro-tags{gap:20px 24px;margin-top:28px;font-size:14px}.intro-tags .icon{width:20px;height:20px}.workflow{padding:63px 0}.section-heading{gap:24px;margin-bottom:29px}.section-heading h2{font-size:36px;letter-spacing:-1.5px}.section-heading>p{font-size:18px}.workflow-track{gap:16px;padding-bottom:10px}.workflow-screen{aspect-ratio:16/9}.workflow-card-copy{display:block;padding:25px 21px}.workflow-card-copy h3{font-size:28px;letter-spacing:-1px;line-height:1.17}.workflow-card-copy p{font-size:16px;margin-top:20px}.workflow-result{font-size:16px;margin-top:23px;padding-top:21px;border-top:1px solid var(--border)}.workflow-caption{font-size:14px;margin-top:9px}.workflow-controls{display:grid;grid-template-columns:1fr auto;gap:16px;margin-top:18px}.chapter-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.chapter-tabs button{padding:14px 2px;font-size:14px;justify-content:center}.chapter-tabs img{display:none}.workflow-arrows{margin-left:0}.playback-button{font-size:14px;padding:11px 12px}.output-section{padding:61px 0}.output-heading h2{font-size:37px;letter-spacing:-1.7px;line-height:1.16}.output-heading>p{font-size:20px;margin-top:26px}.output-layout{display:flex;flex-direction:column-reverse;gap:35px;margin-top:35px}.output-visual{width:100%}.output-visual figcaption{font-size:14px;padding:16px;gap:16px}.output-copy{width:100%}.output-item{margin-bottom:30px;gap:15px}.output-item h3{font-size:23px}.output-item p{font-size:18px;margin-top:12px}.output-copy>.button{margin-left:36px}.faq{padding:65px 0;grid-template-columns:1fr;gap:32px}.faq h2{font-size:35px;letter-spacing:-1.2px}.faq h2 br{display:none}summary{font-size:16px;padding:25px 0;gap:16px}summary .icon{width:20px;height:20px}details p{font-size:16px}.closing{padding:58px 0 30px}.closing-inner{grid-template-columns:1fr;gap:24px}.closing h2{font-size:36px;letter-spacing:-1.6px;line-height:1.15}.closing-copy>p{font-size:18px;margin-top:25px}.closing .actions{gap:20px;margin-top:26px}.text-button{font-size:14px;padding:9px 0}.text-button .icon{width:21px;height:21px}.closing-art{min-height:290px;width:100%}.closing-art pre{font-size:clamp(4.4px,1.45vw,6px);line-height:1.12;letter-spacing:0}.footer{padding-top:45px}.footer-top{grid-template-columns:1fr 1fr;gap:36px 28px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:16px;margin-top:20px}.footer-column{font-size:14px;gap:18px}.footer-column h3{font-size:16px}.footer-statement{padding:43px 0 26px;gap:20px}.footer-statement>span:first-child{font-size:30px;letter-spacing:-1.2px}.footer-flow{font-size:14px;line-height:1.7}.footer-bottom{font-size:14px;gap:20px;padding:25px 0}.footer-bottom>span:nth-child(2){order:5;width:100%}dialog{width:calc(100% - 24px)}.dialog-bar h2{font-size:18px}.motion-ready .reveal{transform:translateY(35px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html:not(.motion-opt-in) .reveal,html:not(.motion-opt-in) .reveal-word{opacity:1;transform:none;filter:none}html:not(.motion-opt-in) *,html:not(.motion-opt-in) *:before,html:not(.motion-opt-in) *:after{animation:none!important;transition:none!important}}

.motion-paused *, .motion-paused *:before, .motion-paused *:after{animation:none!important;transition:none!important}