.etf-hero{min-height:420px;overflow:hidden;padding:64px 40px 72px;position:relative}.etf-hero__wave{height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%;z-index:0}.etf-hero__inner{align-items:center;display:flex;gap:48px;margin:0 auto;max-width:1138px;position:relative;z-index:1}.etf-hero__content{flex:7;min-width:0}.etf-hero__badge{background-color:#fff;border-radius:20px;color:#000;display:inline-block;font-family:var(--etf-font-body);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:12px;padding:4px 12px}.etf-hero__title{color:var(--etf-on-surface);font-size:3.1rem;line-height:1.15;margin:0 0 16px}.etf-hero__description{color:var(--etf-on-surface-variant);font-family:var(--etf-font-body);font-size:1rem;line-height:1.6;margin-bottom:20px;max-width:560px}.etf-hero__rating{align-items:center;display:flex;gap:8px;margin-bottom:4px}.etf-hero__stars{color:#1a1a1a;font-size:1.25rem;letter-spacing:2px}.etf-hero__rating-label{color:var(--etf-on-surface);font-family:var(--etf-font-body);font-size:.875rem;font-weight:700}.etf-hero__rating-note{color:var(--etf-on-surface-variant);font-family:var(--etf-font-body);font-size:.75rem;font-style:italic;line-height:1.4;margin:0 0 24px;max-width:520px}.etf-hero__invest-btn{background:var(--etf-on-primary);border:none;border-radius:6px;color:var(--etf-on-surface);cursor:pointer;display:inline-block;font-family:var(--etf-font-body);font-size:.9375rem;font-weight:600;padding:25px 55px;text-decoration:none;transition:background-color var(--etf-duration) var(--etf-ease)}.etf-hero__invest-btn:hover{background-color:var(--etf-surface-container);color:var(--etf-primary)}.etf-hero__image{flex:5;min-width:0}.etf-hero__image img{display:block;height:auto}.etf-hero__image img,.etf-hero__image-fallback{border-radius:var(--etf-radius-lg);box-shadow:var(--etf-shadow-md);width:100%}.etf-hero__image-fallback{aspect-ratio:1;background-color:var(--etf-primary);color:var(--etf-on-primary);font-family:var(--etf-font-body);font-size:3rem;font-weight:700}.etf-hero__image-fallback,.etf-invest-popup{align-items:center;display:flex;justify-content:center}.etf-invest-popup{background:rgba(0,0,0,.5);inset:0;position:fixed;z-index:9999}.etf-invest-popup[hidden]{display:none}.etf-invest-popup__dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:85vh;max-width:560px;overflow:hidden;position:relative;width:90%}.etf-invest-popup__scroll{overflow-y:auto;padding:40px}.etf-invest-popup__close{background:none;border:none;color:var(--etf-on-surface-variant);cursor:pointer;font-size:1.75rem;line-height:1;position:absolute;right:16px;top:12px}.etf-invest-popup__title{color:var(--etf-on-surface);font-size:1.5rem;margin:0 0 24px}.etf-invest-popup__tabs{border-bottom:2px solid #e5e5e5;display:flex;gap:0;margin-bottom:24px}.etf-invest-popup__tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--etf-on-surface-variant);cursor:pointer;flex:1;font-family:var(--etf-font-body);font-size:.875rem;font-weight:600;margin-bottom:-2px;padding:12px 16px;transition:color var(--etf-duration) var(--etf-ease),border-color var(--etf-duration) var(--etf-ease)}.etf-invest-popup__tab--active{border-bottom-color:var(--etf-primary);color:var(--etf-primary)}.etf-invest-popup__panel[hidden]{display:none}.etf-invest-popup__panel-title{color:var(--etf-on-surface);font-family:var(--etf-font-body);font-size:1.125rem;font-weight:700;margin-bottom:12px}.etf-invest-popup__panel-body{color:#000;font-family:var(--etf-font-body);font-size:.9375rem;line-height:1.6;margin-top:24px}.etf-invest-popup__panel-body a{color:#fff;font-weight:600;text-decoration:none}.etf-invest-popup__panel-body a:hover{text-decoration:underline}.etf-invest-popup__panel-body p{margin-top:24px}.etf-invest-popup__footer{border-top:1px solid #e5e5e5;margin-top:24px;padding-top:20px}.etf-invest-popup__footer-heading{color:var(--etf-on-surface);font-size:1rem;margin:0 0 8px}.etf-invest-popup__footer-text{color:var(--etf-on-surface-variant);font-family:var(--etf-font-body);font-size:.875rem;line-height:1.5;margin:0}.etf-invest-popup__footer-text a{color:var(--etf-primary);font-weight:600;text-decoration:none}@media (max-width:767px){.etf-hero{min-height:auto;padding:40px 20px 48px}.etf-hero__inner{align-items:flex-start;flex-direction:column;gap:32px}.etf-hero__title{font-size:1.75rem}.etf-hero__image{margin:0;width:240px}}