/* Homepage-only showcase inspired by the supplied layout. */
body:has(.showcase-hero) .site-header{background:#5846f5;border-color:transparent;backdrop-filter:none}
body:has(.showcase-hero) .site-brand,body:has(.showcase-hero) .site-brand svg,body:has(.showcase-hero) .site-desktop> a,body:has(.showcase-hero) .site-dropdown>summary,body:has(.showcase-hero) .site-toggle{color:white}
body:has(.showcase-hero) .site-nav-cta{background:white;color:#17224c;border-radius:12px}
body:has(.showcase-hero) .site-mobile{color:white}
body:has(.showcase-hero) .site-mobile a:not(.site-button){color:white}
body:has(.showcase-hero) .site-mobile .site-button{background:white;color:#17224c}
body:has(.showcase-hero) .site-header a:hover{color:#c9fff0}
body:has(.showcase-hero) .site-dropdown-panel a:hover{color:#0757ff}
.showcase-hero{position:relative;isolation:isolate;background:#5846f5;color:white;overflow:hidden;padding:65px 0 135px}
.showcase-hero::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:85px;background:#fffefa;clip-path:polygon(0 100%,100% 0,100% 100%);z-index:-1}
.showcase-inner{width:min(1280px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.showcase-copy{position:relative;z-index:3;padding-bottom:20px}
.showcase-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;color:#e4e0ff;margin:0 0 26px}
.site-content .showcase-hero h1{font-size:clamp(46px,5.1vw,76px);line-height:1.04!important;letter-spacing:-.05em!important;margin:0 0 30px;color:white}
.showcase-intro{max-width:460px;font-size:19px;line-height:1.65;color:#e4e0ff;margin:0 0 32px}
.showcase-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.showcase-primary{background:#27f3b4;color:#102346;border-radius:40px;padding:18px 28px;font-size:16px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;min-height:58px;transition:background .2s}
.showcase-primary:hover{background:#79ffd4;color:#102346}
.showcase-secondary{color:white;font-size:14px;padding:12px 0;text-decoration:underline!important;text-underline-offset:5px}
.showcase-note{font-size:12px;color:#e4e0ff;margin:26px 0 0}
.showcase-art{position:relative;min-width:0;width:100%;aspect-ratio:560/670;container-type:inline-size;isolation:isolate}
.showcase-orbit{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:#ffffff08;top:15%;left:7%;z-index:-1}
.showcase-phone{position:absolute;width:56%;height:83%;border-radius:6cqw;overflow:hidden;box-shadow:0 4cqw 8cqw #22106c25;transform:rotate(9deg)}
.showcase-phone-front{left:26%;top:2%;z-index:2;background:#bfb4a6;color:white}
.showcase-phone-front>img{width:100%;height:100%;object-fit:cover;display:block}
.showcase-phone-front::after{content:"";position:absolute;inset:0;background:linear-gradient(#39291622,transparent 48%,#39291612);pointer-events:none}
.showcase-phone-label{position:absolute;top:7%;left:5%;right:5%;text-align:center;z-index:1;color:white;font:italic 600 5.8cqw Georgia,serif;white-space:nowrap;letter-spacing:-.05em;text-shadow:0 1px 8px #35241520}
.showcase-phone-label>span{display:block;font:500 1.5cqw Arial,sans-serif;letter-spacing:.3em;margin-top:2.5cqw}
.showcase-phone-tagline{position:absolute;top:23%;left:0;width:100%;text-align:center;font:italic 3.2cqw Georgia,serif;line-height:1.25;color:white;z-index:1}
.showcase-phone-back{left:42%;top:12%;z-index:1;background:#fff5df;transform:rotate(9deg);height:80%}
.showcase-back-art{height:38%;background:radial-gradient(ellipse at 20% 20%,#ecfcff 0%,transparent 45%),radial-gradient(ellipse at 80% 30%,#244c7a,transparent 65%),linear-gradient(140deg,#92daed,#537faf 45%,#b8e4ec 65%,#245276)}
.showcase-back-content{padding:5cqw;color:#514132;display:flex;flex-direction:column;gap:3cqw}.showcase-back-content small{font-size:1.6cqw;letter-spacing:.12em}.showcase-back-content strong{font:5cqw Georgia,serif}.showcase-back-content>span{font-size:2cqw}.showcase-back-lines{height:19cqw;border-radius:2cqw;background:repeating-linear-gradient(to bottom,#ffffffb0 0 6cqw,transparent 6cqw 8cqw)}.showcase-back-content .showcase-back-button{display:block;background:#5846f5;color:white;border-radius:2cqw;padding:2.5cqw;text-align:center}
.showcase-card-stack{position:absolute;top:45%;left:20%;width:59%;display:flex;flex-direction:column;gap:1.7cqw;z-index:4;transform:rotate(9deg)}
.showcase-feature,.showcase-small-card{background:#fff9ec;color:#172137;border:1px solid #fffdf5;border-radius:2.7cqw;box-shadow:0 1.5cqw 4cqw #24105812}
.showcase-feature{display:block;padding:2.7cqw}
.showcase-feature-top{display:flex;gap:2.3cqw;align-items:flex-start}.showcase-feature strong{display:block;font-size:2.9cqw;line-height:1.3;letter-spacing:-.03em;margin:0 0 1.2cqw}.showcase-feature small{display:block;font-size:2.1cqw;color:#73716d;line-height:1.4}
.showcase-mini-icon{display:grid;place-items:center;flex-shrink:0;width:11cqw;height:12cqw;border-radius:1.7cqw;background:linear-gradient(145deg,#9266ff,#5031db)}
.showcase-mini-icon svg{width:75%;height:75%;fill:none;stroke:white;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.showcase-feature-cta{display:block;background:#5846f5;color:white;font-size:2.35cqw;font-weight:600;padding:2.5cqw 2cqw;border-radius:1.8cqw;margin-top:2.5cqw;box-shadow:0 1cqw 1.5cqw #4631bb20}
.showcase-small-card{display:flex;align-items:center;gap:2.5cqw;padding:2.4cqw}.showcase-small-card .showcase-mini-icon{width:8cqw;height:8cqw}.showcase-small-card strong{font-size:2.5cqw;display:block;line-height:1.3}.showcase-small-card small{font-size:2.05cqw;display:block;margin-top:.6cqw;color:#73716d}.showcase-mini-calendar{background:#eee7ff}.showcase-mini-calendar svg{stroke:#6951e8}.showcase-mini-check{background:#d7f6e8}.showcase-mini-check svg{stroke:#218863;stroke-width:4}
.showcase-bubble{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.55cqw solid #b7abff;background:#8474fb;border-radius:50%;width:24%;aspect-ratio:1;font-size:2.1cqw;font-weight:750;letter-spacing:-.02em;box-shadow:0 3cqw 5cqw #33239b15;transform:rotate(-9deg);gap:.8cqw}
.showcase-bubble-symbol{width:64%;height:60%;filter:drop-shadow(0 1.2cqw 1cqw #4431b735);transform:rotate(5deg)}.showcase-bubble-symbol svg{display:block;width:100%;height:100%}
.showcase-bubble-web{left:0;top:44%;}.showcase-bubble-ai{right:-3%;top:36%;width:24%;transform:rotate(9deg)}.showcase-bubble-design{left:1%;top:72%;width:20%;font-size:1.8cqw}
.showcase-demo-label{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:1.7cqw;color:#e4e0ff;letter-spacing:.08em}
.showcase-art a{transition:filter .2s}.showcase-art a:hover{filter:brightness(1.04)}
body:has(.showcase-hero) .showcase-hero :focus-visible,body:has(.showcase-hero) .site-header :focus-visible{outline-color:#27f3b4!important}
body:has(.showcase-hero) .site-header .site-nav-cta:hover,body:has(.showcase-hero) .site-mobile .site-button:hover{background:#27f3b4;color:#102346}
@media(min-width:801px) and (max-width:1100px){.showcase-inner{gap:24px;width:calc(100% - 64px)}.showcase-actions{gap:14px}.showcase-primary{padding-inline:20px}}
@media(max-width:800px){.showcase-hero{padding:42px 0 72px}.showcase-inner{width:calc(100% - 48px);grid-template-columns:1fr;gap:38px}.showcase-copy{padding:0}.showcase-eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:24px}.site-content .showcase-hero h1{font-size:clamp(40px,9.5vw,64px);margin-bottom:22px}.showcase-intro{font-size:16px;max-width:490px;margin-bottom:25px}.showcase-primary{min-height:52px;padding:15px 23px;font-size:14px}.showcase-secondary{font-size:12px}.showcase-actions{gap:18px}.showcase-note{font-size:11px;margin-top:22px}.showcase-art{max-width:520px;justify-self:center}.showcase-hero::after{height:38px}}
@media(max-width:360px){.showcase-inner{width:calc(100% - 36px)}.showcase-actions{gap:12px}.showcase-primary{padding-inline:16px;font-size:13px}.showcase-eyebrow{font-size:8px}}