:root{--ink:#293e50;--muted:#708392;--blue:#eaf3f8;--orange:#ed7950;--line:#cbdbe5;--paper:#f8fbfc;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--blue);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a14d2e;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid #cbdce680}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-symbol{width:44px;height:44px;border:2px solid var(--ink);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:27px;letter-spacing:-8px;padding-right:7px;transform:rotate(-5deg)}.brand-symbol span{color:var(--orange)}.brand-caption{display:block;font-size:7px;letter-spacing:1.6px;margin-top:4px;font-weight:650}.header nav{display:flex;gap:36px;font-size:13px}.header nav a:hover{color:#b74e2b}.header-cta{border:1px solid #aabfcd;border-radius:30px;padding:13px 20px;background:transparent;font-size:12px;font-weight:600}.header-cta span{margin-left:22px;font-size:19px}.header-cta:hover{background:white}.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 42%,#f8fcff 0%,transparent 60%)}.hero-intro{text-align:center;position:relative;z-index:2;padding-top:52px;pointer-events:none}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.3px;font-weight:700}.eyebrow{display:flex;gap:9px;justify-content:center;align-items:center}.eyebrow>span{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(48px,5.3vw,76px);line-height:1.05;letter-spacing:-4px;font-weight:680;margin:23px 0 18px}h1>span{color:var(--orange);font-style:italic;font-family:Georgia,serif;font-weight:400;letter-spacing:-3px}.hero-intro p{font-size:14px;line-height:1.8;color:#667e8f;margin:0}.workshop{height:500px;max-width:1440px;margin:-43px auto 0;position:relative;scroll-margin-top:30px}.world{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.scene-label{position:absolute;top:140px;z-index:1;font-size:12px;letter-spacing:-.1px;transform:rotate(-7deg);color:#688299}.scene-label>span{display:block;font-size:8px;letter-spacing:2px;margin-bottom:7px;color:#89a0b0}.scene-label i{font-size:31px;display:block;text-align:right;font-style:normal;margin-top:-4px;color:#91a8b7}.label-left{left:11%;top:62px}.label-right{right:9%;top:51px;transform:rotate(6deg)}.label-right i{text-align:left}.toolbox-zone{position:absolute;left:50%;top:49%;width:318px;height:222px;transform:translate(-50%,-50%);perspective:1000px;z-index:3}.toolbox{display:block;position:relative;width:100%;height:100%;border:0;background:none;padding:0;animation:levitate 4s ease-in-out infinite;transform:rotate(-5deg);filter:drop-shadow(0 18px 12px #833f271a);transition:filter .3s}.toolbox:hover{filter:drop-shadow(0 22px 17px #b55b352e)}.toolbox:focus-visible{outline:none}.workshop:has(.toolbox:focus-visible) .box-hint{outline:2px solid var(--ink);outline-offset:6px;border-radius:4px;color:var(--ink)}.box-bottom{position:absolute;left:10px;top:91px;width:299px;height:119px;border-radius:9px 9px 23px 23px;background:linear-gradient(110deg,#f68a55 0%,#ee7048 66%,#d9583b 100%);box-shadow:inset 0 -8px 0 #b6452b33,inset 4px 0 3px #ffb37b80,inset -5px 0 0 #c94e35;transform:skewY(-2deg);z-index:3}.box-bottom:after{content:"";position:absolute;bottom:16px;left:29px;right:29px;height:3px;background:#c6563e66;border-radius:4px}.box-line{position:absolute;inset:15px 12px 10px;border:1px solid #ffb08355;border-radius:6px 6px 15px 15px}.box-lid{position:absolute;top:49px;left:1px;width:318px;height:62px;border-radius:15px 17px 7px 7px;background:linear-gradient(165deg,#ffa36a 0%,#f98652 35%,#eb6941 38%,#e6643e 90%);box-shadow:inset 2px 2px 1px #ffc398,inset -4px -5px 0 #c94e3033,0 6px 0 #b8412d;z-index:4;transform:skewY(-2deg);transform-origin:50% 5%;transition:transform .75s cubic-bezier(.2,.8,.2,1),top .75s}.box-handle{position:absolute;width:103px;height:41px;border:13px solid #425767;border-bottom:0;border-radius:17px 17px 0 0;top:-35px;left:109px;box-shadow:inset 0 5px 0 #2b3e4f,3px -3px 0 #79909e;transform:skewX(-4deg)}.box-handle:before,.box-handle:after{content:"";position:absolute;width:26px;height:10px;background:#475666;border-radius:4px;bottom:-6px;left:-18px}.box-handle:after{left:auto;right:-18px}.lid-shine{position:absolute;top:13px;left:19px;right:18px;height:2px;background:#ffb98999}.box-latch{position:absolute;z-index:5;width:27px;height:42px;top:95px;border-radius:4px 4px 7px 7px;background:linear-gradient(90deg,#536876,#8da0a5 48%,#677b82 50%,#4e6673);box-shadow:2px 3px 1px #8d36284d;transition:transform .5s}.box-latch:after{content:"";position:absolute;left:6px;top:12px;width:14px;height:14px;border-radius:3px;border:2px solid #b5c3c5;background:#536b78}.latch-left{left:42px}.latch-right{right:37px;top:87px}.box-badge{position:absolute;left:100px;top:31px;width:100px;text-align:center;font-size:26px;font-weight:850;color:#ffdbb9;line-height:1;letter-spacing:-2px}.box-badge>span{display:block;font-size:5px;letter-spacing:1px;margin-top:6px;font-weight:600}.box-corner{position:absolute;width:23px;height:28px;background:#576772;border-radius:3px 5px 0 10px;bottom:0}.corner-left{left:0}.corner-right{right:0;border-radius:5px 3px 10px 0}.box-back{position:absolute;left:9px;top:78px;width:299px;height:49px;background:#954533;border-radius:10px;z-index:1}.tool-peek{position:absolute;font-size:50px;top:45px;z-index:2;opacity:0;transition:transform .7s,opacity .5s}.tool-one{left:80px;transform:rotate(-30deg)}.tool-two{left:180px;transform:rotate(20deg)}.click-sticker{position:absolute;z-index:7;left:172px;top:170px;white-space:nowrap;padding:12px 17px;background:#fff7d9;border-radius:3px;font-size:13px;font-weight:700;letter-spacing:-.2px;transform:rotate(-8deg);box-shadow:0 5px 10px #895c3520;transition:opacity .3s,transform .4s}.click-sticker:before{content:"";position:absolute;width:37px;height:13px;background:#ffead1a6;left:53px;top:-6px;transform:rotate(5deg)}.click-sticker span{margin-left:12px;font-size:20px}.toolbox-shadow{position:absolute;left:12px;bottom:-23px;width:305px;height:37px;border-radius:50%;background:#779bad35;filter:blur(10px);animation:shadow-breathe 4s ease-in-out infinite;transform:rotate(-3deg)}.spark{position:absolute;color:#efa45f;pointer-events:none;animation:twinkle 4s ease-in-out infinite}.spark-one{font-size:32px;right:-35px;top:34px}.spark-two{font-size:19px;left:-34px;bottom:50px;animation-delay:-2s}.box-hint{position:absolute;bottom:55px;left:50%;transform:translateX(-50%) rotate(-3deg);font-size:12px;color:#728a9b;white-space:nowrap}.hint-arrow{display:block;text-align:center;font-size:39px;line-height:1;margin-bottom:9px;transform:rotate(-17deg);color:#93aab9}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 0 28px;margin-top:-8px;position:relative;z-index:2}.micro-label{font-size:8px;letter-spacing:1.6px;display:flex;gap:8px;align-items:center}.micro-label i{width:5px;height:5px;background:#86a892;border-radius:50%}.scroll-hint{font-size:10px;color:var(--muted)}.scroll-hint span{margin-left:14px;font-size:19px}.motion-toggle{border:0;background:none;color:var(--muted);font-size:12px;padding:8px}.motion-toggle span{font-size:10px;margin-left:5px}.worker-arm{transform-origin:25px -73px;animation:work-arm 2s ease-in-out infinite}.curtain-hand{transform-origin:-24px -73px;animation:curtain-work 2.5s ease-in-out infinite}.tv-hand{transform-origin:-27px -70px;animation:curtain-work 1.5s ease-in-out infinite}.paint-hand{transform-origin:-28px -72px;animation:paint 2.8s ease-in-out infinite}.curtain{transform-origin:240px 190px;animation:curtain-sway 5s ease-in-out infinite}.service-options{position:absolute;left:50%;top:45%;width:720px;height:275px;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.service-card{position:absolute;display:flex;align-items:center;gap:12px;width:204px;padding:16px 14px;border:1px solid #fff;background:#ffffffed;border-radius:17px;text-align:left;box-shadow:0 8px 25px #567b8e15;pointer-events:auto;animation:card-enter .55s both;transition:transform .2s,box-shadow .2s}.service-card:nth-child(1){left:0;top:0}.service-card:nth-child(2){right:0;top:0;animation-delay:.05s}.service-card:nth-child(3){left:-25px;top:100px;animation-delay:.1s}.service-card:nth-child(4){right:-25px;top:100px;animation-delay:.15s}.service-card:nth-child(5){left:8px;top:200px;animation-delay:.2s}.service-card:nth-child(6){right:8px;top:200px;animation-delay:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #567b8e26;border-color:#ee9e7f}.service-icon{color:#d66c43;display:grid;place-items:center;width:35px;height:39px;background:#fff1e6;border-radius:10px;flex-shrink:0}.service-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.service-card strong{display:block;font-size:12px;margin-bottom:5px}.service-card small{font-size:9px;color:#8395a0}.service-card .card-arrow{margin-left:auto;font-size:17px;color:#8b9da7}.is-open .box-lid{transform:translateY(-66px) rotate(-13deg) skewY(-2deg)}.is-open .box-latch{transform:translateY(7px) rotateX(40deg)}.is-open .tool-peek{opacity:1;transform:translateY(-18px) rotate(-20deg)}.is-open .tool-two{transform:translateY(-13px) rotate(16deg)}.is-open .click-sticker{opacity:0;transform:translateY(20px) rotate(-8deg)}.is-open .room-left,.is-open .room-tv,.is-open .room-paint{opacity:.35;transition:opacity .5s}.is-open .box-hint{visibility:hidden}.close-box{position:absolute;left:50%;bottom:33px;transform:translateX(-50%);background:#eaf3f8c9;border:1px solid #bfd2df;border-radius:30px;padding:10px 17px;font-size:11px;z-index:5}.close-box span{margin-left:13px;font-size:17px}.how{display:flex;gap:70px;padding:66px 0;border-top:1px solid var(--line)}.how-intro{flex:0 0 28%}.section-kicker{color:#81919a;font-size:9px;letter-spacing:1.9px}.how h2,.task-banner h2{font-size:32px;line-height:1.14;letter-spacing:-1.2px;font-weight:650;margin:17px 0}.how p,.task-banner p{font-size:12px;line-height:1.85;color:var(--muted)}.how-intro p{max-width:260px}.steps{padding:0;margin:9px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;flex:1}.step-number{font-size:12px;color:#b37657;display:inline-flex;width:37px;height:37px;border:1px solid #d9c9bc;border-radius:50%;align-items:center;justify-content:center;margin-bottom:19px}.steps h3{font-size:14px;letter-spacing:-.3px;margin:0 0 10px;font-weight:650}.steps p{font-size:11px;margin:0}.task-banner{display:flex;align-items:center;justify-content:space-between;background:#deebf2;border:1px solid #d0e0e9;border-radius:20px;padding:34px 42px;margin-bottom:48px}.task-banner h2{font-size:27px;margin:11px 0}.task-banner p{margin:0}.dark-button{background:var(--ink);color:white;border:0;border-radius:30px;font-size:12px;padding:17px 22px;flex-shrink:0}.dark-button span{font-size:18px;margin-left:27px}.dark-button:hover{background:#405e73}.footer{padding:0 0 30px;display:flex;justify-content:space-between;align-items:center;color:#8797a2;font-size:10px}.footer-brand{color:var(--ink);font-weight:750;letter-spacing:-.6px;font-size:18px}.footer-brand span{font-size:9px;vertical-align:top;margin-left:5px}.demo-label{font-size:9px}
dialog{border:1px solid #d6e1e7;border-radius:25px;background:#f9fcfd;color:var(--ink);padding:36px;width:min(570px,calc(100% - 28px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 28px 100px #152c4450}dialog::backdrop{background:#253b4c66;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:15px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#e9f0f4;font-size:24px}.dialog-close:hover{background:#dce8ef}dialog h2{font-size:29px;letter-spacing:-1px;line-height:1.1;margin:13px 0}.dialog-description,dialog p{font-size:12px;color:var(--muted);line-height:1.6}form{margin-top:22px}form label{display:block;font-size:11px;font-weight:600;margin-bottom:15px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #cedce5;border-radius:9px;padding:12px 11px;background:#fff;color:var(--ink);font-size:12px;margin-top:7px;min-height:41px}input::placeholder,textarea::placeholder{color:#8797a3}textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.optional{font-weight:400;font-size:9px;color:#6e8594;margin-left:4px}.consent{display:flex;gap:9px;align-items:flex-start!important;font-weight:400!important;color:#6c8190;line-height:1.6}.consent input{accent-color:#d6744c;margin:3px 0 0}.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:10px;background:var(--orange);color:#fff;padding:14px 17px;font-size:12px;font-weight:600}.submit-button:hover{background:#d96842}.submit-button span{font-size:20px}.form-note{font-size:9px!important;text-align:center;margin:12px 0 0!important}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.success-icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;background:#e0eee7;color:#648b75;border-radius:50%;font-size:28px;margin-bottom:24px}#success-view .section-kicker{display:block}.order-summary{background:#ecf3f7;border:1px solid #dbe6ec;border-radius:12px;padding:17px;margin:22px 0;white-space:pre-wrap;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.paused .world *,.paused .toolbox,.paused .toolbox-shadow,.paused .spark{animation-play-state:paused!important}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-13px) rotate(-2deg)}}@keyframes shadow-breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(.87);opacity:.45}}@keyframes twinkle{0%,100%{opacity:.6;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.12) rotate(10deg)}}@keyframes work-arm{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(-45deg)}}@keyframes curtain-work{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(12deg)}}@keyframes paint{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(22deg)}}@keyframes curtain-sway{0%,100%{transform:skewX(0deg)}50%{transform:skewX(1deg)}}@keyframes card-enter{from{opacity:0;translate:0 20px;scale:.9}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:1500px){.hero-intro{padding-top:60px}.workshop{height:550px;margin-top:-30px}.toolbox-zone{top:48%}.box-hint{bottom:60px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header{height:92px}.header nav{gap:23px}.hero-intro{padding-top:40px}.workshop{height:450px;margin-top:-5px}.world{width:120%;max-width:none;left:-10%}.toolbox-zone{transform:translate(-50%,-50%) scale(.9)}.label-left{left:5%;top:36px}.label-right{right:4%;top:23px}.how{gap:36px}.steps{gap:20px}.service-options{width:650px}.service-card{width:185px}.how h2{font-size:28px}.task-banner{padding:30px}.task-banner h2{font-size:23px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{height:82px}.brand{font-size:19px;gap:9px}.brand-symbol{width:36px;height:36px;font-size:23px;border-radius:10px}.brand-caption{font-size:5.5px;letter-spacing:1.2px}.header nav{display:none}.header-cta{padding:10px 12px;font-size:10px}.header-cta span{margin-left:9px;font-size:15px}.hero-intro{padding-top:37px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:57px;letter-spacing:-3px;margin:19px 0 15px}.hero-intro p{font-size:12px}.workshop{height:445px;margin-top:-4px}.world{width:185%;left:-42.5%;top:7px;opacity:.8}.room-left{transform:translate(75px,28px)}.room-tv{transform:translate(-38px,10px)}.room-paint{transform:translate(32px,0)}.scene-label{display:none}.toolbox-zone{top:49%;transform:translate(-50%,-50%) scale(.86)}.box-hint{bottom:37px;font-size:10px}.hero-bottom{padding-bottom:22px;margin-top:0}.micro-label{font-size:6px;letter-spacing:1px}.scroll-hint{display:none}.motion-toggle span{font-size:9px}.how{padding:38px 0;display:block}.how-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center}.how-intro .section-kicker{grid-column:1/-1}.how-intro h2{font-size:29px}.how-intro p{font-size:11px}.steps{gap:18px;margin-top:22px}.steps h3{font-size:12px;line-height:1.5}.steps p{font-size:10px}.step-number{margin-bottom:16px}.task-banner{padding:25px;display:block;border-radius:16px;margin-bottom:30px}.task-banner h2{font-size:25px;max-width:300px}.task-banner p{font-size:11px}.dark-button{margin-top:20px}.footer{flex-wrap:wrap;gap:15px;font-size:9px}.footer-brand{font-size:16px}.demo-label{width:100%;font-size:8px}.is-open .world{opacity:.25}.is-open .toolbox-zone{top:32%;transform:translate(-50%,-50%) scale(.68)}.is-open.workshop{height:650px}.service-options{width:calc(100% - 36px);max-width:460px;top:auto;bottom:68px;left:50%;height:auto;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-card,.service-card:nth-child(n){position:relative;inset:auto;width:100%;padding:13px 10px;gap:8px;border-radius:12px;min-height:74px}.service-card strong{font-size:11px}.service-card small{font-size:8px}.service-icon{width:30px;height:34px}.service-icon svg{width:21px;height:21px}.card-arrow{display:none}.close-box{bottom:15px}.is-open .box-hint{display:none}}
@media(max-width:380px){.header-cta{font-size:9px;padding:10px}.brand{font-size:17px}.brand-caption{font-size:5px}.brand-symbol{width:31px;height:33px}.header-cta span{display:none}h1{font-size:51px}.steps{gap:12px}.steps h3{font-size:11px}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:29px 22px}.service-card strong{font-size:10px}.service-card small{font-size:7.5px}}
@media(max-width:480px){.form-row{grid-template-columns:1fr;gap:0}dialog{padding:30px 24px}.optional{margin-left:5px}.how-intro{display:block}.how-intro p{max-width:290px}.how-intro h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.toolbox{transform:rotate(-4deg)}}