button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.header{transition:box-shadow .25s ease}.header.has-scrolled{box-shadow:0 5px 25px #0b183012}.button{box-shadow:0 5px 14px #1967d220;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{box-shadow:0 9px 22px #1967d235}.button:active{transform:translateY(1px);box-shadow:0 2px 6px #1967d220}.hero-copy,.product-hero>div:first-child{animation:hero-enter .7s ease-out both}.thinking{animation:process-enter .85s ease-out both}.process-line{transition:background .2s,padding .2s}.process-step{border:0;background:none;padding:0;text-align:left;color:white;font-family:Manrope,Arial,sans-serif;font-size:25px;line-height:1.35;font-weight:600;letter-spacing:-.04em;min-height:44px;flex:1}.process-step:hover,.process-step[aria-expanded=true]{color:var(--cyan)}.process-detail{font-size:16px;line-height:1.5;color:#c2d3e7;margin:0 0 20px 35px;animation:hero-enter .25s ease-out}.thinking-top,.number,.eyebrow{font-size:14px}.reveal{opacity:0;translate:0 22px;transition:opacity .65s ease,translate .65s ease}.reveal.is-visible{opacity:1;translate:0 0}.deliver-grid article{transition:transform .25s ease}.delivery-example{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.delivery-example summary{min-height:44px;color:var(--blue);font-weight:600;cursor:pointer;font-size:16px}.delivery-example p{margin:10px 0 0;animation:hero-enter .25s ease-out}.interactive-demo{border-top:1px solid var(--line)}.interactive-demo>p{max-width:700px}.demo-controls{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.demo-controls button,.demo-reset{border:1px solid var(--line);border-radius:9px;padding:12px 18px;background:white;color:var(--text);min-height:48px;transition:background .2s,color .2s,box-shadow .2s}.demo-controls button:hover{background:var(--wash)}.demo-controls button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 5px 16px #1967d225}.demo-controls button:active,.demo-reset:active{transform:translateY(1px)}.demo-surface{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--wash);border:1px solid var(--line);border-radius:22px;padding:40px}.demo-screen{min-width:0}.demo-screen label{display:block;font-size:15px;font-weight:600;margin:16px 0 7px}.demo-screen input,.demo-screen textarea{display:block;width:100%;border:1px solid #b7c8dc;background:white;color:var(--navy);padding:14px;border-radius:8px;resize:vertical;min-width:0}.demo-screen #demo-status{margin:18px 0;min-height:3.5em;font-size:16px}.demo-surface>img{width:100%;height:auto;border-radius:15px;box-shadow:0 14px 35px #0b183018}.demo-reset{font-size:14px;color:var(--blue)}.video-shell{width:100%}.video-shell video{transition:box-shadow .3s}.video-shell video:focus-within{box-shadow:0 24px 60px #1967d235}.caption{font-size:14px}.header nav a{min-height:44px;display:inline-flex;align-items:center}.skip{position:fixed}.skip:focus{top:12px}.feature-visual:active img{transform:scale(1.01)}
@keyframes hero-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes process-enter{from{opacity:0;translate:0 22px;transform:rotate(0)}to{opacity:1;translate:0 0;transform:rotate(-2deg)}}
@media(hover:hover){.deliver-grid article:hover{transform:translateY(-5px)}}
@media(max-width:650px){.demo-surface{grid-template-columns:1fr;gap:24px;padding:22px}.demo-controls{gap:8px}.demo-controls button{flex:1 1 100%;text-align:left}.process-step{font-size:21px}.header nav{font-size:14px;gap:14px}.hero h1,.product-hero h1{font-size:clamp(2.5rem,12vw,3.375rem)}.wrap{width:calc(100% - 36px)}.thinking{box-shadow:6px 10px 0 #e8f1fc}.use-case{grid-template-columns:1fr;gap:12px}.process-detail{margin-left:0}.brand img{width:140px}.header{min-height:112px}.demo-screen #demo-status{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;translate:none!important}.reveal{opacity:1;translate:none}.thinking{transform:none}}

.demo-surface>img{max-height:440px;object-fit:contain;background:white}
