/* Immersive product experience, preserving the established brand and content. */
/* Keep the first paint and the enhanced scene in the same coordinate space. */
.immersive .scene-poster{position:absolute;inset:0;pointer-events:none}
.immersive .scene-fallback{inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transition:opacity .6s ease,visibility 0s linear .6s}
.immersive #product-scene canvas{object-fit:contain}
.immersive #product-scene{opacity:0;transition:opacity .6s ease}
.immersive.webgl-ready #product-scene{opacity:1}
.immersive.webgl-ready .scene-fallback{opacity:0;visibility:hidden}
@media(prefers-reduced-motion:reduce){.immersive .scene-fallback,.immersive #product-scene{transition:none}}
:root{--ink:#153b32;--sage:#7a9e8a;--rose:#a47284;--paper:#f7f9f7;--line:#ced9d1;--ease:cubic-bezier(.22,1,.36,1)}
body.immersive{background:var(--paper);color:var(--ink)}[hidden]{display:none!important}.immersive p{text-wrap:pretty}.immersive h1,.immersive h2,.immersive h3{text-wrap:balance}.immersive .wrap{width:min(1320px,88%)}.immersive header{position:fixed;width:100%;height:88px;background:transparent;border-color:transparent;backdrop-filter:none;padding:0 4%;transition:background .35s,box-shadow .35s,height .35s}.immersive header.scrolled{background:#f9fcf8ed;backdrop-filter:blur(20px);height:74px;box-shadow:0 1px #cdd7d380}.immersive header nav{gap:32px}.immersive header nav a{font-size:13px}.immersive header .small{background:transparent;color:var(--ink);border:1px solid #78948870;border-radius:40px;padding:12px 20px}.immersive .brand{width:137px}.immersive .button{border-radius:40px;font-size:13px;font-weight:500;padding:19px 26px;min-height:56px;transition:transform .35s var(--ease),background .3s;gap:24px}.immersive .button:active{transform:scale(.97)}.immersive svg{width:18px;height:18px;stroke-width:1.5;flex-shrink:0}.immersive .eyebrow{font-size:11px;font-weight:500;color:#648171}.immersive h2{font-size:64px;font-weight:450;line-height:1.1}.immersive em{font-family:Georgia,serif;font-weight:400;color:#91ad9d}.immersive .hero{height:calc(100svh - 30px);min-height:700px;max-height:1080px;text-align:left;isolation:isolate;overflow:hidden;background:#e6ede7}.atelier{position:absolute;inset:0;background:url('assets/atelier.png') center/cover no-repeat;filter:saturate(.55);z-index:-2;transform:scale(1.035);will-change:transform}#product-scene{position:absolute;inset:0;z-index:0;pointer-events:none}#product-scene canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;width:58%;left:43%;top:26%;mix-blend-mode:multiply;opacity:1;transition:opacity .5s}.webgl-ready .scene-fallback{opacity:0;visibility:hidden}.immersive .hero-copy{position:absolute;top:27%;left:6%;width:43%;padding:0;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.immersive .hero-copy .eyebrow{font-size:10px;margin-bottom:24px;color:#476255}.immersive h1{font-size:100px;font-weight:550;line-height:1;margin:0 0 24px}.immersive h1 span{font-size:38px;font-weight:400;line-height:1.2;margin-top:25px}.immersive h1 em{color:#527867}.immersive .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#425c50;margin:24px 0}.hero-cta{margin-top:10px;box-shadow:0 8px 24px #20584d18}.scene-tag{position:absolute;right:7%;bottom:20%;display:flex;align-items:center;gap:14px;padding:15px 20px;color:#335b4c;background:#f8fffa99;border:1px solid #ffffffb0;backdrop-filter:blur(12px);border-radius:5px;font-size:12px;line-height:1.6;z-index:2;pointer-events:none}.scene-tag strong{font-size:13px;font-weight:500}.status-point{width:6px;height:6px;border-radius:50%;background:#4d8467}.immersive .hero-bottom{left:6%;right:6%;padding:26px 0;bottom:0;background:none;border-top:1px solid #36534330;border-bottom:0;align-items:center;font-size:11px;color:#416252;z-index:3}.hero-bottom a{display:flex;align-items:center;gap:14px}.motion-toggle{position:absolute;bottom:97px;left:6%;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid #45685750;background:#ffffff4d;color:#345342;display:grid;place-items:center}.motion-toggle svg{width:14px}.immersive .intro{display:block;padding:140px 0 100px}.immersive .intro .eyebrow{margin-bottom:35px}.immersive .manifesto{font-size:76px;max-width:1100px;line-height:1.13;margin-bottom:60px}.manifesto>span{color:#8aab98}.manifesto em{font-size:61px;color:#153b32}.intro-foot{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:28px;border-top:1px solid var(--line)}.section-index{font-size:11px;color:#7a8f82;padding-top:7px}.immersive .intro .intro-foot p{max-width:430px;margin:0;padding:0;font-size:17px}.immersive .showcase{width:100%;padding:50px 6% 95px;background:white;position:relative;isolation:isolate}.immersive .tabs{justify-content:flex-start;gap:35px;margin-bottom:30px;border-top:0;border-bottom:1px solid var(--line);position:relative;z-index:2}.immersive .tabs button{padding:19px 0;font-size:15px;font-weight:500;border-bottom:1px solid transparent}.immersive .tabs button[aria-selected=true]{border-color:var(--ink)}.immersive .module-heading{align-items:start;padding-top:22px}.immersive .module-heading h3{font-size:48px;font-weight:450;line-height:1.12}.immersive .module-heading>p{font-size:15px;max-width:370px;padding-top:30px}.immersive .showcase .image-button{width:min(1180px,100%);max-width:none;margin:20px auto 0;overflow:hidden}.immersive .showcase .image-button img{transition:transform 1s var(--ease);transform:scale(.96)}.immersive .showcase .image-button:hover img{transform:scale(1)}.immersive .zoom-label{opacity:1;border-radius:50%;width:50px;height:50px;padding:0;display:flex;justify-content:center;align-items:center;font-size:0;background:#edf3edbb;backdrop-filter:blur(12px);border:1px solid #b6ccbd;bottom:30px;right:2%}.zoom-label span{font-size:24px}.immersive .module-benefits{font-size:13px;justify-content:space-between;padding:24px 0}.immersive .caption{font-size:11px;color:#7d8b81;line-height:1.7}.immersive .bia-section{background:#153b32;color:#eff6ee;padding:110px 0 40px}.immersive .bia-section .eyebrow{color:#a2b9a8}.immersive .bia-grid{grid-template-columns:1fr .9fr;gap:100px;align-items:center}.immersive .bia-section h2{font-size:64px;margin-bottom:35px}.immersive .bia-copy>p{max-width:440px;color:#aebfb2;font-size:15px}.immersive .bia-copy .large{font-size:22px;color:#dce9dd;line-height:1.5}.immersive .numbered h3{font-size:16px;color:#dce9dd}.immersive .numbered p{font-size:14px;color:#9bb2a3}.immersive .numbered>span{color:#91ad9d}.conversation-demo{border-radius:8px;background:#eff4ed;color:#234b3b;border:1px solid #729780;box-shadow:0 30px 80px #06170e33;overflow:hidden;min-width:0;align-self:center}.conversation-top{display:flex;gap:14px;align-items:center;padding:24px;border-bottom:1px solid #ccdacd}.conversation-top img{width:36px;height:36px}.conversation-top strong{display:block;font-size:17px;font-weight:600}.conversation-top div>span{display:block;font-size:11px;color:#6b8272;margin-top:3px}.demo-label{margin-left:auto;font-size:10px;color:#668770;border:1px solid #b4c9b8;border-radius:3px;padding:4px 7px}.demo-messages{height:285px;padding:28px 24px;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:15px;overscroll-behavior:contain}.message{max-width:92%;font-size:14px;line-height:1.6;padding:14px 17px;border-radius:8px;background:white;align-self:flex-start;color:#385444;border:1px solid #d6e3d7;animation:message-in .4s var(--ease) both}.message time{display:block;font-size:9px;text-align:right;margin-top:5px;opacity:.6}.message.from-user{align-self:flex-end;background:#285b47;border-color:transparent;color:#f0f7ef}.message.typing{font-size:17px;letter-spacing:0}.demo-prompts{display:flex;flex-direction:column;padding:0 24px 20px;gap:7px}.demo-prompts button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #bed0c2;background:none;color:#315a43;padding:11px 14px;border-radius:4px;font-size:12px;transition:background .2s}.demo-prompts button:hover{background:#dce8dc}.demo-prompts button:disabled{opacity:.5;cursor:wait}.demo-prompts svg{width:15px;height:15px}.conversation-foot{padding:12px 22px;border-top:1px solid #ceddce;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#738775}.demo-reset{color:#607963;background:none;width:30px;height:30px;display:grid;place-items:center}.demo-reset svg{width:15px}.bia-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:70px;border-top:1px solid #486452;padding-top:25px}.bia-foot>.caption{max-width:570px;color:#9fb2a1}.bia-foot .text-link{display:flex;gap:20px;color:#d6e3d4;border-color:#799682;font-size:12px}.immersive .social{padding:120px 0 90px;position:relative}.immersive .social-heading{text-align:left;margin:0;max-width:950px}.immersive .social h2{font-size:64px}.immersive .social-heading>p:last-child{margin:0;max-width:510px;font-size:16px}.immersive .social .image-button{width:85%;margin:0 0 20px auto;max-width:none;mix-blend-mode:multiply}.immersive .social-notes{justify-content:space-between;font-size:13px;padding:22px 0}.immersive .social>.caption{max-width:none;text-align:left}.immersive .payments{background:#eadde3;position:relative;overflow:hidden;padding:100px 0 40px}.immersive .payment-inner{grid-template-columns:1.1fr 1fr;gap:90px}.immersive .payment-inner h2{font-size:56px}.immersive .payment-inner .eyebrow{color:#896170}.immersive .payment-inner p{font-size:15px}.immersive .payment-inner .caption{font-size:11px;color:#816d73}.immersive .klarna{border-left:0;position:relative}.immersive .klarna strong{font-size:230px;line-height:1.08;font-weight:350;color:#6e4355;font-variant-numeric:tabular-nums}.immersive .klarna strong span{font-size:145px}.immersive .klarna h3{font-size:25px;color:#6e4355}.immersive .klarna>span{font-size:22px;font-weight:550}.immersive .payment-methods{font-size:14px;gap:30px}.immersive .payments>.caption{color:#816d73}.immersive .business{padding:130px 0 100px}.immersive .specialties{display:block;margin-top:60px;border-top:1px solid var(--line)}.immersive .specialties article{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;gap:20px;border-top:0;border-bottom:1px solid var(--line);padding:30px 0;transition:padding .5s var(--ease),background .5s}.immersive .specialties article:hover{padding-left:20px;background:#edf3ec}.immersive .specialties article>span{color:#8aa592;font-size:12px}.immersive .specialties h3{font-size:30px;min-height:0;margin:0}.immersive .specialties p{font-size:14px;max-width:320px;margin:0 0 0 auto}.immersive .training-callout{margin-top:95px;border:0;grid-template-columns:.85fr 1.15fr;gap:60px}.immersive .training-callout h3{font-size:38px}.immersive .training-callout p:not(.eyebrow){font-size:15px}.immersive .training-callout img{mix-blend-mode:multiply}.immersive .text-link{font-size:13px}.immersive .next-chapter{background:#e7efe8;padding:90px 0 40px}.immersive .next-inner{gap:110px}.immersive .next-inner h2{font-size:48px}.immersive .next-inner p{font-size:15px}.immersive .roadmap>div{border-color:#b5c9bb;padding-bottom:32px}.immersive .roadmap span{background:#e7efe8;color:#6b8d77}.immersive .roadmap h3{font-size:21px}.immersive .roadmap p{font-size:14px}.immersive .faq{padding:110px 0;gap:100px}.immersive .faq h2{font-size:52px}.immersive .questions summary{font-size:15px;padding-top:24px;padding-bottom:24px}.immersive .questions details p{font-size:14px}.immersive .closing{position:relative;isolation:isolate;overflow:hidden;background:#153b32;padding:100px 0 85px}.closing:before{content:'';position:absolute;z-index:-1;inset:0;background:url('assets/atelier.png') right center/cover;opacity:.07;mix-blend-mode:screen}.immersive .closing h2{font-size:96px;font-weight:400}.immersive .closing .eyebrow{font-size:10px}.immersive .closing p{font-size:16px}.immersive .closing .contact-note{font-size:11px}.immersive footer{padding:38px 0 30px;font-size:11px}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#91ad9d;z-index:30;pointer-events:none}.immersive dialog{background:#f7f9f5;border:1px solid #cfdbce}.immersive #image-dialog{max-width:1450px}html.motion-paused *{animation-play-state:paused!important}.immersive .reveal{will-change:transform,opacity}@keyframes message-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.immersive .hero-copy{left:8%;top:29%}.immersive h1{font-size:124px}.immersive h1 span{font-size:46px}.immersive .hero{height:calc(100svh - 36px)}}
@media(max-width:1100px){.immersive h1{font-size:79px}.immersive h1 span{font-size:31px}.immersive .hero-copy{left:5%;width:45%;top:29%}.immersive .hero-copy .eyebrow{font-size:9px}.immersive .hero{min-height:690px}.immersive .hero-copy>p:not(.eyebrow){font-size:15px}.immersive h2,.immersive .bia-section h2,.immersive .social h2{font-size:49px}.immersive .manifesto{font-size:60px}.manifesto em{font-size:48px}.immersive .bia-grid{gap:50px}.immersive .payment-inner{gap:40px}.immersive .payment-inner h2{font-size:46px}.immersive .next-inner{gap:50px}.immersive .specialties h3{font-size:25px}.immersive .training-callout h3{font-size:32px}.immersive .closing h2{font-size:76px}}
@media(max-width:700px){.immersive header,.immersive header.scrolled{height:70px;padding:0 6%}.immersive header .brand{width:117px}.immersive header nav{top:70px;background:#f7faf5f5;backdrop-filter:blur(16px)}.immersive nav a{font-size:16px}.immersive .hero{height:calc(100svh - 22px);min-height:730px;max-height:930px}.atelier{background-position:60% center;opacity:.8}.immersive .hero-copy{top:125px;left:7%;width:86%}.immersive h1{font-size:65px}.immersive h1 span{font-size:30px;margin-top:16px;line-height:1.17}.immersive .hero-copy .eyebrow{font-size:8px;margin-bottom:18px}.immersive .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin:16px 0}.immersive .hero-cta{min-height:46px;padding:14px 20px;font-size:11px;margin-top:0;gap:18px}.scene-tag{display:none}.scene-fallback{width:100%;left:0;top:54%;mix-blend-mode:multiply}.motion-toggle{left:auto;right:6%;bottom:74px;background:#ffffffaa}.immersive .hero-bottom{left:7%;right:7%;padding:20px 0;font-size:10px}.hero-bottom a{gap:10px}.hero-bottom svg{width:15px}.immersive .hero-bottom>span{display:none}.immersive .intro{padding:85px 0 55px}.immersive .intro .eyebrow{font-size:9px;margin-bottom:25px}.immersive .manifesto{font-size:40px;line-height:1.16;margin-bottom:35px}.manifesto em{font-size:31px}.intro-foot{display:block;padding-top:20px}.section-index{font-size:9px}.immersive .intro .intro-foot p{font-size:15px;margin-top:20px}.immersive .showcase{padding:30px 6% 50px}.immersive .tabs{gap:26px;margin-bottom:18px}.immersive .tabs button{font-size:13px;padding:15px 0}.immersive .module-heading{padding-top:15px}.immersive .module-heading h3{font-size:33px}.immersive .module-heading>p{padding-top:0;font-size:14px}.immersive .module-heading .eyebrow{font-size:9px}.immersive .showcase .image-button{width:112%;margin:10px 0 0 -6%}.immersive .showcase .image-button img{transform:none}.immersive .zoom-label{width:35px;height:35px;right:5px;bottom:8px}.zoom-label span{font-size:19px}.immersive .module-benefits{gap:11px;font-size:13px}.immersive .caption{font-size:10px}.immersive .bia-section{padding:65px 0 25px}.immersive .bia-grid{display:flex;gap:30px}.immersive .bia-section h2{font-size:48px;margin-bottom:23px}.immersive .bia-copy .large{font-size:20px}.immersive .bia-copy>p{font-size:14px}.immersive .numbered p{font-size:13px}.conversation-demo{width:100%}.conversation-top{padding:20px 18px;gap:10px}.demo-label{font-size:9px}.conversation-top div>span{font-size:10px}.demo-messages{height:270px;padding:22px 17px}.message{font-size:13px}.demo-prompts{padding:0 17px 18px}.conversation-foot{padding:10px 15px;font-size:9px}.bia-foot{display:block;margin-top:35px;padding-top:18px}.bia-foot .text-link{font-size:12px;width:fit-content;margin-top:15px}.immersive .social{padding:70px 0 55px}.immersive .social h2{font-size:39px}.immersive .social-heading>p:last-child{font-size:14px}.immersive .social .image-button{width:112%;margin:25px 0 0 -6%}.immersive .social-notes{gap:12px;font-size:13px}.immersive .payments{padding:65px 0 30px}.immersive .payment-inner h2{font-size:39px}.immersive .payment-inner p{font-size:14px}.immersive .klarna{margin-top:30px;padding-top:22px}.immersive .klarna strong{font-size:160px}.immersive .klarna strong span{font-size:105px}.immersive .klarna h3{font-size:23px}.immersive .payment-methods{gap:25px;font-size:13px}.immersive .business{padding:70px 0}.immersive .business h2{font-size:39px}.immersive .specialties{margin-top:32px}.immersive .specialties article{grid-template-columns:32px 1fr;gap:12px;padding:23px 0}.immersive .specialties h3{font-size:23px}.immersive .specialties p{grid-column:2;margin:0;max-width:none;font-size:13px}.immersive .training-callout{margin-top:50px;gap:25px;padding-top:0}.immersive .training-callout h3{font-size:31px}.immersive .training-callout p:not(.eyebrow){font-size:14px}.immersive .next-chapter{padding:65px 0 30px}.immersive .next-inner h2{font-size:36px}.immersive .next-inner p{font-size:14px}.immersive .faq{padding:70px 0}.immersive .faq h2{font-size:40px}.immersive .questions summary{font-size:14px}.immersive .questions details p{font-size:13px}.immersive .closing{padding:70px 0 60px}.immersive .closing h2{font-size:47px}.immersive .closing p{font-size:14px}.immersive .closing .button{font-size:12px}.immersive footer{font-size:11px}.immersive .eyebrow{font-size:9px}}
@media(max-width:370px){.immersive h1{font-size:58px}.immersive h1 span{font-size:27px}.immersive .hero-copy{top:115px}.immersive .manifesto{font-size:35px}.manifesto em{font-size:28px}}
@media(prefers-reduced-motion:reduce){.atelier{transform:none}.reveal{opacity:1!important;transform:none!important}.message{animation:none}.immersive .hero{scroll-behavior:auto}}
.immersive .tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border:0;overflow:visible;margin-bottom:18px;padding:0}
.immersive .tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;padding:16px 12px;border:1px solid #d1dfd7;border-radius:8px;background:#f5f8f5;color:#456354;font-size:15px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:normal}
.immersive .tabs button:hover{background:#e6eee8;border-color:#8aab98}
.immersive .tabs button[aria-selected=true]{background:#20584d;color:#fff;border-color:#20584d;box-shadow:0 5px 14px #20584d1a}
.immersive .tabs button:focus-visible,.module-arrows button:focus-visible{outline:3px solid #a47284;outline-offset:4px}
.immersive .tabs button svg{width:22px;height:22px}
.module-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d1dfd7;padding:0 0 20px;margin-bottom:32px}
.module-position{font-size:12px;color:#577364;margin:0;font-variant-numeric:tabular-nums}
.module-arrows{display:flex;gap:8px}
.module-arrows button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #cadbd0;background:white;color:#20584d;cursor:pointer}
.module-arrows button:hover{background:#e6eee8}
@media(max-width:700px){.immersive .tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.immersive .tabs button{grid-column:span 2;flex-direction:column;gap:8px;min-height:78px;padding:12px 4px;font-size:12px}.immersive .tabs button:nth-last-child(-n+2){grid-column:span 3}.immersive .tabs button svg{width:20px;height:20px}.module-navigation{margin-bottom:18px;padding-bottom:16px}}
