.hero-showcase{min-width:0}.hero-showcase-label{margin:0 0 .6rem;font-size:.875rem;font-weight:600;color:var(--color-neutral)}.hero-tabs{display:flex;gap:.25rem;width:max-content;max-width:100%;padding:.3rem;border-radius:999px;background:var(--color-primary-light);border:1px solid rgba(31,41,55,.08);overflow-x:auto;scrollbar-width:none}.hero-tabs::-webkit-scrollbar{display:none}.hero-tab{position:relative;flex:none;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border-radius:999px;font-size:.875rem;font-weight:600;color:var(--color-neutral);white-space:nowrap;transition:color .2s ease}.hero-tab.is-active,.hero-tab:hover{color:var(--color-primary-dark)}.hero-tab-pill{position:absolute;inset:0;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(31,41,55,.08),0 4px 12px rgba(31,41,55,.08)}.hero-tab-icon,.hero-tab-text{position:relative}.hero-tab-icon{display:none}@media (min-width:480px){.hero-tab-icon{display:block}}@media (max-width:479px){.hero-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:1.1rem}.hero-tab{justify-content:center}}.hero-panel{margin-top:1rem;min-height:424px;display:flex;flex-direction:column;justify-content:center}@media (max-width:767px){.hero-panel{min-height:372px}}.hero-panel-inner{width:100%}.hero-caption{margin-top:.9rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem 1rem;font-size:.9rem}.hero-caption p{margin:0;color:var(--color-neutral)}.hero-caption a{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--color-link);white-space:nowrap}.hero-shot{--hero-shot-h:324px;position:relative;height:var(--hero-shot-h);overflow:hidden;background:#fff}@media (max-width:767px){.hero-shot{--hero-shot-h:272px}}.hero-shot-layer{position:absolute;inset:0}.hero-shot-img{width:100%;height:auto;display:block}@media (prefers-reduced-motion:no-preference){.hero-shot-img{animation:hero-shot-scroll 6s cubic-bezier(.45,0,.25,1) .8s forwards}}@keyframes hero-shot-scroll{to{transform:translateY(calc(-100% + var(--hero-shot-h)))}}.hero-dots{display:flex;justify-content:center;gap:.25rem;margin-top:.6rem}.hero-dots button{position:relative;width:28px;height:24px}.hero-dots button:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:999px;transform:translate(-50%,-50%);background:rgba(31,41,55,.22);transition:width .3s ease,background-color .3s ease}.hero-dots button.is-active:before{width:22px;background:var(--color-primary-dark)}.hero-sec{position:relative;border-radius:16px;background:linear-gradient(135deg,#111827,#1f2937 60%,#263447);color:#e5e7eb;padding:26px 24px 24px;overflow:hidden;box-shadow:0 26px 60px -16px rgba(17,24,39,.55)}.hero-sec:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(250,204,21,.5) 1px,transparent 0),linear-gradient(90deg,rgba(250,204,21,.5) 1px,transparent 0);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse at 85% 0,#000 15%,transparent 65%);mask-image:radial-gradient(ellipse at 85% 0,#000 15%,transparent 65%)}.hero-sec>*{position:relative}.hero-sec-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.hero-sec-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--color-accent-one);background:rgba(250,204,21,.14);border:1px solid rgba(250,204,21,.35)}.hero-sec-head b{display:block;font-size:1.05rem;color:#fff}.hero-sec-head small{display:block;font-size:.8rem;color:#9ca3af}.hero-sec-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}.hero-sec-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-size:.92rem;color:#e5e7eb;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.hero-sec-num{flex:none;display:grid;place-items:center;width:24px;height:24px;font-family:var(--font-mono);font-size:12px;color:#111827}.hero-sec-btn,.hero-sec-num{border-radius:999px;font-weight:700;background:var(--color-accent-one)}.hero-sec-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;color:var(--color-primary-dark);transition:transform .2s ease}.hero-sec-btn:hover{transform:translateY(-2px);color:var(--color-primary-dark)}@media (prefers-reduced-motion:no-preference){.hero-sec-list li{animation:hero-sec-in .5s both;animation-delay:calc(var(--i) * .12s + .1s)}}@keyframes hero-sec-in{0%{opacity:0;transform:translateY(8px)}}