/* A reversible, native-scroll scene. The mark stays on the optical centre. */
body.intro-lock{overflow:visible;overscroll-behavior:auto}
.header{position:absolute;inset:0 var(--pad) auto;width:auto;z-index:8;opacity:var(--opening-reveal,0);transform:none}
.opening-story.hero{position:relative;padding:0;height:270svh;min-height:0;z-index:auto;overflow:visible}
.opening-stage.hero-sticky{position:sticky;top:0;height:100svh;min-height:0;padding:0;isolation:initial;z-index:2;overflow:visible}
.opening-stage>.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important}
.opening-story .hero-art{position:absolute;left:50%;top:50%;width:320px;height:320px;min-height:0;margin:0;transform:translate(-50%,-50%);pointer-events:none}
.opening-story .bird-fallback{inset:0}.opening-story .bird-fallback svg{width:100%;height:100%}
.opening-anchor{position:absolute;top:35svh;left:0;width:1px;height:1px;pointer-events:none}
.opening-story .pickup-anchor{position:absolute;top:145svh;left:0;width:1px;height:1px}
.opening-service{--card-opacity:0;--card-y:35px;--card-angle:0deg;position:absolute;width:clamp(225px,22vw,315px);padding:23px 25px;border:1px solid #c1d1ad;border-radius:20px;color:#20331a;background:#e5edda;opacity:var(--card-opacity);transform:translate3d(0,var(--card-y),0) rotate(var(--card-angle));transform-origin:center;box-shadow:0 12px 35px #1f321b08;will-change:transform,opacity;text-decoration:none;overflow:hidden}
.opening-service:focus-visible{outline:3px solid #5b822c;outline-offset:5px}.opening-service:hover{box-shadow:0 15px 35px #28492317;border-color:#89a465}.opening-card-head{display:flex;align-items:center;justify-content:space-between;height:26px;margin-bottom:17px}.opening-arrow{font:400 20px/1 DM,Arial,sans-serif;transition:transform .25s}.opening-service:hover .opening-arrow{transform:translate(2px,-2px)}
.opening-service h2{font:500 clamp(24px,2.1vw,31px)/1.08 Space,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 15px;position:relative}.service-line{height:3px;width:34px;background:#a8d947;display:block;margin-top:10px;transform-origin:left;transform:scaleX(var(--card-opacity))}.opening-service p{font-size:13px;line-height:1.65;color:#546b43;margin:0 0 20px}.opening-service strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:500;line-height:1.5}.opening-service strong>span{font-size:10px;color:#587243}
.opening-web{left:6%;top:22%;background:#e9eddd}.opening-app{right:6%;top:18%;background:#d5e7b8;border-color:#afc98b}.opening-crm{left:8%;bottom:12%;background:#d9e5d3;border-color:#acbfa4}.opening-marketing{right:5%;bottom:11%;background:#23351c;border-color:#536d40;color:#f2f7e7}.opening-marketing p{color:#c0d2ae}.opening-marketing strong>span{color:#c4f566}.opening-marketing .service-line{background:#c4f566}
.opening-symbol{width:33px;height:26px;display:flex;gap:3px;align-items:center;justify-content:center;position:relative;border:1px solid #718d5a;border-radius:4px}.opening-symbol i{display:block;background:#87a962;border-radius:1px}.symbol-web{padding-top:6px}.symbol-web:before{content:"";position:absolute;top:5px;left:4px;right:4px;height:1px;background:#82956f}.symbol-web i{width:5px;height:8px}.symbol-app{width:17px;height:27px;border-width:2px;border-radius:5px}.symbol-app i{width:9px;height:14px;background:#9fbf79}.symbol-crm i{width:6px;height:12px}.symbol-crm i:nth-child(2){height:18px}.symbol-marketing{border:0;justify-content:flex-start;align-items:flex-end}.symbol-marketing i{width:7px;background:#c4f566;height:12px}.symbol-marketing i:nth-child(2){height:19px}.symbol-marketing i:nth-child(3){height:26px}
.opening-brand{--card-opacity:0;--card-y:15px;position:absolute;left:50%;top:67%;transform:translate(-50%,var(--card-y));opacity:var(--card-opacity);border:1px solid #c9d6b9;border-radius:30px;background:#f4f5ed;padding:11px 19px;display:flex;gap:24px;align-items:center;font-size:12px;white-space:nowrap}.opening-brand span{color:#6d8b4d}.opening-brand:hover{background:#e4edda;border-color:#a4ba86}.opening-brand:focus-visible{outline:3px solid #5b822c;outline-offset:4px}
.opening-bottom{position:absolute;bottom:33px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;opacity:var(--opening-bottom,0);transform:translateY(calc((1 - var(--opening-bottom,0))*12px));font-size:13px;pointer-events:auto}.opening-bottom p{color:#5d6d51}.opening-bottom em{font-style:normal;background:linear-gradient(#b8e76b,#b8e76b) 0 100%/100% 3px no-repeat;padding-bottom:3px}.opening-bottom>a{display:flex;align-items:center;gap:24px;border-bottom:1px solid #aebc9e;padding-bottom:6px}
.opening-story .opening-scroll-cue{position:absolute;right:6%;bottom:30px;opacity:var(--opening-cue,1);transform:none;z-index:5;font-size:11px}.opening-story .opening-scroll-cue i{background:#edf2e4;animation:opening-arrow 2.4s ease-in-out infinite}.opening-track{position:absolute;left:50%;bottom:29px;transform:translateX(-50%);width:72px;height:2px;background:#dce4d1;opacity:var(--opening-bottom,0);overflow:hidden}.opening-track i{display:block;width:100%;height:100%;background:#839a61;transform:scaleX(var(--opening-progress,0));transform-origin:left}
@keyframes opening-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(max-width:1100px) and (min-width:761px){.opening-service{width:24%;padding:20px}.opening-web{left:4%;top:20%}.opening-app{right:4%}.opening-crm{left:5%}.opening-marketing{right:4%}.opening-service p{font-size:12px}.opening-service h2{font-size:26px}.opening-brand{top:66%}.opening-bottom p{max-width:230px}}
@media(max-width:760px){
 .header{inset-inline:22px}.opening-story.hero{height:280svh}.opening-stage.hero-sticky{height:100svh;min-height:0;padding:0}.opening-story .hero-art{width:180px;height:180px}
 .opening-service{width:calc(50% - 30px);max-width:205px;padding:14px;border-radius:15px}.opening-card-head{height:20px;margin-bottom:10px}.opening-arrow{font-size:17px}.opening-symbol{height:21px;width:26px}.symbol-app{width:14px;height:23px}.symbol-app i{height:11px;width:6px}.symbol-marketing i{width:6px;height:9px}.symbol-marketing i:nth-child(2){height:15px}.symbol-marketing i:nth-child(3){height:21px}
 .opening-service h2{font-size:21px;line-height:1.1;margin-bottom:10px}.service-line{height:2px;width:24px;margin-top:7px}.opening-service p{font-size:11px;line-height:1.55;margin-bottom:12px}.opening-service strong{font-size:10px;gap:4px}.opening-service strong>span{font-size:9px}.opening-web{left:20px;top:16%}.opening-app{right:20px;top:16%}.opening-crm{left:20px;bottom:13%}.opening-marketing{right:20px;bottom:13%}.opening-brand{top:62%;padding:9px 15px;font-size:10px;gap:20px}
 .opening-bottom{left:22px;right:22px;bottom:29px;font-size:10px;gap:15px}.opening-bottom p{max-width:152px;line-height:1.7}.opening-bottom>a{font-size:10px;gap:10px;white-space:nowrap}.opening-track{bottom:14px;width:44px}.opening-story .opening-scroll-cue{right:22px;bottom:24px;font-size:10px}.opening-story .pickup-anchor{top:155svh}
}
@media(max-width:365px),(max-height:680px) and (max-width:760px){.opening-service{padding:11px}.opening-service h2{font-size:19px}.opening-service p{font-size:10px;margin-bottom:9px}.opening-card-head{margin-bottom:7px}.opening-service strong{font-size:9px}.opening-web,.opening-app{top:15%}.opening-crm,.opening-marketing{bottom:12%}.opening-brand{top:62%;padding:7px 13px;font-size:9px}.opening-bottom{bottom:22px}}
.motion-off .opening-story.hero,.graphics-fallback .opening-story.hero{height:auto}.motion-off .opening-stage.hero-sticky,.graphics-fallback .opening-stage.hero-sticky{position:relative;height:100svh;min-height:750px}.motion-off .opening-service,.graphics-fallback .opening-service,.motion-off .opening-brand,.graphics-fallback .opening-brand{opacity:1;transform:translateY(0)}.motion-off .opening-brand,.graphics-fallback .opening-brand{transform:translateX(-50%)}.motion-off .opening-bottom,.graphics-fallback .opening-bottom,.motion-off .header,.graphics-fallback .header{opacity:1;transform:none}.motion-off .opening-scroll-cue,.graphics-fallback .opening-scroll-cue{display:none}
@media(prefers-reduced-motion:reduce){.opening-story.hero{height:auto}.opening-stage.hero-sticky{position:relative;height:100svh;min-height:750px}.opening-service,.opening-brand{opacity:1;transform:translateY(0);will-change:auto}.opening-brand{transform:translateX(-50%)}.opening-bottom,.header{opacity:1;transform:none}.opening-scroll-cue{display:none}.opening-service *{transition:none}.opening-track{display:none}}

/* Four aligned tiles frame an uninterrupted central pickup corridor. */
.opening-stage .header{margin:0;animation:none}
.opening-service{height:226px;padding:20px 24px;display:flex;flex-direction:column;--tile-rx:0deg;--tile-ry:0deg;--tile-lift:0px;transform:translate3d(0,calc(var(--card-y) - var(--tile-lift)),0) perspective(950px) rotateX(var(--tile-rx)) rotateY(var(--tile-ry)) rotateZ(var(--card-angle));box-shadow:inset 0 1px 0 #ffffff70,0 12px 30px #29471b07;transition:border-color .22s,box-shadow .22s}
.opening-card-head{height:26px;flex-shrink:0;margin-bottom:13px}.opening-service h2{font-size:clamp(24px,2.05vw,30px);margin-bottom:11px}.service-line{margin-top:8px}.opening-service p{line-height:1.55;margin-bottom:15px}.opening-service strong{margin-top:auto}.opening-arrow{width:31px;height:31px;display:grid;place-items:center;border:1px solid #aabc92;border-radius:50%;font-size:17px;background:#ffffff20}
.opening-web{left:6%;top:19%;background:linear-gradient(145deg,#f0f2e6,#e5ebd4);border-color:#c0cfaa}.opening-app{right:6%;top:19%;background:linear-gradient(145deg,#e2f0cb,#cde2ac);border-color:#adc58d}.opening-app .service-line{background:#72984b}.opening-crm{left:6%;bottom:14%;background:linear-gradient(145deg,#e2ece2,#cdded4);border-color:#a9c0ac}.opening-crm .service-line{background:#729d80}.opening-crm p{color:#526b59}.opening-marketing{right:6%;bottom:14%;background:linear-gradient(145deg,#304324,#1e2e18);border-color:#566e43;box-shadow:inset 0 1px 0 #b8d89014,0 12px 30px #29471b12}.opening-marketing .opening-arrow{color:#c4f566;border-color:#708956;background:#ffffff03}.opening-marketing .opening-symbol{border-color:#6c8552}
@media(hover:hover) and (pointer:fine){.opening-service:hover{--tile-lift:4px;box-shadow:inset 0 1px 0 #ffffff70,0 18px 36px #29471b15}.opening-service:hover .opening-symbol{transform:translateY(-2px)}.opening-symbol{transition:transform .25s}.opening-marketing:hover{border-color:#9fbe79;box-shadow:inset 0 1px 0 #b8d89024,0 18px 36px #29471b23}}
.opening-service:active{--tile-lift:-1px;box-shadow:inset 0 2px 8px #29471b14}.opening-brand{top:67%}
@media(max-width:1100px) and (min-width:761px){.opening-service{width:24%;padding:19px;height:222px}.opening-web,.opening-crm{left:4%}.opening-app,.opening-marketing{right:4%}.opening-service h2{font-size:25px}.opening-service p{font-size:12px}.opening-service strong{font-size:11px}.opening-service strong>span{font-size:9px}}
@media(max-height:720px) and (min-width:761px){.opening-service{height:196px;padding:17px 22px}.opening-web,.opening-app{top:20%}.opening-crm,.opening-marketing{bottom:13%}.opening-card-head{height:20px;margin-bottom:10px}.opening-service h2{font-size:25px;margin-bottom:8px}.opening-service p{font-size:12px;margin-bottom:10px}.service-line{margin-top:6px}.opening-brand{top:67%}}
@media(max-width:760px){.opening-service{height:179px;padding:14px;width:calc(50% - 30px);max-width:205px;border-radius:15px}.opening-web,.opening-app{top:16%}.opening-web,.opening-crm{left:20px}.opening-app,.opening-marketing{right:20px}.opening-crm,.opening-marketing{bottom:13%}.opening-card-head{height:21px;margin-bottom:11px}.opening-service h2{font-size:21px;line-height:1.05;margin-bottom:9px}.opening-service p{font-size:11px;line-height:1.5;margin-bottom:10px}.opening-service strong{font-size:10px}.opening-service strong>span{font-size:9px}.opening-arrow{height:25px;width:25px;font-size:15px}.service-line{margin-top:7px}.opening-brand{top:60%}.opening-symbol{transition:none}}
@media(max-width:365px),(max-height:680px) and (max-width:760px){.opening-service{height:160px;padding:11px}.opening-web,.opening-app{top:15%}.opening-crm,.opening-marketing{bottom:12%}.opening-service h2{font-size:19px}.opening-service p{font-size:10px}.opening-card-head{margin-bottom:8px}.opening-service strong{font-size:9px}.opening-brand{top:58%}}
@media(prefers-reduced-motion:reduce){.opening-service{transform:none;transition:none}}
.motion-off .opening-service,.graphics-fallback .opening-service{transform:none}
@media(max-width:760px){.opening-service{height:188px}.opening-crm,.opening-marketing{bottom:12%}.opening-brand{top:58%}}
@media(max-width:365px),(max-height:680px) and (max-width:760px){.opening-service{height:180px}.opening-crm,.opening-marketing{bottom:10%}}
.opening-brand{font-size:14px}
@media(max-width:760px){.opening-brand{font-size:12px;padding:8px 15px}}