.showcase{--showcase-glow:#635bff61;--showcase-night:#07142b}.showcase-shot{margin:0}.showcase-shot img{background:#fff;border:1px solid #1a1f3614;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 30px 60px -28px #0a142d61,0 2px 6px #0a142d0f}.showcase-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--marketing-brand-text);align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.showcase-kicker:before{content:"";background:var(--marketing-brand);border-radius:2px;width:6px;height:6px}.showcase-kicker--dark{color:#b9b4ff}.showcase-kicker--dark:before{background:#8f88ff}.showcase-title{max-width:20ch;font-family:var(--font-marketing-display), "Inter Variable", sans-serif;letter-spacing:-.035em;color:var(--marketing-ink);text-wrap:balance;margin-top:1rem;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:600;line-height:1.08}.showcase-title span{color:var(--marketing-brand)}.showcase-title--dark{color:#fff}.showcase-title--dark span{background:linear-gradient(90deg,#a5a0ff,#6ee7c8);color:#0000;-webkit-background-clip:text;background-clip:text}.showcase-lead{max-width:58ch;color:var(--marketing-muted);text-wrap:pretty;margin-top:1.25rem;font-size:1.125rem;line-height:1.7}.showcase-lead--dark{color:#b8c3d6}.showcase-tour{background:var(--marketing-canvas);flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 20px 56px;display:flex}.showcase-tour-link{color:var(--marketing-ink);background:#fff;border:1px solid #e3e2f3;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,transform .15s,color .15s;display:inline-flex;box-shadow:0 6px 18px -12px #241d5f4d}.showcase-tour-link svg{color:var(--marketing-brand)}.showcase-tour-link:hover{color:var(--marketing-brand-text);border-color:#b6b0ff;transform:translateY(-1px)}.showcase [id]{scroll-margin-top:96px}.showcase-seo{background:radial-gradient(900px 520px at 50% -8%, var(--showcase-glow), transparent 70%), radial-gradient(700px 500px at 100% 60%, #10b98129, transparent 70%), var(--showcase-night);color:#fff;padding:clamp(80px,10vw,140px) 0 clamp(80px,9vw,130px);position:relative;overflow:clip}.showcase-seo:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.showcase-seo-head{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.showcase-seo-head .showcase-title{max-width:18ch;margin-inline:auto}.showcase-seo-head .showcase-lead{text-align:center;margin-inline:auto}.showcase-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:flex}.showcase-chips li{color:#dfe6f3;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.showcase-chips svg{color:#8f88ff}.showcase-seo-stage{z-index:1;perspective:2400px;width:min(1180px,100% - 40px);margin:clamp(48px,6vw,80px) auto 0;position:relative}.showcase-seo-hero img{border:1px solid #ffffff24;border-radius:18px;box-shadow:0 60px 140px -40px #635bff8c,0 30px 60px -30px #000000b3}.showcase-float{z-index:2;position:absolute}.showcase-float .showcase-shot img{box-shadow:0 40px 80px -30px #000000a6,0 0 0 1px #ffffff1a}.showcase-float--recommended{width:42%;bottom:-14%;left:-6%}.showcase-float--stuck{width:40%;bottom:8%;right:-7%}.showcase-float-label{z-index:3;background:var(--marketing-brand);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;position:absolute;top:-14px;left:18px;box-shadow:0 8px 20px -8px #635bffb3}.showcase-seo-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;margin-top:clamp(120px,14vw,180px);display:grid;position:relative}.showcase-seo-card{background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff17;border-radius:20px;padding:0 0 24px;overflow:hidden}.showcase-seo-card-media{padding:22px 22px 0}.showcase-seo-card-media .showcase-shot img{border-radius:10px}.showcase-seo-card h3{color:#fff;margin:18px 24px 0;font-size:17px;font-weight:600}.showcase-seo-card p{color:#aebad0;margin:8px 24px 0;font-size:14px;line-height:1.65}.showcase-calendar{background:var(--marketing-canvas);padding:clamp(90px,11vw,150px) 0 clamp(70px,8vw,110px);overflow:clip}.showcase-calendar-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(40px,5vw,72px);display:grid}.showcase-calendar-copy .marketing-button{margin-top:28px}.showcase-calendar-copy .showcase-title{max-width:16ch;font-size:clamp(2rem,3.1vw,2.75rem)}.showcase-calendar-stat{background:#fff;border:1px solid #e6e8ee;border-radius:16px;align-items:center;gap:16px;max-width:420px;margin-top:28px;padding:16px 20px;display:flex}.showcase-calendar-stat strong{font-family:var(--font-marketing-display), sans-serif;letter-spacing:-.04em;color:var(--marketing-brand);font-size:44px;font-weight:600;line-height:1}.showcase-calendar-stat span{color:var(--marketing-muted);font-size:14px;line-height:1.5}.showcase-calendar-visual{margin-right:calc((100vw - min(100vw, var(--marketing-content-width))) / -2 - 32px);padding:48px 0 72px 40px;position:relative}.showcase-calendar-main img{border-right:0;border-radius:16px 0 0 16px}.showcase-calendar-article,.showcase-calendar-keywords{z-index:2;position:absolute}.showcase-calendar-article{width:46%;top:0;left:-8%;transform:rotate(-4deg)}.showcase-calendar-keywords{width:50%;bottom:0;left:4%;transform:rotate(2deg)}.showcase-calendar-article img,.showcase-calendar-keywords img{box-shadow:0 40px 70px -30px #0a142d80,0 0 0 1px #1a1f360f}.showcase-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(56px,7vw,96px);display:grid}.showcase-step{background:#fff;border:1px solid #e8e9f0;border-radius:20px;padding:28px 26px;position:relative}.showcase-step-index{color:#c7c9d6;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;position:absolute;top:24px;right:26px}.showcase-step-icon{color:var(--marketing-brand)}.showcase-step h3{color:var(--marketing-ink);margin-top:16px;font-size:17px;font-weight:600}.showcase-step p{color:var(--marketing-muted);margin-top:8px;font-size:14px;line-height:1.65}.showcase-logos{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.showcase-logos li{background:#fff;border:1px solid #eeedf7;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.showcase-exchange{background:linear-gradient(180deg, #f3f1ff 0%, var(--marketing-canvas) 70%);padding:clamp(90px,11vw,150px) 0 clamp(80px,9vw,120px);overflow:clip}.showcase-exchange-head{text-align:center;flex-direction:column;align-items:center;display:flex}.showcase-exchange-head .showcase-title,.showcase-exchange-head .showcase-lead{margin-inline:auto}.showcase-ribbon{margin-top:clamp(48px,6vw,72px);padding:30px 0 50px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.showcase-ribbon-track{gap:36px;width:max-content;padding-inline:18px;display:flex}.showcase-ribbon-item{flex:none;width:clamp(320px,38vw,560px)}.showcase-ribbon-item:nth-child(odd){transform:rotate(-1.5deg)translateY(10px)}.showcase-ribbon-item:nth-child(2n){transform:rotate(1.5deg)translateY(-10px)}@media (prefers-reduced-motion:no-preference){.showcase-ribbon-track{animation:70s linear infinite showcase-marquee}.showcase-ribbon:hover .showcase-ribbon-track{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.showcase-ribbon{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}@keyframes showcase-marquee{to{transform:translate(-50%)}}.showcase-exchange-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.showcase-exchange-point{background:#fff;border:1px solid #ebe9f7;border-radius:18px;padding:24px}.showcase-exchange-point span{background:var(--marketing-brand);color:#fff;border-radius:999px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.showcase-exchange-point h3{color:var(--marketing-ink);margin-top:14px;font-size:16px;font-weight:600}.showcase-exchange-point p{color:var(--marketing-muted);margin-top:6px;font-size:14px;line-height:1.65}.showcase-guest{background:var(--marketing-canvas);padding:clamp(40px,6vw,80px) 0 clamp(70px,8vw,110px)}.showcase-guest-card{border-radius:var(--marketing-radius-hero);background:radial-gradient(600px 300px at 100% 0,#635bff1f,#0000 70%),#fff;border:1px solid #e6e4f6;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;padding:clamp(32px,5vw,56px);display:grid;overflow:visible}.showcase-guest-copy .showcase-title{font-size:clamp(1.75rem,3.2vw,2.625rem)}.showcase-guest-steps{counter-reset:step;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.showcase-guest-steps li{counter-increment:step;color:var(--marketing-brand-text);background:#f3f1ff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500}.showcase-guest-steps li:before{content:counter(step) ". ";opacity:.6}.showcase-guest-shot{margin-right:calc(-1*clamp(56px,7vw,96px));transform:rotate(1.5deg)}.showcase-note{text-align:center;color:var(--marketing-faint);margin-top:28px;font-size:12px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.showcase-rise{animation:linear both showcase-rise;animation-timeline:view();animation-range:entry entry 70%}.showcase-seo-hero.showcase-rise{transform-origin:50% 100%}.showcase-float,.showcase-calendar-article,.showcase-calendar-keywords,.showcase-seo-card,.showcase-step,.showcase-exchange-point{animation:linear both showcase-fade;animation-timeline:view();animation-range:entry entry 80%}}}@keyframes showcase-rise{0%{opacity:.35;transform:rotateX(12deg)translateY(48px)scale(.97)}to{opacity:1;transform:none}}@keyframes showcase-fade{0%{opacity:0;translate:0 36px}to{opacity:1;translate:0}}@media (max-width:1100px){.showcase-float--recommended{left:-2%}.showcase-float--stuck{right:-2%}}@media (max-width:900px){.showcase-seo-stage{gap:28px;display:grid}.showcase-float{width:auto;margin-top:14px;position:relative;inset:auto}.showcase-seo-grid,.showcase-steps,.showcase-exchange-points{grid-template-columns:1fr}.showcase-seo-grid{margin-top:64px}.showcase-calendar-layout,.showcase-guest-card{grid-template-columns:1fr}.showcase-calendar-visual{gap:20px;margin-right:0;padding:0;display:grid}.showcase-calendar-main img{border-right:1px solid #1a1f3614;border-radius:14px}.showcase-calendar-article,.showcase-calendar-keywords{width:auto;position:static;transform:none}.showcase-guest-shot{margin-right:0;transform:none}}
