@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#251e32;--muted:#81768d;--purple:#7951c9;--line:#e6dfed;--paper:#f9f8fc;--heading:'Manrope',sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{transition:background .2s,color .2s,transform .2s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b19ad4;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:8px}.page-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#aa82df;z-index:60;pointer-events:none}.site-header{position:sticky;top:0;z-index:40;background:#f9f8fced;backdrop-filter:blur(22px);border-bottom:1px solid #e6dfed70}.nav{height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;line-height:0}.brand img{width:110px;height:62px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#71657f}.desktop-nav a:hover,.site-footer a:hover{color:var(--purple)}.nav-actions{display:flex;align-items:center;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:17px 25px;border:1px solid transparent;border-radius:11px;font-size:15px;font-weight:600;line-height:1.2;min-height:52px}.button:hover{transform:translateY(-2px)}.button.small{padding:12px 19px;min-height:44px;font-size:14px}.purple{background:#8660bd;color:white;box-shadow:inset 0 1px 0 #b798d9,0 6px 15px #6a428714}.purple:hover{background:#744fab}.light{background:#fff;color:#5f4a77;border-color:#e5dcec}.dark{background:#302337;color:#fff}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:9px;width:43px;height:43px;padding:12px}.menu-toggle span{display:block;height:1.5px;background:#514060;margin:5px 0;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-menu{padding:12px 24px 25px;border-top:1px solid var(--line);max-height:calc(100dvh - 90px);overflow:auto;background:var(--paper)}.mobile-menu a{display:block;padding:15px 8px;border-bottom:1px solid var(--line);font-size:17px}.mobile-menu a:last-child{color:var(--purple)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;color:#aa8ab8;display:block}.hero{text-align:center;padding-top:91px;position:relative}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:#a986bd;box-shadow:0 0 0 4px #e9dff3}.hero h1{font-family:var(--heading);font-size:clamp(52px,6.3vw,84px);line-height:1.08;letter-spacing:-4.7px;font-weight:650;margin:28px 0 26px}em{font-style:normal;color:#a487b5}.hero>p{font-size:18px;line-height:1.75;color:#8b7d96;margin:0}.hero-actions{display:flex;justify-content:center;gap:13px;margin-top:31px}.mini-play{font-size:10px}.hero-meta{font-size:12px;color:#a698ae;margin-top:20px}.hero-meta span{margin:0 9px}.hero-product{position:relative;margin:70px auto 0;max-width:1100px;perspective:1400px}.product-halo{position:absolute;inset:-70px -80px;background:radial-gradient(ellipse,#d9c7ea7a,transparent 65%);z-index:-1}.app-frame{border:1px solid #dfd5e8;border-radius:15px;overflow:hidden;box-shadow:0 25px 65px #6a4b791a;transform:perspective(1400px) rotateX(var(--product-tilt,3deg)) scale(var(--product-scale,.98));transform-origin:50% 100%;will-change:transform;background:#faf9fb}.frame-top{height:34px;background:#fbf9fc;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;color:#a99aaf;border-bottom:1px solid #eae4ef}.frame-top>span:last-child{font-size:8px;letter-spacing:1px}.frame-dots{color:#d0c2d9;font-size:8px;letter-spacing:4px}.app-frame img{width:100%;height:auto;display:block}.product-label{display:block;font-size:12px;color:#a391ad;margin:22px 0}.intro{text-align:center;padding:155px 0 140px}.intro h2,h2{font-family:var(--heading);font-size:clamp(32px,4.2vw,54px);font-weight:600;line-height:1.17;letter-spacing:-2.6px;margin:22px 0}.intro p{font-size:17px;line-height:1.8;color:#928099;margin:0}.usecases{display:flex;justify-content:center;gap:34px;font-size:12px;color:#a18ba9;margin-top:35px}.story{height:240vh;min-height:1500px;background:#eee8f3;border-top:1px solid #e5dbea;border-bottom:1px solid #e5dbea;position:relative}.story-sticky{height:calc(100vh - 92px);min-height:550px;position:sticky;top:92px;display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;align-items:center}.story-copy{padding:35px 0}.story-copy .eyebrow{font-size:10px;letter-spacing:1.2px}.story-panel{min-height:280px;padding-top:37px}.story-panel>span{font-size:11px;letter-spacing:1.5px;color:#ad90ba}.story-panel h2{font-size:43px;line-height:1.16;letter-spacing:-2px;margin:20px 0}.story-panel p{font-size:16px;line-height:1.8;color:#8c7796;max-width:310px;margin:0}.story-tabs{display:flex;gap:6px;margin-top:27px}.story-tabs button{font-size:12px;color:#a78eb0;border:0;background:transparent;padding:11px 13px;border-radius:8px}.story-tabs button.active{color:#755086;background:#ded0e9}.text-link{font-size:13px;color:#8c5dac;display:inline-block;margin-top:28px;border-bottom:1px solid #cdb5db;padding-bottom:4px}.story-visual{min-width:0}.story-viewport{position:relative;aspect-ratio:1.37;overflow:hidden;border:1px solid #d8c8e2;border-radius:17px;background:#f8f7fa;box-shadow:0 25px 45px #57396614}.story-viewport img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;object-position:48% 50%;transform-origin:50% 50%;transform:scale(1.15);transition:transform 1.3s cubic-bezier(.2,.7,.2,1),object-position 1.3s ease}.story-viewport[data-step="1"] img{transform:scale(1.8);object-position:100% 50%;transform-origin:100% 35%}.story-viewport[data-step="2"] img{transform:scale(1.65);object-position:30% 100%;transform-origin:35% 100%}.focus-frame{position:absolute;inset:20px;border:1px solid #ffffff5a;border-radius:10px;pointer-events:none}.story-caption{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:22px;font-size:12px;color:#a388b0;min-height:35px}.chapter-dot{width:5px;height:5px;background:#b795c9;border-radius:50%}.feature-detail{padding-top:140px;padding-bottom:140px;display:grid;grid-template-columns:.75fr 1.45fr;gap:75px}.feature-intro{padding-top:15px}.feature-intro .eyebrow{font-size:10px;letter-spacing:1.2px}.feature-intro h2{font-size:40px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-icon{font-size:28px;color:#ac8bbf}.detail-grid h3{font-family:var(--heading);font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.6px;margin:23px 0 15px}.detail-grid p{font-size:15px;line-height:1.8;color:#94809d}.focus-demo{width:100%;height:160px;border:1px solid #e5d9ed;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#efe8f5;color:#9771b1;overflow:hidden;margin-top:28px}.focus-preview{font-size:24px;letter-spacing:-1px;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.focus-preview b{font-weight:600;color:#794ea0}.focus-demo[aria-pressed=true] .focus-preview{transform:scale(1.6)}.focus-demo small{font-size:10px;margin-top:28px;color:#af98bb}.timeline-preview{margin-top:35px;position:relative}.timeline-ticks{display:flex;justify-content:space-between;font-size:9px;color:#b39bbf;padding-bottom:12px}.clip-track{height:47px;border:1px solid #ccb4dd;border-radius:6px;background:repeating-linear-gradient(90deg,#e0cfea 0,#e0cfea 22px,#d4bfe2 23px,#d4bfe2 25px);padding:15px;font-size:10px;color:#9470ad}.timeline-preview input{width:100%;accent-color:#b28bc8;margin-top:23px;position:relative;z-index:1;cursor:ew-resize}.timeline-preview>small{display:block;font-size:10px;color:#b098bc;margin-top:10px}#scrub-cursor{position:absolute;top:25px;height:59px;left:35%;border-left:2px solid #9769b4;pointer-events:none}.dark-section{background:#251c2e;color:#f8f1fe}.playground{padding:105px 0 70px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:15px;line-height:1.8;color:#ab93ba;max-width:350px;margin:0}.studio{background:#30263a;border:1px solid #51405e;border-radius:15px;overflow:hidden;box-shadow:0 20px 70px #0002}.studio-top{height:61px;display:flex;justify-content:space-between;align-items:center;padding:0 23px;border-bottom:1px solid #51405e;font-size:13px}.project-title{display:flex;gap:10px;align-items:center}.project-icon{font-size:22px;color:#b89ac9}.badge{font-size:9px;letter-spacing:1px;color:#ac93be;border:1px solid #5e456d;padding:5px 7px;border-radius:4px;margin-left:7px}.studio-status{font-size:12px;color:#b59bc4;max-width:230px;text-align:right}.studio-body{display:grid;grid-template-columns:1fr 285px}.canvas-area{display:flex;align-items:center;justify-content:center;position:relative;margin:19px;padding:var(--frame-space,24px);aspect-ratio:1.6;min-height:390px;border-radius:10px;background:linear-gradient(145deg,#e9dffa,#b99cde)}.canvas-area[data-mood=peach]{background:linear-gradient(145deg,#ffdec2,#e8a580)}.canvas-area[data-mood=mint]{background:linear-gradient(145deg,#dbeddf,#94b7a1)}.canvas-area[data-mood=blue]{background:linear-gradient(145deg,#dfebff,#8faee0)}.canvas-area video{width:100%;height:auto;max-height:490px;object-fit:contain;box-shadow:0 16px 35px #20152e35;border-radius:8px;background:#111}.capture-empty{text-align:center;color:#49315f;padding:15px}.capture-empty h3{font-size:25px;font-family:var(--heading);letter-spacing:-1px;margin:22px 0 12px;font-weight:600}.capture-empty p{font-size:15px;line-height:1.7;color:#816392;margin:0 0 24px}.capture-empty>span{display:block;font-size:11px;margin-top:19px;color:#8e719d}.empty-pulse{width:70px;height:70px;border-radius:50%;border:1px solid #b792d4;display:grid;place-items:center;margin:auto;animation:breathe 4s ease-in-out infinite;box-shadow:0 0 0 15px #b592d814,0 0 0 30px #b592d80a}.empty-pulse span{width:25px;height:25px;background:#8650c4;border-radius:50%;box-shadow:inset 0 2px 4px #d6b3fc}.studio-controls{padding:26px 22px;border-left:1px solid #51405e;display:flex;flex-direction:column}.control-label{font-size:10px;letter-spacing:1.4px;color:#a38aad}.studio-controls h3{font-size:22px;font-weight:500;margin:11px 0 15px;letter-spacing:-.5px}.studio-tip{font-size:13px;line-height:1.7;color:#ba9fca;margin:0 0 21px}.record-button{background:#d6c0e7;color:#392044;font-size:13px;gap:10px;width:100%;padding:14px 10px;min-height:44px}.record-dot{width:8px;height:8px;background:#8c4fac;border-radius:50%}.stop-button{background:#ef6b82;color:white;font-size:13px;margin-top:8px;min-height:44px}.import-label{font-size:12px;text-align:center;color:#c6acd9;cursor:pointer;margin-top:17px;display:block}.import-label input{display:block;font-size:10px;width:100%;margin-top:10px;color:#9e8bad}.import-label input::file-selector-button{background:#3b3046;border:1px solid #60516e;color:#d8c6e8;border-radius:5px;padding:7px;font:inherit;margin-right:7px}.control-rule{height:1px;background:#51405e;margin:22px 0}.preview-options>.control-label{display:block;margin-bottom:16px}.swatches{display:flex;gap:13px}.swatch{width:30px;height:30px;border:0;border-radius:50%;position:relative}.swatch.active:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#42334f}.swatch.active{outline:1px solid #a48bba;outline-offset:4px}.lilac{background:#dac6fa}.peach{background:#f1c2ac}.mint{background:#b5d8c1}.blue{background:#abcafa}.spacing-label{font-size:12px;color:#ba9fce;display:block;margin-top:22px}.spacing-label input{display:block;width:100%;margin-top:13px;accent-color:#ba8cf1;cursor:ew-resize}.demo-disclaimer{font-size:10px;color:#a38aad;line-height:1.6;text-align:center;margin-top:20px}.download-link{font-size:13px;color:#e0c1f7;text-align:center;margin-top:18px}.reset-button{background:transparent;border:0;color:#cdb8e4;margin-top:14px;font-size:13px}.studio-bottom{display:flex;align-items:center;gap:20px;padding:18px 25px;border-top:1px solid #51405e;color:#a690ba;font-size:10px;letter-spacing:1px}.progress-track{height:5px;border-radius:10px;background:#57405f;flex:1;overflow:hidden}.progress-track>div{background:#c4a0f9;height:100%;width:0;border-radius:10px}.record-badge{position:absolute;right:16px;top:15px;display:flex;align-items:center;gap:7px;background:#ffffffdf;color:#513b6e;padding:7px 10px;border-radius:5px;font-size:11px}.record-badge i{background:#ef5d66;width:6px;height:6px;border-radius:50%;animation:blink 1s steps(2) infinite}.playground-after{display:flex;justify-content:space-between;gap:25px;padding-top:23px;align-items:center;font-size:12px;color:#ac94b9}.playground-after a{font-size:13px;color:#dec4f0}.finish{text-align:center;padding:145px 0 150px}.finish h2{font-size:60px;margin:25px 0}.finish p{color:#9b83a7;line-height:1.8;font-size:17px;margin-bottom:28px}.finish>small{display:block;font-size:11px;color:#b39cbd;margin-top:23px}.site-footer{background:#eee8f3;border-top:1px solid #e3d8ea;padding-top:62px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.2fr;gap:55px;padding-bottom:54px}.footer-brand img{width:132px;height:70px;object-fit:contain}.footer-grid p{font-size:14px;line-height:1.8;color:#9b85a5;margin:16px 0}.footer-grid h3{font-size:13px;font-weight:600;color:#786181;margin:16px 0 20px}.footer-grid>div>a:not(.button){display:block;font-size:13px;color:#9c80aa;margin:13px 0}.footer-grid .button{margin-top:8px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dacde2;padding-top:24px;padding-bottom:28px;color:#a18bad;font-size:11px}.footer-bottom>div{display:flex;gap:23px;align-items:center}.footer-bottom button{border:0;background:transparent;color:#9c7da9;padding:6px;font-size:11px}.journey{position:fixed;bottom:24px;right:25px;background:#ffffffed;backdrop-filter:blur(15px);border:1px solid #dfcce9;border-radius:14px;box-shadow:0 8px 30px #58386c17;z-index:35;overflow:hidden;transform:translateY(var(--journey-y,0px));transition:transform .6s}.journey>button{display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:12px 15px;color:#8d64a5;font-size:12px}.journey-count{font-size:9px;letter-spacing:.8px;color:#b79bc8;padding-left:8px}.journey-glyph{width:30px;height:30px;background:linear-gradient(145deg,#cdb0e4,#9d75b9);border-radius:9px;display:flex;justify-content:center;align-items:center;gap:2px;box-shadow:inset 0 1px 1px #eadcf6;transform:rotate(var(--token-rotation,-5deg));transition:transform .7s,border-radius .7s}.journey-glyph i{display:block;width:12px;height:12px;background:#f7eefc;border-radius:50%;transition:all .7s}.journey-glyph i:not(:first-child){width:0;opacity:0}.journey[data-step="1"] .journey-glyph{border-radius:50%;transform:rotate(0)}.journey[data-step="1"] .journey-glyph i:first-child{border-radius:3px;width:11px;height:11px}.journey[data-step="2"] .journey-glyph{transform:rotate(0)}.journey[data-step="2"] .journey-glyph i{width:4px;opacity:1;height:15px;border-radius:2px}.journey[data-step="2"] .journey-glyph i:nth-child(2){height:9px}.journey[data-step="3"] .journey-glyph{transform:rotate(8deg)}.journey[data-step="3"] .journey-glyph i:first-child{border-radius:0;clip-path:polygon(0 0,100% 50%,0 100%);width:12px;height:14px}.journey-track{height:2px;background:#e8dcee}.journey-track>span{display:block;height:100%;background:#b58ecb;width:0}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.revealed){opacity:0;transform:translateY(30px)}.motion-ready .reveal{transition:opacity 1.1s cubic-bezier(.2,.75,.2,1),transform 1.1s cubic-bezier(.2,.75,.2,1)}.motion-paused *{animation:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .app-frame{transform:none}.motion-paused .story-viewport img{transition:none}.inner-main{padding-top:88px}.page-heading .eyebrow{margin-bottom:27px}.page-heading h1{font-family:var(--heading);font-size:64px;line-height:1.13;letter-spacing:-3px;font-weight:600;margin:0 0 25px}.page-heading>p{font-size:17px;line-height:1.8;color:#927c9b;margin:0}.contact-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:95px;margin-top:80px;padding-bottom:70px}.contact-icon{width:53px;height:53px;display:grid;place-items:center;background:#e8daf0;color:#a57ebc;border-radius:15px;font-size:26px}.contact-info h2{font-size:29px;letter-spacing:-1px;margin:25px 0 20px}.email-address{font-size:20px;color:#9264b0}.copy-email{display:block;background:transparent;border:0;border-bottom:1px solid #cdb5d9;padding:0 0 4px;color:#ae8bbb;font-size:12px;margin-top:17px}.contact-info #copy-status{font-size:12px;min-height:20px;color:#9264b0}.contact-tip{margin-top:49px;border-top:1px solid var(--line);padding-top:25px}.contact-tip h3{font-size:17px;font-weight:500}.contact-tip p{font-size:14px;color:#a18bab;line-height:1.8}.contact-tip a{font-size:13px;color:#9769af}.contact-form{padding:35px;border:1px solid #e2d6e9;border-radius:16px;background:#f1eaf6}.contact-form h2{font-size:27px;letter-spacing:-1px;margin:0 0 12px}.contact-form>p{font-size:13px;line-height:1.6;color:#9c81ad;margin:0 0 26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form label{display:block;font-size:13px;color:#8d709b;margin-bottom:22px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;padding:12px 14px;margin-top:9px;border:1px solid #dfcfe8;background:#fdfbff;color:#6d4f7c;border-radius:7px;outline-offset:2px;font-size:15px}.contact-form textarea{resize:vertical;min-height:160px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#bca8c7}.contact-form .form-status{font-size:11px;line-height:1.7;margin:16px 0 0;color:#9c81ad}.contact-bottom{padding:55px 0 95px;border-top:1px solid var(--line);text-align:center}.contact-bottom h2{font-size:34px;letter-spacing:-1.6px}.contact-bottom>p{color:#9e87aa;font-size:15px;line-height:1.8}.contact-bottom>div{display:flex;justify-content:center;gap:12px;margin-top:25px}.contact-bottom>.button{margin-top:15px}.faq-list{margin:60px auto 75px;max-width:850px}.faq-list details{border-bottom:1px solid #e1d4e8;padding:25px 0}.faq-list summary{cursor:pointer;font-size:18px;font-weight:500;color:#7d5e8f;line-height:1.5;padding-right:20px}.faq-list details p{font-size:16px;line-height:1.85;color:#a086ad;max-width:740px;padding:0 20px;margin-bottom:0}@keyframes breathe{50%{transform:scale(1.04);opacity:.7}}@keyframes blink{50%{opacity:.4}}
@media(min-width:1550px){.hero{padding-top:105px}.hero h1{font-size:90px}.hero-product{margin-top:85px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:19px;font-size:13px}.hero h1{font-size:69px}.story-sticky{gap:35px;grid-template-columns:.8fr 1fr}.story-panel h2{font-size:36px}.story-panel{min-height:280px}.story-copy .eyebrow{font-size:9px}.feature-detail{grid-template-columns:1fr;gap:30px}.detail-grid{gap:55px}.feature-intro h2 br{display:none}.footer-grid{gap:28px}.contact-layout{gap:40px}.studio-body{grid-template-columns:1fr 250px}.studio-controls{padding:24px 17px}.canvas-area{margin:14px;min-height:390px}.section-heading>p{font-size:14px;max-width:290px}.contact-info .email-address{font-size:17px}}@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:block}.story{height:auto;min-height:0;padding:80px 0}.story-sticky{height:auto;min-height:0;position:relative;top:0;grid-template-columns:1fr;gap:36px}.story-copy{text-align:center;padding:0}.story-panel{min-height:220px;padding-top:25px}.story-panel p{margin:auto;max-width:420px}.story-tabs{justify-content:center;margin-top:15px}.story-copy .text-link{margin-top:21px}.story-viewport{max-width:660px;aspect-ratio:1.8;margin:auto}.story-caption{margin-top:15px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 60px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-info{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.contact-icon{grid-column:1}.contact-info h2,.contact-info .email-address,.copy-email,#copy-status{grid-column:1}.contact-tip{grid-column:2;grid-row:1 / span 5;margin-top:0;align-self:center;border:0;padding:0}.contact-info h2{font-size:27px}.contact-info .email-address{font-size:19px}.journey{right:15px;bottom:15px}.feature-detail{padding:100px 0}.intro{padding:110px 0}.studio-body{grid-template-columns:1fr}.studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px;padding:25px;border-left:0;border-top:1px solid #51405e}.studio-controls>h3{margin:0;grid-column:1}.studio-controls>.control-label{grid-column:1 / -1}.studio-tip{grid-column:1;grid-row:3;margin:0}.record-button{grid-column:1;grid-row:4}.import-label{grid-column:1;grid-row:5;margin:0}.preview-options{grid-column:2;grid-row:2 / span 4;align-self:center}.stop-button{grid-column:1;grid-row:6}.studio-controls .control-rule{display:none}.demo-disclaimer{grid-column:2;grid-row:6;margin:0;align-self:center}.download-link,.reset-button{margin:0;grid-row:7}.canvas-area{aspect-ratio:1.7;min-height:370px}.contact-form{max-width:700px;width:100%;margin:auto}}
@media(max-width:550px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.nav{height:75px;gap:15px}.brand img{width:94px;height:54px}.button.small{padding:11px 14px;font-size:12px}.nav-actions{gap:9px}.menu-toggle{width:39px;height:39px;padding:10px}.mobile-menu{max-height:calc(100dvh - 75px)}.hero{padding-top:55px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px;gap:7px}.hero h1{font-size:46px;line-height:1.12;letter-spacing:-2.6px;margin:25px 0 23px}.hero>p{font-size:15px;line-height:1.8}.hero-actions{gap:8px;margin-top:25px}.button{font-size:13px;padding:14px 16px;min-height:47px;border-radius:9px}.hero-meta{font-size:10px;line-height:1.6;margin-top:17px}.hero-meta span{margin:0 5px}.hero-product{margin-top:43px}.app-frame{border-radius:8px}.frame-top{height:24px;padding:0 9px;font-size:7px}.frame-top>span:last-child{display:none}.frame-dots{font-size:5px;letter-spacing:2px}.product-halo{inset:-35px 0}.product-label{font-size:10px;margin-top:16px}.intro{padding:85px 0}.eyebrow{font-size:9px;letter-spacing:1.4px}.intro h2,h2{font-size:33px;letter-spacing:-1.7px}.intro p{font-size:14px;line-height:1.9}.intro p br{display:none}.usecases{gap:10px;flex-wrap:wrap;font-size:10px;margin-top:24px}.usecases span{padding:7px 10px;background:#eee7f4;border-radius:20px}.story{padding:63px 0}.story-sticky{gap:30px}.story-panel h2{font-size:35px}.story-panel p{font-size:14px;max-width:300px}.story-panel{min-height:226px}.story-panel>span{font-size:10px}.story-tabs{margin-top:10px}.story-tabs button{font-size:12px;padding:11px 18px}.story-viewport{aspect-ratio:1.4;border-radius:11px}.story-caption{font-size:10px;line-height:1.6;text-align:center}.feature-detail{padding:75px 0;gap:27px}.feature-intro h2{font-size:33px}.feature-intro h2 br{display:block}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-grid article{padding-bottom:29px;border-bottom:1px solid var(--line)}.detail-grid h3{font-size:22px;margin:14px 0 10px}.detail-grid p{font-size:14px}.focus-demo{height:130px;margin-top:20px}.timeline-preview{margin-top:25px}.playground{padding:70px 0 40px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:34px;letter-spacing:-1.8px}.section-heading>p{font-size:14px;max-width:350px;margin-top:20px}.studio{border-radius:12px}.studio-top{height:53px;padding:0 12px;font-size:11px}.badge{display:none}.studio-status{font-size:10px;max-width:140px}.canvas-area{aspect-ratio:auto;min-height:340px;margin:10px;padding:var(--frame-space,24px)}.capture-empty{padding:10px 0}.capture-empty h3{font-size:22px}.capture-empty p{font-size:14px}.capture-empty>span{font-size:10px;line-height:1.5}.empty-pulse{width:54px;height:54px}.empty-pulse span{width:21px;height:21px}.studio-controls{display:flex;gap:0;padding:23px}.studio-controls>.control-label{font-size:10px}.studio-controls>h3{margin:10px 0 14px}.studio-tip{font-size:13px;margin-bottom:20px}.record-button{font-size:14px}.import-label{margin-top:18px;font-size:12px}.import-label input{max-width:250px;margin:10px auto 0;font-size:11px}.preview-options{margin:25px 0 0;border-top:1px solid #51405e;padding-top:23px;width:100%}.swatch{width:32px;height:32px}.spacing-label{font-size:13px}.demo-disclaimer{font-size:11px;margin-top:22px}.download-link,.reset-button{margin-top:17px}.studio-bottom{font-size:8px;gap:10px;padding:14px}.playground-after{display:block;line-height:1.8;font-size:12px}.playground-after a{display:block;margin-top:13px;font-size:12px}.finish{padding:85px 0 100px}.finish h2{font-size:39px;letter-spacing:-2px}.finish p{font-size:15px}.finish>small{font-size:10px;line-height:1.6;max-width:270px;margin:20px auto 0}.site-footer{padding-top:35px}.footer-grid{gap:30px 20px;padding-bottom:35px}.footer-brand{grid-column:1 / -1;display:flex;align-items:center;gap:25px}.footer-brand img{width:113px;height:61px}.footer-brand p{font-size:12px;margin:0}.footer-grid h3{font-size:13px;margin:7px 0 17px}.footer-grid>div>a:not(.button){font-size:13px;margin:12px 0}.footer-note{grid-column:1 / -1;border-top:1px solid #dacde2;padding-top:25px}.footer-note p{font-size:13px}.footer-bottom{display:block;font-size:10px;padding-bottom:90px;line-height:1.6}.footer-bottom>div{margin-top:17px;gap:24px;font-size:11px}.footer-bottom button{font-size:11px;padding:0}.journey{bottom:13px;right:12px;border-radius:12px}.journey>button{padding:9px 11px;gap:9px;font-size:11px}.journey-count{font-size:8px;padding-left:2px}.journey-glyph{width:26px;height:26px;border-radius:8px}.inner-main{padding-top:57px}.page-heading h1{font-size:43px;letter-spacing:-2.5px}.page-heading>p{font-size:15px}.page-heading p br{display:none}.contact-layout{margin-top:47px;padding-bottom:45px;gap:35px}.contact-info{display:block}.contact-info .email-address{font-size:19px}.contact-tip{margin-top:33px;border-top:1px solid var(--line);padding-top:20px}.contact-tip p{font-size:14px}.contact-form{padding:24px 20px}.contact-form h2{font-size:24px}.contact-form>p{font-size:12px}.form-row{grid-template-columns:1fr;gap:0}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form label{font-size:13px}.contact-form .button{width:100%}.contact-bottom{padding:35px 0 65px}.contact-bottom h2{font-size:29px}.contact-bottom p{font-size:14px}.faq-list{margin:40px 0 55px}.faq-list summary{font-size:16px}.faq-list details{padding:22px 0}.faq-list details p{font-size:14px;padding:0 8px}.motion-ready .reveal:not(.revealed){transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1!important;transform:none!important}.app-frame{transform:none!important}}

/* WinStudio editorial direction */
:root{--ink:#18151c;--muted:#635d68;--purple:#6941d9;--line:#d4d0d9;--paper:#f4f3f0;--heading:'DM Sans',sans-serif}
body{overflow-x:clip}.wrap{width:min(1440px,calc(100% - 112px))}.site-header{background:#141019;color:#fff;border:0;backdrop-filter:none}.nav{height:96px}.brand img{filter:grayscale(1) brightness(0) invert(1)}.desktop-nav{color:#fff;font-size:14px;gap:36px}.desktop-nav a:hover{color:#c9b8f3}.button{border-radius:0;padding:20px 28px;font-size:15px;min-height:58px;box-shadow:none;font-weight:500}.button.small{border-radius:0;padding:16px 23px;font-size:14px;min-height:49px}.purple{background:#6941d9;box-shadow:none}.purple:hover{background:#5730c2}.nav .purple{background:white;color:#17131d}.nav .purple:hover{background:#ded1ff}.dark{background:#18151c}.light{background:transparent;border-color:#8b7d9c}.button:hover{transform:none}.menu-toggle{border-radius:0;border-color:#ffffff65}.menu-toggle span{background:white}.mobile-menu{background:#141019;color:white;border-color:#413748}.mobile-menu a{border-color:#413748}.mobile-menu a:last-child{color:#cbbbff}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:500;color:#625b6b}em{color:inherit}.hero{position:relative;padding:0;text-align:left;background:#130d1c;color:white;min-height:690px;height:calc(100svh - 96px);max-height:980px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b07126b,transparent 75%);z-index:-1}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:30px;padding-bottom:115px}.hero-copy{max-width:820px}.hero .eyebrow{justify-content:flex-start;color:#e0d7eb;font-size:12px}.hero h1{font-family:var(--heading);font-size:clamp(70px,7.5vw,118px);font-weight:400;line-height:.99;letter-spacing:-6px;margin:38px 0 29px}.hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-6px}.hero-copy>p{font-size:18px;line-height:1.6;color:#e0d9e8;margin:0 0 32px}.hero-cta{background:#fff;color:#18121d}.hero-cta:hover{background:#dac6ff}.hero-secondary{font-size:14px;margin-left:25px;display:inline-block;border-bottom:1px solid #ffffff80;padding-bottom:5px}.hero-foot{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;color:#e3dbe9;font-size:12px;line-height:1.65;letter-spacing:1px}.hero-foot>a{display:flex;align-items:center;gap:25px}.scroll-line{width:1px;height:42px;background:#fff8;position:relative;overflow:hidden}.scroll-line:after{content:'';height:16px;width:1px;position:absolute;background:#fff;top:-16px;animation:scrollhint 2.5s ease infinite}@keyframes scrollhint{to{top:100%}}
.showcase{padding:115px 0 38px;background:#e8e4df}.showcase-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:62px}.showcase-heading h2{font-size:clamp(40px,5.2vw,76px);font-weight:400;letter-spacing:-3px;line-height:1.05;margin:0}.showcase-heading>div{max-width:350px;margin-left:auto}.showcase-heading p{font-size:18px;line-height:1.6;color:#5b555f;margin:0}.text-link{color:#242027;font-size:15px;border-bottom:1px solid #48404e;margin-top:23px}.hero-product{margin:0;max-width:none;padding:50px 70px 0;background:#cab8de;perspective:1600px;overflow:hidden}.app-frame{border-radius:5px 5px 0 0;border:1px solid #b7a9c3;box-shadow:0 15px 70px #2b173e40}.frame-top{font-size:12px;height:38px;color:#756a7a}.frame-top>span:last-child{font-size:12px;letter-spacing:.5px}.frame-dots{font-size:8px}.showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;color:#5c5361;font-size:12px;letter-spacing:.6px}.usecases{margin:0;gap:24px;font-size:13px;color:#5c5361;letter-spacing:0}.story{height:auto;min-height:0;background:#f4f3f0;border:0;padding:115px 0}.story-sticky{height:auto;min-height:0;position:relative;top:0;grid-template-columns:.85fr 1.35fr;gap:80px}.story-copy{padding:0}.story-copy .eyebrow{font-size:12px;letter-spacing:1px}.story-panel{min-height:300px;padding-top:38px}.story-panel>span{color:#6b567b;font-size:13px;letter-spacing:1px}.story-panel h2{font-size:clamp(36px,3.8vw,58px);font-weight:400;line-height:1.07;letter-spacing:-2px}.story-panel p{font-size:16px;color:#69616d;line-height:1.7;max-width:370px}.story-tabs{gap:24px;margin-top:28px;border-bottom:1px solid #cfc8d4}.story-tabs button{padding:14px 0;border-radius:0;font-size:15px;color:#6e6376;border-bottom:2px solid transparent;margin-bottom:-1px}.story-tabs button.active{background:none;color:#17121e;border-color:#17121e}.story-viewport{border-radius:0;border:0;box-shadow:none;aspect-ratio:1.3;background:#d5c7df}.focus-frame{border-radius:0}.story-caption{font-size:13px;color:#63546d;margin-top:20px}.chapter-dot{background:#765987}.feature-detail{padding-top:0;padding-bottom:115px;display:block}.feature-intro{border-top:1px solid #cfc8d4;padding-top:68px;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:40px}.feature-intro .eyebrow{font-size:12px;padding-top:10px}.feature-intro h2{font-size:53px;font-weight:400;line-height:1.07;margin:0;letter-spacing:-2px}.feature-intro h2 br{display:none}.detail-grid{gap:64px}.detail-grid article{border-top:1px solid #cfc8d4;padding-top:25px;display:grid;grid-template-columns:1fr;align-content:start}.detail-icon{display:none}.detail-grid h3{font-weight:400;font-size:28px;letter-spacing:-.7px;margin:0 0 15px}.detail-grid p{font-size:16px;color:#655b6d;line-height:1.65;margin:0;max-width:430px}.focus-demo{height:180px;border:0;border-radius:0;background:#e1dbeb;margin-top:30px}.focus-preview{font-size:34px;color:#5f4a71}.focus-demo small{font-size:12px;color:#695177}.timeline-preview{height:180px;background:#ded7e5;padding:30px 25px 15px;margin-top:30px}.timeline-ticks{font-size:12px;color:#756380}.clip-track{font-size:12px;border-radius:0;color:#543466}.timeline-preview input{margin-top:15px}.timeline-preview>small{font-size:12px;color:#6b537c;margin-top:5px}#scrub-cursor{top:56px;height:48px}.dark-section{background:#282031}.playground{padding:100px 0 70px}.section-heading{margin-bottom:50px}.section-heading h2{font-size:clamp(40px,4.8vw,70px);font-weight:400;letter-spacing:-2.5px;line-height:1.05}.dark-section .eyebrow{color:#c0b0ce;font-size:12px}.dark-section em{color:#c7afd9}.section-heading>p{font-size:16px;color:#c6b6d3;max-width:360px}.studio{border-radius:0;box-shadow:none;border-color:#675571;background:#33283d}.studio-top{font-size:14px}.studio-status{font-size:13px}.studio-controls h3{font-size:25px}.studio-tip{font-size:14px;color:#d1bfdf}.canvas-area{border-radius:0}.control-label{font-size:12px}.record-button{border-radius:0;font-size:14px}.import-label{font-size:14px}.import-label input{font-size:12px}.spacing-label{font-size:14px}.demo-disclaimer{font-size:12px}.capture-empty>span{font-size:12px;color:#614273}.studio-bottom{font-size:12px;letter-spacing:.5px}.playground-after{font-size:13px;color:#c5b0d5}.playground-after a{font-size:14px}.finish{width:100%;max-width:none;background:#cbbbdd;padding:120px 40px;text-align:center}.finish .eyebrow{color:#574062;font-size:12px}.finish h2{font-size:clamp(48px,7vw,106px);font-weight:400;letter-spacing:-4px;line-height:1.02;margin:25px 0}.finish h2 em{font-style:italic;font-family:Georgia,serif}.finish p{color:#51405f;font-size:18px}.finish>.button{background:#211727;color:white;margin-top:6px}.finish>small{font-size:12px;color:#695376}.site-footer{background:#141019;color:white;border:0;padding-top:65px}.footer-brand img{filter:grayscale(1) brightness(0) invert(1)}.footer-grid{gap:65px;grid-template-columns:1.3fr 1fr 1fr 1.2fr}.footer-grid p{font-size:14px;color:#bab0c1}.footer-grid h3{font-size:14px;color:white;font-weight:500}.footer-grid>div>a:not(.button){font-size:14px;color:#cfc6d7}.footer-grid .dark{background:white;color:#19131f}.footer-bottom{border-color:#403647;color:#aaa0b1;font-size:12px}.footer-bottom button{font-size:12px;color:#c4b6cf}.site-footer a:hover{color:#c2a5f3}.journey{border-radius:0;border:1px solid #796887;background:#201829eF;box-shadow:none}.journey>button{color:#e9def0;font-size:12px}.journey-count{font-size:12px;color:#b2a0bf}.journey-glyph{border-radius:0;background:#a17cc4;box-shadow:none}.journey-track{background:#463651}.journey-track>span{background:#d5b5ee}.inner-main{padding-top:90px}.page-heading h1{font-weight:400;font-size:72px;letter-spacing:-3px}.page-heading>p{font-size:18px;color:#63566c}.page-heading em{color:#79608e}.contact-form{border-radius:0;background:#e9e2ef;border-color:#d3c6de}.contact-form h2{font-weight:400}.contact-form>p,.contact-form label{font-size:14px;color:#695375}.contact-form input,.contact-form select,.contact-form textarea{border-radius:0;font-size:16px;color:#302037;border-color:#bdafca;background:#faf8fc}.contact-form .form-status{font-size:13px;color:#675173}.contact-icon{border-radius:0}.contact-tip p,.contact-bottom>p{font-size:16px;color:#6e5d77}.email-address{color:#674280}.copy-email{font-size:14px;color:#6b4c7b}.contact-tip a{font-size:14px;color:#694581}.faq-list summary{font-size:20px;color:#322239}.faq-list details p{font-size:16px;color:#6c5a76}.faq-list details{border-color:#cdc3d4}.contact-bottom h2{font-weight:400}.motion-paused .hero-art{transform:none!important}
@media(min-width:1800px){.hero h1{font-size:126px}.hero-copy{max-width:860px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:24px}.hero{min-height:650px}.hero h1{font-size:88px;letter-spacing:-4px}.hero h1 em{letter-spacing:-4px}.hero-content{padding-bottom:100px}.hero-shade{background:linear-gradient(90deg,#0b07129c,transparent)}.hero-product{padding:35px 40px 0}.story-sticky{gap:40px;grid-template-columns:.9fr 1.1fr}.story-panel{min-height:280px}.story-panel h2{font-size:40px}.story-panel p{font-size:16px}.feature-intro{grid-template-columns:.8fr 1.2fr}.feature-intro h2{font-size:45px}.detail-grid{gap:35px}.footer-grid{gap:30px}.footer-grid p{font-size:14px}.section-heading>p{font-size:16px}.showcase-heading{gap:40px}}
@media(max-width:800px){.nav{height:82px}.hero{height:800px;min-height:0;max-height:none}.hero-art{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#100917c9,#10091710)}.hero-content{justify-content:flex-start;padding-top:75px}.hero h1{font-size:84px}.hero-copy>p{font-size:17px}.hero .eyebrow{font-size:12px}.hero-foot{bottom:32px}.showcase{padding-top:75px}.showcase-heading{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.showcase-heading h2{font-size:56px}.showcase-heading>div{margin:0;max-width:500px}.showcase-heading p{font-size:17px}.showcase-footer{align-items:flex-start;flex-direction:column;gap:17px}.story{padding:75px 0}.story-sticky{grid-template-columns:1fr;gap:40px}.story-copy{text-align:left}.story-panel{min-height:240px;padding-top:25px}.story-panel h2{font-size:46px}.story-panel p{margin:0;max-width:500px}.story-tabs{justify-content:flex-start;margin-top:15px}.story-viewport{max-width:none;aspect-ratio:1.7}.story-caption{justify-content:flex-start;text-align:left}.feature-detail{padding-top:0;padding-bottom:75px}.feature-intro{display:block;padding-top:45px;margin-bottom:35px}.feature-intro h2{margin-top:22px}.feature-intro h2 br{display:none}.detail-grid h3{font-size:25px}.finish{padding:90px 25px}.finish h2{font-size:70px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{display:block}.page-heading h1{font-size:59px}}
@media(max-width:550px){.wrap{width:calc(100% - 40px)}.nav{height:76px}.nav .button.small{font-size:12px;min-height:43px;padding:13px 16px}.menu-toggle{width:42px;height:42px}.hero{height:780px;min-height:0}.hero-content{padding-top:48px;padding-bottom:80px}.hero-art{object-fit:cover;object-position:65% center;opacity:.95}.hero-shade{background:linear-gradient(180deg,#100818dd 0%,#100818a6 40%,#10081800 78%,#10081888 100%)}.hero h1{font-size:clamp(57px,13.5vw,76px);line-height:1.02;letter-spacing:-3px;margin:28px 0 24px}.hero h1 em{letter-spacing:-3px}.hero .eyebrow{font-size:11px;letter-spacing:1.1px}.hero-copy>p{font-size:16px;line-height:1.65;margin-bottom:25px}.hero-copy>p br{display:none}.hero-cta{padding:17px 23px;min-height:53px;font-size:14px}.hero-secondary{font-size:13px;margin-left:18px}.hero-foot{bottom:25px;font-size:10px;letter-spacing:.6px;align-items:flex-end}.hero-foot>a{font-size:10px;gap:14px}.scroll-line{height:35px}.showcase{padding:60px 0 28px}.showcase-heading{gap:24px;margin-bottom:35px}.showcase-heading h2{font-size:44px;letter-spacing:-1.8px}.showcase-heading p{font-size:16px}.text-link{font-size:14px;margin-top:18px}.hero-product{padding:22px 15px 0;margin:0 -20px}.frame-top{height:26px;font-size:10px}.frame-top>span:last-child{display:none}.frame-dots{font-size:6px}.app-frame{border-radius:3px 3px 0 0}.showcase-footer{font-size:11px;line-height:1.6;gap:18px;padding-top:24px}.usecases{font-size:12px;gap:18px;justify-content:flex-start}.usecases span{background:none;border-radius:0;padding:0}.story{padding:65px 0}.story-copy .eyebrow{font-size:11px}.story-panel{min-height:260px;padding-top:27px}.story-panel>span{font-size:12px}.story-panel h2{font-size:41px;letter-spacing:-1.8px;margin:20px 0}.story-panel p{font-size:16px;max-width:none}.story-tabs{gap:30px;margin-top:12px}.story-tabs button{font-size:15px;padding:13px 0}.story-copy .text-link{margin-top:23px}.story-sticky{gap:32px}.story-viewport{aspect-ratio:1.35;border-radius:0}.story-caption{font-size:12px;line-height:1.6}.feature-detail{padding:0 0 65px}.feature-intro h2{font-size:39px;letter-spacing:-1.5px}.feature-intro h2 br{display:block}.feature-intro .eyebrow{font-size:11px}.detail-grid{gap:36px}.detail-grid article{padding-top:24px;padding-bottom:0;border-bottom:0}.detail-grid h3{font-size:25px}.detail-grid p{font-size:16px}.focus-demo{height:165px}.timeline-preview{height:180px}.playground{padding:65px 0 40px}.section-heading h2{font-size:42px;letter-spacing:-1.7px}.section-heading>p{font-size:16px;margin-top:22px}.section-heading{margin-bottom:30px}.studio{border-radius:0}.studio-top{padding:0 12px;font-size:12px}.studio-status{font-size:12px}.capture-empty h3{font-size:24px}.capture-empty p{font-size:16px}.capture-empty>span{font-size:12px}.studio-controls{padding:22px}.studio-tip{font-size:14px}.studio-controls>.control-label{font-size:12px}.control-label{font-size:12px}.demo-disclaimer{font-size:12px}.studio-bottom{font-size:10px;letter-spacing:0}.playground-after{font-size:13px}.playground-after a{font-size:14px}.finish{padding:75px 20px}.finish h2{font-size:48px;letter-spacing:-2px}.finish p{font-size:16px}.finish>small{font-size:12px;max-width:300px}.finish .eyebrow{font-size:11px}.footer-grid{gap:32px 20px}.footer-brand{display:flex;gap:30px}.footer-brand p{font-size:13px}.footer-grid>div>a:not(.button){font-size:14px}.footer-note{border-color:#413649}.footer-note p{font-size:14px}.footer-bottom{font-size:12px;padding-bottom:88px}.footer-bottom button{font-size:12px}.journey{border-radius:0}.journey-count{font-size:11px}.journey>button{font-size:12px}.journey-glyph{border-radius:0}.inner-main{padding-top:55px}.page-heading h1{font-size:46px}.page-heading>p{font-size:16px}.contact-form{padding:26px 20px;border-radius:0}.contact-form>p,.contact-form label{font-size:14px}.contact-tip p,.contact-bottom p{font-size:16px}.faq-list summary{font-size:18px}.faq-list details p{font-size:16px}.button{border-radius:0}}

/* Gentle artwork motion and responsive refinements. */
.hero-art{transform-origin:70% 55%;animation:hero-drift 12s ease-in-out infinite;transform:translateY(var(--hero-shift,0px)) scale(1.06)}
@keyframes hero-drift{0%,100%{transform:translateY(var(--hero-shift,0px)) scale(1.06)}50%{transform:translateY(calc(var(--hero-shift,0px) - 8px)) scale(1.075)}}
.hero-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 25px}.hero-secondary{margin-left:0}.hero-copy,.showcase-heading>* ,.story-sticky>*,.detail-grid>*,.studio-body>*,.footer-grid>*,.contact-layout>*,.form-row>*{min-width:0}.studio-body video{max-width:100%}.hero-foot{gap:20px}.hero-foot>*{min-width:0}.usecases{flex-wrap:wrap}.email-address,.playground-after a,.footer-grid a{overflow-wrap:anywhere}.contact-form input,.contact-form select,.contact-form textarea{max-width:100%;min-width:0}.site-header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.journey{bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.motion-paused .hero-art{animation:none!important;transform:none!important}
@media(max-width:800px){
html{scroll-padding-top:96px}.mobile-menu{max-height:calc(100dvh - 82px);overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.mobile-menu a{min-height:48px}.menu-toggle{width:44px;height:44px;flex-shrink:0}.nav-actions,.brand{flex-shrink:0}.section-heading{display:block}.section-heading>p{max-width:520px;margin-top:24px}.showcase-heading{grid-template-columns:minmax(0,1fr)}.story-sticky{grid-template-columns:minmax(0,1fr)}.studio-body{grid-template-columns:minmax(0,1fr)}.studio-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-area{min-height:340px}.story-panel{min-height:0}.story-tabs{margin-top:26px}.contact-bottom>div{flex-wrap:wrap}.footer-bottom{padding-bottom:90px}.footer-bottom>div{flex-wrap:wrap}.finish h2{font-size:clamp(45px,8.8vw,70px)}
}
@media(max-width:650px){
.contact-info{display:block}.contact-tip{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.contact-layout{gap:36px}.detail-grid{grid-template-columns:minmax(0,1fr)}.studio-controls{display:flex;gap:0;padding:24px}.studio-controls>h3{margin:12px 0}.studio-tip{margin-bottom:20px}.import-label{margin-top:18px}.preview-options{width:100%;margin-top:25px;padding-top:23px;border-top:1px solid #675571}.demo-disclaimer{margin-top:20px}.download-link,.reset-button{margin-top:17px}.studio-controls .stop-button{margin-top:10px}.contact-form{padding:26px}.form-row{grid-template-columns:minmax(0,1fr);gap:0}
}
@media(max-width:550px){
html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.nav{gap:12px}.brand img{width:90px}.nav .button.small{min-height:44px;padding:13px 14px}.mobile-menu{max-height:calc(100dvh - 76px)}.hero{height:auto;min-height:0}.hero-content{height:auto;padding-top:42px;padding-bottom:390px}.hero-art{top:auto;bottom:24px;height:400px;width:100%;object-fit:cover;object-position:75% center;transform-origin:70% 70%}.hero-shade{background:linear-gradient(180deg,#130d1c 0%,#130d1c 37%,#130d1cbb 48%,transparent 72%,#130d1c55 100%)}.hero h1{font-size:clamp(48px,13vw,70px);letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2.5px}.hero .eyebrow{font-size:12px;line-height:1.65;max-width:320px}.hero-copy>p{font-size:16px}.hero-action-row{gap:18px 22px}.hero-secondary{font-size:14px;line-height:1.5;padding:8px 0;min-height:40px}.hero-foot{bottom:20px;gap:18px;font-size:11px}.hero-foot>a{font-size:11px;gap:12px;max-width:135px;line-height:1.5}.hero-foot>span{max-width:170px}.hero-product{margin:0 -20px;padding:22px 14px 0}.showcase-heading h2{font-size:clamp(36px,10.5vw,44px)}.showcase-footer{font-size:12px}.story-panel h2{font-size:clamp(34px,10vw,41px)}.story-tabs{gap:0;justify-content:space-between}.story-tabs button{min-height:48px;padding:14px 8px}.story-caption{align-items:flex-start}.chapter-dot{flex-shrink:0;margin-top:7px}.feature-intro h2{font-size:clamp(33px,9.5vw,39px)}.section-heading h2{font-size:clamp(34px,10vw,42px)}.canvas-area{aspect-ratio:auto;min-height:355px;margin:10px;padding:min(var(--frame-space,24px),5vw)}.capture-empty{width:100%;padding:12px 0}.capture-empty h3{font-size:clamp(20px,5.8vw,24px);line-height:1.2;overflow-wrap:normal}.capture-empty .button{width:100%;max-width:240px;font-size:14px;padding:17px 12px}.capture-empty>span{line-height:1.6}.studio-top{height:auto;min-height:60px;gap:12px;padding:14px 12px;align-items:flex-start}.project-title{gap:6px;flex-shrink:0}.studio-status{max-width:120px;line-height:1.5}.studio-bottom{flex-wrap:wrap;gap:10px}.studio-bottom .progress-track{min-width:30px}.studio-controls input[type=file]{max-width:100%}.timeline-preview{padding-left:18px;padding-right:18px;height:auto;min-height:180px}.timeline-preview>small{line-height:1.5}.finish{padding:70px 20px}.finish h2{font-size:clamp(38px,10.8vw,48px);letter-spacing:-1.7px}.footer-brand{align-items:flex-start;gap:20px;flex-wrap:wrap}.footer-brand p{margin-top:6px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.page-heading h1{font-size:clamp(37px,10vw,46px)}.contact-form{padding:24px 18px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form .button{padding:18px 12px}.email-address{font-size:18px!important}.contact-bottom>div .button{flex:1 1 160px}.faq-list summary{overflow-wrap:anywhere}.journey>button{min-height:44px}
}
@media(max-width:360px){.hero-action-row{align-items:flex-start;flex-direction:column;gap:9px}.hero-content{padding-bottom:365px}.hero-art{height:365px}.hero-foot{gap:15px}.hero-foot>span{font-size:10px}.hero-foot>a{font-size:10px}.studio-bottom{font-size:9px}.footer-brand{display:block}.footer-brand p{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none!important;transform:none!important}}

/* Legal pages */
.legal-main{padding-bottom:100px}.page-heading .legal-date{font-size:14px;margin-top:24px;color:#75667e}.legal-layout{display:grid;grid-template-columns:230px minmax(0,780px);gap:80px;align-items:start;margin-top:65px}.legal-toc{position:sticky;top:125px;border-top:1px solid var(--line);padding-top:20px}.legal-toc h2{font-size:16px;letter-spacing:0;margin:0 0 18px}.legal-toc a{display:block;font-size:14px;line-height:1.5;padding:7px 0;color:#65556f}.legal-toc a:hover{color:var(--purple)}.legal-copy section{scroll-margin-top:125px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.legal-copy h2{font-size:26px;font-weight:500;letter-spacing:-.6px;line-height:1.3;margin:0 0 18px}.legal-copy p,.legal-copy li{font-size:16px;line-height:1.85;color:#5f5368;overflow-wrap:anywhere}.legal-copy p{margin:12px 0}.legal-copy ul{padding-left:22px}.legal-copy li{margin-bottom:12px}.legal-copy a{color:#6941a0;text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.legal-layout{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:40px}.legal-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.legal-toc h2{grid-column:1/-1}.legal-main{padding-bottom:65px}}@media(max-width:550px){.legal-toc{grid-template-columns:minmax(0,1fr)}.legal-copy h2{font-size:23px}.legal-copy section{scroll-margin-top:100px}.legal-main .page-heading h1{font-size:clamp(34px,9.5vw,46px)}}