:root{color-scheme:light;--bg:#fcfcfc;--panel:#f3f4f5;--text:#111112;--muted:#676a6d;--line:#e3e3e3;--placeholder:#b2b2b2;--coral:#fa5843;--mono:'IBM Plex Mono',monospace;--button-gradient:linear-gradient(117.15deg,#f3acf2 4.185%,#fea07e 68.535%,#fa5843 96.439%,#fd9fba 171.7%);--text-gradient:linear-gradient(120.56deg,#f3acf2 7.89%,#fea07e 40%,#fa5843 58.377%,#fd9fba 107.94%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65;font-optical-sizing:none;font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #9163cc;outline-offset:6px}::selection{background:#f3acf280;color:#111112}img{display:block}button:disabled{cursor:default}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.process-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:12px;transform:translateY(-200%);padding:10px 20px;border-radius:8px;background:#111112;color:white;z-index:30}.skip:focus{transform:none}.anchor-alias{display:block;position:relative;top:-28px;height:0}.header{height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.brand{padding:16px 12px;flex-shrink:0;justify-self:start}.header nav{display:flex;align-items:center;gap:80px;font-size:14px;color:#858b99}.header nav a{padding-block:12px;transition:color .2s}.header nav a:hover{color:var(--coral)}.button{width:380px;max-width:100%;min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border-radius:999px;background:var(--button-gradient);box-shadow:inset 2px 4px 3px #ffffff4d,1px 4px 12px #00000026;color:#fff;font-size:14px;font-weight:700;line-height:21px;text-align:center;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:inset 2px 4px 3px #ffffff4d,1px 6px 16px #00000026}.header-cta{justify-self:end;width:274px;background:linear-gradient(118.19deg,#f3acf2 5.919%,#fea07e 97.502%,#fa5843 137.19%,#fd9fba 244.21%)}.gradient-text{background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero{min-height:804px;padding:156px 24px 150px;text-align:center}.hero h1{font-size:82px;line-height:1.06;letter-spacing:-3px;max-width:1040px;margin-inline:auto}.hero-copy{max-width:565px;margin:78px auto 45px;color:var(--muted)}.hero-copy p+p{margin-top:28px}.text-link{display:block;width:fit-content;margin:10px auto 0;padding:4px 12px;color:var(--muted);font-size:14px;line-height:28px}.text-link:hover{text-decoration:underline}h2{font-size:40px;line-height:1.1;letter-spacing:-1px}h3{font-size:40px;line-height:1.1;letter-spacing:-1px}.section-intro{color:var(--muted);max-width:717px;margin-inline:auto}.tinted{background:var(--panel)}.media-block{background:var(--placeholder);border-radius:39px}.demo{min-height:892px;text-align:center;padding:40px 0 34px;position:relative}.demo h2{line-height:1.595}.demo .section-intro{max-width:none;margin-top:10px}.demo-media{width:min(1049.59px,100%);aspect-ratio:16/9;margin:36px auto 40px;border-radius:48px;position:relative;display:grid;place-items:center}.play-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#ffffffc2;backdrop-filter:blur(24px);box-shadow:0 4px 12px #1111121f,0 6px 24px #11111214}.process{min-height:997px;padding:40px 0 93px;text-align:center}.process>div>h2{line-height:1.595}.process .section-intro{max-width:483px;margin-top:10px}.process-flow{position:relative;margin-top:115px}.process-flow ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:126px;padding:0;margin:0}.process-flow h3{white-space:nowrap}.step-media{width:241px;max-width:100%;height:214px;margin:31px auto 27px}.process-flow p{color:var(--muted);max-width:338px;margin-inline:auto;line-height:1.65}.flow-arrow{position:absolute;top:177px;display:block}.flow-arrow-one{left:31.3%}.flow-arrow-two{left:67%}.process-close{margin-top:95px}.process-close h2{line-height:1.595}.process-close .button{margin-top:16px}.feature{min-height:744px;display:flex;align-items:center;padding-block:80px}.feature-tinted{background:var(--panel)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:200px;align-items:center}.feature-media{height:460px;width:100%}.feature-copy{padding-inline:14px;max-width:520px}.feature-copy h2{max-width:470px}.feature-copy p{max-width:483px;margin-top:26px;color:var(--muted);line-height:1.65}.feature-copy .button{margin-top:44px}.marketing{min-height:997px;padding:40px 0 58px;background:linear-gradient(123.705deg,#fd8d6e 7.3175%,#fa5843 45.216%,#fd9fba 96.896%);color:#fff;text-align:center}.marketing h2{line-height:1.595}.marketing .section-intro{color:#fff;max-width:717px;margin-top:24px}.marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr auto;column-gap:126px;row-gap:0;min-height:623px;margin-top:53px;align-items:start}.marketing-grid h3{margin-bottom:25px}.marketing-media{width:241px;max-width:100%;height:217px;margin:0 auto 31px}.marketing-grid article{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-items:start;justify-items:center}.marketing-grid article:first-child .marketing-media{margin-top:102px}.marketing-grid article:nth-child(2) .marketing-media{height:413px}.marketing-grid article:last-child .marketing-media{margin-top:102px}.marketing-grid article p{max-width:338px;margin-top:0;line-height:1.65}.marketing .button{margin-top:39px}.faq{min-height:744px;padding:142px 48px 140px}.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,633px);gap:60px;align-items:center;max-width:1280px;margin-inline:auto}.faq h2{justify-self:center;max-width:480px}.questions{width:100%}details{border-bottom:1px solid var(--line)}details:last-child{border-bottom:0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:77px;padding-block:20px;font-size:15px;line-height:24px;color:#111112}summary::-webkit-details-marker{display:none}summary span{font:21px/1 var(--mono);flex-shrink:0;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:16px;line-height:1.65;padding:0 28px 24px 0}.contact{min-height:580px;text-align:center;padding:136px 24px 110px}.contact h2{font-size:82px;line-height:1.06;letter-spacing:-3px}.contact>p{font-size:16px;line-height:1.7;max-width:445px;margin:24px auto 28px;color:var(--muted)}.contact-cta{width:290px;border-radius:10px;min-height:54px;font-weight:500;background:linear-gradient(107.312deg,#f3acf2 4.185%,#fea07e 68.535%,#fa5843 96.439%,#fd9fba 171.7%);box-shadow:inset 2px 4px 3px #ffffff4d,1px 2px 4.9px #00000026}.footer{min-height:78px;padding-block:20px;display:flex;align-items:center;gap:24px;font-size:12px;color:#687e9e}.logo{font-family:Sigmar,'Arial Black',sans-serif;font-size:32px;line-height:1;letter-spacing:-2.5px;color:#111112;flex-shrink:0}.logo>span{font:11px/1 var(--mono);vertical-align:top;display:inline-block;margin:5px 0 0 5px;letter-spacing:0}.footer>p{margin-right:auto}.footer-email{font-size:13px;color:#7487a2}.footer>span{font-size:11px;white-space:nowrap}.footer>a:last-child{font-size:11px;white-space:nowrap}.motion-toggle{border:0;padding:10px 0;background:none;color:#77869c;font:11px/1.5 var(--mono);cursor:pointer}.motion-toggle:disabled{opacity:.8}.motion-paused *,.motion-paused *:before,.motion-paused *:after{transition:none!important}
@media(min-width:1441px){.hero h1{max-width:1100px}}
@media(max-width:1200px){.header nav{gap:40px}.process-flow ol,.marketing-grid{gap:52px}.process-flow h3,.marketing-grid h3{font-size:34px}.feature-grid{gap:90px}.feature-copy{padding-inline:0}.footer{gap:18px}.faq-grid{gap:44px}.marketing-grid{min-height:600px;row-gap:0}}
@media(max-width:900px){.wrap,.process-wrap{width:calc(100% - 64px)}.header{gap:20px}.header nav{gap:18px}.header-cta{width:240px;font-size:13px}.hero h1,.contact h2{font-size:64px;letter-spacing:-2.5px}.hero{min-height:730px;padding-top:130px}.hero-copy{margin-top:54px}h2,h3{font-size:34px}.demo{min-height:0;padding:55px 0}.demo h2{line-height:1.2}.demo-media{margin-top:32px;border-radius:32px}.process{min-height:0;padding:65px 0}.process-flow{margin-top:70px}.process-flow ol,.marketing-grid{gap:24px}.process-flow h3,.marketing-grid h3{font-size:27px;letter-spacing:-.8px}.step-media{height:auto;aspect-ratio:241/214;border-radius:28px}.flow-arrow{top:139px}.flow-arrow-one{left:32%}.flow-arrow-two{left:66.5%}.process-flow p,.marketing-grid p{font-size:16px}.process-close{margin-top:65px}.process-close h2{line-height:1.2}.process-close .button{margin-top:24px}.feature{min-height:600px;padding-block:70px}.feature-grid{gap:48px}.feature-media{height:auto;aspect-ratio:519/460;border-radius:32px}.feature-copy p{font-size:16px}.feature-copy .button{margin-top:28px}.marketing{min-height:0;padding:55px 0}.marketing-grid{margin-top:50px}.marketing-media{border-radius:28px;width:100%;height:auto;aspect-ratio:241/217}.marketing-grid article:first-child .marketing-media,.marketing-grid article:last-child .marketing-media{margin-top:80px}.marketing-grid article:nth-child(2) .marketing-media{height:auto;aspect-ratio:241/413}.marketing-grid{min-height:550px;row-gap:0}.faq{min-height:0;padding:90px 32px}.faq-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px}.faq h2{font-size:32px}.contact{min-height:520px;padding:110px 24px 95px}.footer{display:grid;grid-template-columns:auto 1fr auto;gap:12px 24px}.footer>p{margin:0}.footer-email{justify-self:end}.footer>span{grid-column:2}.motion-toggle{grid-column:2;grid-row:2;justify-self:end}.footer>a:last-child{grid-column:3;grid-row:2;justify-self:end}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap,.process-wrap{width:calc(100% - 40px)}.header{display:flex;height:auto;min-height:125px;gap:18px;flex-wrap:wrap;padding-block:20px}.brand{padding:12px 0}.header nav{order:3;width:100%;justify-content:center;gap:clamp(12px,4vw,24px);font-size:clamp(12px,3.5vw,14px)}.header nav a{padding-block:8px}.header-cta{width:auto;max-width:calc(100% - 90px);padding:10px 15px;font-size:12px;line-height:18px;min-height:44px}.hero{min-height:650px;padding:85px 24px 90px}.hero h1,.contact h2{font-size:46px;line-height:1.08;letter-spacing:-1.8px}.hero h1 br,.contact h2 br{display:none}.hero-copy{margin:36px auto 32px;font-size:16px;line-height:1.65}.hero-copy p+p{margin-top:24px}.button{min-height:46px;width:100%;padding:12px 18px}.hero .button{max-width:380px}.text-link{min-height:44px;padding-block:8px}.demo{padding:56px 0}.demo h2{font-size:32px;line-height:1.15;max-width:400px;margin-inline:auto}.section-intro{font-size:16px;line-height:1.65}.demo .section-intro{margin-top:18px}.demo-media{margin:30px auto 30px;border-radius:24px}.play-mark{width:48px;height:48px}.demo .button{max-width:380px}.process{padding:60px 0}.process>div>h2{font-size:32px;line-height:1.15;max-width:350px;margin-inline:auto}.process .section-intro{margin-top:20px}.process-flow{margin-top:52px}.process-flow ol{grid-template-columns:minmax(0,1fr);gap:60px}.process-flow h3{font-size:32px;white-space:normal}.step-media{width:241px;max-width:80%;height:214px;aspect-ratio:auto;margin-top:25px;margin-bottom:22px;border-radius:32px}.process-flow p{color:var(--muted);max-width:338px;font-size:16px}.flow-arrow{display:none}.process-close{margin-top:62px}.process-close h2{font-size:30px;line-height:1.2}.process-close .button{max-width:380px;margin-top:26px}.feature{min-height:0;padding-block:56px}.feature-grid{grid-template-columns:minmax(0,1fr);gap:32px}.feature-media{aspect-ratio:519/460;border-radius:28px;max-width:520px;margin-inline:auto}.feature-copy{max-width:520px;margin-inline:auto;width:100%}.feature-reverse .feature-media{grid-row:1}.feature h2{font-size:32px;line-height:1.14;max-width:430px}.feature p{margin-top:20px;font-size:16px}.feature-copy .button{max-width:380px;margin-top:26px}.marketing{padding:56px 0}.marketing h2{font-size:32px;line-height:1.2;max-width:360px;margin-inline:auto}.marketing .section-intro{margin-top:22px}.marketing-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;min-height:0;gap:54px;margin-top:48px}.marketing-grid article{display:flex;flex-direction:column;align-items:center;grid-row:auto;min-height:0}.marketing-grid h3{font-size:32px;margin-bottom:24px}.marketing-media{width:241px;height:217px;aspect-ratio:auto;border-radius:32px;margin-bottom:24px}.marketing-grid article:first-child .marketing-media,.marketing-grid article:last-child .marketing-media{margin-top:0}.marketing-grid article:nth-child(2) .marketing-media{height:413px;aspect-ratio:auto}.marketing-grid article p{font-size:16px;margin-top:0;max-width:338px}.marketing .button{max-width:380px;margin-top:40px}.faq{padding:64px 20px}.faq-grid{grid-template-columns:minmax(0,1fr);gap:30px}.faq h2{font-size:32px;justify-self:start;line-height:1.15;max-width:300px}.questions summary{font-size:16px;line-height:1.5;min-height:77px;gap:22px}.questions details p{font-size:16px;padding-right:0}.contact{min-height:0;padding:74px 24px 78px}.contact h2{max-width:430px;margin-inline:auto}.contact>p{font-size:16px;margin-top:26px;margin-bottom:28px;max-width:370px}.contact-cta{width:290px;max-width:100%;min-height:54px}.footer{grid-template-columns:1fr auto;gap:14px 16px;padding:26px 0 calc(24px + env(safe-area-inset-bottom))}.footer .logo{font-size:30px;min-height:44px;display:flex;align-items:center}.footer>p{grid-column:1/-1;grid-row:2;font-size:12px}.footer-email{grid-column:1/-1;grid-row:3;justify-self:start;min-height:30px}.footer>span{grid-column:1;grid-row:4}.footer .motion-toggle{grid-column:2;grid-row:4;justify-self:end;padding:10px 0;font-size:10px}.footer>a:last-child{grid-row:1;grid-column:2;font-size:12px;min-height:44px;display:flex;align-items:center}.header .button:hover,.button:hover{transform:none}}
@media(max-width:360px){.header nav{gap:18px}.header-cta{font-size:11px;padding-inline:12px}.hero h1,.contact h2{font-size:40px}.hero{padding-inline:20px;padding-top:70px}.feature h2,.demo h2,.process>div>h2,.marketing h2{font-size:30px}.footer{gap:12px}.footer .motion-toggle{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Figma artwork keeps its original framing inside responsive layout slots. */
.art{display:block;position:relative;overflow:hidden;flex-shrink:0;background:none;border-radius:0;aspect-ratio:1}
.art>img{position:absolute;width:var(--image-width,100%);height:var(--image-height,100%);left:var(--image-left,0%);top:var(--image-top,0%);max-width:none;pointer-events:none}
.sprite{aspect-ratio:auto}.mirrored{transform:scaleX(-1)}
.brand{position:relative;display:flex;align-items:center;gap:6px}.brand-mascot{width:31px;height:44px;margin-block:-13px}
.hero{position:relative;isolation:isolate}.hero-heading{position:relative;max-width:1040px;margin-inline:auto}.hero-skull{position:absolute;width:86px;height:80px;left:calc(50% + 300px);top:101px;transform:rotate(15deg)}
.hero-copy,.hero>.button,.hero>.text-link{position:relative;z-index:2}
.hero-workers{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(1440px,100%);height:289px;pointer-events:none;z-index:-1}
.hero-worker{position:absolute}.hero-worker-one{width:141px;height:218px;left:6.6%;top:56px}.hero-worker-two{width:130px;height:214px;left:17.22%;top:0}.hero-worker-three{width:151px;height:248px;left:31.39%;top:41px}.hero-worker-four{width:143px;height:202px;left:68.4%;top:56px}.hero-worker-five{width:123px;height:173px;left:85.83%;top:20px}
.hero-shadow{position:absolute;z-index:-1}.hero-shadow-1{left:30.18%;top:241.6px}.hero-shadow-2{left:17.19%;top:169.6px}.hero-shadow-3{left:5.74%;top:231.6px}
.demo>.wrap{position:relative}.demo-mascot{position:absolute;width:122px;height:174px;left:47px;top:610px;z-index:1;pointer-events:none}
.process-flow ol{gap:100px}.step-media{width:317px;height:225px;max-width:100%;margin:31px auto 27px;filter:drop-shadow(0 12px 18px #0000000a)}.process-flow li:nth-child(2) .step-media{width:299px}.process-flow li:nth-child(3) .step-media{width:279px}
.feature-media{height:auto;max-width:none}.feature-arquivos{width:calc(100% + 66px);aspect-ratio:586/301;margin-left:12px}.feature-tarefas{width:calc(100% + 148px);aspect-ratio:668/440;margin-left:-143px}.feature-contatos{width:calc(100% + 94px);aspect-ratio:1;margin-left:-11px}.feature-reunioes{width:calc(100% + 102px);aspect-ratio:622/542;margin-left:-117px}
.marketing{background:linear-gradient(125.196deg,#fd8d6e .29392%,#fa5843 41.511%,#fd9fba 100%)}
.marketing-grid{column-gap:100px;grid-template-rows:116px 401px auto;margin-top:55px;min-height:623px}
.marketing-grid article:first-child h3,.marketing-grid article:last-child h3{padding-top:73px}.marketing-grid h3{margin-bottom:0}
.marketing-media{height:auto;margin:0 auto;max-width:none}.marketing-site{width:332px;aspect-ratio:332/282}.marketing-social{width:401px;aspect-ratio:1}.marketing-muito-mais{width:382px;aspect-ratio:382/265}
.marketing-grid article:first-child .marketing-media,.marketing-grid article:last-child .marketing-media{margin-top:83px}.marketing-grid article:nth-child(2) .marketing-media{height:auto}
.marketing-grid article{grid-template-columns:minmax(0,1fr)}.marketing-grid article p{margin-top:6px}.contact{position:relative;isolation:isolate}.contact-mascot{position:absolute;left:calc(50% + 382px);top:268px;width:136px;height:194px;border-radius:41px;z-index:-1}.contact-cta{min-height:43px;border-radius:999px;background:var(--button-gradient);box-shadow:inset 2px 4px 3px #ffffff4d,1px 4px 12px #00000026}
@media(max-width:1200px){.process-flow ol{gap:52px}.hero-skull{left:calc(50% + 300px)}.marketing-grid{column-gap:40px;grid-template-rows:100px 350px auto}.marketing-site{width:100%}.marketing-social{width:calc(100% + 32px)}.marketing-muito-mais{width:calc(100% + 32px)}.contact-mascot{left:auto;right:4%}.feature-arquivos,.feature-tarefas,.feature-contatos,.feature-reunioes{width:calc(100% + 40px);margin-left:-20px}}
@media(max-width:900px){.brand-mascot{width:27px;height:39px}.hero-skull{width:68px;height:63px;top:82px;left:calc(50% + 235px)}.hero-workers{height:230px}.hero-worker-one{width:112px;height:173px;top:42px;left:3%}.hero-worker-two{width:103px;height:170px;left:15%}.hero-worker-three{width:120px;height:197px;top:33px;left:29%}.hero-worker-four{width:114px;height:161px;top:45px;left:70%}.hero-worker-five{width:98px;height:138px;top:16px;left:86%}.hero-shadow{display:none}.hero{padding-bottom:210px}.demo-mascot{width:85px;height:121px;left:-15px;top:auto;bottom:0}.process-flow ol{gap:24px}.step-media{height:auto;aspect-ratio:317/225}.marketing-grid{column-gap:24px;grid-template-rows:95px 280px auto;min-height:0}.marketing-grid article:first-child h3,.marketing-grid article:last-child h3{padding-top:40px}.marketing-grid article:first-child .marketing-media,.marketing-grid article:last-child .marketing-media{margin-top:60px}.marketing-muito-mais,.marketing-social{width:100%}.contact-mascot{width:100px;height:143px;top:auto;bottom:12px;right:3%}}
@media(max-width:760px){.header{justify-content:space-between}.brand{gap:5px}.brand-mascot{width:25px;height:36px}.header-cta{max-width:calc(100% - 110px)}.hero{min-height:0;padding:70px 24px 225px}.hero-heading{max-width:500px}.hero h1{padding-inline:0}.hero-skull{position:relative;width:55px;height:51px;left:auto;top:auto;margin:12px auto -12px}.hero-copy{margin-top:34px}.hero-workers{height:170px;bottom:12px}.hero-worker-one{width:94px;height:145px;left:3%;top:22px}.hero-worker-two{width:86px;height:141px;left:calc(50% - 43px);top:0}.hero-worker-three{display:none}.hero-worker-four{width:95px;height:134px;left:auto;right:4%;top:33px}.hero-worker-five{display:none}.demo-mascot{width:65px;height:93px;left:-12px;bottom:48px}.process-flow ol{gap:54px}.step-media{width:317px;max-width:100%;height:auto;aspect-ratio:317/225}.process-flow li:nth-child(2) .step-media{aspect-ratio:299/225}.process-flow li:nth-child(3) .step-media{aspect-ratio:279/252}.feature-arquivos,.feature-tarefas,.feature-contatos,.feature-reunioes{width:100%;max-width:520px;margin-inline:auto}.marketing-grid{grid-template-rows:none;gap:52px;margin-top:44px}.marketing-grid article:first-child h3,.marketing-grid article:last-child h3{padding-top:0}.marketing-grid h3{margin-bottom:20px}.marketing-site{width:332px;max-width:100%}.marketing-social{width:370px;max-width:100%}.marketing-muito-mais{width:382px;max-width:100%}.marketing-grid article:first-child .marketing-media,.marketing-grid article:last-child .marketing-media{margin-top:0}.marketing-grid article:nth-child(2) .marketing-media{height:auto;aspect-ratio:1}.marketing-grid article p{margin-top:24px}.contact{padding-bottom:190px}.contact-mascot{width:85px;height:121px;top:auto;left:calc(50% - 42.5px);right:auto;bottom:40px;border-radius:26px}}
/* Contact stays inside the OSSO experience. Submissions are handled by Jotform. */
button.button{border:0;cursor:pointer}.footer-email{border:0;background:none;padding:0;cursor:pointer;font-family:inherit}
body.contact-open{position:fixed;width:100%;overflow:hidden}
.contact-dialog{width:min(560px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #ffffffaa;border-radius:28px;background:#fff;color:var(--text);box-shadow:0 24px 90px #2310442e;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.contact-dialog::backdrop{background:#23162d55;backdrop-filter:blur(9px)}
.contact-dialog-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:18px;padding:30px 36px 16px;background:linear-gradient(135deg,#fff 32%,#f6f5fe 70%,#fff1f1);border-radius:28px 28px 0 0}
.contact-dialog-heading{padding-right:6px}.contact-dialog-eyebrow{font:11px/1.4 var(--mono);letter-spacing:1px;color:#9293a8;margin-bottom:10px}
.contact-dialog h2{font-size:32px;line-height:1.12;letter-spacing:-1px}.contact-dialog-heading>p:last-child{font-size:16px;line-height:1.5;color:var(--muted);margin-top:12px}
.contact-dialog-close{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e9e8f1;border-radius:50%;background:#ffffffd9;color:#747484;cursor:pointer;font:26px/1 Arial,sans-serif}
.contact-dialog-close:hover{background:#f5f2fe;color:#111112}
.contact-dialog-mascot{width:84px;height:118px;overflow:hidden;filter:drop-shadow(0 9px 9px #b8a0c320)}
.contact-form-container{position:relative;padding:6px 24px 16px}.contact-form-container iframe{display:block;width:100%;border:0;background:#fff;min-height:180px}
.contact-form-loading{position:absolute;inset:28px 24px auto;text-align:center;font-size:14px;color:var(--muted);padding:30px;background:white;z-index:1}
.contact-form-container[aria-busy=false] .contact-form-loading{display:none}.contact-form-fallback{padding:16px;text-align:center;font-size:16px}
@media(max-width:760px){.contact-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:24px}.contact-dialog-header{gap:12px;padding:28px 22px 16px;border-radius:24px 24px 0 0}.contact-dialog-mascot{width:62px;height:90px}.contact-dialog h2{font-size:28px}.contact-dialog-eyebrow{font-size:10px;letter-spacing:.6px}.contact-dialog-heading>p:last-child{font-size:15px;line-height:1.5}.contact-form-container{padding:0 12px 12px}.contact-dialog-close{width:34px;height:34px;right:10px;top:10px}.footer-email{min-height:44px}}

.contact-form-success{text-align:center;padding:26px 12px 18px;outline:none}.contact-success-mark{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#eee6ff,#ffe9e5);color:#ae78ca;font-size:30px}.contact-form-success h3{font-size:25px;letter-spacing:-.6px;line-height:1.25}.contact-form-success p{margin:14px auto 24px;max-width:300px;font-size:16px;color:var(--muted);line-height:1.5}.contact-form-success .button{width:100%;max-width:300px}

.contact-booking{padding:20px 32px 6px;text-align:center}.contact-booking>p{font-size:14px;color:var(--muted);margin-bottom:12px}.contact-booking-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 18px;border:1px solid #dfd6ed;border-radius:999px;background:#faf7fd;color:#8b64a6;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s,border-color .2s}.contact-booking-button:hover{background:#f1eafb;border-color:#ba9bd1}.contact-booking-button>span{margin-left:4px;font-size:18px}.contact-booking-divider{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:12px;line-height:1.4;color:#9293a8}.contact-booking-divider:before,.contact-booking-divider:after{content:"";height:1px;background:#ede9f2;flex:1}@media(max-width:760px){.contact-booking{padding:16px 20px 6px}.contact-booking-divider{gap:8px;margin-top:18px}}

/* Keep the brand and contact button together, with navigation beneath on smaller screens. */
@media(max-width:1100px){
  .header{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand cta" "nav nav";height:auto;min-height:0;column-gap:24px;row-gap:12px;padding-block:20px}
  .header .brand{grid-area:brand;padding:12px 0}
  .header .header-cta{grid-area:cta;justify-self:end;width:274px;max-width:100%;min-width:0;min-height:44px}
  .header nav{grid-area:nav;width:100%;justify-content:center;gap:clamp(16px,4vw,40px)}
}
@media(max-width:760px){
  .header{column-gap:16px;row-gap:12px}
  .header .header-cta{width:274px;padding:10px 14px;font-size:12px;line-height:18px}
  .header nav{gap:clamp(12px,4vw,24px)}
}
@media(max-width:360px){
  .header .header-cta{padding-inline:10px;font-size:11px;line-height:16px}
}

/* The original demo composition stays unchanged until the visitor presses play. */
.demo-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;visibility:hidden}
.demo-media.is-started .demo-video{visibility:visible}
.demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border:0;padding:0;cursor:pointer}
.demo-video:focus-visible{outline:2px solid #9163cc;outline-offset:-4px}

.demo-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.demo-media.is-started .demo-thumbnail{display:none}