:root{--paper:#faf8ef;--ink:#20201e;--muted:#74736c;--blue:#104dff;--line:#e4e1d7;--display:'Nunito',sans-serif;--body:'DM Sans',sans-serif;--hand:'Caveat',cursive;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:transform .16s var(--ease),background-color .16s ease,color .16s ease}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:active,.primary:active{transform:scale(.97)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#d8e1ff}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 100px));margin-inline:auto}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:6px;white-space:nowrap;font:900 23px/1 var(--display);letter-spacing:-.5px}.brand b,.brand-dot{color:var(--blue)}.brand-mark{font:38px/1 var(--body);color:var(--blue);margin-right:9px}.brand-dot{margin-left:-7px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav-about{background:none;border:0;padding:10px 0}.nav-cta{border:1px solid #d4d2c8;padding:11px 18px;border-radius:8px}.nav-cta span{color:var(--blue);margin-left:14px;font-size:19px}
.story-topline{display:flex;justify-content:space-between;align-items:center;padding-top:28px;gap:14px}.story-topline>span{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;font-weight:650}.story-topline i{width:6px;height:6px;background:var(--blue);border-radius:50%}.motion-toggle{display:flex;align-items:center;gap:8px;background:none;border:0;color:#66655e;font-size:11px;min-height:44px;padding:5px}.motion-toggle>span{color:var(--blue);font-size:13px}
.scene{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:18px;min-height:610px;padding:30px 0 45px}.copy{position:relative;z-index:2;max-width:540px}.eyebrow{display:block;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:1.5px;margin-bottom:20px}.eyebrow b{color:var(--blue);margin-right:10px}h1,h2{font-family:var(--display);font-weight:1000;letter-spacing:-2.7px;line-height:1.04;margin:0 0 26px}h1{font-size:clamp(48px,5vw,72px)}h2{font-size:clamp(36px,3.9vw,56px)}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-title em{position:relative;display:inline-block;white-space:nowrap}.hero-title em:after{content:'';position:absolute;height:9px;width:100%;border-top:3px solid var(--blue);border-radius:50%;left:0;bottom:-11px;transform:rotate(-2deg)}.intro{font-weight:550;font-size:17px;line-height:1.65;margin:32px 0 18px}.body-copy{color:#69685f;max-width:445px;font-size:15px;line-height:1.8}.body-copy p{margin:12px 0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--blue);color:white;border:0;border-radius:9px;min-height:56px;padding:15px 24px;font-size:14px;font-weight:650;box-shadow:0 5px 0 #003bc21a;transition:transform .16s var(--ease),background-color .16s ease}.primary .arrow{font-size:23px;font-weight:400;line-height:1}.actions{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.quiet-link{font-size:12px;color:#626158;text-decoration:underline;text-decoration-color:#bbb8ad;text-underline-offset:5px}.quiet-link span{margin-left:10px}.action-note{font-size:11px;color:var(--muted);margin:0}
.stage{position:relative;isolation:isolate;width:100%;height:480px;align-self:center}.stage:before{content:'';position:absolute;inset:15% 0 0;background:radial-gradient(ellipse,#f1eacc77,transparent 67%);z-index:-1}.hero-art{position:absolute;width:115%;height:auto;max-width:none;left:-7%;top:11%;mix-blend-mode:multiply}.bubble{position:absolute;z-index:3;font-family:var(--hand);font-weight:700;font-size:25px;line-height:1.1;text-align:center;background:#fffdf7;border:1.5px solid #292821;border-radius:50% 48% 44% 48%;padding:17px 25px;box-shadow:3px 4px 0 #24221d0a;transform:rotate(-7deg)}.bubble:after{content:'';position:absolute;bottom:-9px;left:32%;width:13px;height:17px;background:#fffdf7;border-right:1.5px solid #292821;transform:skew(-30deg) rotate(30deg)}.hero-stage .bubble{top:7%;left:11%}.scribble{font-family:var(--hand);position:absolute;font-weight:600;color:var(--blue);font-size:27px;line-height:1.1;transform:rotate(9deg)}.hero-stage .scribble{right:2%;top:17%;font-size:40px;transform:rotate(12deg)}.stage-caption{position:absolute;bottom:4px;left:15%;right:0;text-align:center;font:500 24px/1.2 var(--hand);color:#817b68;transform:rotate(-4deg)}.tiny-stars{position:absolute;right:5%;bottom:16%;color:var(--blue);font-size:35px}
.story-navigation{display:flex;align-items:center;gap:25px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.back-button{background:none;border:0;color:#66655e;font-size:12px;min-height:44px;min-width:75px;padding:8px 0;text-align:left}.back-button span{margin-right:8px}.back-button:disabled{opacity:.35}.steps{display:flex;flex:1;justify-content:center;list-style:none;margin:0;padding:0;gap:29px}.steps a{display:flex;align-items:center;gap:8px;min-height:44px;color:#8d8b81;font-size:11px}.steps a>span{border:1px solid #dedacf;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:9px}.steps b{font-weight:500;white-space:nowrap}.steps a[aria-current="step"]{color:var(--blue)}.steps a[aria-current="step"]>span{background:var(--blue);border-color:var(--blue);color:white}.steps a.visited>span{border-color:#bdcbff;color:var(--blue)}.your-pace{font:500 18px var(--hand);color:#7d796c;white-space:nowrap}
.about-strip{display:flex;align-items:center;gap:15px;padding:24px 0}.about-icon{width:35px;height:40px;border:1px solid #d6d1c3;border-radius:50%;display:grid;place-items:center;font:700 26px var(--hand);transform:rotate(-12deg)}.about-strip strong{display:block;font-size:12px;font-weight:650}.about-strip span{font-size:11px;color:#77756c}.about-strip button{margin-left:auto;border:0;background:none;font-size:11px;min-height:44px}.about-strip button span{font-size:18px;color:var(--blue);margin-left:12px}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;padding-bottom:25px;color:#87847b;font-size:10px}.site-footer p{font-weight:600}.site-footer p span{font-weight:400}.site-footer>div{display:flex;gap:16px;align-items:center}.site-footer>div>span{font-size:9px}
.handwritten{font:600 25px/1.3 var(--hand);color:#655c45}.joke{font:600 22px/1.25 var(--hand);color:#796341;margin:18px 0}.repeat-list{list-style:none;counter-reset:tasks;padding:0;margin:15px 0;color:#69685f;font-size:14px}.repeat-list li{counter-increment:tasks;display:flex;align-items:center;gap:10px;margin:6px 0}.repeat-list li:before{content:counter(tasks,decimal-leading-zero);color:#b9a583;font-size:10px}.calculation{background:#f1eee4;border-left:3px solid #ffc478;border-radius:0 7px 7px 0;padding:13px 17px;margin-top:18px;font-size:13px}.calculation strong{color:var(--blue);font-size:21px;font-family:var(--display);font-weight:900}.calculation small{display:block;font-size:10px;color:#777266;line-height:1.5;margin-top:4px}
.character{position:absolute;object-fit:contain;transform-origin:50% 88%;filter:drop-shadow(0 12px 9px #6e5b3320)}.orange{height:79%;width:56%;bottom:0;left:-5%}.green{height:65%;width:44%;bottom:0;right:-2%}.character-stage .bubble{top:0;right:8%;font-size:22px}.paper{position:absolute;width:61px;height:78px;background:white;border:1px solid #e4e1db;box-shadow:3px 6px 10px #5d472311;padding:11px 8px;left:48%;top:40%;transform:rotate(16deg);font-size:8px;font-weight:700}.paper:after{content:'';display:block;height:32px;margin-top:8px;background:repeating-linear-gradient(to bottom,#d8d8d8 0 2px,transparent 2px 8px)}.paper-two{left:35%;top:19%;transform:rotate(-16deg)}.paper-three{left:60%;top:55%;transform:rotate(26deg)}.extra-pump{position:absolute;right:8%;bottom:4%;font-size:10px;color:#616058;background:#efe8d7;border:1px dashed #baa47d;padding:8px;border-radius:7px;transform:rotate(5deg)}
.workflow{display:flex;align-items:center;justify-content:center;gap:14px}.flow-card{background:#fffefa;border:1px solid #e4dfd0;border-radius:14px;padding:19px 13px;min-width:105px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 8px 18px #83755508;font-size:11px}.flow-icon{display:grid;place-items:center;width:48px;height:45px;color:#3975eb}.flow-icon svg{width:42px;height:42px}.flow-arrow{color:#bab6aa;font-size:24px}.flow-card.folder .flow-icon{color:#e6aa25}.flow-card.table .flow-icon{color:#389852}.solution-stage .workflow{position:absolute;top:20%;left:0;right:0}.solution-stage .orange{height:48%;left:0;bottom:1%;width:35%}.solution-stage .green{height:48%;right:2%;width:33%}.pause-tag{position:absolute;bottom:9%;left:20%;padding:4px 13px;border-radius:4px;background:#fff4cb;font:600 19px var(--hand);transform:rotate(-9deg);z-index:2}.validation{position:absolute;left:35%;bottom:15%;z-index:3;background:white;border:1px solid #e6dfce;padding:14px;border-radius:10px;max-width:170px;box-shadow:0 8px 25px #88765b14;font-size:11px}.validation>strong{display:block;color:#9b691a;margin-bottom:5px}.validation button{border:0;border-radius:5px;background:var(--blue);color:white;padding:7px 15px;margin-top:9px;font-size:11px;min-height:44px}.validation.validated{border-color:#a1cfa6}.validation.validated strong{color:#328443}.solution-stage>.scribble{top:1%;left:15%;font-size:24px;transform:rotate(-5deg)}
.demo-scene{grid-template-columns:.85fr 1.25fr;gap:45px}.demo-player{border:1px solid #ddd9cf;border-radius:16px;overflow:hidden;background:#fffefb;box-shadow:0 20px 50px #4239150a}.player-top{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid #e9e5dc;background:#f4f2eb;font-size:10px;color:#79766b}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#d2cec3}.demo-preview{padding:45px 20px 32px;min-height:330px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:28px;background:radial-gradient(ellipse at center,#f3f2e8,transparent 80%)}.play-button{display:flex;gap:12px;align-items:center;background:var(--blue);color:white;border:0;border-radius:50px;padding:12px 22px;font-size:12px;min-height:46px}.demo-caption{font-size:11px;text-align:center;color:#8a8678;margin:0}.player-bottom{padding:12px 18px;border-top:1px solid #ece8df;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#777367}.demo-body{padding:25px;min-height:330px}.demo-status{font-size:11px;color:var(--blue);font-weight:650;margin-bottom:17px;display:flex;justify-content:space-between}.demo-document{padding:18px;background:#f8f7f0;border:1px solid #e5e1d8;border-radius:9px;font-size:12px;overflow-wrap:anywhere}.demo-document strong{display:block;font-size:15px;margin-bottom:10px}.demo-document dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.demo-document dd{margin:0;text-align:right;font-weight:600}.demo-notice{color:#886421;background:#fff2d3;border-radius:6px;padding:10px;font-size:11px;margin-top:15px}.demo-table{width:100%;border-collapse:collapse;font-size:10px;margin:16px 0}.demo-table th,.demo-table td{text-align:left;padding:10px 5px;border-bottom:1px solid #e5e1d8}.demo-table th{color:#85816e;font-weight:500}.demo-body .primary{min-height:44px;font-size:11px;margin-top:18px;padding:10px 15px}.demo-replay{border:0;background:none;text-decoration:underline;font-size:10px;min-height:44px;color:#656156}
.tasks-scene{grid-template-columns:1.3fr .75fr;gap:50px;padding-top:35px}.tasks-scene .copy{max-width:690px}.tasks-scene h1{font-size:54px}.task-options{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 20px}.task-chip{display:flex;align-items:center;gap:12px;min-height:44px;background:transparent;border:1px solid #dcd7c9;border-radius:7px;padding:9px 14px;font-size:12px;text-align:left;line-height:1.4}.task-chip .check{font-size:19px;color:#898579;line-height:1}.task-chip[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:white}.task-chip[aria-pressed="true"] .check{color:white}.tasks-scene .stage{height:460px}.tasks-scene .green{width:75%;height:83%;right:3%}.tasks-scene .orange{width:42%;height:42%;left:-9%;bottom:0}.tasks-scene .bubble{top:0;left:0;font-size:24px}.selection-count{font-size:12px;color:var(--blue);min-height:20px}.tasks-scene .actions{margin-top:20px}.tasks-scene .body-copy{font-size:13px}
.form-scene{grid-template-columns:1.4fr .65fr;gap:60px}.form-scene .copy{max-width:700px}.form-scene h1{font-size:49px}.form-scene .stage{height:400px}.form-scene .green{width:90%;height:80%;right:0}.form-scene .orange{width:50%;height:40%;left:-8%;bottom:0}.form-scene .bubble{left:0;top:0;font-size:22px}.field-label{display:block;font-size:14px;font-weight:650;margin:20px 0 10px}.form-scene textarea{resize:vertical;width:100%;min-height:135px;border:1px solid #d6d2c5;border-radius:9px;background:#fffdf8;padding:16px;color:var(--ink);font-size:14px;line-height:1.65}.form-scene textarea::placeholder{color:#9a9689}.form-scene .task-options{margin:10px 0}.form-scene .task-chip{font-size:10px;padding:7px 10px;min-height:44px}.form-helper{font:500 20px var(--hand);color:#8b7a53;margin:8px 0}.form-error{font-size:12px;color:#a13924;margin:8px 0}.edit-tasks{background:none;border:0;color:var(--blue);text-decoration:underline;font-size:11px;min-height:44px;padding:0}.form-scene .actions{margin-top:18px}
dialog{background:var(--paper);color:var(--ink);border:1px solid #ddd6c5;border-radius:18px;padding:40px;max-width:590px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 25px 100px #201c2433}dialog::backdrop{background:#25251d66;backdrop-filter:blur(5px)}dialog h2{font-size:41px}dialog p{font-size:14px;color:#656156}dialog img{width:100%;height:200px;object-fit:cover;mix-blend-mode:multiply}dialog .handwritten{font-size:28px;color:var(--blue)}.dialog-close{position:absolute;top:12px;right:15px;border:0;background:transparent;font-size:28px;width:44px;height:44px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--blue);color:white;padding:12px 20px;z-index:50}.skip-link:focus{top:10px}.noscript{padding:30px;text-align:center}.noscript a{text-decoration:underline}
.scene-animate .orange{animation:pump .8s ease-in-out 4,last-pump .65s ease-in-out 4.1s 1}.scene-animate .green{animation:peek 1.6s var(--ease) 2}.scene-animate .paper{animation:paper-flight 2.2s var(--ease) 2}.scene-animate .paper-two{animation-delay:.3s}.scene-animate .paper-three{animation-delay:.6s}.scene-animate .extra-pump{animation:arrive 1s var(--ease) 1s both}.scene-animate .hero-art{animation:hero-settle 2s var(--ease) both}.scene-animate .tiny-stars{animation:peek 1s var(--ease) 2}.scene-animate .flow-card{animation:arrive .6s var(--ease) both}.scene-animate .flow-card.folder{animation-delay:.4s}.scene-animate .flow-card.table{animation-delay:.8s}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}
@keyframes pump{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(7px) rotate(-1.5deg) scaleY(.985)}}@keyframes last-pump{0%,100%{transform:none}40%{transform:translateY(4px) rotate(-.7deg)}}@keyframes peek{0%,100%{transform:rotate(0)}45%{transform:rotate(4deg)}}@keyframes paper-flight{0%{opacity:0;transform:translate(-35px,50px) rotate(-20deg)}45%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(16deg)}}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes hero-settle{from{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.primary:hover,.play-button:hover{background:#003de3}.nav-cta:hover{border-color:var(--blue);color:var(--blue)}.task-chip:hover{border-color:var(--blue)}.quiet-link:hover,.nav-about:hover,.site-footer a:hover{color:var(--blue)}.steps a:hover{color:var(--blue)}}
@media(min-width:1450px){.scene{min-height:660px}.stage{height:540px}.hero-title{font-size:78px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:19px}.brand{font-size:20px}.scene{min-height:580px}.stage{height:425px}.steps{gap:18px}.your-pace{display:none}.hero-title{font-size:61px}.hero-art{top:20%}.hero-stage .bubble{top:8%;font-size:23px}.hero-stage .scribble{top:22%}.stage-caption{bottom:4%}.site-footer>div>span{display:none}.tasks-scene h1{font-size:46px}.flow-card{min-width:85px;padding:14px 10px}.workflow{gap:8px}.demo-scene{gap:25px}.demo-body{padding:17px}}
@media(max-width:850px){.site-header{height:86px}.site-header .nav-story,.nav-about{display:none}.scene{grid-template-columns:1fr 1fr;gap:5px;min-height:570px}.hero-title{font-size:51px}.intro{font-size:15px}.body-copy{font-size:13px}.stage{height:360px}.hero-art{top:20%;width:125%;left:-12%}.hero-stage .bubble{top:4%;font-size:20px;padding:12px 18px}.hero-stage .scribble{right:0;top:18%;font-size:30px}.stage-caption{font-size:21px;bottom:2%}.tiny-stars{font-size:25px}.steps{gap:15px}.steps b{font-size:10px}.story-navigation{gap:10px}.character-stage .bubble{font-size:19px;right:0}.demo-scene{grid-template-columns:1fr;gap:20px;padding-top:35px}.demo-scene .copy{max-width:620px}.demo-player{max-width:650px;width:100%}.demo-scene .actions{margin-bottom:15px}.tasks-scene{grid-template-columns:1fr .55fr;gap:18px}.tasks-scene .stage{height:360px}.tasks-scene .bubble{font-size:20px}.form-scene{grid-template-columns:1fr .5fr;gap:15px}.form-scene .stage{height:320px}.form-scene .bubble{font-size:18px;padding:12px}.form-scene h1{font-size:43px}.solution-stage .workflow{top:7%;gap:5px}.solution-stage .flow-card{min-width:65px;padding:12px 6px;font-size:9px}.solution-stage .flow-arrow{font-size:15px}.solution-stage .flow-icon{width:35px;height:35px}.solution-stage>.scribble{top:-6%;font-size:20px}.validation{left:30%;bottom:8%;max-width:140px;padding:10px}.pause-tag{bottom:0;left:7%;font-size:16px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.site-header{height:77px;gap:10px}.brand{font-size:17px;gap:4px}.brand-mark{font-size:29px;margin-right:4px}.nav-cta{font-size:10px;padding:9px 11px;border-radius:6px}.nav-cta span{margin-left:4px;font-size:14px}.story-topline{padding-top:16px;gap:5px}.story-topline>span{font-size:8px;letter-spacing:.7px;gap:5px}.story-topline i{width:5px;height:5px}.motion-toggle{font-size:9px;gap:4px;white-space:nowrap}.scene{grid-template-columns:1fr;min-height:0;padding-top:25px;padding-bottom:28px;gap:12px}.copy{max-width:100%}.eyebrow{font-size:9px;margin-bottom:16px}.hero-title{font-size:clamp(47px,11.8vw,69px);letter-spacing:-2px;margin-bottom:25px}.intro{margin-top:27px;margin-bottom:12px;font-size:15px}.body-copy{font-size:13px;max-width:100%}.actions{margin-top:23px;gap:15px}.primary{min-height:53px;font-size:13px;padding:14px 21px}.hero-stage{height:330px;margin-top:12px}.hero-art{width:105%;left:-2.5%;top:13%}.hero-stage .bubble{top:2%;left:8%;font-size:20px}.hero-stage .scribble{top:16%;right:4%;font-size:35px}.stage-caption{bottom:0;font-size:23px;left:8%}.tiny-stars{bottom:14%}.story-navigation{padding:12px 0;flex-wrap:wrap;gap:0}.back-button{font-size:11px;min-width:65px}.steps{justify-content:space-between;gap:5px;order:-1;flex-basis:100%;margin-bottom:5px}.steps a{flex-direction:column;gap:4px;min-height:52px}.steps a>span{width:26px;height:26px}.steps b{font-size:9px}.your-pace{display:block;margin-left:auto;font-size:16px}.about-strip{gap:10px;flex-wrap:wrap;padding:20px 0}.about-strip>div:nth-child(2){flex:1}.about-strip strong{font-size:12px}.about-strip span{display:block;font-size:10px;line-height:1.5}.about-strip button{font-size:10px;padding:0}.about-strip button span{display:inline;margin-left:5px;font-size:15px}.about-icon{width:28px;height:34px;font-size:23px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px;padding-top:15px;font-size:9px}.site-footer p{margin:0}.site-footer>div{gap:15px}.site-footer>div>span{display:block;font-size:8px}h1,h2{font-size:43px;letter-spacing:-1.7px}.character-stage{height:370px;margin-top:20px}.character-stage .orange{height:83%}.character-stage .green{height:66%}.character-stage .bubble{right:3%;top:1%;font-size:22px}.calculation{font-size:12px}.solution-stage{height:375px;margin-top:35px}.solution-stage .workflow{top:7%;gap:10px}.solution-stage .flow-card{min-width:85px;font-size:10px}.solution-stage .flow-icon{width:42px;height:40px}.solution-stage .scribble{top:-5%;left:10%;font-size:24px}.solution-stage .orange,.solution-stage .green{height:48%}.validation{left:31%;bottom:12%;max-width:160px}.demo-scene{gap:20px}.demo-preview{min-height:290px;padding:30px 13px}.flow-card{min-width:78px;font-size:10px}.flow-arrow{font-size:18px}.workflow{gap:9px}.player-top{padding:12px;font-size:9px}.player-bottom{font-size:9px;padding:10px 12px}.demo-body{padding:17px;min-height:290px}.tasks-scene h1{font-size:44px}.tasks-scene .stage{height:270px;max-width:340px;margin:auto}.tasks-scene .green{height:90%;width:63%;right:0}.tasks-scene .orange{height:60%;width:46%;left:0}.tasks-scene .bubble{top:2%;left:0;font-size:22px}.task-chip{font-size:12px;padding:10px 12px;min-height:46px}.tasks-scene .primary{width:100%;font-size:12px;gap:12px}.form-scene{gap:25px}.form-scene h1{font-size:42px}.form-scene .stage{height:240px;max-width:310px;margin:auto}.form-scene .green{width:62%;right:0;height:90%}.form-scene .orange{width:45%;height:55%;left:0}.form-scene .bubble{font-size:22px;top:0;left:0}.form-scene .task-chip{min-height:44px}.form-scene textarea{font-size:16px}.form-scene .actions .primary{width:100%}dialog{padding:30px 24px}dialog h2{font-size:35px}dialog img{height:170px}}
@media(max-width:370px){.wrap{width:calc(100% - 28px)}.brand{font-size:15px}.brand-mark{font-size:25px}.nav-cta{font-size:9px}.hero-stage{height:285px}.story-topline>span{font-size:7px}.hero-title{font-size:45px}.about-strip button{margin-left:38px;min-height:25px}.site-footer>div>span{display:none}.flow-card{min-width:72px}.solution-stage .flow-card{min-width:76px}}
.hero-stage{isolation:auto}.hero-art{width:105%;left:-2.5%;top:0;aspect-ratio:3/2;mix-blend-mode:multiply}.hero-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-orange{clip-path:inset(0 57% 0 0);transform-origin:25% 85%}.hero-papers{clip-path:inset(0 28% 0 43%)}.hero-green{clip-path:inset(0 0 0 72%);transform-origin:85% 85%}.hero-stage .bubble{top:-3%}.hero-stage .stage-caption{left:0;bottom:0}.hero-stage .tiny-stars{bottom:13%;right:0}.scene-animate .hero-art{animation:none}.scene-animate .hero-orange{animation:pump .8s ease-in-out 4,last-pump .65s ease-in-out 4.1s 1}.scene-animate .hero-green{animation:peek 1.6s var(--ease) 2}.scene-animate .hero-papers{animation:paper-sway 1.6s ease-in-out 3}.second-pump{position:absolute;height:100px;width:50px;bottom:32px;right:0}.solution-stage .orange,.solution-stage .green{animation:none}.travelling-document{position:absolute;left:15%;top:16%;color:var(--blue);font-size:24px;opacity:0}.scene-animate .travelling-document{animation:document-route 2.4s var(--ease) .6s 1}.demo-cast{position:relative;display:block;width:65px;height:55px;flex-shrink:0}.demo-cast .orange{width:55%;height:100%;left:0;animation:none}.demo-cast .green{width:48%;height:100%;right:0;animation:none}.scene-animate .calculation>span,.scene-animate .calculation>strong{animation:arrive .3s var(--ease) both}.scene-animate .calculation>span:nth-of-type(2){animation-delay:.25s}.scene-animate .calculation>strong{animation-delay:.5s}
@keyframes paper-sway{0%,100%{transform:none}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes document-route{0%{opacity:0;transform:translateX(0)}10%{opacity:1}50%{opacity:1;transform:translateX(150px)}90%{opacity:1;transform:translateX(280px)}100%{opacity:0;transform:translateX(280px)}}
@media(max-width:1150px) and (min-width:621px){.hero-art{top:13%}.hero-stage .bubble{top:2%}.hero-stage .stage-caption{bottom:3%}}
@media(max-width:620px){.hero-scene .copy{display:contents}.hero-scene .eyebrow{order:0}.hero-scene h1{order:1;margin-bottom:4px}.hero-scene .hero-stage{order:2;height:300px;margin-top:24px}.hero-scene .intro{order:3;margin-top:8px}.hero-scene .body-copy{order:4;margin:0}.hero-scene .actions{order:5;margin-top:14px}.hero-art{top:0}.hero-stage .bubble{top:-5%;left:6%}.hero-stage .stage-caption{bottom:-5px;font-size:21px}.hero-stage .scribble{top:7%}.hero-stage .tiny-stars{bottom:14%}.character-stage,.tasks-scene .stage,.form-scene .stage{grid-row:1;height:220px;margin:10px auto 20px;max-width:330px}.character-stage .bubble{font-size:18px;top:0}.character-stage .orange{height:95%;width:48%}.character-stage .green{height:72%;width:36%}.character-stage .paper{width:40px;height:55px;font-size:6px;padding:7px}.character-stage .paper:after{height:20px;margin-top:3px}.extra-pump{font-size:8px}.second-pump{height:65px;bottom:30px}.tasks-scene .bubble,.form-scene .bubble{font-size:20px;left:3%}.form-scene .stage{height:185px}.solution-stage{grid-row:1;margin-top:22px}.demo-cast{width:46px;height:45px}.player-bottom{gap:5px}.player-bottom>span:not(.demo-cast){font-size:8px}.travelling-document{display:none}}
@media(max-width:370px){.hero-scene .hero-stage{height:255px}.hero-stage .stage-caption{font-size:19px}.hero-stage .bubble{font-size:17px}.brand-dot{margin-left:-5px}}
.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}h1[tabindex]:focus,main[tabindex]:focus{outline:none}.hero-art{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}.about-vignette{display:flex;align-items:center;justify-content:center;height:75px;gap:25px;position:relative;color:var(--blue);font-size:38px;background:#f2eee0;border-radius:12px}.vignette-pump{position:absolute;left:calc(50% - 99px);opacity:0}.vignette-keyboard{opacity:1}.vignette-path{font-size:24px;color:#9d957e}.vignette-done{font-size:25px;color:#528e3b}.about-vignette.replay .vignette-pump{animation:pump-morph 2s var(--ease) both}.about-vignette.replay .vignette-keyboard{animation:keyboard-morph 2s var(--ease) both}.about-vignette.replay .vignette-document{animation:arrive .7s var(--ease) 1.7s both}.about-vignette.replay .vignette-done{animation:arrive .4s var(--ease) 2.4s both}@keyframes pump-morph{0%,45%{opacity:1;transform:translateY(0)}25%{transform:translateY(6px)}100%{opacity:0;transform:translateY(7px) scale(.95)}}@keyframes keyboard-morph{0%,45%{opacity:0;transform:translateY(-5px)}100%{opacity:1;transform:none}}
.validation button {
  display: block;
  margin: 9px auto 0;
  min-height: 34px;
  padding: 4px 15px;
}
.solution-stage .green {
  z-index: 4;
  pointer-events: none;
}
.solution-stage .validation {
  left: 50%;
  transform: translateX(-50%);
  width: 170px;
  max-width: calc(100% - 24px);
}
.validation-green > img,
.validation-green > svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.validation-green-body { clip-path: inset(22% 0 0); }
.validation-green-hair {
  clip-path: inset(0 0 78%);
  transition: opacity 120ms ease-out;
}
.validation-green-upright {
  opacity: 0;
  transform: scaleY(.6);
  transform-origin: 54% 22%;
  transition: opacity 120ms ease-out, transform 180ms var(--ease);
}
.hair-raised .validation-green-hair { opacity: 0; }
.hair-raised .validation-green-upright { opacity: 1; transform: scaleY(1); }
.solution-stage .validation-green.is-startled {
  animation: shadok-startle 780ms both;
}
@keyframes shadok-startle {
  0% { transform: translateY(0) scale(1); animation-timing-function: ease-out; }
  12% { transform: translateY(3px) scale(1.04, .96); animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  42% { transform: translateY(-24px) scale(.96, 1.04); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  72% { transform: translateY(0) scale(1.04, .96); animation-timing-function: ease-out; }
  87% { transform: translateY(-3px) scale(.99, 1.01); animation-timing-function: ease-out; }
  100% { transform: translateY(0) scale(1); }
}
.about-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin-top: 16px;
}
.about-email {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue);
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.about-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 9px;
  background: #17843b;
  color: white;
  font-size: 14px;
  font-weight: 650;
  transition: background-color .16s ease, transform .16s var(--ease);
}
.about-whatsapp:active { transform: scale(.97); }
.whatsapp-invitation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
}
#about-dialog .whatsapp-mascot {
  flex: 0 1 174px;
  width: 174px;
  max-width: 45%;
  min-width: 0;
  height: auto;
  object-fit: contain;
  mix-blend-mode: normal;
  transform-origin: 35% 90%;
  pointer-events: none;
}
.whatsapp-invitation .about-whatsapp { flex-shrink: 0; }
.whatsapp-invitation.is-pointing .whatsapp-mascot {
  animation: point-to-whatsapp 1.1s cubic-bezier(.45, 0, .55, 1) 3;
}
@keyframes point-to-whatsapp {
  0%, 100% { transform: translateX(0) rotate(0); }
  45% { transform: translateX(5px) rotate(2deg); }
}
@media (hover: hover) and (pointer: fine) {
  .about-whatsapp:hover { background: #126c30; }
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.voice-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-label-row .field-label{margin-bottom:10px}.voice-record{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;margin:4px 0 10px;border:1px solid #bfccff;border-radius:50%;background:#edf1ff;color:var(--blue);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.voice-record svg{width:20px;height:20px}.voice-record:hover{background:#dce5ff;transform:translateY(-1px)}.voice-record:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-record.is-recording{border-color:#efb0a3;background:#fff0ec;color:#d94732}.voice-record.is-recording svg{animation:voice-pulse 1s ease-in-out infinite}.voice-status{min-height:19px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.voice-status.is-recording{color:#c34332}@keyframes voice-pulse{50%{transform:scale(1.12)}}
@media (max-width:620px){.voice-record{width:46px;height:46px;flex-basis:46px}.voice-label-row .field-label{margin-top:20px}}
.voice-stage{display:flex;align-items:center;justify-content:center;min-height:390px;position:relative}.voice-mascot{width:min(76%,390px);height:auto;object-fit:contain;filter:drop-shadow(0 16px 12px rgba(22,19,16,.14));transform-origin:50% 90%}.scene-animate .voice-mascot{animation:singing-shadok 1.8s ease-in-out infinite}.voice-bubble{top:8%;right:4%;font-size:17px;font-weight:800;color:var(--blue);transform:rotate(3deg)}@keyframes singing-shadok{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}
@media(max-width:620px){.voice-stage{min-height:270px;order:-1}.voice-mascot{width:min(78%,290px)}.voice-bubble{top:2%;right:2%;font-size:15px}}
.voice-callout{position:absolute;right:-2%;top:4%;width:190px;height:145px;z-index:5;pointer-events:none}.voice-callout .voice-mascot{position:absolute;right:0;bottom:0;width:82px;height:105px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(22,19,16,.15));transform-origin:50% 90%}.scene-animate .voice-callout .voice-mascot{animation:singing-shadok 1.8s ease-in-out infinite}.voice-callout .voice-bubble{top:-2px;right:0;padding:9px 13px;font-size:14px;white-space:nowrap}.voice-swirl{position:absolute;left:0;bottom:12px;width:125px;height:88px;color:var(--blue);transform:rotate(-8deg)}
@media(max-width:620px){.voice-callout{right:-3%;top:-2%;width:150px;height:112px}.voice-callout .voice-mascot{width:58px;height:75px}.voice-callout .voice-bubble{font-size:12px;padding:7px 10px}.voice-swirl{width:96px;height:68px;bottom:4px}}
.voice-label-row{align-items:center;justify-content:flex-end;margin-top:20px;margin-bottom:2px}.voice-label-row .field-label{display:none}.voice-callout-inline{position:relative;flex:1;min-width:0;height:82px}.voice-callout-inline .voice-mascot{position:absolute;left:0;bottom:-2px;width:74px;height:86px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(22,19,16,.15));transform-origin:50% 90%}.scene-animate .voice-callout-inline .voice-mascot{animation:singing-shadok 1.8s ease-in-out infinite}.voice-bubble-inline{position:absolute;left:61px;top:3px;z-index:2;padding:7px 11px;background:#fffdf7;border:1px solid #292821;border-radius:50%;font:700 13px/1 var(--hand);white-space:nowrap;transform:rotate(-5deg)}.voice-swirl-inline{position:absolute;right:4px;top:4px;width:86px;height:62px;color:var(--blue);transform:rotate(-7deg)}
@media(max-width:620px){.voice-label-row{margin-top:18px}.voice-callout-inline{height:72px}.voice-callout-inline .voice-mascot{width:61px;height:73px}.voice-bubble-inline{left:49px;top:1px;font-size:11px;padding:6px 9px}.voice-swirl-inline{width:70px;height:52px;right:0}.voice-label-row .voice-record{width:46px;height:46px;flex-basis:46px}}
.voice-callout-inline .voice-mascot{animation:none!important}.voice-arrow-inline{position:absolute;left:47px;right:-4px;top:13px;width:calc(100% - 38px);height:58px;color:#f07820;overflow:visible}.scene-animate .voice-arrow-inline{animation:mic-arrow-guide 1.35s ease-in-out infinite}@keyframes mic-arrow-guide{0%,100%{opacity:.45;transform:translateX(-4px) scale(.96)}50%{opacity:1;transform:translateX(5px) scale(1.02)}}
.voice-arrow-inline{background:linear-gradient(#f07820,#f07820) 34px 41px/ calc(100% - 49px) 7px no-repeat}.voice-arrow-inline path:first-child{d:path("M28 45C8 24 4 58 20 62c13 3 19-12 9-19")}
.voice-arrow-inline{display:none}.voice-callout-inline:before{display:none}.voice-callout-inline:after{content:'';position:absolute;left:99px;right:18px;top:34px;height:17px;background:linear-gradient(180deg,#ffc06e 0%,#f07820 42%,#b9430a 100%);clip-path:polygon(0 34%,78% 34%,78% 0,100% 50%,78% 100%,78% 66%,0 66%);filter:drop-shadow(2px 3px 1px rgba(107,42,7,.4));z-index:1;transform:perspective(80px) rotateX(8deg)}.scene-animate .voice-callout-inline:after{animation:mic-arrow-guide-3d 1.35s ease-in-out infinite}@keyframes mic-arrow-guide-3d{0%,100%{opacity:.72;transform:perspective(80px) translateX(-3px) rotateX(8deg) scale(.96)}50%{opacity:1;transform:perspective(80px) translateX(4px) rotateX(8deg) scale(1.03)}}
@media(max-width:620px){.voice-arrow-inline{left:39px;top:11px;width:calc(100% - 27px);height:49px}.voice-callout-inline:before{left:69px;top:30px;width:13px;height:10px;border-width:2.5px}.voice-callout-inline:after{left:89px;right:13px;top:32px;height:14px}.scene-animate .voice-arrow-inline{animation-duration:1.2s}}
.form-scene #chore-form{display:flex;flex-direction:column}.form-scene #chore-form>.voice-label-row{order:2}.form-scene #chore-form>.voice-label-row + .field-label{order:1;margin-top:20px;margin-bottom:2px}.form-scene #chore-form>.voice-label-row + .field-label:after{content:'Utilise le micro pour parler.';display:block;margin-top:5px;font-size:12px;font-weight:500;color:#8b7a53}.form-scene #chore-form>#chore-description{order:3}.form-scene #chore-form>#voice-status{order:4}.form-scene #chore-form>#chore-help{order:5}.form-scene #chore-form>#chore-error{order:6}.form-scene #chore-form>.actions{order:7}