/* bundle-home.css 20261006: samlet af style.css, blog.css, original.css, contact.css, scroll-story.css, cinematic.css, flow-refinement.css, experiment.css, live-comparison.css, production.css */
/* --- style.css --- */
:root{--cream:#f5f3eb;--green:#254b3b;--ink:#21372d;--muted:#687268;--line:#d6dbcf;--p:0;--split:50%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd8a3a;outline-offset:5px}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 4.5%;background:#f5f3ebed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-weight:700;display:flex;align-items:center;gap:10px;font-size:16px}.brand svg{width:32px;height:32px;fill:none;stroke:var(--green);stroke-width:2}.test{font-size:10px;border:1px solid var(--line);padding:4px;border-radius:3px;letter-spacing:1px}nav{display:flex;gap:30px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--green);background:var(--green);color:white;border-radius:50px;padding:18px 25px;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#35664e;transform:translateY(-2px)}.button.small{font-size:13px;padding:12px 18px;gap:20px}.button.outline{background:transparent;color:var(--green)}.button.outline:hover{background:#e6e9dc}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.6}.hero{text-align:center;position:relative;padding:85px 20px 30px;min-height:670px;background:radial-gradient(ellipse at 50% 100%,#dce4d4 0,transparent 65%)}.hero .eyebrow i{display:inline-block;width:7px;height:7px;background:#518b60;border-radius:50%;margin-right:10px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(56px,7.8vw,112px);line-height:.99;letter-spacing:-5px;margin:26px 0}em{font-weight:400;color:#50715a}h1 em{font-weight:400}p{line-height:1.75;color:var(--muted)}.hero p{font-size:18px;margin-bottom:26px}.hero-note{font-size:12px;color:var(--muted);margin-top:18px}.scroll-note{font-size:10px;letter-spacing:2px;margin-top:45px;display:flex;justify-content:center;align-items:center;gap:16px}.scroll-note span{font-size:23px}.journey{height:230vh;min-height:1500px;background:radial-gradient(ellipse at center,#dce4d4 0,var(--cream) 70%)}.stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;padding:70px 6%}.stage-copy{width:31%;z-index:3}.stage-copy h2{font-size:clamp(32px,3.6vw,56px);line-height:1.1;letter-spacing:-2px;margin:25px 0}.stage-copy p{font-size:15px}.scene{position:relative;width:69%;height:510px;perspective:1600px}.browser{position:absolute;top:25px;left:0;width:94%;background:#fbf9f3;border-radius:12px;box-shadow:0 40px 100px #153b292d,0 0 0 1px #26433220;transform:translateX(calc((1 - var(--p))*8%)) rotateY(calc((1 - var(--p))*-17deg)) rotateX(calc((1 - var(--p))*10deg)) rotateZ(calc((1 - var(--p))*-5deg));will-change:transform}.browser-bar{height:32px;border-bottom:1px solid #e2e3da;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px;color:#8a9188}.dots{display:flex;gap:4px}.dots b{width:5px;height:5px;border-radius:50%;background:#c4cabe}.cafe-nav{display:flex;justify-content:space-between;align-items:center;height:59px;padding:0 5%;font-size:10px}.cafe-nav strong{font-size:22px;letter-spacing:-1px}.cafe-visual{height:300px;position:relative;overflow:hidden;background:#554437}.coffee-image,.coffee-video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;animation:drift 18s ease-in-out infinite alternate}.cafe-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171a13b0,transparent 85%);pointer-events:none}.cafe-copy{position:relative;z-index:2;color:#fffbe9;padding:26px 6%;transform:translateY(calc((1 - var(--p))*28px))}.cafe-copy>span:first-child{font-size:9px;letter-spacing:2px}.cafe-copy .demo-title{font-size:clamp(36px,4.8vw,66px);line-height:1.02;letter-spacing:-2px;margin:17px 0}.cafe-copy em{color:#e5ddb5}.cafe-pill{display:inline-block;border:1px solid #ffffff70;border-radius:20px;padding:9px 14px;font-size:10px}.cafe-bottom{position:absolute;bottom:14px;left:6%;right:6%;display:flex;justify-content:space-between;color:#fff;z-index:2;font-size:8px;letter-spacing:1px}.cafe-footer{height:86px;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.5}.cafe-footer strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.phone{position:absolute;width:158px;height:320px;right:-1%;bottom:-10px;border:6px solid #27372e;background:#f4f0e5;border-radius:28px;box-shadow:0 20px 55px #142d2940;overflow:hidden;transform:translateY(calc((1 - var(--p))*230px)) rotate(calc((1 - var(--p))*15deg));opacity:var(--p);z-index:4}.phone-top{width:50px;height:10px;background:#27372e;border-radius:0 0 10px 10px;margin:0 auto}.phone>strong{display:block;font-size:13px;margin:13px}.phone-photo{height:140px;background:url('assets/site-photo-2.webp') center/cover}.phone .demo-title{font-size:26px;line-height:1.05;margin:12px}.phone>span{font-size:8px;display:block;margin:12px}.orbit-label{position:absolute;font-size:11px;background:#fffc;padding:12px 19px;border:1px solid #fff;border-radius:50px;box-shadow:0 12px 30px #254b3b0c;z-index:5}.label-one{right:15%;top:-15px;transform:translateY(calc(var(--p)*-12px))}.label-two{bottom:-30px;left:30%;opacity:var(--p)}.stage-bottom{position:absolute;bottom:27px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:1px}.track{width:150px;height:2px;background:#bac6b5}.track i{display:block;width:calc(var(--p)*100%);height:100%;background:var(--green)}.statement{text-align:center;padding:120px 20px 100px}.statement h2{font-size:clamp(38px,4.8vw,68px);line-height:1.15;letter-spacing:-2px;margin:25px 0}.section-wrap{max-width:1320px;padding:70px 6%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-heading h2{font-size:clamp(45px,5vw,70px);line-height:1.05;letter-spacing:-2px;margin-top:15px}.section-heading p{font-size:15px}.industry-tabs{display:flex;gap:8px;margin:30px 0 20px}.industry-tabs button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:13px 24px;color:var(--ink);font-size:14px}.industry-tabs button.selected{background:var(--green);color:white;border-color:var(--green)}.compare{height:420px;position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#fff;--split:50%}.before,.after{position:absolute;inset:0}.before{padding:35px 6%;font-family:Arial,sans-serif;background:#f8f8f8;color:#525252}.plain-nav{font-size:18px;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:20px}.plain-nav span{float:right;font-size:12px;font-weight:400}.before .demo-title{font:700 30px Arial,sans-serif;margin:50px 0 20px}.before p{font-size:13px;color:#888}.plain-button{display:inline-block;margin-top:15px;padding:10px 20px;background:#777;color:white;font-size:12px}.plain-boxes{display:flex;gap:50px;margin-top:40px;font-size:13px;color:#999}.after{padding:28px 6%;background:linear-gradient(90deg,#1c201bcc,#1c201b10),url('assets/site-photo-1.webp') center/cover;color:#fff5df;clip-path:inset(0 0 0 var(--split));transition:background-color .4s}.after-nav{display:flex;align-items:center;justify-content:space-between;font-size:25px;letter-spacing:-1px;font-weight:700}.after-nav small{font-size:9px;letter-spacing:2px}.after-kicker{display:block;font-size:10px;letter-spacing:2px;margin-top:44px}.after .demo-title{font-size:62px;line-height:1.05;margin:13px 0 20px;letter-spacing:-2px}.after em{color:#d9d0aa}.after-link{font-size:12px;border-bottom:1px solid #ffffff70;padding-bottom:8px}.example-mark{position:absolute;right:25px;bottom:25px;font-size:9px;letter-spacing:2px}.divider{position:absolute;left:var(--split);height:100%;top:0;width:2px;background:#fff;pointer-events:none;z-index:3}.divider span{position:absolute;top:48%;left:-21px;width:44px;height:44px;border-radius:50%;background:white;color:var(--green);display:grid;place-items:center;font-size:23px;box-shadow:0 4px 15px #0002}#compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}.compare:focus-within{outline:3px solid #bd8a3a;outline-offset:5px}.compare-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;margin-top:15px;color:var(--muted)}.compare.salon .after{background:linear-gradient(120deg,#34231f,#93715e);color:#fff2e6}.compare.wood .after{background:repeating-linear-gradient(96deg,#0000 0 90px,#ffffff05 90px 92px),linear-gradient(120deg,#1d342b,#6f7953)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:50px;padding-bottom:100px}.values>div{border-top:1px solid var(--line);padding-top:25px}.values>div>span{font-size:12px;color:var(--muted)}.values h3{font-size:32px;line-height:1.2;margin:25px 0 17px}.values p{font-size:14px}.process{background:#254b3b;color:#f5f3eb;padding:25px 0 60px}.process em{color:#b9c9ab}.process p{color:#bfcdbe}.process .eyebrow{color:#becbb8}.process-list article{display:grid;grid-template-columns:50px 1fr 1fr;gap:25px;padding:30px 0;border-top:1px solid #ffffff26;align-items:center}.process-list article>span{font-size:12px;color:#c2cfbb}.process-list h3{font-size:29px}.process-list p{font-size:14px}.pricing{padding-top:110px;padding-bottom:100px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-grid article{padding:32px 24px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:start}.price-grid article.featured{background:#e8edde;border-color:#a2b396}.price-grid h3{font-size:28px;margin:25px 0}.price{font-family:Georgia,serif;font-size:47px;letter-spacing:-2px}.price small{font-family:'DM Sans',sans-serif;font-size:15px;letter-spacing:0}.price-grid p{font-size:14px;margin:20px 0;min-height:74px}.price-grid ul{list-style:none;padding:0;margin:0 0 28px;font-size:14px;line-height:2.3}.price-grid li:before{content:'✓';margin-right:10px;color:#587546}.price-grid .button{margin-top:auto;width:100%;padding:14px 8px;font-size:12px;gap:5px}.fineprint{font-size:11px;margin-top:20px}.contact{text-align:center;padding:95px 20px 110px;background:radial-gradient(ellipse at bottom,#d9e3d0,transparent 70%);border-top:1px solid var(--line)}.contact h2{font-size:clamp(44px,6.5vw,90px);line-height:1.06;letter-spacing:-3px;margin:30px 0}.contact p{font-size:13px;margin-top:25px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 5%;border-top:1px solid var(--line)}footer>span{font-size:10px;letter-spacing:1px}footer button{background:none;border:0;text-decoration:underline;color:var(--muted);font-size:11px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes drift{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.13) translateX(1%)}}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .reveal{opacity:1;transform:none}
@media(min-width:1500px){.stage{padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2)}}@media(max-width:900px){nav{display:none}.stage{flex-direction:column;justify-content:center;gap:25px;padding:85px 5% 60px}.stage-copy{width:100%;text-align:center}.stage-copy h2{font-size:35px;margin:10px 0}.stage-copy h2 br{display:none}.stage-copy p{font-size:13px}.stage-copy p br{display:none}.scene{width:90%;height:400px;max-width:650px}.browser{top:10px}.cafe-visual{height:230px}.cafe-footer{height:60px}.phone{width:126px;height:263px;right:-3%;bottom:0}.phone-photo{height:100px}.phone .demo-title{font-size:22px}.label-one{display:none}.label-two{bottom:-10px;left:15%;font-size:10px}.values{gap:25px}.price-grid article{padding:25px 16px}.price-grid h3{font-size:23px}.price-grid .button{font-size:11px}.process-list h3{font-size:25px}}
@media(max-width:600px){header{padding:14px 5%;gap:8px}.brand{font-size:12px;gap:6px}.brand svg{width:25px}.test{display:none}.button.small{font-size:11px;padding:10px 12px;gap:4px}.button.small span{display:none}.hero{padding-top:65px;min-height:610px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:60px;letter-spacing:-3px;margin:30px 0}.hero p{font-size:16px}.hero-note{font-size:11px}.scroll-note{font-size:8px;margin-top:38px}.journey{height:190vh;min-height:1250px}.stage{min-height:630px;gap:12px}.scene{width:100%;height:330px}.stage-copy .eyebrow{font-size:9px}.stage-copy h2{font-size:30px;letter-spacing:-1px}.stage-copy p{font-size:12px;max-width:270px;margin:auto}.browser{width:91%;top:10px;border-radius:8px}.browser-bar{height:24px;font-size:8px}.cafe-nav{height:42px}.cafe-nav strong{font-size:16px}.cafe-nav>span{font-size:7px}.cafe-visual{height:205px}.cafe-copy{padding-top:22px}.cafe-copy>span:first-child{font-size:7px}.cafe-copy .demo-title{font-size:39px;margin:15px 0}.cafe-pill{font-size:8px;padding:6px 9px}.cafe-bottom{font-size:6px;letter-spacing:0}.cafe-footer{height:52px;font-size:8px;padding:12px}.cafe-footer strong{font-size:13px}.cafe-footer>span:last-child{font-size:7px}.phone{width:95px;height:209px;border-width:4px;border-radius:19px;right:0;bottom:-8px}.phone>strong{font-size:10px;margin:9px}.phone-photo{height:77px}.phone .demo-title{font-size:19px;margin:9px}.phone>span{font-size:7px;margin:9px}.phone-top{width:32px;height:7px}.label-two{left:3%;bottom:-23px;font-size:8px;padding:9px 12px}.stage-bottom{font-size:7px;gap:12px;bottom:20px}.track{width:60px}.statement{padding:80px 20px 45px}.statement .eyebrow{font-size:9px}.statement h2{font-size:34px;letter-spacing:-1px}.statement p{font-size:14px}.section-wrap{padding:55px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:44px}.section-heading p{font-size:13px;margin-top:20px}.industry-tabs button{padding:11px 16px;font-size:12px}.compare{height:340px}.before{padding:23px}.plain-nav{font-size:15px}.plain-nav span{display:none}.before .demo-title{font-size:23px;margin-top:40px}.before p{font-size:11px}.plain-boxes{gap:25px;font-size:11px}.after{padding:23px}.after-nav{font-size:22px}.after-nav small{font-size:7px}.after .demo-title{font-size:48px}.after-kicker{margin-top:35px;font-size:8px}.compare-caption{font-size:8px;letter-spacing:0}.compare-caption>span:nth-child(2){max-width:140px;text-align:center}.values{grid-template-columns:1fr;gap:30px;padding-bottom:70px}.values h3{font-size:30px;margin-top:18px}.values p{max-width:360px}.process-list article{grid-template-columns:25px 1fr;gap:10px;padding:25px 0}.process-list h3{font-size:24px}.process-list p{grid-column:2;font-size:13px}.price-grid{grid-template-columns:1fr;gap:18px}.price-grid article{padding:28px}.price-grid h3{font-size:29px;margin:18px 0}.price-grid p{min-height:0}.price-grid .button{font-size:14px}.contact{padding:70px 20px}.contact h2{font-size:48px;letter-spacing:-2px}.contact .eyebrow{font-size:9px}footer{flex-wrap:wrap;padding:25px 6%}footer .brand{font-size:14px}footer>span{font-size:8px}footer button{width:100%;text-align:left;padding:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* --- blog.css --- */
.blog-main{max-width:1160px;margin:auto;padding:35px 6% 90px}.crumbs{display:flex!important;gap:12px;font-size:13px;color:var(--muted);margin:0 0 55px}.crumbs a{text-decoration:underline;text-underline-offset:4px}.blog-intro{margin-bottom:65px}.blog-intro h1{font-size:clamp(40px,5.5vw,76px);line-height:1.08;letter-spacing:-2px;margin:20px 0 25px}.blog-intro p{max-width:650px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-card{display:flex;flex-direction:column;align-items:start;padding:30px;border:1px solid var(--line);border-radius:8px;background:#ffffff40;transition:background .2s}.blog-card:hover{background:#e8edde}.blog-card h3{font-size:28px;line-height:1.2;margin:18px 0}.blog-card p{font-size:15px}.read-link{display:block;margin-top:auto;padding-top:24px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.blog-card .eyebrow{font-size:11px}.blog-article{max-width:760px;margin:auto}.blog-article h1{font-size:clamp(38px,4.8vw,62px);line-height:1.1;letter-spacing:-1.8px;margin:20px 0}.byline{font-size:14px;margin-bottom:30px}.lead{font-size:20px;color:var(--ink);line-height:1.65;padding-bottom:30px;border-bottom:1px solid var(--line)}.article-body section{margin-top:42px}.article-body h2{font-size:31px;line-height:1.2;letter-spacing:-.5px;margin-bottom:18px}.article-body p{font-size:17px;line-height:1.85;margin-bottom:18px}.article-cta{padding:30px;background:#e8edde;border-radius:8px;margin-top:45px}.article-cta h2{font-size:28px}.article-cta>div{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.text-link{text-decoration:underline;font-size:14px}.related{margin-top:75px}.related>h2{font-size:36px;margin-bottom:25px}.home-blog .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-blog .blog-card h3{font-size:25px}.home-blog .blog-card{padding:25px}.home-blog .blog-card p{font-size:14px}@media(max-width:700px){.blog-grid,.home-blog .blog-grid{grid-template-columns:1fr}.blog-main{padding:25px 6% 60px}.crumbs{margin-bottom:35px}.blog-card{padding:25px}.blog-article h1{font-size:39px;letter-spacing:-1px}.lead{font-size:18px}.article-body h2{font-size:27px}.article-body p{font-size:16px}.article-cta{padding:22px}.blog-intro h1{font-size:43px}.blog-intro p br{display:none}}
.blog-grid>.blog-card{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.blog-grid,.home-blog .blog-grid{grid-template-columns:minmax(0,1fr)}.blog-card{max-width:100%;box-sizing:border-box}.blog-card>*{max-width:100%}}
/* --- original.css --- */
header{transition:transform .35s ease;will-change:transform}header.header-hidden{transform:translateY(-105%)}header:focus-within{transform:translateY(0)!important}.original-logo{width:32px;height:36px;object-fit:contain}.hero{isolation:isolate;overflow:hidden;padding-top:48px;padding-bottom:40px}.hero:before{content:'';position:absolute;inset:-45px 0;z-index:-2;background:url('assets/hero-bg.webp') center/cover;opacity:.27;transform:translateY(var(--hero-shift,0px));will-change:transform}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#f5f3eb35,#f5f3eb88 65%,var(--cream));z-index:-1}.hero-original-logo{display:block;object-fit:contain;margin:0 auto 18px;width:64px;height:70px}.availability{display:inline-flex;align-items:center;gap:10px;border:1px solid #c0d1b8;border-radius:30px;padding:10px 18px;background:#f5faf0e8;color:#365b41;font-size:11px;letter-spacing:1.6px;font-weight:600}.availability i{width:7px;height:7px;border-radius:50%;background:#4f9e5a;animation:status-pulse 2.8s ease-out infinite}.availability:hover{background:#fff}.hero h1{margin-top:23px}.stage .label-two{bottom:5px;left:auto;right:17%;transform:none;white-space:nowrap}.compare.original-comparison .before,.compare.original-comparison .after{padding:0;background:#f4f0e8!important}.compare.original-comparison .before>*:not(.original-compare-image),.compare.original-comparison .after>*:not(.original-compare-image){display:none}.original-compare-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.compare.original-comparison{height:auto;aspect-ratio:16/10}.about-preview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;padding-top:95px;padding-bottom:100px}.about-preview figure{margin:0}.about-preview figure img{display:block;width:100%;height:auto;max-height:530px;aspect-ratio:4/5;object-fit:cover;object-position:center 55%;border-radius:12px}.about-preview figcaption{font-size:12px;color:var(--muted);margin-top:15px}.about-preview h2{font-size:clamp(35px,4.4vw,60px);line-height:1.1;letter-spacing:-2px;margin:22px 0}.about-preview p{margin-bottom:20px;font-size:16px}.about-preview .button{margin-top:8px}.about-page h1{font-size:clamp(48px,6vw,80px);letter-spacing:-3px;margin:20px 0 30px}.about-note{padding-top:10px;max-width:900px}.about-note h2{font-size:36px;margin-bottom:20px}.about-note p{margin-bottom:25px}.mobile-navigation{display:none}.about-preview img{box-shadow:0 25px 65px #254b3b12}@keyframes status-pulse{0%{box-shadow:0 0 0 0 #4f9e5a55}70%,100%{box-shadow:0 0 0 9px #4f9e5a00}}@media(max-width:1000px){header nav{gap:16px;font-size:12px}.stage .label-two{bottom:-12px;right:25%;font-size:10px}.about-preview{gap:35px}.about-preview h2{font-size:40px}}@media(max-width:900px){.mobile-navigation{display:block}.mobile-navigation summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:30px;padding:10px 13px;font-size:12px}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation[open] summary{background:var(--green);color:white}.mobile-links{position:absolute;top:100%;left:0;right:0;padding:20px 6%;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 20px 30px #254b3b12;display:grid;grid-template-columns:1fr 1fr;gap:4px}.mobile-links a{padding:13px;font-size:15px}.mobile-links a:hover{background:#e8edde}.mobile-navigation~.button.small{display:none}}@media(max-width:600px){.hero{padding-top:30px}.hero-original-logo{width:50px;height:55px;margin-bottom:15px}.availability{font-size:9px;letter-spacing:1px;padding:9px 14px}.hero h1{font-size:54px}.stage .label-two{bottom:-38px;right:auto;left:3%;font-size:9px;padding:9px 12px}.about-preview{grid-template-columns:1fr;gap:32px;padding-top:60px;padding-bottom:65px}.about-preview figure{max-width:350px}.about-preview figure img{max-height:390px}.about-preview h2{font-size:39px}.about-preview p{font-size:15px}.about-page h1{font-size:57px}.about-note h2{font-size:30px}.compare.original-comparison{aspect-ratio:4/5}.original-compare-image{object-fit:contain;background:#f5f3eb}.brand .original-logo{width:28px;height:31px}}@media(prefers-reduced-motion:reduce){.availability i{animation:none}.hero:before{transform:none}.header-hidden{transform:none!important}}.motion-paused .hero:before{transform:none}.motion-paused .availability i{animation:none}
/* --- contact.css --- */
.purchase-button{width:100%;margin:0 0 12px!important;font-size:14px!important;gap:10px!important}.price-grid article>a:not(.purchase-button){background:transparent;color:var(--green);border-color:var(--line);margin-top:0}.price-grid article ul{flex:1}.purchase-note{font-size:12px!important;line-height:1.6;max-width:800px;margin:18px 0}.purchase-note a{text-decoration:underline}.contact-dialog{border:1px solid var(--line);border-radius:16px;padding:35px;max-width:570px;width:calc(100% - 30px);max-height:88svh;overflow-y:auto;background:var(--cream);color:var(--ink);box-shadow:0 30px 90px #12271e44}.contact-dialog::backdrop{background:#13271ecc;backdrop-filter:blur(5px)}.contact-open{overflow:hidden}.contact-close{position:absolute;right:13px;top:10px;background:none;border:0;font-size:29px;color:var(--green);width:40px;height:40px}.contact-dialog h2{font-size:35px;margin:17px 0 12px}.contact-dialog>p{font-size:15px}.contact-tabs{display:flex;gap:10px;margin:23px 0}.contact-tabs button{padding:12px 15px;border:1px solid var(--line);background:transparent;border-radius:25px;color:var(--ink);font-size:14px}.contact-tabs button[aria-pressed=true]{background:var(--green);color:white}.contact-dialog label{display:block;font-size:14px;margin:15px 0 7px}.contact-dialog input,.contact-dialog textarea,.contact-dialog select{display:block;width:100%;padding:12px;border:1px solid #bcc8b8;background:#fffef9;border-radius:7px;font:inherit;color:var(--ink)}.contact-dialog textarea{resize:vertical}.contact-note{font-size:12px!important;margin:15px 0;line-height:1.6}.contact-feedback{font-size:13px;margin-top:15px}.contact-direct{font-size:13px!important;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;overflow-wrap:anywhere}.contact-direct a{text-decoration:underline}.booking-view h3{font-size:28px;margin:25px 0 15px}.booking-view>.button{margin-top:20px}.booking-view p{font-size:15px}[hidden]{display:none!important}@media(max-width:600px){.contact-dialog{padding:30px 22px}.contact-dialog h2{font-size:29px}.contact-tabs button{font-size:12px;padding:11px 13px}}

/* Contact styles are self-contained, including on the separate quiz page. */
.contact-dialog .form-honeypot{display:none!important}
.contact-dialog input,.contact-dialog textarea,.contact-dialog select{box-sizing:border-box;max-width:100%;min-width:0}
.contact-dialog input:focus,.contact-dialog textarea:focus,.contact-dialog select:focus{outline:2px solid #477052!important;outline-offset:2px!important;box-shadow:none!important;border-color:#477052}
.contact-dialog button:focus-visible,.contact-dialog a:focus-visible{outline:2px solid #477052!important;outline-offset:3px!important;box-shadow:none!important}
.contact-dialog .booking-slots{border:0;padding:0;margin:23px 0 0;min-width:0}
.contact-dialog .booking-slots legend{font:500 14px/1.5 'DM Sans',sans-serif;letter-spacing:0;margin:0 0 12px;padding:0}
.contact-dialog #booking-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contact-dialog #booking-slots .booking-time{position:relative;display:block;margin:0;padding:0;cursor:pointer;opacity:1}
.contact-dialog #booking-slots .booking-time input{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.contact-dialog #booking-slots .booking-time-content{display:flex;flex-direction:column;gap:5px;position:relative;min-height:76px;justify-content:center;padding:13px 30px 13px 15px;border:1px solid #bfcdb5;border-radius:9px;background:#fffef9;color:#254b38;font-size:15px;line-height:1.3;transition:background .15s,border-color .15s}
.contact-dialog #booking-slots .booking-time-interval{font-size:15px;font-weight:600;white-space:nowrap}
.contact-dialog #booking-slots .booking-time-status{font-size:12px;color:#64745a}
.contact-dialog #booking-slots .booking-time:hover input:not(:disabled)+.booking-time-content{background:#edf3e5;border-color:#64815a}
.contact-dialog #booking-slots .booking-time input:checked+.booking-time-content{background:#244b37;border-color:#244b37;color:#fffef4}
.contact-dialog #booking-slots .booking-time input:checked+.booking-time-content .booking-time-status{color:#d7e7c8}
.contact-dialog #booking-slots .booking-time input:checked+.booking-time-content::after{content:'✓';position:absolute;right:12px;top:17px;font-size:17px}
.contact-dialog #booking-slots .booking-time input:focus-visible+.booking-time-content{outline:2px solid #477052;outline-offset:3px}
.contact-dialog #booking-slots .booking-time-unavailable{cursor:not-allowed}
.contact-dialog #booking-slots .booking-time input:disabled+.booking-time-content{background:#eaeae2;border-color:#d2d5c9;color:#77816f}
.contact-dialog #booking-slots .booking-time input:disabled+.booking-time-content .booking-time-interval{text-decoration:line-through;text-decoration-thickness:1.5px}
.contact-dialog #booking-slots .booking-time input:disabled+.booking-time-content::after{content:'×';position:absolute;right:12px;top:14px;font-size:24px;color:#7d6e65}
@media(max-width:380px){.contact-dialog #booking-slots{grid-template-columns:1fr}}

/* An inset focus indicator follows the input's own rounded border. */
.contact-dialog input:not([type=radio]):focus,.contact-dialog textarea:focus,.contact-dialog select:focus,.contact-dialog input:not([type=radio]):focus-visible,.contact-dialog textarea:focus-visible,.contact-dialog select:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:inset 0 0 0 1px #477052!important;border:1px solid #477052!important;border-radius:7px}

.contact-dialog #booking-slots .booking-time-content{border-radius:999px;min-height:66px;padding:12px 34px 12px 20px}.contact-dialog #booking-slots .booking-time{border-radius:999px}.contact-dialog #booking-slots .booking-time input:checked+.booking-time-content::after,.contact-dialog #booking-slots .booking-time input:disabled+.booking-time-content::after{right:17px;top:18px}
/* --- scroll-story.css --- */
.hero{min-height:calc(100svh - 75px);padding-bottom:105px;--hero-progress:0;--hero-scale:1;--hero-opacity:.46}.hero:before{inset:-8%;opacity:var(--hero-opacity);transform:translate3d(0,var(--hero-shift,0px),0) scale(var(--hero-scale));transform-origin:50% 60%;will-change:transform,opacity}.hero:after{background:linear-gradient(180deg,#f5f3eb20 0%,#f5f3eb75 50%,#f5f3ebe6 82%,var(--cream) 100%)}.hero>h1,.hero>p,.hero>.button,.hero>.hero-note,.hero>.hero-original-logo,.hero>.availability{transform:translate3d(0,var(--hero-text-shift,0px),0);opacity:var(--hero-text-opacity,1);will-change:transform,opacity}.hero>.scroll-note{position:absolute;bottom:27px;left:20px;right:20px;margin:0;opacity:var(--hint-opacity,1);transform:translateY(var(--hint-shift,0px));font-size:9px;letter-spacing:1.7px}.scroll-note span{animation:scroll-breathe 2.4s ease-in-out infinite}.journey{position:relative;margin-top:-1px}.journey .scene{opacity:var(--scene-entry-opacity,1);translate:0 var(--scene-entry-y,0px)}.statement{position:relative;background:radial-gradient(ellipse at 50% 0%,#e1e8d8,transparent 65%)}.story-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none;background:transparent}.story-progress>i{display:block;background:#668361;height:100%;transform-origin:left;transform:scaleX(var(--page-progress,0));will-change:transform}.story-arrive{opacity:0;transform:translate3d(0,26px,0);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.25,1)}.story-arrive.story-visible{opacity:1;transform:none}.values>.story-arrive:nth-child(2),.price-grid>.story-arrive:nth-child(2){transition-delay:.08s}.values>.story-arrive:nth-child(3),.price-grid>.story-arrive:nth-child(3){transition-delay:.16s}.contact{background:radial-gradient(ellipse at 50% 100%,#cbdcbe,transparent 75%)}@keyframes scroll-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@media(max-width:600px){.hero{min-height:calc(100svh - 65px);padding-bottom:90px}.hero>.scroll-note{font-size:8px;bottom:25px}.story-arrive{transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){.hero:before{transform:none!important;opacity:.4!important}.hero>h1,.hero>p,.hero>.button,.hero>.hero-note,.hero>.hero-original-logo,.hero>.availability{transform:none!important;opacity:1!important}.hero>.scroll-note{opacity:1!important;transform:none!important}.journey .scene{opacity:1!important;translate:none!important}.story-arrive{opacity:1!important;transform:none!important}.scroll-note span{animation:none!important}}.motion-paused .hero:before{transform:none!important;opacity:.4!important}.motion-paused .hero>h1,.motion-paused .hero>p,.motion-paused .hero>.button,.motion-paused .hero>.hero-note,.motion-paused .hero>.hero-original-logo,.motion-paused .hero>.availability{transform:none!important;opacity:1!important}.motion-paused .hero>.scroll-note{opacity:1!important;transform:none!important}.motion-paused .journey .scene{opacity:1!important;translate:none!important}.motion-paused .story-arrive{opacity:1!important;transform:none!important}
/* --- cinematic.css --- */
:root{--cine-progress:0;--cine-light:0;--cine-entry:0;--cine-finale:0}.hero{padding-top:45px;min-height:calc(100svh - 70px);background:#edece3}.hero:before{opacity:var(--hero-opacity,.53);filter:saturate(.85);transform:translate3d(0,var(--hero-shift,0px),0) scale(var(--hero-scale,1));transform-origin:50% 64%}.hero:after{background:linear-gradient(180deg,#f5f3eb15 0%,#f5f3eb55 45%,#f5f3ebbb 70%,var(--cream) 100%)}.hero h1{font-size:clamp(65px,9.1vw,138px);letter-spacing:-6px;line-height:.96;margin-top:28px;margin-bottom:25px;text-shadow:0 1px 35px #f5f3eb80}.hero h1 em{color:#315c43}.hero>p{font-size:19px}.hero-original-logo{width:58px;height:64px}.hero>.scroll-note{bottom:18px;font-size:9px;gap:12px}.hero>.scroll-note:before{content:'';height:38px;width:1px;background:linear-gradient(transparent,#456a4a)}.hero .button{box-shadow:0 12px 35px #24473525}.journey{height:270vh;min-height:1800px;background:#e7ecde}.journey:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,#f8f9ef 0%,transparent 55%)}.stage{isolation:isolate;--stage-focus:0;background:transparent}.stage:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 65% 45%,#477250 0%,#153d2b 65%,#0d291f 100%);opacity:var(--cine-light);pointer-events:none}.stage:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:80px 80px;opacity:calc(var(--cine-light)*.65);mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}.stage-copy{position:relative;z-index:6;transform:translateY(calc(var(--cine-progress)*-12px));transition:color .4s}.stage-copy .eyebrow{font-size:10px;letter-spacing:2px}.stage-copy h2{font-size:clamp(38px,4.1vw,63px);line-height:1.05;letter-spacing:-2.4px}.stage-copy p{line-height:1.8;max-width:310px;transition:color .4s}.stage.is-immersed{color:#f6f5e9}.stage.is-immersed .stage-copy em{color:#bfd4a7}.stage.is-immersed .stage-copy p{color:#c2d2bd}.stage .scene{height:530px;perspective:1800px;z-index:4;opacity:1;translate:none;transform:translateY(calc((1 - var(--cine-entry))*75px));will-change:transform}.scene:before{content:'';position:absolute;width:95%;height:70%;left:2%;top:28%;border-radius:50%;background:radial-gradient(ellipse,#a4c88235 0%,transparent 70%);filter:blur(30px);transform:scale(calc(.75 + var(--cine-progress)*.35));pointer-events:none}.browser{transform:translate3d(calc((1 - var(--cine-entry))*9%),calc((1 - var(--cine-entry))*30px),0) rotateY(calc((1 - var(--cine-entry))*-25deg)) rotateX(calc((1 - var(--cine-entry))*15deg)) rotateZ(calc((1 - var(--cine-entry))*-7deg)) scale(calc(.86 + var(--cine-entry)*.14 - var(--cine-finale)*.035));transform-origin:50% 55%;box-shadow:0 60px 100px #0b1c234a,0 15px 25px #0b1c2320,0 0 0 1px #fff7;will-change:transform}.browser-bar{height:37px;background:#ffffff80;border-radius:12px 12px 0 0}.cafe-visual{height:320px}.cafe-copy{transform:translate3d(calc((1 - var(--cine-entry))*-30px),calc((1 - var(--cine-entry))*40px),0);opacity:calc(.25 + var(--cine-entry)*.75)}.cafe-nav{transform:translateX(calc((1 - var(--cine-entry))*15px))}.cafe-footer{transform:translateY(calc((1 - var(--cine-entry))*20px));opacity:calc(.3 + var(--cine-entry)*.7)}.phone{width:169px;height:338px;right:-1%;bottom:-20px;transform:translate3d(calc((1 - var(--cine-finale))*65px),calc((1 - var(--cine-finale))*160px),70px) rotate(calc((1 - var(--cine-finale))*17deg));opacity:var(--cine-finale);box-shadow:0 30px 65px #07170e80,0 0 0 1px #ffffff25}.phone-photo{height:147px}.label-one{right:13%;top:-15px;transform:translateY(calc((1 - var(--cine-entry))*-25px));opacity:var(--cine-entry);background:#fbfff0ed;color:#31503a;border:1px solid #dce8c9}.stage .label-two{bottom:-45px;right:28%;left:auto;opacity:var(--cine-finale);transform:translateY(calc((1 - var(--cine-finale))*20px));background:#fbfff0ed;color:#31503a}.stage-bottom{z-index:5;bottom:26px}.stage.is-immersed .track{background:#ffffff26}.stage.is-immersed .track i{background:#c0d7a4}.stage.is-immersed .stage-bottom{color:#bed0b2}.cine-chapters{display:flex;gap:9px;align-items:center;margin-top:30px}.cine-chapters>span{display:block;width:28px;height:3px;background:#879a7c55;border-radius:2px;transition:width .4s,background .4s}.cine-chapters>span.active{width:54px;background:#759454}.stage.is-immersed .cine-chapters>span.active{background:#cee3af}.statement{padding:130px 20px 110px;background:radial-gradient(ellipse at 50% 0%,#dfe8d1,transparent 80%)}.statement h2{font-size:clamp(42px,5.9vw,83px);line-height:1.12;letter-spacing:-3px}.statement h2 em{background:linear-gradient(to top,#c4d8b9 0% 35%,transparent 35%);background-size:var(--statement-fill,0%) 100%;background-repeat:no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone}.compare{box-shadow:0 25px 70px #223e2714;transition:box-shadow .3s}.compare:hover{box-shadow:0 25px 70px #223e2725}.industry-tabs button{transition:background .25s,color .25s,transform .25s}.industry-tabs button:hover{transform:translateY(-2px)}.values>div{position:relative}.values>div:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#527047;transform:scaleX(0);transform-origin:left;transition:transform 1s ease}.values>.story-visible:before{transform:scaleX(1)}.process{position:relative;background:#1b402f;isolation:isolate;overflow:hidden}.process:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--process-glow,50%) 40%,#52754855,transparent 65%);pointer-events:none}.process-list article{position:relative;transition:background .25s;padding-left:15px;padding-right:15px}.process-list article:hover{background:#ffffff07}.price-grid article{transition:transform .5s,box-shadow .5s}.price-grid article.featured{border:1px solid #809874;box-shadow:0 18px 50px #28462613}.price-grid article:hover{box-shadow:0 24px 55px #254b3b19}.contact{background:radial-gradient(ellipse at 50% 100%,#b7cda6 0%,#e5eddb 50%,#f5f3eb 100%)}.contact h2{font-size:clamp(48px,7.5vw,108px)}.about-preview figure{position:relative}.about-preview figure:before{content:'';position:absolute;inset:16px -14px 20px 14px;border:1px solid #94ab83;border-radius:14px;z-index:-1}.about-preview figure img{transform:translateY(var(--portrait-shift,0px));transition:none}.story-progress{height:3px}.story-progress>i{background:#75a85c}
@media(min-width:901px) and (max-height:760px){.stage .scene{height:450px}.cafe-visual{height:270px}.phone{height:300px;width:150px;bottom:-20px}.phone-photo{height:115px}.stage-copy h2{font-size:44px}.hero{padding-top:25px}.hero h1{font-size:clamp(65px,7.5vw,106px)}.hero-original-logo{height:47px;width:43px}.hero .hero-note{margin-top:13px}}@media(max-width:900px){.stage .scene{height:400px}.stage-copy h2{font-size:37px}.stage-copy p{max-width:100%;line-height:1.5}.stage-copy .eyebrow{font-size:9px}.cine-chapters{justify-content:center;margin-top:15px}.browser{width:94%}.cafe-visual{height:230px}.phone{width:125px;height:263px;bottom:-10px;right:-1%}.phone-photo{height:100px}.stage .label-two{bottom:-34px;right:25%;font-size:9px}.stage .label-one{display:none}.statement{padding-top:100px}.hero h1{font-size:90px;letter-spacing:-4px}}@media(max-width:600px){.hero{padding-top:32px;min-height:calc(100svh - 65px)}.hero h1{font-size:clamp(52px,13vw,74px);letter-spacing:-3px}.hero>p{font-size:16px}.hero-original-logo{width:45px;height:49px}.hero>.scroll-note{bottom:18px;font-size:8px}.hero>.scroll-note:before{height:25px}.journey{height:220vh;min-height:1450px}.stage{padding-top:60px}.stage .scene{height:320px;transform:translateY(calc((1 - var(--cine-entry))*30px))}.stage-copy h2{font-size:30px;letter-spacing:-1px;margin:10px 0}.stage-copy p{font-size:12px;max-width:295px}.cine-chapters{margin-top:12px;gap:6px}.cine-chapters>span{width:20px;height:2px}.cine-chapters>span.active{width:38px}.browser{width:90%;transform:translateY(calc((1 - var(--cine-entry))*18px)) rotateY(calc((1 - var(--cine-entry))*-12deg)) rotateX(calc((1 - var(--cine-entry))*6deg)) rotateZ(calc((1 - var(--cine-entry))*-3deg)) scale(calc(.94 + var(--cine-entry)*.06))}.browser-bar{height:25px}.cafe-visual{height:200px}.phone{width:94px;height:210px;bottom:0;right:0;transform:translateY(calc((1 - var(--cine-finale))*80px)) rotate(calc((1 - var(--cine-finale))*8deg))}.phone-photo{height:78px}.stage .label-two{bottom:-30px;right:29%;font-size:8px;padding:8px 11px}.statement{padding:80px 20px 60px}.statement h2{font-size:37px;letter-spacing:-1px}.contact h2{font-size:49px}.about-preview figure:before{inset:12px -8px 24px 8px}}
@media(prefers-reduced-motion:reduce){.stage:before{opacity:0!important}.stage.is-immersed{color:var(--ink)!important}.stage.is-immersed .stage-copy em{color:#50715a!important}.stage.is-immersed .stage-copy p,.stage.is-immersed .stage-bottom{color:var(--muted)!important}.stage .scene,.browser,.cafe-copy,.cafe-nav,.cafe-footer,.phone,.label-one,.stage .label-two,.stage-copy,.about-preview figure img{transform:none!important}.cafe-copy,.cafe-footer,.phone,.label-one,.stage .label-two{opacity:1!important}.statement h2 em{background-size:100% 100%!important}}.motion-paused .stage:before{opacity:0!important}.motion-paused .stage.is-immersed{color:var(--ink)!important}.motion-paused .stage.is-immersed .stage-copy p,.motion-paused .stage.is-immersed .stage-bottom{color:var(--muted)!important}.motion-paused .stage.is-immersed .stage-copy em{color:#50715a!important}.motion-paused .stage .scene,.motion-paused .browser,.motion-paused .cafe-copy,.motion-paused .cafe-nav,.motion-paused .cafe-footer,.motion-paused .phone,.motion-paused .label-one,.motion-paused .stage .label-two,.motion-paused .stage-copy,.motion-paused .about-preview figure img{transform:none!important}.motion-paused .cafe-copy,.motion-paused .cafe-footer,.motion-paused .phone,.motion-paused .label-one,.motion-paused .stage .label-two{opacity:1!important}.motion-paused .statement h2 em{background-size:100% 100%!important}
/* --- flow-refinement.css --- */
/* One entrance system for the content below the scroll-controlled demo. */
.statement h2 em{background:none!important;text-decoration:none;color:#50715a}
.smooth-flow .reveal,.smooth-flow .story-arrive{opacity:1!important;transform:none!important;transition:none!important}
.smooth-flow .flow-in{opacity:var(--flow-opacity,1)!important;transform:perspective(1600px) translate3d(var(--flow-x,0px),var(--flow-y,0px),0) rotateX(var(--flow-rotate,0deg)) scale(var(--flow-scale,1))!important;transform-origin:50% 75%;transition:none!important}
.smooth-flow .values>div:before{transform:scaleX(1);background:#91a481;transition:none}
.smooth-flow .stage-copy,.smooth-flow .stage-copy p,.smooth-flow .stage-copy em,.smooth-flow .stage-bottom{transition:color .55s ease}
.examples{perspective:1600px}.compare.original-comparison{border-radius:16px;box-shadow:0 30px 85px #203e2719}
.about-preview{overflow:clip;padding-left:6%;padding-right:6%}.about-preview figure:before{display:none}
.about-preview figure img{border-radius:18px;box-shadow:0 28px 65px #254b3b20}
.process-list article{border-top-color:#ffffff24}.process-list article>span{font-variant-numeric:tabular-nums}
.contact{position:relative;isolation:isolate;overflow:clip;background:#f5f3eb}
.contact:before{content:'';position:absolute;inset:-15% -12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 95%,#b7cda6 0%,#e5eddb 50%,#f5f3eb 76%);transform:translateY(calc((1 - var(--contact-arrival,1))*65px)) scale(calc(.8 + var(--contact-arrival,1)*.2));opacity:calc(.3 + var(--contact-arrival,1)*.7);transform-origin:50% 100%}
.contact>.button{box-shadow:0 14px 35px #24473523}
@media(max-width:600px){.compare.original-comparison{border-radius:10px}.about-preview figure img{border-radius:13px}.contact:before{inset:-8% -12%}}
@media(prefers-reduced-motion:reduce){.smooth-flow .flow-in{opacity:1!important;transform:none!important}.contact:before{opacity:1!important;transform:none!important}}
.motion-paused.smooth-flow .flow-in{opacity:1!important;transform:none!important}.motion-paused .contact:before{opacity:1!important;transform:none!important}
/* --- experiment.css --- */
/* Separate art-direction experiment. Version A is kept unchanged. */
:root{--exp-hero:0;--exp-chapter:0;--exp-contact:0}
body.experiment-mode{--cream:#f5f3ea;--green:#214b36;--ink:#20372a;--muted:#657060;background:var(--cream)}
.experiment-mode header{padding:19px 4%;background:#f5f3eaf2;border-bottom-color:#bfcab845}
.experiment-mode .test{display:none}.experiment-mode .brand{letter-spacing:-.4px}
.experiment-mode header nav{gap:22px}.experiment-mode .button{font-family:'DM Sans',sans-serif;border-radius:8px;transition:background .25s,box-shadow .25s,translate .25s}
.experiment-mode .button:hover{translate:0 -3px;box-shadow:0 12px 25px #20402920}
.experiment-mode .hero{height:auto;min-height:calc(100svh - 80px);padding:85px 4% 115px;overflow:clip;text-align:left;background:#f5f3ea;isolation:isolate}
.experiment-mode .hero:before{display:none}.experiment-mode .hero:after{display:none}
.experiment-mode .hero-original-logo{display:none}
.experiment-mode .hero>.availability{position:relative;margin:0 0 23px;padding:8px 12px;font-size:9px;letter-spacing:1.5px;z-index:3;background:#ebf0e1;border-color:#c8d8bd}
.experiment-mode .hero h1{position:relative;z-index:3;width:65%;font-size:clamp(74px,8.9vw,139px);line-height:.96;letter-spacing:-6px;margin:0 0 30px;text-shadow:none;color:#1d3727;transform:translateY(calc(var(--exp-hero)*-35px))!important;opacity:calc(1 - var(--exp-hero)*.6)!important}
.experiment-mode .hero h1 em{color:#537249}
.experiment-mode .hero>p{position:relative;z-index:3;font-size:18px;max-width:420px;margin-bottom:28px}
.experiment-mode .hero>.button{position:relative;z-index:3;font-size:15px;padding:18px 25px;gap:30px}
.experiment-mode .hero>.hero-note{position:relative;z-index:3;font-size:11px;letter-spacing:.2px}
.hero-shot{position:absolute;right:0;top:28px;bottom:40px;width:43%;margin:0;z-index:1;overflow:hidden;border-radius:110px 0 0 12px;background:#d6ddcc;transform:translateY(calc(var(--exp-hero)*-25px)) scale(calc(1 + var(--exp-hero)*.08));transform-origin:right center;box-shadow:-30px 30px 80px #263e2210}
.hero-shot>img{width:100%;height:100%;object-fit:cover;object-position:68% 50%;filter:saturate(.85);transform:scale(calc(1.03 + var(--exp-hero)*.16));will-change:transform}
.hero-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5f3ea30,transparent 40%),linear-gradient(0deg,#143424ab,transparent 55%);pointer-events:none}
.hero-shot figcaption{position:absolute;bottom:38px;left:40px;right:30px;z-index:2;color:#f5f5e9;font-size:10px;letter-spacing:2px;line-height:1.8}
.hero-shot figcaption strong{display:block;font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-1px;margin-top:8px;line-height:1.12}
.hero-composition-label{position:absolute;z-index:4;top:44%;right:34%;border:1px solid #fff9;border-radius:8px;background:#fafff2e8;backdrop-filter:blur(12px);padding:16px 20px;box-shadow:0 20px 45px #24412d1c;font-size:11px;color:#32523b;transform:translateY(calc(var(--exp-hero)*-65px)) rotate(-6deg)}
.hero-composition-label strong{font-size:23px;display:block;font-family:Georgia,serif;font-weight:400;margin-top:5px}
.experiment-mode .hero>.scroll-note{position:absolute;left:4%;right:auto;bottom:31px;gap:12px;font-size:9px;letter-spacing:1.5px}.experiment-mode .hero>.scroll-note:before{height:1px;width:65px;background:#7a8e6b}
.experiment-mode .journey{height:265vh;background:#e4eada;border-top:1px solid #c8d1bb;min-height:1700px}
.experiment-mode .stage{padding-left:4%;padding-right:4%;overflow:clip}
.experiment-mode .stage:before{background:radial-gradient(ellipse at 65% 40%,#496d3f 0%,#163f2c 60%,#0b2a1e 100%)}
.experiment-mode .stage:after{background-size:100px 100px;opacity:calc(var(--cine-light)*.28)}
.experiment-mode .stage-copy{width:27%;padding-right:25px}
.experiment-mode .stage-copy h2{font-size:clamp(37px,4vw,63px);line-height:1.02;letter-spacing:-2.5px}
.experiment-mode .stage-copy p{font-size:14px;line-height:1.7}
.experiment-mode .stage .scene{width:73%;height:570px}
.experiment-mode .browser{top:40px;width:94%;border-radius:15px;box-shadow:0 70px 100px #061e2660,0 0 0 1px #ffffff75;transform:translate3d(calc((1 - var(--cine-entry))*8%),calc((1 - var(--cine-entry))*90px),0) rotateY(calc((1 - var(--cine-entry))*-32deg)) rotateX(calc((1 - var(--cine-entry))*17deg)) rotateZ(calc((1 - var(--cine-entry))*-9deg)) scale(calc(.82 + var(--cine-entry)*.18 - var(--cine-finale)*.07))}
.experiment-mode .browser-bar{height:36px}.experiment-mode .cafe-nav{height:64px}.experiment-mode .cafe-visual{height:350px}.experiment-mode .cafe-copy .demo-title{font-size:75px}
.experiment-mode .cafe-footer{height:85px}.experiment-mode .phone{right:0;bottom:-5px;width:173px;height:355px;border-radius:32px;transform:translate3d(calc((1 - var(--cine-finale))*65px),calc((1 - var(--cine-finale))*180px),80px) rotate(calc((1 - var(--cine-finale))*18deg - var(--cine-finale)*4deg))}
.experiment-mode .phone-photo{height:158px}.experiment-mode .phone .demo-title{font-size:29px}.experiment-mode .stage .label-two{bottom:-18px;right:27%;border-radius:6px;padding:11px 18px}
.experiment-mode .label-one{border-radius:6px;right:12%;top:12px}
.exp-chapter-number{position:absolute;right:3%;bottom:8%;font-family:Georgia,serif;font-size:clamp(110px,18vw,250px);line-height:1;color:#9ab78013;pointer-events:none;z-index:0;letter-spacing:-15px}
.experiment-mode .statement{padding:130px 4%;text-align:left;background:#f5f3ea;display:grid;grid-template-columns:1fr 3fr;column-gap:50px;border-bottom:1px solid #c7d0bb}
.experiment-mode .statement>.eyebrow{padding-top:16px;font-size:10px;max-width:140px}
.experiment-mode .statement h2{font-size:clamp(45px,5.3vw,82px);line-height:1.08;letter-spacing:-3px;margin:0}
.experiment-mode .statement>p{grid-column:2;margin-top:28px;font-size:16px}
.experiment-mode .examples{padding-top:105px;padding-bottom:80px;max-width:1500px}
.experiment-mode .section-heading h2{font-size:clamp(48px,5.5vw,81px);letter-spacing:-3px}
.experiment-mode .industry-tabs{gap:0;border-bottom:1px solid #b8c5ac;margin-bottom:25px}
.experiment-mode .industry-tabs button{flex:1;border:0;border-bottom:2px solid transparent;border-radius:0;text-align:left;padding:18px 22px;background:transparent;color:#7b8670}
.experiment-mode .industry-tabs button.selected{background:#e5ecda;border-bottom:2px solid #254b3b;color:#254b3b}
.experiment-mode .compare.original-comparison{border-radius:14px;box-shadow:0 35px 65px #28432420;border:9px solid #e4e9dc;aspect-ratio:16/10}
.experiment-mode .divider{background:#edfbd5}.experiment-mode .divider span{width:56px;height:56px;left:-27px;top:46%;background:#244c37;color:#fff;border:3px solid #f5f3ea}
.experiment-mode .values{padding-top:0;padding-bottom:120px;gap:35px;max-width:1500px}
.experiment-mode .values>div{padding:25px 0 0}.experiment-mode .values h3{font-size:34px}
.experiment-mode .about-preview{max-width:none;background:#e1e8d7;padding:100px 8%;gap:8%;isolation:isolate;position:relative;grid-template-columns:1fr 1.05fr}
.experiment-mode .about-preview>figure{position:relative;max-width:500px;justify-self:end;width:100%}
.experiment-mode .about-preview figure img{border-radius:150px 12px 12px 12px;max-height:620px;object-position:center 45%;box-shadow:0 28px 70px #254b3b26}
.experiment-mode .about-preview figcaption{font-size:11px;letter-spacing:.4px;color:#516347}
.experiment-mode .about-preview h2{font-size:clamp(43px,5.1vw,77px);line-height:1.02;letter-spacing:-3px;margin-top:23px;margin-bottom:28px}
.experiment-mode .about-preview>div{max-width:570px}.experiment-mode .about-preview>div p{max-width:450px;font-size:16px}
.experiment-mode .about-preview .button{margin-top:16px}.experiment-mode .about-preview:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#b5c5a4;pointer-events:none}
.experiment-mode .process{background:#f5f3ea;color:#20372a;padding-top:60px;padding-bottom:80px}
.experiment-mode .process:before{background:radial-gradient(ellipse at var(--process-glow,50%) 80%,#dbe4cc99,transparent 65%)}
.experiment-mode .process p{color:#657060}.experiment-mode .process em{color:#537249}.experiment-mode .process .eyebrow{color:#59704c}
.experiment-mode .process-list{margin-top:55px}.experiment-mode .process-list article{padding:35px 20px;border-color:#b8c6ac;grid-template-columns:65px 1.3fr 1fr}
.experiment-mode .process-list article>span{font-family:Georgia,serif;font-size:34px;color:#859578}.experiment-mode .process-list h3{font-size:34px}
.experiment-mode .process-list article:hover{background:#e5ebdb}
.experiment-mode .pricing{border-top:1px solid #c8d2bd;max-width:1500px}.experiment-mode .price-grid{gap:22px}
.experiment-mode .price-grid article{border-radius:14px;padding:35px 27px;background:#faf9f2}
.experiment-mode .price-grid article.featured{background:#234a35;color:#f6f5e9;box-shadow:0 25px 55px #234a3525;border-color:#234a35}
.experiment-mode .price-grid .price{font-size:62px}.experiment-mode .price-grid h3{font-size:30px;line-height:1.1;min-height:66px}
.experiment-mode .price-grid article.featured p,.experiment-mode .price-grid article.featured li{color:#dce5d1}.experiment-mode .price-grid article.featured li:before{color:#b7d691}
.experiment-mode .price-grid article.featured .purchase-button{background:#d9ebbb;border-color:#d9ebbb;color:#244632}
.experiment-mode .price-grid article.featured>a:not(.purchase-button){color:#edf3df;border-color:#6b855f}
.experiment-mode .price-grid article.featured .eyebrow{color:#cbe2b0}
.experiment-mode .home-blog{max-width:1500px;padding-bottom:110px}.experiment-mode .home-blog .blog-card{border:0;border-top:1px solid #b5c5a7;border-radius:0;background:transparent;padding:27px 15px 25px 0}
.experiment-mode .home-blog .blog-card:hover{background:#eaf0e0}.experiment-mode .home-blog .blog-card h3{font-size:29px}
.experiment-mode .contact{padding:110px 4% 120px;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.experiment-mode .contact:before{background:radial-gradient(ellipse at 50% 110%,#a8c88a 0%,#d3e3bc 50%,#f5f3ea 85%);inset:-15% -20%;transform:translateY(calc((1 - var(--contact-arrival,1))*120px)) scale(calc(.7 + var(--contact-arrival,1)*.3));opacity:calc(.2 + var(--contact-arrival,1)*.8)}
.experiment-mode .contact h2{font-size:clamp(55px,8.6vw,132px);letter-spacing:-5px;line-height:1.02;max-width:1250px;margin:32px 0}
.experiment-mode .contact .button{padding:22px 32px;gap:55px;font-size:16px}.experiment-mode .contact p{font-size:13px}
.version-switch{position:fixed;bottom:18px;left:18px;z-index:65;display:flex;align-items:center;gap:15px;background:#fafff5ec;backdrop-filter:blur(12px);border:1px solid #bccbad;padding:10px 14px;border-radius:30px;box-shadow:0 8px 35px #16382019;font-size:11px;color:#314a28}
.version-switch>span{font-weight:700}.version-switch a{text-decoration:underline;text-underline-offset:3px}.version-switch button{border:0;background:none;font-size:17px;color:#4a6240;padding:0 2px;line-height:1}
.experiment-mode footer{padding-bottom:65px}
@media(min-width:901px) and (max-height:800px){.experiment-mode .hero{padding-top:38px;padding-bottom:90px}.experiment-mode .hero h1{font-size:clamp(70px,7.6vw,110px)}.hero-shot{top:18px;bottom:25px}.experiment-mode .stage .scene{height:450px}.experiment-mode .browser{top:15px}.experiment-mode .cafe-visual{height:265px}.experiment-mode .cafe-copy .demo-title{font-size:62px}.experiment-mode .cafe-nav{height:52px}.experiment-mode .cafe-footer{height:65px}.experiment-mode .phone{height:300px;width:147px;bottom:-5px}.experiment-mode .phone-photo{height:122px}.experiment-mode .phone .demo-title{font-size:24px}.experiment-mode .stage .label-two{bottom:-32px}}
@media(max-width:1050px){.experiment-mode header nav{gap:13px;font-size:12px}.experiment-mode .hero h1{font-size:86px;letter-spacing:-4px}.hero-composition-label{right:29%;top:48%}.hero-shot{width:42%}.experiment-mode .stage-copy h2{font-size:40px}.experiment-mode .price-grid h3{font-size:26px}.experiment-mode .price-grid article{padding:28px 20px}.experiment-mode .price-grid .price{font-size:52px}}
@media(max-width:900px){.experiment-mode .hero h1{font-size:76px;width:68%}.experiment-mode .hero>p{font-size:16px;max-width:330px}.hero-shot{top:45px;bottom:55px;border-radius:80px 0 0 10px}.hero-composition-label{display:none}.hero-shot figcaption{left:25px;bottom:30px;font-size:8px}.hero-shot figcaption strong{font-size:28px}.experiment-mode .stage-copy{width:100%;padding:0}.experiment-mode .stage-copy h2{font-size:37px;line-height:1.1}.experiment-mode .stage-copy p{max-width:none;font-size:13px}.experiment-mode .stage .scene{width:90%;height:400px}.experiment-mode .browser{top:15px}.experiment-mode .cafe-nav{height:48px}.experiment-mode .cafe-visual{height:230px}.experiment-mode .cafe-copy .demo-title{font-size:53px}.experiment-mode .cafe-footer{height:63px}.experiment-mode .phone{width:124px;height:261px;bottom:-5px}.experiment-mode .phone-photo{height:100px}.experiment-mode .phone .demo-title{font-size:23px}.experiment-mode .stage .label-two{bottom:-36px;right:28%}.experiment-mode .statement{grid-template-columns:1fr;gap:25px;padding:90px 6%}.experiment-mode .statement>.eyebrow{max-width:none}.experiment-mode .statement>p{grid-column:1;margin-top:0}.experiment-mode .statement h2{font-size:54px}.experiment-mode .about-preview{padding:80px 6%;gap:6%}.experiment-mode .about-preview h2{font-size:47px}.experiment-mode .about-preview>div p{font-size:14px}.experiment-mode .process-list article{grid-template-columns:45px 1fr 1fr;gap:15px}.experiment-mode .process-list h3{font-size:27px}.experiment-mode .process-list article>span{font-size:27px}}
@media(max-width:600px){.experiment-mode header{padding:14px 5%}.experiment-mode .hero{padding:38px 6% 60px;min-height:0}.experiment-mode .hero>.availability{font-size:8px;letter-spacing:1px;margin-bottom:20px}.experiment-mode .hero h1{font-size:clamp(53px,12.5vw,75px);width:100%;letter-spacing:-3px;line-height:1;margin-bottom:22px}.experiment-mode .hero>p{font-size:15px;max-width:100%;margin-bottom:22px}.experiment-mode .hero>.button{font-size:14px;padding:15px 20px}.experiment-mode .hero>.hero-note{font-size:10px;margin-top:15px}.hero-shot{position:relative;inset:auto;right:auto;top:auto;bottom:auto;width:100%;height:250px;margin-top:32px;border-radius:60px 8px 8px 8px;transform:none!important}.hero-shot>img{object-position:center 55%}.hero-shot figcaption{font-size:8px;left:22px;bottom:20px}.hero-shot figcaption strong{font-size:27px;max-width:230px}.experiment-mode .hero>.scroll-note{bottom:21px;left:6%;font-size:7px;letter-spacing:1px}.experiment-mode .hero>.scroll-note:before{width:30px}.experiment-mode .journey{height:220vh;min-height:1450px}.experiment-mode .stage-copy h2{font-size:29px}.experiment-mode .stage-copy p{font-size:12px;max-width:295px}.experiment-mode .stage .scene{width:100%;height:320px}.experiment-mode .browser{width:91%;transform:translateY(calc((1 - var(--cine-entry))*30px)) rotateY(calc((1 - var(--cine-entry))*-14deg)) rotateZ(calc((1 - var(--cine-entry))*-4deg)) scale(calc(.9 + var(--cine-entry)*.1))}.experiment-mode .browser-bar{height:24px}.experiment-mode .cafe-nav{height:42px}.experiment-mode .cafe-visual{height:193px}.experiment-mode .cafe-copy .demo-title{font-size:38px}.experiment-mode .cafe-footer{height:52px}.experiment-mode .phone{width:94px;height:211px;bottom:-4px;border-radius:20px;transform:translateY(calc((1 - var(--cine-finale))*95px)) rotate(calc((1 - var(--cine-finale))*10deg - var(--cine-finale)*3deg))}.experiment-mode .phone-photo{height:77px}.experiment-mode .phone .demo-title{font-size:19px}.experiment-mode .stage .label-two{bottom:-31px;right:28%;font-size:8px;padding:8px 10px}.exp-chapter-number{font-size:145px;bottom:6%;right:5%;letter-spacing:-7px}.experiment-mode .statement{padding:65px 6%;gap:21px}.experiment-mode .statement h2{font-size:39px;letter-spacing:-1.5px}.experiment-mode .statement>p{font-size:14px}.experiment-mode .examples{padding-top:65px;padding-bottom:50px}.experiment-mode .section-heading h2{font-size:48px;letter-spacing:-2px}.experiment-mode .industry-tabs button{padding:15px 9px;font-size:12px}.experiment-mode .compare.original-comparison{border-width:5px;aspect-ratio:4/5}.experiment-mode .divider span{width:44px;height:44px;left:-21px}.experiment-mode .values{padding-top:0;padding-bottom:70px;gap:28px}.experiment-mode .values h3{font-size:29px}.experiment-mode .about-preview{padding:65px 6%;grid-template-columns:1fr;gap:32px}.experiment-mode .about-preview>figure{max-width:360px;justify-self:start}.experiment-mode .about-preview figure img{border-radius:95px 10px 10px 10px;max-height:425px}.experiment-mode .about-preview h2{font-size:44px;letter-spacing:-2px}.experiment-mode .about-preview>div p{font-size:15px}.experiment-mode .process{padding-top:5px;padding-bottom:30px}.experiment-mode .process-list{margin-top:30px}.experiment-mode .process-list article{grid-template-columns:32px 1fr;padding:25px 0;gap:10px}.experiment-mode .process-list h3{font-size:25px}.experiment-mode .process-list article>span{font-size:24px}.experiment-mode .process-list p{grid-column:2}.experiment-mode .price-grid article{padding:30px 25px}.experiment-mode .price-grid h3{min-height:0;font-size:30px}.experiment-mode .price-grid .price{font-size:59px}.experiment-mode .home-blog{padding-bottom:60px}.experiment-mode .home-blog .blog-card h3{font-size:28px}.experiment-mode .contact{padding:75px 6%;min-height:540px}.experiment-mode .contact h2{font-size:clamp(46px,12vw,64px);letter-spacing:-2.5px}.experiment-mode .contact .button{font-size:14px;padding:18px 22px;gap:20px}.version-switch{bottom:10px;left:10px;padding:9px 12px;font-size:10px;gap:12px}}
@media(prefers-reduced-motion:reduce){.experiment-mode .hero h1{transform:none!important;opacity:1!important}.hero-shot,.hero-shot>img,.hero-composition-label{transform:none!important}.experiment-mode .browser,.experiment-mode .phone{transform:none!important}}
.experiment-mode.motion-paused .hero h1{transform:none!important;opacity:1!important}.experiment-mode.motion-paused .hero-shot,.experiment-mode.motion-paused .hero-shot>img,.experiment-mode.motion-paused .hero-composition-label,.experiment-mode.motion-paused .browser,.experiment-mode.motion-paused .phone{transform:none!important}

/* Balanced cafe presentation on wide screens. */
@media(min-width:901px){
.experiment-mode .stage{padding-inline:max(5vw,calc((100% - 1400px)/2));gap:clamp(24px,3vw,48px)}
.experiment-mode .stage-copy{flex:0 0 28%;width:28%;padding-right:0;min-width:0}
.experiment-mode .stage-copy h2{font-size:clamp(36px,3.3vw,52px);line-height:1.08;letter-spacing:-1.8px}
.experiment-mode .stage-copy p{font-size:16px;line-height:1.65;max-width:310px}
.experiment-mode .stage .scene{flex:1 1 0;width:auto;min-width:0;max-width:960px;height:500px}
.experiment-mode .browser{width:calc(100% - 65px);max-width:820px;top:20px}
.experiment-mode .browser-bar{height:32px}
.experiment-mode .cafe-nav{height:58px}
.experiment-mode .cafe-visual{height:clamp(240px,30svh,310px)}
.experiment-mode .cafe-copy .demo-title{font-size:clamp(44px,4vw,64px);line-height:1.06}
.experiment-mode .cafe-footer{height:70px}
.experiment-mode .phone{width:142px;height:295px;right:0;bottom:10px;border-radius:27px}
.experiment-mode .phone-photo{height:124px}
.experiment-mode .phone .demo-title{font-size:25px}
.experiment-mode .stage .label-one{right:12%;top:-13px}
.experiment-mode .stage .label-two{right:24%;bottom:-15px}
.experiment-mode .exp-chapter-number{font-size:clamp(110px,11vw,170px);letter-spacing:-7px}
}
.experiment-mode .phone-photo{background-image:url('assets/site-photo-1.webp')}
.experiment-mode .coffee-image{object-fit:cover;object-position:center;transform:scale(1)!important}
@media(min-width:901px) and (max-height:800px){
.experiment-mode .stage .scene{height:405px}
.experiment-mode .browser{top:5px}
.experiment-mode .cafe-nav{height:48px}
.experiment-mode .cafe-visual{height:220px}
.experiment-mode .cafe-copy .demo-title{font-size:48px}
.experiment-mode .cafe-footer{height:60px}
.experiment-mode .phone{height:260px;width:124px;bottom:5px}
.experiment-mode .phone-photo{height:103px}
.experiment-mode .phone .demo-title{font-size:22px}
}
/* Editorial proportions and a concrete transition after the cafe. */
.experiment-mode .hero{max-width:1440px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(30px,5vw,74px);align-content:center;padding:48px 5% 78px;min-height:640px}
.experiment-mode .hero>.availability,.experiment-mode .hero>h1,.experiment-mode .hero>p,.experiment-mode .hero>.button{grid-column:1;justify-self:start}
.experiment-mode .hero>.availability{font-size:10px;margin:0 0 24px;letter-spacing:1px}
.experiment-mode .hero h1{width:100%;max-width:660px;font-size:clamp(48px,5.5vw,80px);line-height:1.04;letter-spacing:-3px;margin:0 0 25px;transform:none!important;opacity:1!important}
.experiment-mode .hero>p{font-size:17px;line-height:1.7;max-width:460px;margin:0 0 24px}
.experiment-mode .hero>.button{font-size:15px;padding:17px 23px}
.experiment-mode .hero>.hero-note{font-size:12px;margin:17px 0 0}
.experiment-mode .hero .hero-shot{position:relative;inset:auto;grid-column:2;grid-row:1/7;align-self:center;width:100%;height:440px;margin:0;border-radius:70px 12px 12px 12px;transform:none!important}
.experiment-mode .hero .hero-shot>img{width:100%;height:100%;object-fit:cover;object-position:60% center;transform:none!important}
.experiment-mode .hero .hero-shot figcaption{left:25px;right:20px;bottom:25px}
.experiment-mode .hero .hero-shot figcaption strong{font-size:30px;line-height:1.14;max-width:300px}
.experiment-mode .hero .hero-composition-label{display:none}
.experiment-mode .hero>.scroll-note{left:5%;bottom:24px;font-size:9px}
.experiment-mode .statement.purpose-section{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(35px,5vw,80px);max-width:1400px;margin:auto;padding:74px 5%;text-align:left;align-items:center;background:radial-gradient(ellipse at 90% 30%,#e6eddc88,transparent 65%);border-bottom:1px solid #c7d0bb}
.purpose-intro{max-width:490px}.experiment-mode .purpose-intro h2{font-size:clamp(34px,3.6vw,52px);line-height:1.12;letter-spacing:-1.8px;margin:20px 0}.purpose-intro>p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 24px}.purpose-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.purpose-points{display:grid;gap:13px;min-width:0}.purpose-points article{display:grid;grid-template-columns:94px minmax(0,1fr);gap:22px;align-items:center;padding:20px;background:#fffdf68c;border:1px solid #ced7c6;border-radius:12px}.purpose-number{font-size:10px;letter-spacing:1.2px;color:#607653}.purpose-points h3{font:24px/1.15 Georgia,serif;margin:7px 0}.purpose-points p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.purpose-mini{height:86px;border-radius:8px;background:#e4ebda;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:5px}.mini-identity{flex-wrap:wrap;align-content:center}.mini-identity>span{font:36px/1 Georgia,serif;width:100%;text-align:center;margin-bottom:8px;color:#254b38}.mini-identity i{width:15px;height:15px;background:#244c38;border-radius:50%}.mini-identity i:nth-of-type(2){background:#91ab79}.mini-identity i:nth-of-type(3){background:#f8f5e9;border:1px solid #bdc8af}.mini-clarity{display:grid;align-content:center;gap:7px;padding:17px}.mini-clarity i{display:block;height:4px;width:55px;background:#6a8460;border-radius:3px}.mini-clarity i:nth-child(2){width:38px}.mini-clarity i:nth-child(3){width:46px;background:#b1bea4}.mini-clarity b{width:25px;height:12px;background:#244c38;border-radius:3px}.mini-contact{flex-direction:column}.mini-contact>span{font:30px Georgia,serif;color:#244c38}.mini-contact>b{font:9px sans-serif;background:#244c38;color:#fff;padding:6px 9px;border-radius:12px}
@media(min-width:901px){.experiment-mode .cafe-copy{top:17%;left:6%}.experiment-mode .cafe-copy .demo-title{font-size:clamp(38px,3.4vw,54px);margin:10px 0 15px}.experiment-mode .cafe-visual{min-height:250px}.experiment-mode .cafe-footer{height:66px}}
@media(max-width:900px){.experiment-mode .hero{min-height:0;padding:40px 6% 65px;column-gap:28px}.experiment-mode .hero h1{font-size:clamp(42px,6vw,60px);letter-spacing:-2px}.experiment-mode .hero .hero-shot{height:385px;border-radius:45px 10px 10px 10px}.experiment-mode .hero .hero-shot figcaption strong{font-size:24px}.experiment-mode .statement.purpose-section{grid-template-columns:1fr;gap:32px;padding:55px 6%}.purpose-intro{max-width:600px}.purpose-points article{grid-template-columns:85px minmax(0,1fr)}}
@media(max-width:600px){.experiment-mode .hero{display:flex;flex-direction:column;align-items:flex-start;padding:32px 6% 60px}.experiment-mode .hero h1{font-size:clamp(40px,10.5vw,58px);letter-spacing:-1.8px;line-height:1.07}.experiment-mode .hero>p{font-size:16px}.experiment-mode .hero .hero-shot{height:270px;width:100%;margin:28px 0 0;flex:none}.experiment-mode .hero .hero-shot>img{object-position:center}.experiment-mode .hero .hero-shot figcaption strong{font-size:25px}.experiment-mode .hero>.scroll-note{left:6%;font-size:8px}.experiment-mode .statement.purpose-section{padding:46px 6%}.experiment-mode .purpose-intro h2{font-size:36px}.purpose-points article{grid-template-columns:66px minmax(0,1fr);gap:14px;padding:15px}.purpose-mini{height:74px}.purpose-points h3{font-size:21px}.purpose-points p{font-size:14px}.purpose-number{font-size:9px}.mini-clarity{padding:12px}.mini-clarity i{max-width:42px}.mini-contact>b{font-size:8px;padding:5px 6px}}

/* Restore the edge-to-edge right-hand image without enlarging the heading. */
@media(min-width:901px){
.experiment-mode .hero{display:block;position:relative;max-width:none;width:100%;margin:0;min-height:680px;padding:64px 51% 92px 6%}
.experiment-mode .hero h1{max-width:650px;font-size:clamp(52px,5.2vw,80px);line-height:1.06}
.experiment-mode .hero .hero-shot{position:absolute;left:auto;right:0;top:24px;bottom:24px;inset-inline-start:auto;grid-area:auto;width:46%;height:auto;margin:0;border-radius:100px 0 0 12px}
.experiment-mode .hero .hero-shot>img{object-fit:cover;object-position:center;transform:none!important}
.experiment-mode .hero .hero-shot figcaption{left:36px;bottom:35px}
.experiment-mode .hero .hero-shot figcaption strong{font-size:clamp(30px,2.8vw,42px);max-width:420px}
.experiment-mode .hero>.scroll-note{left:6%;bottom:30px}
}
@media(min-width:901px) and (max-height:750px){.experiment-mode .hero{min-height:590px;padding-top:42px;padding-bottom:70px}.experiment-mode .hero h1{font-size:clamp(50px,5vw,72px)}.experiment-mode .hero .hero-shot{top:18px;bottom:18px}}
/* --- live-comparison.css --- */
/* Living photograph on the personal side only; the template stays still. */
#compare.original-comparison .after > .live-photo-frame {
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform-origin: 50% 0;
  animation: personal-photo-drift 22s ease-in-out infinite alternate;
  animation-play-state: paused;
  pointer-events: none;
}
.live-photo-frame > .original-compare-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.live-photo-art {
  position: absolute;
  pointer-events: none;
}
.live-photo-steam {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#compare[data-live-industry="cafe"] .live-photo-steam { display: block; }
.live-photo-steam path {
  fill: none;
  stroke: url(#personal-coffee-steam);
  stroke-linecap: round;
  filter: blur(3px);
  opacity: 0;
  transform-box: view-box;
  transform-origin: 910px 684px;
  animation: personal-coffee-steam 7s ease-in-out infinite;
  animation-play-state: paused;
}
.live-photo-steam path:nth-of-type(2) { animation-delay: -2.4s; }
.live-photo-steam path:nth-of-type(3) { animation-delay: -4.8s; }
.live-photo-light {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 78% 20%, #fff5d675, transparent 65%);
  mix-blend-mode: soft-light;
  opacity: .04;
  animation: personal-window-light 13s ease-in-out infinite alternate;
  animation-play-state: paused;
}
#compare.original-comparison .after > .live-photo-badge {
  display: none;
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 2;
  align-items: center;
  gap: 7px;
  border: 1px solid #ffffff40;
  border-radius: 30px;
  padding: 7px 11px;
  background: #183e30d9;
  color: #f5f7eb;
  font: 500 10px/1.3 "DM Sans", sans-serif;
  letter-spacing: .3px;
  pointer-events: none;
}
.live-photo-badge::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #cee9a9;
}
#compare[data-live-state="playing"] .live-photo-frame,
#compare[data-live-state="playing"] .live-photo-steam path,
#compare[data-live-state="playing"] .live-photo-light { animation-play-state: running; }
#compare[data-live-state="playing"] .live-photo-frame { will-change: transform; }
#compare.original-comparison[data-live-state="playing"] .after > .live-photo-badge { display: inline-flex; }
@keyframes personal-photo-drift {
  from { transform: scale(1); }
  to { transform: scale(1.014); }
}
@keyframes personal-coffee-steam {
  0% { opacity: 0; transform: scale(.8, .65) rotate(2deg); }
  24% { opacity: .42; }
  60% { opacity: .3; }
  100% { opacity: 0; transform: scale(1.16, 1.18) rotate(-3deg); }
}
@keyframes personal-window-light {
  from { opacity: .04; }
  to { opacity: .17; }
}
@media (max-width: 600px) {
  #compare.original-comparison .after > .live-photo-badge {
    right: 9px;
    bottom: 10px;
    padding: 6px 9px;
    font-size: 9px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #compare .live-photo-frame { animation: none !important; transform: none !important; }
  #compare .live-photo-steam, #compare .live-photo-light { display: none !important; }
}
.motion-paused #compare .live-photo-frame,
.motion-paused #compare .live-photo-steam path,
.motion-paused #compare .live-photo-light { animation-play-state: paused !important; }
/* --- production.css --- */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-dialog .booking-slots{border:0;padding:0;margin:20px 0 0}.booking-slots legend{font-size:14px;margin-bottom:10px}
#booking-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#booking-slots label{margin:0;cursor:pointer}#booking-slots input{width:auto;display:inline-block;margin:0 6px 0 0;accent-color:var(--green)}#booking-slots span{font-size:12px}#booking-slots label:has(input:disabled){opacity:.45;cursor:not-allowed}
.booking-status,.booking-retry{font-size:13px;margin:14px 0}.booking-retry{border:1px solid var(--line);padding:9px 13px;border-radius:20px;color:var(--green);background:transparent}.contact-dialog button:disabled{opacity:.5;cursor:not-allowed}.contact-note a{text-decoration:underline}.contact-feedback:not(:empty){padding:13px;border-radius:8px;background:#e5eddd;line-height:1.65}
.quiz-section{max-width:1400px;margin:0 auto;padding:65px 6%;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line)}.quiz-section h2{font:clamp(32px,4vw,53px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:17px 0}.quiz-section p{max-width:570px;font-size:16px;line-height:1.7}.quiz-section>.button{flex-shrink:0}.quiz-dialog{max-width:620px}.quiz-dialog legend{font:27px/1.25 Georgia,serif;margin:18px 0}.quiz-dialog fieldset{border:0;padding:0}.quiz-dialog .quiz-answer{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:15px;line-height:1.5}.quiz-dialog .quiz-answer:has(input:checked){background:#e5eddd;border-color:var(--green)}.quiz-dialog input[type=radio]{width:auto;flex:none;margin-top:4px;accent-color:var(--green)}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.quiz-back{background:none;border:0;text-decoration:underline;color:var(--green);padding:12px 0}.quiz-result h3{font:38px Georgia,serif;margin:24px 0 13px}.quiz-result p{font-size:16px;line-height:1.7}.quiz-result .button{margin-top:20px}.quiz-result .quiz-back{display:block}.quiz-progress{font-size:12px;color:var(--muted);letter-spacing:1px}
.legal-page{max-width:870px;margin:55px auto 95px;padding:0 6%}.legal-page h1{font:clamp(40px,6vw,70px)/1.08 Georgia,serif;letter-spacing:-2px;margin:20px 0 30px}.legal-page h2{font:28px/1.2 Georgia,serif;margin:32px 0 14px}.legal-page p,.legal-page li{font-size:16px;line-height:1.8;margin-bottom:13px}.legal-page ul,.legal-page ol{padding-left:23px}.legal-page a{text-decoration:underline;text-underline-offset:3px}.legal-header{position:relative;display:flex;justify-content:space-between;gap:20px;padding:22px 6%;border-bottom:1px solid var(--line)}.legal-header .brand{display:flex;gap:12px;align-items:center}.legal-header nav{display:flex;align-items:center;gap:22px}.legal-footer{padding:30px 6%;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:25px}.error-page{min-height:65vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.error-page .button{margin-top:20px}
@media(max-width:700px){.quiz-section{display:block;padding:50px 6%}.quiz-section>.button{margin-top:25px}.legal-header{align-items:center}.legal-header nav{display:flex;font-size:12px;gap:13px}.legal-header .brand span{display:none}#booking-slots{grid-template-columns:1fr}#booking-slots label{padding:9px 0}.quiz-dialog legend{font-size:24px}}

/* Readable supporting copy and tighter section transitions. */
.experiment-mode .pricing{padding-bottom:42px}
.experiment-mode .home-blog{padding-top:42px;padding-bottom:64px}
.experiment-mode .purchase-note,.experiment-mode .fineprint,.experiment-mode .package-terms{font-size:14px;line-height:1.65;color:#4c5e50}
.experiment-mode .price-grid .package-terms{font-size:14px;line-height:1.5;margin:8px 0 20px;min-height:0}
.experiment-mode .price-grid .featured .package-terms{color:#e0ead9}
.experiment-mode .hero>.hero-note{font-size:13px;color:#4c5e50}
.experiment-mode .compare-caption,.experiment-mode .about-preview figcaption{font-size:13px;color:#4c5e50}
.experiment-mode .home-blog .blog-card{opacity:1;transform:none}
@media(max-width:600px){.experiment-mode .pricing{padding-bottom:28px}.experiment-mode .home-blog{padding-top:30px;padding-bottom:42px}.experiment-mode .compare-caption{font-size:11px;gap:10px;flex-wrap:wrap}}

/* Demo-overskrifter i designeksemplerne er ikke rigtige overskrifter (SEO) */
.demo-title{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0}
/* Cookie-samtykke */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:300;max-width:520px;margin-left:auto;background:#fffef8;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #1d372726;padding:20px 22px;font-size:14px;line-height:1.6}
.cookie-banner[hidden]{display:none}
.cookie-banner p{margin:0 0 14px}
.cookie-banner a{text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-actions button{flex:1 1 140px;padding:12px 16px;border-radius:30px;border:1px solid var(--green);background:var(--green);color:#fff;font:600 14px 'DM Sans',sans-serif;cursor:pointer}
/* ===== Visuel oprydning 2026-10-06 ===== */
:root{--muted:#56625a}
/* Læsbare minimumsstørrelser (en del tekst var 7-9px på mobil) */
.eyebrow,.purpose-number{font-size:11px!important;letter-spacing:1.6px!important}
.hero>.availability{font-size:10px!important}
.section-heading p,#step-text,.process-list p,.contact p,.purpose-points p,.purpose-intro p{font-size:16px!important;line-height:1.65!important}
.scroll-note,.stage-bottom span{font-size:10px!important}
.industry-tabs button{font-size:14px!important}
.compare-caption span{font-size:12px!important}
.about-preview figcaption{font-size:13px!important}
.package-terms{font-size:13px!important}
.purchase-note{font-size:14px!important;color:var(--muted)!important;margin-top:28px!important}
/* Pakker: én tydelig knap pr. pakke, "Tal med mig" som link */
.price-grid .package-talk{display:block;text-align:center;margin-top:14px;font-size:14px;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* Kontakt: quizzen som sekundært valg */
.contact .contact-alt{margin-top:12px!important}
.contact .contact-alt a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
/* Ryddelig footer */
footer.site-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px 48px;align-items:start;padding:52px 5% 30px;border-top:1px solid var(--line)}
.site-footer .footer-brand p{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0;max-width:340px}
.site-footer .plain-email{font-size:14px;text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:14px}
.site-footer .footer-links button{width:auto;padding:0;font-size:14px;color:inherit;text-decoration:none;text-align:left;cursor:pointer}
.site-footer a:hover,.site-footer button:hover{text-decoration:underline}
.site-footer .footer-copy{grid-column:1/-1;margin:6px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:700px){footer.site-footer{grid-template-columns:1fr 1fr;padding:42px 6% 28px}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:600px){.experiment-mode .home-blog .blog-card h3{font-size:24px}}