/* Four-scene hero. All product interfaces here are explicitly illustrative. */
.showcase{height:570px;min-width:0;perspective:none;transform:none!important;isolation:isolate;background:radial-gradient(ellipse at 55% 45%,#1e4236 0%,#152923 45%,#101716 85%);border:1px solid #5e8f762b;border-radius:12px;overflow:hidden}
.showcase-deck{position:relative;height:505px}.showcase-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 0s linear 1.2s;pointer-events:none}.showcase-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.scene-heading{display:flex;align-items:center;gap:10px;position:absolute;left:26px;right:26px;top:23px;height:30px;font-size:20px;font-weight:600;letter-spacing:-.03em}.scene-heading>img{width:26px;height:26px}.scene-heading small{font-size:7px;letter-spacing:.09em;font-weight:400;margin-left:auto;color:#b0c8b9}.scene-index{font:11px Arial;color:#61d2b0;border:1px solid #5a8f7766;padding:6px;letter-spacing:0}.showcase-caption{position:absolute;bottom:9px;left:12px;right:12px;text-align:center;font-size:9px;color:#a0b5a9;letter-spacing:.015em}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:13px;position:absolute;bottom:0;left:0;right:0;height:65px;background:#101a16c9;border-top:1px solid #49615255;padding:0 20px}.scene-selector{display:flex;gap:6px;flex:1}.scene-selector button{background:transparent;color:#90aa9d;border:0;border-bottom:2px solid #46605270;padding:10px 10px 9px;position:relative;font-size:11px;white-space:nowrap;flex:1}.scene-selector button[aria-pressed=true]{color:#e8f8ef;border-bottom-color:#5be4b9}.scene-selector button[aria-pressed=true]:after{content:'';position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:#d6ffee;transform-origin:left;animation:scene-progress 6s linear}.scene-selector button:hover{color:white;background:#93d5b40a}.sequence-toggle{color:#c6ddd0;border:1px solid #587967;background:transparent;font-size:10px;padding:8px 10px;min-width:63px}.sequence-toggle[hidden]{display:none}
.invoice-visual,.support-visual,.responsive-visual,.build-visual{position:absolute;inset:64px 15px 37px;perspective:1000px}.invoice-sheet{position:absolute;width:282px;height:336px;top:10px;left:50%;margin-left:-136px;padding:23px;background:#e9eee8;border-radius:6px;color:#243b31;transform:rotateY(-12deg) rotateZ(-5deg);box-shadow:15px 20px 35px #0006;z-index:2}.invoice-back{position:absolute;width:282px;height:325px;top:16px;left:50%;margin-left:-117px;background:linear-gradient(160deg,#355c48,#1c3b2e);border:1px solid #658a7766;transform:rotate(7deg);border-radius:6px}.invoice-brand{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:700}.invoice-brand img{width:25px;height:25px}.invoice-brand i{font:5px Arial;margin-left:auto;color:#547662;letter-spacing:.06em}.invoice-sheet h3{font-size:19px;letter-spacing:-.04em;margin-top:25px;color:#214633}.invoice-customer{margin-top:24px}.invoice-customer span{font-size:6px;display:block;letter-spacing:.1em;color:#6f8678}.invoice-customer b{font-size:10px;font-weight:600;display:block;margin-top:5px}.invoice-table{display:grid;grid-template-columns:1fr 40px;margin-top:23px;gap:10px;font-size:7px}.invoice-table>span{font-size:6px;color:#61796a;border-bottom:1px solid #bbcec1;padding-bottom:7px}.invoice-table>b{font-size:8px;font-weight:400}.invoice-table>div{height:4px;background:#d5dfd6;border-radius:3px;width:65%}.invoice-table>div:nth-child(even){width:35%}.invoice-total{display:flex;justify-content:space-between;padding-top:15px;margin-top:22px;border-top:1px solid #cadacf;font-size:8px}.invoice-total b{font-size:13px;color:#247658}.invoice-lines{display:flex;gap:5px;margin-top:21px}.invoice-lines i{width:20px;height:3px;background:#408d66}.invoice-lines i:nth-child(2){opacity:.5}.invoice-lines i:nth-child(3){opacity:.2}.document-badge{position:absolute;z-index:3;bottom:16px;right:2px;display:flex;align-items:center;gap:13px;padding:13px 17px;background:#153e30;border:1px solid #5bd5a785;box-shadow:0 10px 20px #0003;color:#bde9d2;transform:rotate(3deg);font-size:11px;line-height:1.5}.document-badge b{font-weight:600;color:#fff}.doc-symbol{width:20px;height:25px;border:1px solid #8edbb5;border-radius:2px;position:relative}.doc-symbol:before,.doc-symbol:after{content:'';position:absolute;left:4px;right:4px;height:1px;background:#8edbb5;top:8px}.doc-symbol:after{top:14px}:is(.is-active,.is-leaving) .invoice-sheet{animation:invoice-enter 6s ease both}:is(.is-active,.is-leaving) .document-badge{animation:badge-enter 6s ease both}
.chat-logo-mark{width:24px;height:20px;background:#359acf;border-radius:6px 6px 6px 1px;position:relative}.chat-logo-mark:after{content:'';position:absolute;inset:7px 6px;border-top:1px solid white;border-bottom:1px solid white}.support-window{position:absolute;left:6%;right:6%;top:28px;height:320px;border:1px solid #5a83905e;border-radius:13px;background:#172d34;box-shadow:10px 25px 35px #0006;transform:rotateY(-8deg) rotateZ(3deg);overflow:hidden}.support-bar{background:#23434d;padding:15px 17px;display:flex;justify-content:space-between;font-size:10px;color:#c4e4e7}.support-bar i{width:6px;height:6px;border-radius:50%;background:#5de1b8;margin-top:5px}.support-body{padding:18px 18px 10px;display:flex;flex-direction:column;gap:12px}.message{width:83%;padding:11px 14px;border-radius:8px;background:#29434c;box-shadow:0 4px 10px #0001}.message span{font-size:6px;color:#9fbbc0;letter-spacing:.08em}.message p{font-size:11px;color:#e5eff0;line-height:1.5;margin-top:5px}.message.sent{align-self:flex-end;background:#205647}.message.sent span{color:#97cab6}.message.final-message{width:77%}.message.final-message p{margin-top:0}.support-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:4px;padding:15px 20px;border-top:1px solid #49636c66}.support-bottom>span{width:4px;height:4px;border-radius:50%;background:#63b7a6}.support-bottom i{font-size:8px;font-style:normal;color:#8daaa6;margin-left:auto}:is(.is-active,.is-leaving) .message{animation:message-in 6s both}:is(.is-active,.is-leaving) .message.sent{animation-name:message-two}:is(.is-active,.is-leaving) .message.final-message{animation-name:message-three}
.show-browser{position:absolute;width:94%;left:0;top:45px;height:278px;background:#101c17;border:1px solid #689c8080;border-radius:8px;box-shadow:10px 20px 35px #0005;transform:rotateY(-8deg) rotateZ(-4deg);overflow:hidden}.show-browser-bar{height:26px;background:#314b3e;display:flex;align-items:center;gap:4px;padding:0 10px}.show-browser-bar i{width:4px;height:4px;border-radius:50%;background:#7c9d8b}.show-browser-bar span{font:7px Arial;color:#b2c6bb;margin:auto}.show-browser-body{padding:19px;position:relative;height:250px;overflow:hidden}.show-site-logo{width:70px}.show-browser-body>p{font-size:5px;letter-spacing:.1em;margin-top:18px;color:#75b99c}.show-browser-body>strong{display:block;font-size:28px;line-height:1.12;margin-top:10px;color:#e9f4ed;font-weight:400;letter-spacing:-.04em;position:relative;z-index:2}.show-browser-body em,.show-phone em{color:#5ed2aa;font-style:normal}.show-mini-button{display:inline-block;background:#47deb0;font-size:6px;font-weight:600;color:#10291c;padding:7px 13px;margin-top:17px}.show-web-art{position:absolute;right:20px;top:69px;width:115px;height:125px;transform:rotate(15deg)}.show-web-art>span{position:absolute;inset:0;background:linear-gradient(130deg,#408766,#193d2b);border:1px solid #8cddb74f;border-radius:10px;box-shadow:4px 5px 15px #0005}.show-web-art>span:nth-child(2){inset:15px -12px -15px 12px;background:#102f20;z-index:-1}.show-web-art>span:nth-child(3){inset:30px -24px -30px 24px;background:#14261c;z-index:-2}.show-phone{position:absolute;bottom:4px;right:0;background:#16271e;border:4px solid #637569;outline:1px solid #06130b;border-radius:20px;box-shadow:5px 10px 22px #0008;width:112px;height:228px;padding:30px 10px 15px;transform:rotate(5deg);z-index:4}.phone-notch{position:absolute;width:38px;height:7px;border-radius:9px;background:#020d08;top:6px;left:33px}.show-phone img{width:55px}.show-phone>strong{display:block;font-size:18px;line-height:1.2;font-weight:400;letter-spacing:-.035em;margin-top:23px}.show-phone>span{display:block;background:#47deb0;color:#0f2b1c;padding:6px 7px;font-size:6px;margin-top:23px}:is(.is-active,.is-leaving) .show-browser{animation:browser-enter 6s both}:is(.is-active,.is-leaving) .show-phone{animation:phone-enter 6s both}
.build-window{position:absolute;top:32px;left:3%;right:3%;height:280px;border:1px solid #a9cab4;border-radius:8px;overflow:hidden;transform:rotateY(-7deg) rotateZ(-3deg);box-shadow:10px 20px 30px #0005;background:#e9efe8;color:#2c4435}.build-header{height:51px;display:flex;flex-direction:column;justify-content:center;padding-left:17px;border-bottom:1px solid #adc6b780;background:#d4e1d6}.build-header>span{font-size:13px;font-weight:700}.build-header>b{font-size:6px;font-weight:400;color:#648570}.build-content{display:grid;grid-template-columns:46px 1fr;height:229px}.build-side{background:#e0e9de;border-right:1px solid #a9c1aa80;display:flex;flex-direction:column;align-items:center;gap:21px;padding-top:23px}.build-side>i{width:10px;height:10px;border:1px solid #739881;border-radius:2px}.build-main{padding:20px 16px}.build-title{display:flex;justify-content:space-between}.build-title>span{width:65px;height:5px;background:#779b84}.build-title>span+span{width:30px;background:#afc7b4}.build-cards{display:flex;gap:9px;margin-top:22px}.build-cards>div{flex:1;border:1px solid #9fbaaa;border-radius:3px;padding:13px 8px;background:#fff5}.build-cards i{width:15px;height:3px;background:#71b695;display:block}.build-cards b{font-size:8px;font-weight:600;display:block;margin-top:8px}.build-rows{margin-top:15px;display:grid;gap:9px}.build-rows>div{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #b6c9ba}.build-rows i{display:block;width:9px;height:9px;border-radius:3px;background:#bdd5bf}.build-rows span{height:3px;width:65px;background:#9ab59f}.build-rows b{width:26px;height:5px;background:#76bb93;margin-left:auto;border-radius:3px}.build-stages{position:absolute;bottom:17px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:9px;color:#b3d2bf;letter-spacing:.02em}:is(.is-active,.is-leaving) .build-window{animation:build-color 6s ease both}:is(.is-active,.is-leaving) .build-cards>div{animation:build-cards 6s ease both}:is(.is-active,.is-leaving) .build-stages span{animation:stage-light 6s both}:is(.is-active,.is-leaving) .build-stages span:nth-child(2){animation-name:stage-two}:is(.is-active,.is-leaving) .build-stages span:nth-child(3){animation-name:stage-three}
@keyframes scene-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes invoice-enter{0%{opacity:.2;transform:translateY(28px) rotateY(-15deg) rotateZ(-8deg)}30%,100%{opacity:1;transform:translateY(0) rotateY(-12deg) rotateZ(-5deg)}}
@keyframes badge-enter{0%,30%{opacity:0;transform:translateY(15px) rotate(3deg)}48%,100%{opacity:1;transform:translateY(0) rotate(3deg)}}
@keyframes message-in{0%{opacity:0;transform:translateY(8px)}18%,100%{opacity:1;transform:translateY(0)}}
@keyframes message-two{0%,24%{opacity:0;transform:translateY(8px)}40%,100%{opacity:1;transform:translateY(0)}}
@keyframes message-three{0%,48%{opacity:0;transform:translateY(8px)}65%,100%{opacity:1;transform:translateY(0)}}
@keyframes browser-enter{0%{opacity:.2;transform:translateY(15px) rotateY(-8deg) rotateZ(-4deg)}25%,100%{opacity:1;transform:translateY(0) rotateY(-8deg) rotateZ(-4deg)}}
@keyframes phone-enter{0%,23%{opacity:0;transform:translate(24px,15px) rotate(9deg)}50%,100%{opacity:1;transform:translate(0,0) rotate(5deg)}}
@keyframes build-color{0%,25%{filter:grayscale(1);opacity:.7;transform:rotateY(-7deg) rotateZ(-3deg) scale(.97)}60%,100%{filter:grayscale(0);opacity:1;transform:rotateY(-7deg) rotateZ(-3deg) scale(1)}}
@keyframes build-cards{0%,25%{background:transparent;border-style:dashed}55%,100%{background:#b8d7bf88;border-style:solid}}
@keyframes stage-light{0%,25%{color:#69e5b0}40%,100%{color:#a2bead}}@keyframes stage-two{0%,25%,65%,100%{color:#a2bead}40%,55%{color:#69e5b0}}@keyframes stage-three{0%,60%{color:#a2bead}80%,100%{color:#69e5b0}}
.motion-paused .showcase *,.motion-paused .showcase *:after,.showcase.is-offscreen *,.showcase.is-offscreen *:after{animation-play-state:paused!important}.showcase.manual-view *,.showcase.manual-view *:after{animation:none!important}.showcase.manual-view .invoice-sheet,.showcase.manual-view .message,.showcase.manual-view .show-phone,.showcase.manual-view .build-window{opacity:1}
/* Links use typography, borders and hover states instead of arrow glyphs. */
.button{justify-content:center;gap:0}.service-row{grid-template-columns:45px 1fr 260px}.solution-rail i:empty,.product-icon:empty,.rail-chat:empty,.browser-cta span:empty,.scene-selector span:empty,.studio-foot i:empty{display:none}.inline-link:hover,.text-link:hover{color:var(--green)}
@media(max-width:1150px){.showcase{height:540px}.showcase-deck{height:475px}.scene-heading{left:18px;right:18px;font-size:18px}.scene-heading small{font-size:6px;max-width:110px;text-align:right}.invoice-sheet{width:252px;height:320px;margin-left:-126px;padding:20px}.invoice-back{width:252px;height:315px;margin-left:-106px}.invoice-sheet h3{font-size:18px}.document-badge{right:0;font-size:10px;padding:10px 13px;bottom:1px}.showcase-controls{padding-inline:12px;gap:8px}.scene-selector button{font-size:10px;padding-inline:7px}.show-phone{right:-2px}.service-row{grid-template-columns:30px 1fr 170px}}
@media(max-width:850px){.showcase{height:515px}.showcase-deck{height:450px}.scene-heading{font-size:15px;gap:7px}.scene-heading small{font-size:5px;max-width:86px}.invoice-sheet{width:230px;height:303px;margin-left:-115px;padding:17px}.invoice-back{width:230px;height:298px;margin-left:-100px}.invoice-brand i{display:none}.invoice-sheet h3{font-size:17px;margin-top:20px}.invoice-table{margin-top:20px}.invoice-customer{margin-top:18px}.invoice-total{margin-top:18px}.invoice-lines{margin-top:17px}.showcase-controls{gap:5px;padding-inline:7px}.scene-selector{gap:3px}.scene-selector button{font-size:9px;padding:10px 5px}.sequence-toggle{font-size:9px;min-width:48px;padding:7px}.showcase-caption{font-size:8px}.support-body{padding:12px;gap:10px}.support-window{left:0;right:0;height:300px}.message{padding:9px}.message p{font-size:10px}.show-browser{width:94%;height:248px}.show-browser-body{padding:14px}.show-browser-body>strong{font-size:25px}.show-web-art{right:12px;width:72px;height:105px}.show-phone{width:94px;height:210px;padding:28px 8px 12px}.show-phone>strong{font-size:15px}.phone-notch{width:32px;left:26px}.build-main{padding:20px 12px}.build-cards{gap:5px}.build-cards>div{padding:10px 5px}.build-cards b{font-size:6px}.build-stages{font-size:7px;left:6px;right:6px}.service-row{grid-template-columns:26px 1fr}}
@media(max-width:680px){.showcase{height:460px;max-width:470px;width:100%;margin:30px auto 0}.showcase-deck{height:401px}.showcase-controls{height:59px;padding-inline:10px;gap:10px}.scene-selector button{font-size:10px;padding-inline:6px}.sequence-toggle{font-size:10px;min-width:58px}.scene-heading{left:17px;right:17px;top:17px;font-size:16px}.scene-heading small{font-size:6px;max-width:100px}.scene-heading>img{width:23px;height:23px}.invoice-visual,.support-visual,.responsive-visual,.build-visual{inset:53px 12px 33px}.invoice-sheet{width:221px;height:280px;margin-left:-111px;padding:17px;top:5px}.invoice-back{width:222px;height:275px;top:12px;margin-left:-95px}.invoice-brand{font-size:16px}.invoice-brand img{width:21px;height:21px}.invoice-sheet h3{font-size:16px;margin-top:16px}.invoice-customer{margin-top:17px}.invoice-table{margin-top:17px;gap:8px}.invoice-total{margin-top:16px;padding-top:10px}.invoice-lines{margin-top:17px}.document-badge{right:0;bottom:0;padding:9px 12px;font-size:9px;gap:9px}.doc-symbol{width:15px;height:20px}.doc-symbol:after{top:12px}.doc-symbol:before{top:7px}.showcase-caption{font-size:7px;bottom:8px}.support-window{top:15px;height:278px;left:3px;right:3px}.support-bar{font-size:9px;padding:12px}.support-body{padding:13px;gap:11px}.message p{font-size:10px}.message span{font-size:5px}.support-bottom{padding:13px}.show-browser{top:24px;height:241px}.show-browser-body>strong{font-size:25px}.show-phone{height:203px;width:95px;bottom:0}.show-phone>strong{font-size:15px;margin-top:22px}.show-phone>span{margin-top:18px}.build-window{top:20px;height:255px;left:0;right:0}.build-content{height:204px;grid-template-columns:36px 1fr}.build-header{height:44px}.build-main{padding:17px 12px}.build-cards{margin-top:19px}.build-rows{margin-top:15px}.build-stages{bottom:7px;font-size:7px}.service-row{grid-template-columns:20px 1fr}.studio-foot>span{justify-content:flex-start}}

@media(prefers-reduced-motion:reduce){.showcase *,.showcase *:after{animation:none!important;transition:none!important}}

/* Full-bleed opening sequence. Text and navigation sit above one continuous stage. */
body:has(.hero-fullbleed) .header{position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(#080e12b8,transparent);border:0}
.hero-fullbleed{position:relative;isolation:isolate;min-height:740px;height:100svh;max-height:1080px;background:#0a1418;overflow:hidden}
.hero-fullbleed .hero-glow{display:none}
.hero-fullbleed .showcase{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;border:0;border-radius:0;background:#0b181a;transform:none!important;z-index:0}
.hero-fullbleed .showcase-deck{position:absolute;inset:0;height:100%}
.hero-fullbleed .showcase-slide{overflow:hidden;background:radial-gradient(ellipse at 76% 48%,#305e4b 0%,#152c24 46%,#081317 87%)}
.hero-fullbleed #escena-lpchat{background:radial-gradient(ellipse at 75% 40%,#214c63,#111f30 52%,#080f19 90%)}
.hero-fullbleed #escena-web{background:radial-gradient(ellipse at 72% 42%,#3a555f,#14242f 49%,#091218 90%)}
.hero-fullbleed #escena-software{background:radial-gradient(ellipse at 75% 45%,#4a5641,#20332c 44%,#0b1514 90%)}
.hero-fullbleed .showcase-deck:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,#071115d9,transparent 22%),linear-gradient(90deg,#071115a6 0%,#07111578 34%,transparent 74%),linear-gradient(0deg,#071115ed,transparent 40%)}
.hero-fullbleed .hero{position:relative;z-index:2;display:flex;align-items:center;min-height:0;height:100%;padding-block:140px 135px;pointer-events:none}
.hero-fullbleed .hero-copy{width:780px;max-width:67%;margin-top:60px}
.hero-fullbleed .hero h1{font-size:clamp(66px,6.5vw,106px);line-height:1.04;letter-spacing:-.06em;font-weight:400;text-shadow:0 3px 40px #04101360}
.hero-fullbleed .hero h1 span{white-space:nowrap}
.hero-fullbleed .hero .lead{max-width:510px;font-size:18px;color:#e1e9e6;margin-top:30px;line-height:1.65}
.hero-fullbleed .hero .eyebrow{color:#90e2c8;font-size:10px}
.hero-fullbleed .hero .actions{pointer-events:auto;width:fit-content}
.hero-fullbleed .hero-bottom{display:none}
.hero-fullbleed .scene-heading{display:none}
.hero-fullbleed .invoice-visual,.hero-fullbleed .support-visual,.hero-fullbleed .responsive-visual,.hero-fullbleed .build-visual{inset:auto;position:absolute;width:540px;height:440px;top:50%;left:75%;margin-left:-270px;margin-top:-255px;transform:scale(1.65);transform-origin:center;filter:drop-shadow(0 30px 45px #0005)}
.hero-fullbleed :is(.is-active,.is-leaving) .invoice-visual,.hero-fullbleed :is(.is-active,.is-leaving) .support-visual,.hero-fullbleed :is(.is-active,.is-leaving) .responsive-visual,.hero-fullbleed :is(.is-active,.is-leaving) .build-visual{animation:full-stage-camera 6s ease-out both}
.hero-fullbleed .invoice-sheet{width:300px;height:355px;margin-left:-145px;top:18px;padding:26px}
.hero-fullbleed .invoice-back{width:300px;height:350px;margin-left:-120px;top:25px}
.hero-fullbleed .document-badge{display:none}
.hero-fullbleed .showcase-caption{z-index:7;left:auto;right:max(56px,calc((100vw - 1320px)/2));bottom:101px;color:#a4bdb4;font-size:9px}
.hero-fullbleed .showcase-controls{z-index:8;left:auto;right:max(56px,calc((100vw - 1320px)/2));bottom:30px;width:400px;height:55px;padding:0;background:transparent;border:0;gap:20px}
.hero-fullbleed .scene-selector button{color:#aebdb7;font-size:10px;padding:11px 4px}
.hero-fullbleed .scene-selector button[aria-pressed=true]{color:#fff}
.hero-fullbleed .sequence-toggle{background:#09181466;border-color:#5d8075;font-size:9px}
.hero-fullbleed+.solution-rail{padding-block:28px;border-top:0}
@keyframes full-stage-camera{from{transform:translate(8px,3px) scale(1.62)}to{transform:translate(-4px,-2px) scale(1.65)}}
@media(min-width:1700px){.hero-fullbleed .invoice-visual,.hero-fullbleed .support-visual,.hero-fullbleed .responsive-visual,.hero-fullbleed .build-visual{left:73%}}
@media(max-width:1000px){
 .hero-fullbleed{min-height:760px}
 .hero-fullbleed .hero-copy{max-width:82%;margin-top:130px}
 .hero-fullbleed .hero h1{font-size:76px}
 .hero-fullbleed .invoice-visual,.hero-fullbleed .support-visual,.hero-fullbleed .responsive-visual,.hero-fullbleed .build-visual{left:80%;top:43%;transform:scale(1.35)}
 .hero-fullbleed .showcase-deck:after{background:linear-gradient(90deg,#07111599,transparent),linear-gradient(0deg,#071115f5,transparent 85%)}
 .hero-fullbleed .showcase-controls,.hero-fullbleed .showcase-caption{right:32px}
}
@media(max-width:680px){
 .hero-fullbleed{height:100svh;min-height:830px;max-height:1000px}
 .hero-fullbleed .hero{display:flex;align-items:flex-end;padding-block:95px 133px}
 .hero-fullbleed .hero-copy{width:100%;max-width:none;margin:0}
 .hero-fullbleed .hero h1{font-size:clamp(46px,11.6vw,74px);line-height:1.07;max-width:580px}
 .hero-fullbleed .hero .eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:16px}
 .hero-fullbleed .hero .lead{font-size:14px;line-height:1.6;max-width:400px;margin-top:20px}
 .hero-fullbleed .hero .actions{margin-top:24px;gap:18px}
 .hero-fullbleed .hero .button{font-size:11px;padding:13px 15px}
 .hero-fullbleed .hero .text-link{font-size:11px}
 .hero-fullbleed .invoice-visual,.hero-fullbleed .support-visual,.hero-fullbleed .responsive-visual,.hero-fullbleed .build-visual{left:62%;top:210px;margin-top:-190px;transform:scale(.87);opacity:.92}
 .hero-fullbleed :is(.is-active,.is-leaving) .invoice-visual,.hero-fullbleed :is(.is-active,.is-leaving) .support-visual,.hero-fullbleed :is(.is-active,.is-leaving) .responsive-visual,.hero-fullbleed :is(.is-active,.is-leaving) .build-visual{animation-name:full-stage-mobile}
 .hero-fullbleed .showcase-deck:after{background:linear-gradient(0deg,#071115 10%,#071115d9 38%,transparent 77%),linear-gradient(90deg,#07111544,transparent)}
 .hero-fullbleed .showcase-controls{left:20px;right:20px;width:auto;bottom:22px;height:43px;gap:15px}
 .hero-fullbleed .showcase-caption{bottom:83px;left:20px;right:20px;text-align:left;font-size:8px}
 .hero-fullbleed .scene-selector button{font-size:9px}
 .hero-fullbleed .document-badge{display:none}
 .hero-fullbleed+.solution-rail{padding-block:12px 20px}
}
@keyframes full-stage-mobile{from{transform:translate(4px,3px) scale(.85)}to{transform:translate(-3px,-2px) scale(.87)}}
@media(prefers-reduced-motion:reduce){.hero-fullbleed .showcase *{animation:none!important}}

/* Stable reading layer: independent of the scene and its crossfade. */
.hero-fullbleed .hero-copy{position:relative;isolation:isolate}
.hero-fullbleed .showcase-deck:after{background:linear-gradient(90deg,#071115f2 0%,#071115e6 52%,#071115d9 63%,#07111580 77%,transparent 100%),linear-gradient(180deg,#071115cc,transparent 22%),linear-gradient(0deg,#071115f2,transparent 42%)}
.hero-fullbleed .hero h1{color:#f5faf8;text-shadow:0 2px 18px #07111580}
.hero-fullbleed .hero h1 span{color:#59e6bb}
.hero-fullbleed .hero .lead{color:#edf3f0}
.hero-fullbleed .hero .text-link{color:#f5faf8;border-bottom-color:#c3d7ce}
body:has(.hero-fullbleed) .header{background:linear-gradient(180deg,#071115f5,#071115d9 75%,#07111580)}
.header .button.small:before,.header .button.small:after{content:none;display:none}
.hero-fullbleed .showcase-caption{color:#cee0d7;text-shadow:0 1px 5px #000;background:#071115c9;padding:3px 8px;width:fit-content;max-width:calc(100% - 40px)}
.hero-fullbleed .scene-selector button{color:#c8d9d1}
@media(max-width:680px){
 .hero-fullbleed .showcase-deck:after{background:linear-gradient(0deg,#071115 5%,#071115f5 44%,#071115e6 55%,#07111544 78%,#07111577 100%)}
 .hero-fullbleed .showcase-caption{padding:3px 0;background:transparent}
}