.ix-showcase,.ix-template-library{--sc-ink:#171a14;--sc-text:#f7f5ec;--sc-muted:#d6d9cc;--sc-gold:#edcb73;--sc-line:#444b3d}.ix-showcase-hero{position:relative!important;inset:auto!important;isolation:isolate;min-height:620px;display:flex;align-items:center;margin:0 0 48px;overflow:hidden;border-radius:12px;background:#171a14}.ix-showcase-photo{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center;z-index:-2}.ix-showcase-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,15,10,.97) 0%,rgba(10,15,10,.88) 34%,rgba(10,15,10,.45) 65%,rgba(10,15,10,.12) 100%)}.ix-showcase-copy{position:relative;max-width:690px;padding:56px}.ix-showcase-logo{width:184px!important;height:56px!important;object-fit:contain;display:block;margin:0 0 32px!important}.ix-showcase-hero h1{font-size:clamp(36px,4.5vw,66px)!important;line-height:1.07!important;letter-spacing:-.035em!important;color:#fffdf5!important;margin:0 0 28px!important;text-wrap:balance}.ix-showcase-hero p{font-size:19px!important;line-height:1.7!important;color:#ecefe3!important;max-width:48ch;margin:0 0 28px!important}.ix-showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.ix-showcase .ix-showcase-actions a,.ix-template-library .ix-showcase-actions a{color:#fffdf5!important;display:inline-flex;align-items:center;min-height:48px;text-decoration:underline;text-underline-offset:5px;font-size:17px!important}.ix-showcase-actions a.ix-showcase-primary{background:#edcb73;color:#171a14!important;padding:12px 20px;border-radius:8px;font-weight:750;text-decoration:none}.ix-showcase-hero p.ix-showcase-note{font-size:14px!important;line-height:1.6!important;max-width:56ch;margin:22px 0 0!important;color:#d6d9cc!important}.ix-showcase-overview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin:64px 0}.ix-showcase-overview h2,.ix-showcase-next h2,.ix-showcase-close h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important;letter-spacing:-.02em!important;margin-bottom:24px!important}.ix-showcase-overview p,.ix-showcase-next li,.ix-showcase-close p{font-size:18px!important;line-height:1.7!important;max-width:65ch}.ix-showcase-overview img{width:100%;height:auto;border-radius:8px;border:1px solid var(--sc-line)}.ix-showcase-overview figure{margin:0}.ix-showcase-overview figcaption{font-size:14px;line-height:1.6;padding-top:12px}.ix-showcase-next{margin:64px 0;padding:40px 0;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}.ix-showcase-next ol{padding-left:24px!important}.ix-showcase-next li{margin-bottom:24px}.ix-showcase-next strong,.ix-showcase-next span{display:block}.ix-showcase-close{background:#191b18;color:#f7f5ec;padding:40px;border-radius:12px;margin:48px 0}.ix-showcase-close h2,.ix-showcase-close p{color:#f7f5ec!important}.ix-showcase a:focus-visible,.ix-template-library .ix-showcase-hero a:focus-visible{outline:2px solid #edcb73;outline-offset:5px}@media(max-width:767px){.ix-showcase-hero{min-height:640px;margin-bottom:32px}.ix-showcase-copy{padding:32px 24px}.ix-showcase-photo{object-position:65% center}.ix-showcase-hero:before{background:linear-gradient(90deg,rgba(10,15,10,.92),rgba(10,15,10,.65))}.ix-showcase-hero h1{font-size:38px!important}.ix-showcase-hero p{font-size:18px!important}.ix-showcase-logo{margin-bottom:24px!important}.ix-showcase-overview{grid-template-columns:1fr;gap:28px;margin:40px 0}.ix-showcase-next{margin:40px 0}.ix-showcase-close{padding:28px 20px}.ix-showcase-actions{gap:12px;align-items:stretch;flex-direction:column}.ix-showcase-actions a{justify-content:center;text-align:center}}

html body.influx-public-rebrand #main .ix-showcase-hero h1{font-size:clamp(36px,4.5vw,66px)!important;line-height:1.07!important;color:#fffdf5!important}
html body.influx-public-rebrand #main .ix-showcase-hero p{color:#ecefe3!important}
html body.influx-public-rebrand #main .ix-showcase-close :is(h2,p){color:#f7f5ec!important}

html body.influx-public-rebrand #main :is(.ix-showcase-hero,.ix-showcase-close) .ix-showcase-actions a{color:#fffdf5!important}
html body.influx-public-rebrand #main :is(.ix-showcase-hero,.ix-showcase-close) .ix-showcase-actions a.ix-showcase-primary{color:#171a14!important}

.ix-showcase-overview figure a{display:block;background:#f4f1e8;border-radius:8px;overflow:hidden}.ix-showcase-overview figure img{display:block;width:100%!important;height:auto!important;max-height:600px;object-fit:contain!important;object-position:top center}
