/* Shared first-fold pattern: same geometry and scale as the approved commerce hero. */
.landing-hero{position:relative;isolation:isolate;padding:175px 0 0;min-height:850px;background:#063b88 url('./assets/services/ecommerce-background-avif-9cf192c1.avif') center bottom/cover no-repeat;color:#fff;overflow:hidden;font-family:'Source Sans Pro',Arial,sans-serif;font-weight:300}
.landing-hero>.hero-ambient{mask-image:linear-gradient(#000 0 78%,transparent 94%)}
.landing-wrap{width:min(1290px,calc(100% - 96px));margin-inline:auto}
.landing-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;position:relative;z-index:1;padding-bottom:95px}
.landing-hero-copy{position:relative;z-index:2}
.landing-hero .landing-intro-label{display:inline-flex;align-items:center;gap:11px;width:fit-content;max-width:100%;min-height:32px;padding:7px 17px;margin-bottom:25px;border:1px solid #d8bd6e4d;border-radius:999px;background:linear-gradient(110deg,#03112626,#03112612);box-shadow:inset 0 0 14px #e4c56905,0 0 19px #d8bd6e08;color:#e7c976;font-family:Raleway,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:.04em;text-transform:uppercase;text-align:left}
.landing-intro-label svg{width:11px;height:11px;fill:currentColor;flex:none;filter:drop-shadow(0 0 5px #e7c97626)}
.landing-hero h1{font-family:'Source Sans Pro',Arial,sans-serif;font-weight:300;font-size:64px;line-height:1.04;letter-spacing:-.025em;color:#fff;max-width:680px;margin:0 0 24px}
.landing-hero h1 strong{color:var(--yellow);font-weight:400}
.landing-hero .landing-hero-lead{max-width:510px;color:#d5eafd;font-size:18px;line-height:1.55;font-weight:300}
.landing-hero-actions{margin-top:28px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.landing-hero .landing-cta{margin-top:0}
.landing-explore{font-family:Raleway,Arial,sans-serif;font-size:12px;color:#d2efff;display:inline-flex;align-items:center;gap:12px;min-height:44px}
.landing-explore span{font-size:21px;color:#8adff8}
.landing-hero .landing-hero-signature{display:flex;gap:13px;align-items:center;font-family:Raleway,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.6;color:#9bc7e7;margin-top:28px}
.landing-hero-signature img{width:31px;height:31px;filter:brightness(0) invert(1);opacity:.5}
.landing-hero-visual{position:relative;min-width:0;align-self:center;margin:5px -10px 0 0}
.landing-hero-art{position:relative;z-index:1;filter:drop-shadow(0 25px 40px #001a5544)}
.landing-hero-art img{width:100%;height:auto}
.landing-connection{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:linear-gradient(125deg,#062d628c,#062d6261);border:1px solid #b8ebff66;box-shadow:0 12px 30px #001e5c20,inset 0 1px 0 #ffffff12;border-radius:16px;padding:15px 18px;color:#fff;text-shadow:0 1px 5px #001d4c70;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);transition:border-color 200ms ease;animation:landing-card-float 8s cubic-bezier(.77,0,.175,1) infinite}
.landing-connection>svg{width:27px;height:27px;color:#8adff8;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.landing-connection>span{font-family:'Source Sans Pro',Arial,sans-serif;font-size:19px;line-height:1.1;font-weight:400}
.landing-connection small{display:block;max-width:155px;font-family:Raleway,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.4;color:#b9dafa;margin-top:7px}
.landing-connection-brand{top:2%;left:-3%;animation-delay:-1s}
.landing-connection-screens{right:-2%;top:42%;animation-duration:9s;animation-delay:-4s}
.landing-connection-channels{left:2%;bottom:0;animation-duration:7s;animation-delay:-2.5s}
.landing-connection:focus-visible{animation-play-state:paused}
.landing-hero:not(.is-in-view) .landing-connection,.page-hidden .landing-connection{animation-play-state:paused}
.motion-paused .landing-connection,.motion-paused .landing-hero-copy,.motion-paused .landing-hero-art{animation:none;transform:none}
.landing-visual-note{display:block;position:relative;text-align:right;color:#b8e9ff;font-size:11px;letter-spacing:.015em;margin:20px 20px 0 0}
.landing-hero-copy,.landing-hero-art{animation:landing-arrive 800ms var(--ease) both}
.landing-hero-art{animation-delay:100ms}
@keyframes landing-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes landing-card-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@media(hover:hover) and (pointer:fine){.landing-connection:hover{animation-play-state:paused;border-color:#f4cc26}}
@media(min-width:1600px){.landing-hero{min-height:920px;padding-top:185px}}
@media(max-width:1250px){.landing-hero h1{font-size:56px}}
@media(max-width:1200px){.landing-wrap{width:calc(100% - 72px)}.landing-hero{padding-top:155px;min-height:810px}.landing-hero-layout{gap:24px}.landing-hero-actions{gap:15px}.landing-connection{padding:13px;gap:8px}.landing-connection small{font-size:9px}.landing-connection>span{font-size:17px}.landing-connection-screens{right:0}.landing-hero .landing-hero-lead{font-size:17px}.landing-hero .landing-intro-label{font-size:10px;letter-spacing:.03em;padding-inline:14px;gap:9px}}
@media(max-width:1000px){.landing-hero h1{font-size:48px}}
@media(max-width:950px){.landing-hero{padding-top:145px;min-height:auto}.landing-hero-layout{padding-bottom:65px}.landing-connection-brand{left:-3%;top:-5%}.landing-connection-screens{top:40%;right:-2%}.landing-connection-channels{bottom:-8%;left:0}.landing-connection small{display:none}.landing-connection>svg{width:22px;height:22px}.landing-connection>span{font-size:15px}.landing-connection{border-radius:12px;padding:11px}.landing-visual-note{margin-top:50px;font-size:10px}.landing-hero .landing-hero-signature{font-size:10px}}
@media(max-width:760px){.landing-hero h1{font-size:49px;max-width:560px;line-height:1.07;letter-spacing:-.03em}.landing-hero .landing-intro-label{font-size:9px;letter-spacing:.02em;line-height:1.6;padding:8px 12px;gap:9px;margin-bottom:23px}.landing-intro-label svg{width:10px;height:10px}}
@media(max-width:700px){.landing-wrap{width:calc(100% - 40px)}.landing-hero{padding-top:125px}.landing-hero-layout{grid-template-columns:1fr;gap:45px;padding-bottom:80px}.landing-hero-copy{max-width:560px}.landing-hero .landing-hero-lead{font-size:18px;max-width:540px}.landing-hero-actions{gap:18px;margin-top:24px}.landing-explore{font-size:11px}.landing-hero .landing-hero-signature{margin-top:22px}.landing-hero-visual{width:min(480px,100%);justify-self:center;margin:0 0 22px;padding:0 10px}.landing-connection-brand{top:0;left:0}.landing-connection-screens{top:43%;right:0}.landing-connection-channels{bottom:0;left:0}.landing-connection small{display:block;font-size:9px}.landing-connection{padding:12px}.landing-visual-note{margin:15px 0 0;font-size:10px}}
@media(max-width:390px){.landing-hero h1{font-size:44px}}
@media(max-width:360px){.landing-wrap{width:calc(100% - 32px)}.landing-hero-actions{align-items:flex-start;gap:6px}.landing-hero-actions>.landing-explore{padding-left:3px}.landing-connection>span{font-size:14px}.landing-connection small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.landing-hero-copy,.landing-hero-art,.landing-connection{animation:none;transform:none}.landing-connection{transition:none}}