.hero-stage.hero-gallery{padding:34px 0 0;min-width:0;animation:none;isolation:isolate}.showcase-deck{position:relative;height:365px;width:100%;margin-bottom:25px}.showcase-slide{position:absolute;inset:0;border:1px solid #c8dce9;border-radius:13px;background:#fff;box-shadow:0 20px 55px #24517520;overflow:hidden;transform-origin:50% 85%;will-change:auto;transition:transform .95s cubic-bezier(.22,.75,.2,1),opacity .8s,filter .8s;backface-visibility:hidden}.showcase-slide[data-position=front]{z-index:4;transform:translate(0,0) rotate(-1deg) scale(1);opacity:1;filter:none}.showcase-slide[data-position=right]{z-index:2;transform:translate(9%,-17px) rotate(6deg) scale(.9);opacity:.64;filter:saturate(.8)}.showcase-slide[data-position=left]{z-index:1;transform:translate(-8%,5px) rotate(-7deg) scale(.9);opacity:.48;filter:saturate(.7)}.showcase-slide[data-position=hidden]{z-index:0;transform:translate(3%,30px) rotate(2deg) scale(.78);opacity:0;pointer-events:none}.showcase-slide-content{height:100%;width:100%;overflow:hidden}.hero-gallery .concept-preview{width:100%;height:100%;border:0;border-radius:0;box-shadow:none!important;transform:none!important;animation:none!important;display:flex;flex-direction:column}.hero-gallery .mock-top{flex-shrink:0;padding:12px 17px}.hero-gallery .mock-caption{margin-top:auto;font-size:8px}.hero-gallery .mini-site{flex:1;min-height:0;padding:22px 27px}.hero-gallery .mini-site h3{font-size:40px;max-width:90%;margin-top:13px}.hero-gallery .mini-site p{font-size:11px}.hero-gallery .mini-nav{margin-bottom:22px}.hero-gallery .mini-site .button{margin-top:16px}.hero-gallery .bot-message{min-height:0;padding:21px 20px;flex:1}.hero-gallery .ticket-preview{margin-top:13px;padding:14px 17px}.hero-gallery .ticket-preview h3{font-size:21px}.hero-gallery .ticket-state{margin:13px 0}.hero-gallery .ticket-preview .button{display:inline-block}.hero-gallery .demo-feedback:empty{display:none}.showcase-shot{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#0c192a}.showcase-window{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#f8fbfd;border-bottom:1px solid #dbe8f1;color:#66879f;font-size:9px;letter-spacing:.1em;flex-shrink:0}.showcase-window>span{color:#bed3df;letter-spacing:4px}.showcase-window strong{color:#335f80;font-size:10px;font-weight:600}.showcase-window small{font-size:7px;letter-spacing:.06em}.showcase-shot img{display:block;flex:1;width:100%;height:0;min-height:0;object-fit:contain;object-position:top;max-width:100%}.showcase-image-caption{background:#0e2034;color:#a7c5dc;font-size:10px;padding:12px 16px;flex-shrink:0}.vault-shot{background:#e3eae5}.vault-shot .showcase-image-caption{background:#edf4ee;color:#4b6e59}.showcase-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:5}.showcase-current{display:flex;align-items:center;gap:13px;font-size:11px;color:#52768e}.showcase-count{font-size:10px;letter-spacing:.1em;border-right:1px solid #c8dce9;padding-right:13px;color:#286eae;font-variant-numeric:tabular-nums}.showcase-pause{display:grid;place-items:center;min-width:36px;min-height:36px;border:1px solid #c8dce9;border-radius:50%;background:#ffffffb8;color:#286eae;font-size:14px;padding:0;line-height:1}.showcase-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;position:relative;z-index:5}.showcase-controls button{display:flex;align-items:center;gap:6px;border:1px solid #d2e1ec;background:#ffffffa8;border-radius:25px;padding:8px 12px;font-size:10px;color:#607c91;transition:background .3s,border-color .3s,color .3s}.showcase-controls button[aria-pressed=true]{border-color:#7faed0;background:#e6f2fc;color:#24669d}.showcase-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}.showcase-note{font-size:9px!important;color:#6d879a!important;margin-top:12px;letter-spacing:.01em}.sr-showcase{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.showcase-controls button:focus-visible,.showcase-pause:focus-visible{outline:3px solid #286eae;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.hero-gallery:after{content:'';position:absolute;inset:10% -8% 30%;background:radial-gradient(ellipse,#a4d7f12b,transparent 70%);z-index:-1;pointer-events:none}.hero-gallery[data-running=true] .showcase-slide-content{animation:showcase-breathe 8s ease-in-out infinite;animation-play-state:paused}.hero-gallery[data-running=true] .showcase-slide[data-position=front] .showcase-slide-content{animation-play-state:running}.hero-gallery[data-running=true] .showcase-controls button[aria-pressed=true] .showcase-dot{animation:showcase-dot 2s ease-in-out infinite}@keyframes showcase-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes showcase-dot{50%{opacity:1;box-shadow:0 0 0 3px #70afda25}}}
@media(max-width:1100px) and (min-width:761px){.showcase-deck{height:335px}.hero-gallery .mini-site h3{font-size:35px}.hero-gallery .ticket-preview p{font-size:10px}.hero-gallery .bot-message{padding:16px 13px}.hero-gallery .mock-top{font-size:7px}.showcase-controls button{padding:8px 10px;font-size:9px}.showcase-window small{display:none}}
@media(max-width:760px){.hero-stage.hero-gallery{padding-top:28px;margin-top:2px}.showcase-deck{height:340px;margin:0 auto 18px;width:94%}.showcase-slide[data-position=right]{transform:translate(5%,-12px) rotate(5deg) scale(.92)}.showcase-slide[data-position=left]{transform:translate(-5%,1px) rotate(-6deg) scale(.92)}.showcase-slide[data-position=front]{transform:rotate(-.5deg)}.showcase-controls{gap:6px}.showcase-controls button{padding:10px 11px;font-size:10px;min-height:40px}.showcase-current{font-size:10px;gap:9px}.showcase-count{font-size:9px;padding-right:9px}.showcase-pause{width:40px;height:40px}.hero-gallery .mini-site{padding:21px}.hero-gallery .mini-site h3{font-size:35px}.hero-gallery .mini-nav{margin-bottom:23px}.showcase-window small{font-size:6px}.hero-gallery .bot-message{padding:18px 14px;gap:10px;grid-template-columns:29px 1fr}.hero-gallery .bot-avatar{width:29px;height:29px}.hero-gallery .ticket-preview{padding:12px}.hero-gallery .ticket-preview h3{font-size:19px}.hero-gallery .bot-message p{font-size:10px}.hero-gallery .showcase-note{font-size:9px!important}}
@media(max-width:380px){.showcase-deck{height:315px}.showcase-current{font-size:9px}.showcase-controls button{padding:9px 8px;font-size:9px}.hero-gallery .mini-site h3{font-size:31px}.hero-gallery .mock-caption{font-size:7px}.showcase-window small{display:none}}
@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-controls button{transition:none}.hero-gallery .showcase-slide-content,.showcase-dot{animation:none!important}}
/* The hero contains fictional service concepts only. */
.hero-gallery .faction-preview{background:#0c1b2e;color:#e9f2ff}.hero-gallery .faction-preview .mock-top{background:#10243b;border-color:#29425d;color:#93adc4}.hero-gallery .faction-preview .mini-panel{background:#0c1b2e;flex:1;min-height:0}.hero-gallery .faction-preview aside{background:#10233b;border-color:#29425d;color:#91adc8;font-size:8px}.hero-gallery .faction-preview .mini-logo{background:#193650;border-color:#345c7c;color:#91d3f5}.hero-gallery .faction-preview .mini-main{padding:23px 18px}.hero-gallery .faction-preview .eyebrow{color:#6faace}.hero-gallery .faction-preview h3{color:#edf6ff;font-size:21px;margin-bottom:17px}.hero-gallery .faction-preview .mini-metrics{margin-bottom:14px}.hero-gallery .faction-preview .mini-metrics>div{background:#142c45;border-color:#2c4762;color:#8eacc7}.hero-gallery .faction-preview .mini-metrics strong{color:#a1d9fa}.hero-gallery .faction-preview .mini-row{border-color:#223e58;padding:10px 0}.hero-gallery .faction-preview .mini-row small{color:#809db8}.hero-gallery .faction-preview .mock-caption{background:#10243b;border-color:#29425d;color:#779bb7}.hero-gallery .showcase-slide{transition-duration:.7s}.hero-gallery .showcase-note{margin-top:8px}.design-canvas{padding:22px 25px;flex:1;min-height:0;background:radial-gradient(ellipse at 70% 35%,#e5f3fc,transparent 65%),#fcfeff}.design-canvas>.eyebrow{font-size:7px;letter-spacing:.17em;color:#6c8fa7}.design-identity{display:flex;gap:20px;align-items:center;padding:19px 0 17px}.design-identity svg{width:76px;height:76px;flex-shrink:0}.design-identity strong{font-size:43px;font-weight:600;color:#234b6b;letter-spacing:.16em;line-height:1}.design-identity div>span{display:block;font-size:7px;letter-spacing:.24em;color:#7d9aaf;margin-top:10px}.design-variants{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.design-variants>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:75px;border:1px solid #d9e7f1;background:#fff;border-radius:7px;gap:6px}.design-variants>div:nth-child(2){background:#15334e;border-color:#15334e;color:#e0f1ff}.design-variants>div:nth-child(3){background:#e8f5fc}.design-mark{font-size:31px;line-height:1;color:#347cb2}.design-variants>div:nth-child(2) .design-mark{color:#a0ddf5}.design-variants>div>span:last-child{font-size:6px;color:#7894a8}.design-variants>div:nth-child(2)>span:last-child{color:#a6bfd3}.design-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.design-swatches{display:flex;gap:5px}.design-swatches i{height:16px;width:24px;border-radius:4px;background:#234b6b}.design-swatches i:nth-child(2){background:#286eae}.design-swatches i:nth-child(3){background:#91d7ec}.design-swatches i:nth-child(4){background:#f3f8fc;border:1px solid #c9dfec}.design-bottom>span{font-size:18px;color:#345d7b}.design-bottom small{font-size:7px;margin-left:6px;color:#7494aa}.website-ticket{display:flex;align-items:center;gap:9px;border:1px solid #c7dfed;border-radius:8px;background:#ffffffed;padding:12px;position:absolute;right:19px;bottom:32px;max-width:245px;box-shadow:0 7px 20px #32608a12}.website-ticket-icon{width:28px;height:28px;background:#e7f3fa;border-radius:6px;display:grid;place-items:center;color:#286eae}.website-ticket strong{font-size:9px;display:block;font-weight:500}.website-ticket small{display:block;font-size:7px;color:#829bad;margin-top:4px}.hero-gallery .website-ticket .pill{font-size:6px;padding:3px 6px}.hero-gallery .mini-site:has(.website-ticket){padding-bottom:68px}.hero-gallery .mini-site:has(.website-ticket) h3{font-size:34px;margin-block:12px}.hero-gallery .mini-site:has(.website-ticket) .mini-nav{margin-bottom:15px}.hero-gallery .mini-site:has(.website-ticket)>.button{font-size:8px;margin-top:12px}.hero-gallery .mini-site:has(.website-ticket)>p{font-size:10px}
@media(max-width:1100px) and (min-width:761px){.design-canvas{padding:17px 20px}.design-identity{padding:16px 0}.design-identity strong{font-size:36px}.design-identity svg{width:65px;height:65px}.design-variants>div{height:66px}.design-bottom{margin-top:10px}.website-ticket{bottom:22px;right:12px;max-width:225px}.hero-gallery .faction-preview h3{font-size:18px}.hero-gallery .faction-preview .mini-main{padding:18px 13px}.hero-gallery .faction-preview .mini-row{padding:9px 0}}
@media(max-width:760px){.design-canvas{padding:18px 20px}.design-identity{gap:15px;padding:17px 0}.design-identity strong{font-size:36px}.design-identity svg{width:63px;height:63px}.design-variants>div{height:69px}.design-bottom{margin-top:13px}.hero-gallery .faction-preview h3{font-size:18px}.hero-gallery .faction-preview .mini-main{padding:20px 12px}.hero-gallery .faction-preview .mini-row{padding:9px 0}.website-ticket{max-width:240px;bottom:19px;right:15px;padding:10px}.hero-gallery .mini-site:has(.website-ticket) h3{font-size:30px}.hero-gallery .mini-site:has(.website-ticket)>p{font-size:9px}.hero-gallery .mini-site:has(.website-ticket)>.button{margin-top:9px}}
@media(max-width:380px){.design-identity strong{font-size:30px}.design-identity svg{width:55px;height:55px}.design-variants>div{height:59px}.design-canvas{padding:17px}.design-bottom small{font-size:6px}.design-bottom{margin-top:11px}.hero-gallery .faction-preview .mini-main{padding:15px 10px}.hero-gallery .faction-preview h3{font-size:16px}.hero-gallery .faction-preview .mini-row{padding:8px 0}.hero-gallery .mini-site:has(.website-ticket) h3{font-size:27px}.hero-gallery .website-ticket{bottom:14px}}
@media(prefers-reduced-motion:reduce){.hero-gallery .showcase-slide{transition:none}}
/* Close overlapping cards and one coordinated, soft swing per change. */
.hero-stage.hero-gallery{padding-top:16px}.hero-gallery .showcase-deck{margin-bottom:10px}.hero-gallery .showcase-slide{transform-origin:50% 90%;transition:transform 1.6s cubic-bezier(.42,0,.24,1),opacity 1.6s ease-in-out,filter 1.6s ease-in-out;box-shadow:0 15px 40px #24517518}.hero-gallery .showcase-slide[data-position=front]{transform:translate(0,0) rotate(0deg) scale(1)}.hero-gallery .showcase-slide[data-position=right]{transform:translate(1.2%,-3px) rotate(1.8deg) scale(.985);opacity:.6}.hero-gallery .showcase-slide[data-position=left]{transform:translate(-1.2%,2px) rotate(-1.8deg) scale(.985);opacity:.5}.hero-gallery .showcase-slide[data-position=hidden]{transform:translate(0,5px) rotate(0deg) scale(.97);opacity:0}.hero-gallery .showcase-bar{gap:8px}.hero-gallery .showcase-note{margin-top:4px}.hero-gallery .showcase-slide-content{animation:none!important}
@media(prefers-reduced-motion:no-preference){
 .hero-gallery .showcase-slide[data-entering=true]{z-index:6;animation:showcase-swing-in 1.6s cubic-bezier(.42,0,.24,1) both}
 .hero-gallery .showcase-slide[data-leaving=true]{z-index:5;animation:showcase-swing-out 1.6s cubic-bezier(.42,0,.24,1) both}
 @keyframes showcase-swing-in{0%{transform:translate(1.2%,-3px) rotate(1.8deg) scale(.985);opacity:.6}38%{transform:translate(3%,-7px) rotate(2.6deg) scale(.993);opacity:.88}100%{transform:translate(0,0) rotate(0deg) scale(1);opacity:1}}
 @keyframes showcase-swing-out{0%{transform:translate(0,0) rotate(0deg) scale(1);opacity:1}42%{transform:translate(-3%,-3px) rotate(-2.6deg) scale(.994);opacity:.85}100%{transform:translate(-1.2%,2px) rotate(-1.8deg) scale(.985);opacity:.5}}
}
@media(max-width:760px){.hero-stage.hero-gallery{padding-top:15px;margin-top:0}.hero-gallery .showcase-deck{width:100%;margin-bottom:10px}.hero-gallery .showcase-slide[data-position=right]{transform:translate(.9%,-2px) rotate(1.5deg) scale(.988)}.hero-gallery .showcase-slide[data-position=left]{transform:translate(-.9%,2px) rotate(-1.5deg) scale(.988)}}
@media(prefers-reduced-motion:reduce){.hero-gallery .showcase-slide{transition:none;animation:none!important}}
/* Frame-based flight keeps interrupted manual changes smooth, too. */
.hero-gallery.is-switching .showcase-slide{transition:none!important;animation:none!important}
.hero-gallery .showcase-slide[data-flight=incoming]{z-index:6}
.hero-gallery .showcase-slide[data-flight=outgoing]{z-index:5}
.hero-gallery .showcase-controls{margin-top:10px;gap:7px}
.hero-gallery .showcase-controls button{min-height:36px;padding:8px 12px;white-space:nowrap}
.hero-gallery .showcase-controls button[aria-pressed=true]{background:linear-gradient(125deg,#e0f0fc,#f3faff);box-shadow:0 3px 11px #286eae10}
.hero-gallery .showcase-note{margin-top:9px}
@media(max-width:760px){.hero-gallery .showcase-controls{gap:6px}.hero-gallery .showcase-controls button{min-height:40px;padding:9px 10px;font-size:10px}}
@media(max-width:380px){.hero-gallery .showcase-controls{display:grid;grid-template-columns:1fr 1fr}.hero-gallery .showcase-controls button{justify-content:center}}
/* Fictional Discord interface, rendered with HTML/CSS rather than a screenshot. */
.discord-preview{background:#1a1a1e!important;color:#ececf0!important;border-color:#303138!important}.discord-preview .mock-top,.discord-preview .mock-caption{background:#131316!important;color:#8e929c!important;border-color:#303138!important}.discord-demo{display:grid;grid-template-columns:132px 1fr;flex:1;min-height:0;font-family:Arial,sans-serif}.discord-channels{background:#111114;padding:17px 10px;display:flex;flex-direction:column;gap:12px;color:#8e929c;font-size:9px}.discord-channels strong{color:#f2f3f5;font-size:10px;padding-bottom:12px;border-bottom:1px solid #242429}.discord-channels small{font-size:7px;letter-spacing:.04em;margin-top:8px}.discord-channels .selected{background:#2d2d34;border-radius:4px;padding:6px;color:#fff;margin:-6px}.discord-chat{min-width:0;background:#1a1a1e}.discord-channel-title{height:32px;border-bottom:1px solid #303036;padding:9px 12px;color:#f2f3f5;font-size:10px;font-weight:600}.discord-channel-title span{font-size:7px;font-weight:400;color:#989aa4;margin-left:8px}.discord-chat-content{padding:12px}.discord-date{text-align:center;font-size:7px;color:#9698a2;border-bottom:1px solid #303036;padding-bottom:6px;margin-bottom:10px}.discord-message{display:flex;gap:9px}.discord-avatar{height:29px;width:29px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#68dbef,#5865f2);color:white;font-weight:700}.discord-message>div:last-child{flex:1;min-width:0}.discord-author{color:#5ba6fc;font-weight:600;font-size:10px;margin-bottom:7px}.discord-author small{background:#5865f2;color:white;font-size:7px;border-radius:2px;padding:2px 3px;margin-left:4px}.discord-author time{font-size:6px;color:#9698a2;font-weight:400;margin-left:6px}.discord-embed{background:#232328;border:1px solid #33333b;border-left:3px solid #7771ff;border-radius:4px;padding:9px;max-width:300px}.discord-embed>strong{color:#fff;font-size:12px}.discord-embed p{font-size:9px!important;line-height:1.65!important;color:#c4c5ce!important;margin:6px 0!important}.discord-fields{display:flex;gap:35px;margin:7px 0}.discord-fields small,.discord-fields b{display:block;font-size:8px;color:#b5b7c3}.discord-fields b{margin-top:4px;color:#fff}.discord-embed-footer{font-size:7px;color:#a6a7b0}.discord-demo-button{display:inline-block;padding:7px 10px;background:#5865f2;color:white;font-size:8px;border-radius:4px;margin-top:6px}.discord-composer{background:#292930;color:#858793;font-size:8px;border-radius:5px;padding:8px;margin-top:10px}.discord-composer span{float:right}.hero-gallery .discord-demo{grid-template-columns:118px 1fr}.hero-gallery .discord-chat-content{padding:10px 11px}.hero-gallery .discord-embed p{font-size:8px!important}
@media(max-width:1100px){.hero-gallery .discord-demo{grid-template-columns:94px 1fr}.discord-channels{font-size:8px;gap:11px}.discord-channel-title span,.discord-author time{display:none}.discord-embed>strong{font-size:11px}}
@media(max-width:380px){.hero-gallery .discord-demo{grid-template-columns:77px 1fr}.discord-channels{padding:14px 8px;font-size:7px}.discord-channels strong{font-size:8px}.discord-avatar{width:23px;height:23px}.discord-author{font-size:8px}.hero-gallery .discord-chat-content{padding:10px 7px}.discord-message{gap:6px}}