/* Frames use real rendered screens. No decorative photograph substitutes for the product. */
.product-showcase{container-type:inline-size;width:100%;min-width:0;position:relative;color:#10271d;padding:28px 0 24px}
.device-composition{position:relative;width:min(1050px,100%);margin:0 auto;padding:12px 9% 40px 1%}
.device-laptop{position:relative;width:100%;padding:20px 12px 12px;border:1px solid #829082;border-radius:20px 20px 8px 8px;background:linear-gradient(120deg,#c6cdc2,#eff1e9 40%,#a8b4a4);box-shadow:0 34px 44px -28px #071c1370}
.laptop-camera{position:absolute;width:4px;height:4px;border-radius:50%;background:#435643;top:8px;left:50%}.laptop-screen{width:100%;aspect-ratio:1280/780;overflow:hidden;position:relative;border:1px solid #172c22;border-radius:5px;background:#fffefb}
.laptop-screen iframe{position:absolute;width:1280px;height:780px;top:0;left:0;border:0;transform:scale(var(--screen-scale,1));transform-origin:0 0;background:#fffefb}
.laptop-base{position:absolute;bottom:-12px;left:-4%;width:108%;height:15px;background:linear-gradient(#edf0e7,#9da99a);border-radius:2px 2px 65% 65%;box-shadow:0 9px 15px -7px #10271d70}.laptop-base:after{content:'';display:block;background:#87957f;width:15%;height:4px;margin:auto;border-radius:0 0 6px 6px}
.device-phone{position:absolute;bottom:16px;right:0;width:24%;padding:7px;background:#203428;border:1px solid #899780;border-radius:25px;box-shadow:0 23px 34px -17px #071c1380;isolation:isolate}.phone-camera{position:absolute;top:8px;left:36%;height:8px;width:28%;border-radius:0 0 9px 9px;background:#203428;z-index:2}.phone-screen{width:100%;aspect-ratio:390/790;overflow:hidden;border-radius:18px;position:relative;background:#fffefb}.phone-screen iframe{position:absolute;width:390px;height:790px;top:0;left:0;border:0;transform:scale(var(--screen-scale,1));transform-origin:0 0;background:#fffefb}
.device-caption{font:400 12px/1.6 'Schibsted Grotesk',sans-serif!important;text-align:center!important;color:#52624d!important;max-width:66ch;margin:20px auto 0!important;padding:0 15px}.device-caption a{color:#29492e!important;display:block;font-weight:600;text-decoration:underline;text-underline-offset:4px;margin-top:7px}
.pk-example .device-caption{color:#d3dfce!important}.pk-example .device-caption a{color:#f7f5ee!important}
@container(max-width:600px){.device-composition{padding-right:12%;padding-bottom:35px}.device-laptop{padding:13px 6px 7px;border-radius:12px 12px 6px 6px}.laptop-camera{top:5px;width:3px;height:3px}.device-phone{width:30%;padding:4px;border-radius:15px;bottom:5px}.phone-screen{border-radius:11px}.phone-camera{height:6px;top:5px}.laptop-base{height:9px;bottom:-7px}.device-caption{font-size:11px!important}}
/* Atmospheric layers belong to the scene and never intercept an action. */
.ambient-host{isolation:isolate}.ambient-host:not(.scenery){position:relative}.ambient-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit;contain:paint}
.ambient-host>.pk-wrap,.ambient-host>.pr-wrap,.ambient-host>h1,.ambient-host>p,.ambient-host>.footer-top,.ambient-host>.footer-bottom,.ambient-host>.footer-links,.ambient-host>.footer-legal{position:relative;z-index:1}
.ambient-cloud{position:absolute;display:block;left:-20%;width:140%;height:44%;top:24%;opacity:.22;filter:blur(22px);background:radial-gradient(ellipse at 28% 55%,#fff9,transparent 48%),radial-gradient(ellipse at 70% 50%,#fff7,transparent 42%);animation:ambient-clouds 58s ease-in-out infinite alternate;animation-delay:var(--ambient-delay,0s)}
.cloud-far{top:5%;opacity:.11;animation-duration:83s;animation-direction:alternate-reverse}.ambient-plane{position:absolute;top:20%;left:-8%;width:12px;height:12px;color:#40594c;opacity:0;animation:ambient-flight 87s linear infinite;animation-delay:var(--ambient-delay,0s)}
[data-appearance=evening] .ambient-plane{color:#40594c;filter:none}.ambient-traffic{position:absolute;bottom:3%;left:0;width:100%;height:55px;opacity:.38;overflow:visible}.ambient-road{fill:none;stroke:#c2cbbb;stroke-width:1.4;opacity:.3}.ambient-car{fill:#36513c;offset-path:path('M-40 57 Q250 8 540 47 T1240 42');offset-rotate:auto;animation:ambient-drive 52s linear infinite;animation-delay:var(--ambient-delay,0s)}.ambient-car path{stroke:#eff8ce;stroke-width:1}.car-two{animation-duration:73s;animation-delay:-35s;fill:#64765d}[data-appearance=evening] .ambient-car{fill:#adc38d}.ambient-toggle{display:block;margin-top:18px;padding:8px 0;border:0;background:none;color:#345338;font:500 12px/1.5 'Schibsted Grotesk',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.motion-paused .ambient-layer *,.ambient-hidden .ambient-layer *,.ambient-outside .ambient-layer *{animation-play-state:paused!important}
@keyframes ambient-clouds{from{transform:translate3d(-6%,2%,0)}to{transform:translate3d(7%,-2%,0)}}
@keyframes ambient-flight{0%,3%{opacity:0;transform:translate3d(0,0,0) rotate(8deg)}7%,41%{opacity:.65}45%,100%{opacity:0;transform:translate3d(120vw,-28px,0) rotate(8deg)}}
@keyframes ambient-drive{from{offset-distance:0%}to{offset-distance:100%}}
@media(prefers-reduced-motion:reduce){.ambient-layer{display:none}.device-laptop,.device-phone{transition:none}}
/* Product invitation remains distinct from the illustrative-record disclosure. */
.device-caption{padding:12px 20px 30px!important;margin-top:22px!important}
.device-caption a.workspace-preview-button{display:inline-flex!important;align-items:center;justify-content:center;gap:18px;min-height:48px;margin:16px auto 0!important;padding:12px 24px;border-radius:99px;background:#d8ff47;color:#10271d!important;border:1px solid #b9d937;text-decoration:none;box-shadow:0 8px 20px -12px #071c1380;transition:transform .2s,box-shadow .2s}
.device-caption a.workspace-preview-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px -12px #071c1380}
.brand-card-glyph{display:block;width:64px;height:64px;margin:0 0 22px}
.premium-footer .ambient-layer,.landscape-footer .ambient-layer{display:none!important}
@media(prefers-reduced-motion:reduce){.device-caption a.workspace-preview-button{transition:none}}
.landscape-site .pr-tgrid>div>p:first-of-type{font:600 18px/1.35 Archivo,sans-serif;letter-spacing:-.02em;text-transform:none;color:#10271d;margin:0 0 12px}
.landscape-footer .motion-toggle,.premium-footer .ambient-toggle{display:none}.ambient-host>.ambient-toggle{position:relative;z-index:2}
/* One shared weather layer: the aircraft silhouette faces its direction of travel. */
.scenery>.mist,.scenery>.aircraft{display:none!important}
.scenery>.ambient-layer{z-index:1}
.ambient-cloud{top:6%;height:24%;left:-30%;width:150%;opacity:.32;filter:blur(12px);background:radial-gradient(ellipse at 18% 55%,#ffffffe0,transparent 22%),radial-gradient(ellipse at 51% 42%,#ffffffb0,transparent 27%),radial-gradient(ellipse at 82% 60%,#ffffffaa,transparent 24%);animation:ambient-clouds 38s ease-in-out infinite alternate;animation-delay:-16s}
.cloud-far{top:0;opacity:.19;filter:blur(20px);animation-duration:67s;animation-delay:-39s;animation-direction:alternate-reverse}
.ambient-mist{position:absolute;left:-35%;width:165%;height:29%;top:53%;opacity:.24;filter:blur(15px);background:radial-gradient(ellipse at 25% 55%,#fff 0,transparent 37%),radial-gradient(ellipse at 68% 50%,#ffffffc0 0,transparent 36%);animation:low-mist 31s ease-in-out infinite alternate;animation-delay:-14s}
.mist-distant{top:32%;height:17%;opacity:.16;animation-duration:53s;animation-delay:-35s;animation-direction:alternate-reverse}
.canopy-breeze{position:absolute;inset:58% -15% 7%;opacity:.09;background:repeating-linear-gradient(112deg,transparent 0 10%,#f5f9d84d 14%,transparent 19% 32%);filter:blur(12px);mask-image:linear-gradient(transparent,#000,transparent);animation:canopy-light 9s ease-in-out infinite alternate}
.ambient-plane{width:30px;height:12px;top:16%;left:-8%;animation:ambient-flight 54s linear infinite;animation-delay:-10s;filter:drop-shadow(0 1px 1px #fff5)}
.ambient-traffic{height:80px;bottom:6%;opacity:.62}
.ambient-road{opacity:.2}
.ambient-car{animation-duration:26s;animation-delay:-12s}.car-two{animation-duration:37s;animation-delay:-24s;animation-direction:reverse}
.ambient-walker{fill:#314734;stroke:#314734;stroke-width:1;stroke-linecap:round;offset-path:path('M-40 64 Q250 15 540 54 T1240 49');offset-rotate:0deg;animation:ambient-drive 115s linear infinite;animation-delay:-28s}
.walker-two{animation-duration:142s;animation-delay:-87s;animation-direction:reverse}
.walker-leg{transform-origin:0 -1px;animation:walking-step .85s ease-in-out infinite alternate}.leg-two{animation-direction:alternate-reverse}
[data-appearance=evening] .ambient-cloud,[data-appearance=evening] .ambient-mist{opacity:.12}
[data-appearance=evening] .ambient-walker{fill:#9cad92;stroke:#9cad92}
@keyframes ambient-clouds{from{transform:translate3d(-8%,0,0)}to{transform:translate3d(12%,2%,0)}}
@keyframes low-mist{from{transform:translate3d(-9%,3%,0);opacity:.16}to{transform:translate3d(10%,-3%,0);opacity:.3}}
@keyframes canopy-light{from{transform:translate3d(-3%,0,0);opacity:.04}to{transform:translate3d(4%,1%,0);opacity:.1}}
@keyframes ambient-flight{0%{opacity:0;transform:translate3d(0,0,0)}3%,42%{opacity:.65}47%,100%{opacity:0;transform:translate3d(120vw,-12px,0)}}
@keyframes walking-step{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@media(max-width:600px){.ambient-plane{width:22px;height:9px}.ambient-cloud{filter:blur(9px)}.ambient-mist{filter:blur(10px)}.ambient-traffic{opacity:.4}.canopy-breeze{display:none}}
/* Staggered flights at separate distances; ground scenery remains static. */
.ambient-plane.plane-near{top:24%;width:32px;height:12px;animation-duration:37s;animation-delay:-4s}
.ambient-plane.plane-middle{top:13%;width:23px;height:9px;animation-duration:43s;animation-delay:-20s}
.ambient-plane.plane-far{top:7%;width:15px;height:6px;animation-duration:51s;animation-delay:-36s}
@keyframes ambient-flight{0%{opacity:0;transform:translate3d(0,0,0)}4%,61%{opacity:.6}66%,100%{opacity:0;transform:translate3d(120vw,-10px,0)}}
@media(max-width:600px){.ambient-plane.plane-near{width:25px;height:10px}.ambient-plane.plane-middle{width:18px;height:7px}.ambient-plane.plane-far{width:12px;height:5px}}

/* The fuselage stays dark after dusk; only the aircraft lights glow. */
.plane-lights{display:none}
[data-appearance=evening] .plane-lights{display:block}
.plane-navigation{filter:drop-shadow(0 0 2px #ff6860)}
.plane-tail-light{filter:drop-shadow(0 0 2px #fff5df)}
.plane-beacon{filter:drop-shadow(0 0 2px #ff514a);animation:plane-beacon 2.4s ease-in-out infinite}
.plane-middle .plane-beacon{animation-delay:-.8s}
.plane-far .plane-beacon{animation-delay:-1.6s}
@keyframes plane-beacon{0%,15%,100%{opacity:.15}7%{opacity:1}}
/* Inner-page artwork has a shallower sky than the homepage panorama. */
.ambient-host:not(.scenery) > .ambient-layer .plane-near{top:42px}
.ambient-host:not(.scenery) > .ambient-layer .plane-middle{top:25px}
.ambient-host:not(.scenery) > .ambient-layer .plane-far{top:12px}
@media(max-width:600px){
 .ambient-host:not(.scenery) > .ambient-layer .plane-near{top:32px}
 .ambient-host:not(.scenery) > .ambient-layer .plane-middle{top:20px}
 .ambient-host:not(.scenery) > .ambient-layer .plane-far{top:10px}
}
/* Keep the physical frame hidden until its real feed has painted. Space stays reserved. */
.device-laptop,.device-phone{transition:opacity .35s ease}
.device-laptop.preview-pending,.device-phone.preview-pending{opacity:0;visibility:hidden;pointer-events:none}