
:root{
  --bg:#030303;--panel:#080808;--card:#0b0b0b;--gold:#f6c344;--gold2:#ff9d10;--gold3:#fff0a3;--text:#fff;--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.13);--goldline:rgba(246,195,68,.30);--shadow:0 22px 60px rgba(0,0,0,.55);--green:#19ff49;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020202;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(246,195,68,.10),transparent 25%),radial-gradient(circle at 88% 8%,rgba(136,38,255,.14),transparent 25%),linear-gradient(180deg,#020202,#070707 48%,#020202)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.portal-header{height:78px;position:sticky;top:0;z-index:100;background:rgba(0,0,0,.88);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(18px)}.portal-nav{width:min(1580px,calc(100% - 56px));height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:26px}.portal-brand{display:flex;align-items:center;gap:14px;min-width:320px}.portal-logo{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#060606;border:1px solid var(--goldline);color:var(--gold);font-weight:1000;font-size:1.4rem;box-shadow:0 0 28px rgba(246,195,68,.20);overflow:hidden}.portal-logo img{width:100%;height:100%;object-fit:cover}.portal-brand strong{display:block;color:var(--gold);font-size:1.05rem;letter-spacing:.12em;line-height:1.05}.portal-brand em{display:block;margin-top:5px;color:rgba(255,255,255,.70);font-style:normal;font-weight:900;font-size:.65rem;letter-spacing:.28em}.portal-menu{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.portal-menu a{font-weight:900;font-size:.88rem;color:rgba(255,255,255,.86);padding:28px 0 25px;position:relative}.portal-menu a:hover{color:var(--gold)}.portal-menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.portal-whatsapp{min-width:160px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-weight:1000;font-size:.86rem}.portal-whatsapp:hover{background:rgba(246,195,68,.10)}
.portal-hero{position:relative;min-height:610px;overflow:hidden;border-bottom:1px solid rgba(246,195,68,.16);background:#030303}.portal-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 38%,rgba(0,0,0,.66) 62%,rgba(0,0,0,.88) 100%),var(--portal-hero-image, radial-gradient(circle at 18% 48%,rgba(246,195,68,.26),transparent 22%),radial-gradient(circle at 82% 44%,rgba(126,38,255,.26),transparent 28%));background-position:center;background-size:cover;filter:saturate(.95) contrast(1.05)}.portal-hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(0,0,0,.08),rgba(0,0,0,.68) 72%),linear-gradient(180deg,rgba(0,0,0,.10),#020202 100%)}.portal-hero-inner{position:relative;z-index:2;width:min(1580px,calc(100% - 56px));min-height:610px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:38px;align-items:center}.portal-hero-copy{text-align:center;max-width:820px;justify-self:center;text-shadow:0 8px 30px rgba(0,0,0,.85)}.portal-crown{color:var(--gold);font-size:2.35rem;line-height:1;margin-bottom:4px}.portal-kicker{font-size:.88rem;font-weight:900;letter-spacing:.46em;text-transform:uppercase;color:#fff;margin-bottom:12px}.portal-hero h1{margin:0;text-transform:uppercase;font-size:clamp(3.3rem,6.4vw,6.7rem);line-height:.86;letter-spacing:-.055em;font-weight:1000;background:linear-gradient(180deg,#fff7c4 0%,#f6c344 42%,#935e0a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(246,195,68,.22))}.portal-hero p{margin:18px auto 0;max-width:670px;color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.65}.portal-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.portal-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,0,0,.42);padding:0 20px;color:#fff;font-weight:1000;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.portal-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 28px rgba(246,195,68,.13)}.portal-btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold3));color:#050505;border-color:transparent}.portal-btn-gold:hover{color:#050505;box-shadow:0 0 34px rgba(246,195,68,.28)}.portal-trust-row{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;color:rgba(255,255,255,.78);font-weight:900;font-size:.82rem;text-transform:uppercase}.portal-trust-row i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}
.portal-release-panel{border:1px solid var(--goldline);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:12px;padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.portal-panel-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--gold);font-size:.75rem;font-weight:1000;letter-spacing:.12em}.portal-panel-head strong{color:#fff}.portal-featured-card{display:grid;gap:14px}.portal-featured-cover{aspect-ratio:1/1;border-radius:9px;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 50% 40%,rgba(246,195,68,.28),transparent 28%),#111;background-size:cover;background-position:center;box-shadow:inset 0 -70px 80px rgba(0,0,0,.45)}.portal-featured-card h2{margin:0;font-size:1.35rem;line-height:1.05}.portal-featured-card p{margin:7px 0 0;color:var(--gold);font-weight:900}.portal-featured-empty{min-height:260px;display:grid;place-items:center;text-align:center;color:var(--muted)}.portal-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.portal-mini-stats div{min-height:62px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(0,0,0,.35);display:grid;place-items:center}.portal-mini-stats b{color:var(--gold);font-size:1.2rem}.portal-mini-stats span{color:var(--muted);font-size:.72rem;text-transform:uppercase;font-weight:900}
.portal-section{width:min(1580px,calc(100% - 56px));margin:0 auto;padding:54px 0;border-top:1px solid rgba(255,255,255,.08)}.portal-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.portal-label{color:var(--gold);font-weight:1000;font-size:.78rem;letter-spacing:.18em}.portal-section h2{margin:7px 0 0;font-size:clamp(2rem,3.8vw,3.9rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.portal-section-head p{max-width:520px;color:var(--muted);line-height:1.55}.portal-link{color:var(--gold);font-weight:1000}.portal-player{display:grid;grid-template-columns:360px 1fr;gap:24px;border:1px solid var(--goldline);border-radius:12px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:var(--shadow)}.portal-player-cover{min-height:360px;border-radius:9px;background:radial-gradient(circle at center,rgba(246,195,68,.20),transparent 32%),#111;background-size:cover;background-position:center;position:relative;overflow:hidden}.portal-player-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.88))}.portal-player-cover>div{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px)}.portal-player-cover span{color:var(--gold);font-weight:1000;font-size:.76rem;text-transform:uppercase}.portal-player-cover strong{display:block;margin-top:3px}.portal-player-cover em{display:block;color:var(--muted);font-style:normal;font-size:.86rem}.portal-player-main h3{margin:0;font-size:clamp(1.8rem,3vw,3.2rem);text-transform:uppercase;line-height:1}.portal-player-main p{color:var(--muted)}.portal-visualizer{height:64px;display:flex;align-items:end;gap:7px;margin:18px 0;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(0,0,0,.25)}.portal-visualizer span{width:100%;height:20%;border-radius:999px;background:linear-gradient(180deg,var(--gold3),var(--gold));box-shadow:0 0 14px rgba(246,195,68,.18);animation:visualBars .9s ease-in-out infinite alternate}.portal-visualizer span:nth-child(2n){height:48%;animation-delay:.12s}.portal-visualizer span:nth-child(3n){height:72%;animation-delay:.22s}.portal-visualizer span:nth-child(4n){height:34%;animation-delay:.32s}@keyframes visualBars{from{transform:scaleY(.42);opacity:.6}to{transform:scaleY(1);opacity:1}}.portal-controls{display:flex;align-items:center;gap:12px}.portal-controls button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff;font-weight:1000;cursor:pointer}.portal-controls .main-play{width:68px;height:68px;background:linear-gradient(135deg,var(--gold),var(--gold3));color:#050505;border:0}.portal-time{display:flex;justify-content:space-between;color:var(--muted);font-weight:800;font-size:.85rem;margin:12px 0 7px}#progressRange{width:100%;accent-color:var(--gold)}.portal-playlist{display:grid;gap:9px;margin-top:15px}.playlist-item{width:100%;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.28);color:#fff;cursor:pointer}.playlist-item span{color:var(--gold);font-weight:1000}.playlist-item em{color:var(--muted);font-style:normal;font-size:.84rem}.playlist-item.active{border-color:var(--goldline);background:rgba(246,195,68,.10)}.portal-card-grid,.portal-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-card,.portal-price,.portal-order-box,.portal-socials{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.026));padding:22px;box-shadow:0 18px 45px rgba(0,0,0,.32)}.portal-card:hover,.portal-price:hover{border-color:var(--goldline);transform:translateY(-3px)}.portal-card-icon{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:1.7rem;margin-bottom:18px}.portal-card h3,.portal-price h3{margin:0 0 10px;font-size:1.25rem}.portal-card p,.portal-price p{color:var(--muted);line-height:1.55}.portal-card a,.portal-price a{color:var(--gold);font-weight:1000}.portal-price{position:relative}.portal-price.featured{border-color:var(--goldline);box-shadow:0 0 34px rgba(246,195,68,.10),0 18px 45px rgba(0,0,0,.32)}.portal-price>span{position:absolute;right:16px;top:16px;color:#050505;background:var(--gold);border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:1000}.portal-price strong{display:block;color:var(--gold);font-size:2.2rem;margin:10px 0}.portal-form{display:grid;gap:17px}.portal-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:17px}.portal-form label{display:grid;gap:8px;font-weight:800}.portal-form input,.portal-form select,.portal-form textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(0,0,0,.30);color:#fff;padding:14px;outline:none}.portal-form textarea{min-height:150px;resize:vertical}.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus{border-color:var(--goldline);box-shadow:0 0 0 3px rgba(246,195,68,.08)}.honeypot{position:absolute;left:-9999px}.portal-alert{padding:13px;border-radius:9px;margin-bottom:14px;font-weight:900}.portal-alert.ok{border:1px solid rgba(37,211,102,.45);color:#a7ffcb}.portal-alert.err{border:1px solid rgba(255,70,70,.45);color:#ffb4b4}.portal-socials{text-align:center}.portal-socials h2{margin:0 0 18px}.portal-socials div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.portal-socials a{min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.13);border-radius:999px;display:inline-flex;align-items:center;color:#fff;font-weight:900}.portal-socials a:hover{color:var(--gold);border-color:var(--goldline)}.portal-footer{border-top:1px solid rgba(255,255,255,.10);padding:26px 0;text-align:center;color:rgba(255,255,255,.55)}.whatsapp-fixed{position:fixed;right:18px;bottom:18px;z-index:9999;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-size:1.75rem;font-weight:1000;box-shadow:0 18px 42px rgba(0,0,0,.38)}.portal-empty{min-height:180px;border:1px solid var(--goldline);border-radius:12px;display:grid;place-items:center;text-align:center;color:var(--muted)}.portal-empty strong{display:block;color:#fff}.portal-empty a{display:inline-flex;margin-top:12px;color:var(--gold);font-weight:1000}
@media(max-width:1180px){.portal-menu{gap:18px}.portal-brand{min-width:auto}.portal-grid{grid-template-columns:1fr}.portal-hero-inner{grid-template-columns:1fr}.portal-release-panel{max-width:520px;width:100%;justify-self:center}.portal-player{grid-template-columns:1fr}.portal-card-grid,.portal-price-grid{grid-template-columns:1fr 1fr}.portal-section-head{display:block}.portal-section-head p{margin-top:12px}.portal-menu{overflow-x:auto;justify-content:flex-start}}
@media(max-width:860px){.portal-header{height:auto}.portal-nav{height:auto;padding:13px 0;width:min(100% - 24px,1580px);flex-wrap:wrap}.portal-menu{order:3;width:100%;padding-bottom:2px}.portal-menu a{white-space:nowrap;padding:10px 0}.portal-whatsapp{min-width:140px}.portal-hero{min-height:auto}.portal-hero-inner{width:min(100% - 24px,1580px);min-height:auto;padding:48px 0 28px}.portal-hero h1{font-size:clamp(3rem,14vw,5.4rem)}.portal-kicker{letter-spacing:.26em;font-size:.72rem}.portal-release-panel{display:none}.portal-section{width:min(100% - 24px,1580px);padding:44px 0}.portal-card-grid,.portal-price-grid{grid-template-columns:1fr}.portal-player-cover{min-height:280px}.playlist-item{grid-template-columns:34px 1fr}.playlist-item em{grid-column:2}.portal-socials div{display:grid}.portal-btn{width:100%}.portal-hero-actions{display:grid}.portal-trust-row{font-size:.74rem}.whatsapp-fixed{width:56px;height:56px}}
@media(max-width:520px){.portal-brand strong{font-size:.82rem;letter-spacing:.08em}.portal-brand em{font-size:.58rem;letter-spacing:.14em}.portal-logo{width:46px;height:46px}.portal-hero-copy{text-align:center}.portal-hero p{font-size:.94rem}.portal-player{padding:13px}.portal-player-cover{min-height:240px}.portal-card,.portal-price,.portal-order-box,.portal-socials{padding:18px}}

.portal-menu .portal-member-nav{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--gold);
}
.portal-member-nav .az-svg-icon{width:17px;height:17px;flex:0 0 auto}
.portal-member-label-short{display:none}
@media(max-width:1500px){
  .portal-member-label-full{display:none}
  .portal-member-label-short{display:inline}
}
@media(max-width:860px){
  .portal-menu{flex:0 0 100%}
  .portal-menu .portal-member-nav{
    position:sticky;
    left:0;
    z-index:2;
    padding-left:2px;
    padding-right:12px;
    background:#020202;
  }
}

/* Leden- en VIP-abonnementen */
.portal-membership{position:relative}.portal-membership:before{content:"";position:absolute;inset:20px 0;background:radial-gradient(circle at 75% 45%,rgba(246,195,68,.12),transparent 32%);pointer-events:none}.portal-membership-grid{position:relative;display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:18px}.portal-member-benefits,.portal-member-plan{border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.028));padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.34)}.portal-member-benefits{border-color:rgba(246,195,68,.28)}.portal-member-crown{display:block;color:var(--gold);font-size:3rem;line-height:1;margin-bottom:10px}.portal-member-benefits h3,.portal-member-plan h3{margin:0 0 14px;font-size:1.4rem}.portal-member-benefits ul{display:grid;gap:11px;margin:0 0 24px;padding:0;list-style:none;color:rgba(255,255,255,.8)}.portal-member-benefits li:before{content:"✓";color:var(--gold);font-weight:1000;margin-right:9px}.portal-member-plan{display:flex;flex-direction:column;align-items:flex-start}.portal-member-plan.featured{border-color:rgba(246,195,68,.65);box-shadow:0 0 40px rgba(246,195,68,.12),0 18px 50px rgba(0,0,0,.34)}.portal-member-plan>span{min-height:27px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:rgba(246,195,68,.13);color:var(--gold);font-size:.7rem;font-weight:1000;margin-bottom:18px}.portal-member-plan strong{display:block;color:var(--gold);font-size:clamp(2.5rem,5vw,4rem);line-height:1}.portal-member-plan p{margin:8px 0 24px;color:var(--muted)}.portal-member-plan .portal-btn{margin-top:auto;width:100%}.portal-membership-note{position:relative;margin:16px 0 0;color:var(--muted);text-align:center;font-size:.9rem}@media(max-width:1050px){.portal-membership-grid{grid-template-columns:1fr 1fr}.portal-member-benefits{grid-column:1/-1}}@media(max-width:680px){.portal-membership-grid{grid-template-columns:1fr}.portal-member-benefits{grid-column:auto}}

/* HOME HERO FINAL IMAGE TUNING */
.portal-hero{min-height:620px;background:#020202;}
.portal-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.55) 28%,rgba(0,0,0,.28) 50%,rgba(0,0,0,.38) 72%,rgba(0,0,0,.65) 100%),
    var(--portal-hero-image) !important;
  background-position:center center !important;
  background-size:cover !important;
  filter:saturate(1.02) contrast(1.06) brightness(.95) !important;
}
.portal-hero-bg:after{
  background:
    radial-gradient(circle at 26% 46%,rgba(0,0,0,.22),transparent 35%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(2,2,2,.92) 100%) !important;
}
.portal-hero-inner{min-height:620px;grid-template-columns:minmax(0,1fr) 390px;}
.portal-hero-copy{text-align:left;justify-self:start;max-width:720px;}
.portal-hero-actions{justify-content:flex-start;}
.portal-trust-row{justify-content:flex-start;}
.portal-crown{display:none;}
.portal-kicker{color:var(--gold);letter-spacing:.18em;}
.portal-hero h1{font-size:clamp(3.4rem,5.9vw,6.2rem);}
.portal-release-panel{background:linear-gradient(180deg,rgba(0,0,0,.54),rgba(0,0,0,.32));backdrop-filter:blur(10px);}
@media(max-width:1180px){
  .portal-hero-copy{text-align:center;justify-self:center;}
  .portal-hero-actions,.portal-trust-row{justify-content:center;}
}
@media(max-width:860px){
  .portal-hero-bg{background-position:60% center !important;}
  .portal-hero-copy{text-align:center;}
}


/* HOME PORTAL MATCH FIX - hero titel + betere zichtbaarheid */
.portal-hero{
  min-height:580px !important;
}
.portal-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.34) 30%,rgba(0,0,0,.10) 52%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.50) 100%),
    var(--portal-hero-image) !important;
  filter:saturate(1.08) contrast(1.08) brightness(1.10) !important;
}
.portal-hero-bg:after{
  background:
    radial-gradient(circle at 23% 47%,rgba(0,0,0,.08),transparent 38%),
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(2,2,2,.70) 100%) !important;
}
.portal-hero-inner{
  min-height:580px !important;
  grid-template-columns:minmax(0,1fr) 360px !important;
  align-items:center !important;
}
.portal-hero-copy{
  max-width:690px !important;
  transform:translateY(10px);
}
.portal-kicker{
  color:var(--gold) !important;
  letter-spacing:.20em !important;
  font-size:.82rem !important;
  margin-bottom:12px !important;
}
.portal-main-title{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:#fff !important;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.75)) !important;
  font-size:clamp(3.25rem,5.25vw,5.75rem) !important;
  line-height:.92 !important;
  letter-spacing:-.045em !important;
}
.portal-main-title span,
.portal-main-title strong{
  display:block;
}
.portal-main-title span{
  color:#fff;
}
.portal-main-title strong{
  background:linear-gradient(180deg,#fff4ba 0%,#f6c344 45%,#b1730b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.portal-hero p{
  margin:16px 0 0 !important;
  max-width:590px !important;
  color:rgba(255,255,255,.88) !important;
}
.portal-hero-actions{
  margin-top:22px !important;
}
.portal-release-panel{
  max-width:350px !important;
  padding:15px !important;
  background:linear-gradient(180deg,rgba(0,0,0,.50),rgba(0,0,0,.22)) !important;
}
.portal-featured-cover{
  aspect-ratio:1/0.92 !important;
}
.portal-featured-card h2{
  font-size:1.15rem !important;
}
.portal-mini-stats div{
  min-height:52px !important;
}
.portal-player-section{
  padding-top:42px !important;
}
.portal-section-head{
  margin-bottom:18px !important;
}
@media(max-width:1180px){
  .portal-hero-inner{grid-template-columns:1fr !important;}
  .portal-hero-copy{transform:none;}
  .portal-hero p{margin-left:auto !important;margin-right:auto !important;}
}
@media(max-width:860px){
  .portal-hero{min-height:auto !important;}
  .portal-hero-inner{min-height:auto !important;padding:46px 0 32px !important;}
  .portal-main-title{font-size:clamp(2.55rem,12vw,4.45rem) !important;}
}


/* HOME PORTAL V2 - featured panel verwijderd, hero cleaner */
.portal-hero{
  min-height:610px !important;
  border-bottom:1px solid rgba(246,195,68,.22) !important;
}
.portal-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 27%,rgba(0,0,0,.16) 50%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.54) 100%),
    var(--portal-hero-image) !important;
  background-position:center center !important;
  background-size:cover !important;
  filter:saturate(1.08) contrast(1.08) brightness(1.05) !important;
}
.portal-hero-bg:after{
  background:
    radial-gradient(circle at 21% 48%,rgba(0,0,0,.18),transparent 38%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,2,2,.74) 100%) !important;
}
.portal-hero-inner{
  width:min(1580px,calc(100% - 56px)) !important;
  min-height:610px !important;
  grid-template-columns:minmax(0,760px) 1fr !important;
  gap:40px !important;
  align-items:center !important;
}
.portal-hero-copy{
  max-width:720px !important;
  justify-self:start !important;
  text-align:left !important;
  transform:translateY(0) !important;
}
.portal-kicker{
  color:var(--gold) !important;
  letter-spacing:.22em !important;
  font-size:.83rem !important;
  margin-bottom:14px !important;
}
.portal-main-title{
  font-size:clamp(3.55rem,5.45vw,6.15rem) !important;
  line-height:.92 !important;
  letter-spacing:-.048em !important;
  margin-bottom:18px !important;
  text-shadow:0 12px 30px rgba(0,0,0,.72) !important;
}
.portal-main-title span,
.portal-main-title strong{display:block !important;}
.portal-main-title span{color:#fff !important;}
.portal-main-title strong{
  background:linear-gradient(180deg,#fff4ba 0%,#f6c344 44%,#9a6814 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.portal-hero p{
  max-width:620px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:1.02rem !important;
  line-height:1.7 !important;
  margin:0 !important;
}
.portal-hero-actions{justify-content:flex-start !important;margin-top:24px !important;}
.portal-trust-row{justify-content:flex-start !important;margin-top:18px !important;}
.portal-release-panel{display:none !important;}
.portal-player-section{padding-top:46px !important;}
.portal-section-head{margin-bottom:20px !important;}
@media(max-width:1180px){
  .portal-hero-inner{grid-template-columns:1fr !important;}
  .portal-hero-copy{justify-self:center !important;text-align:center !important;}
  .portal-hero p{margin-left:auto !important;margin-right:auto !important;}
  .portal-hero-actions,.portal-trust-row{justify-content:center !important;}
}
@media(max-width:860px){
  .portal-hero{min-height:auto !important;}
  .portal-hero-inner{width:min(100% - 24px,1580px) !important;min-height:auto !important;padding:54px 0 38px !important;}
  .portal-main-title{font-size:clamp(2.7rem,12vw,4.6rem) !important;}
}

/* PLAYER COVER FIX - toon volledige vierkante cover, niet inzoomen/afsnijden */
.portal-player-cover{
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #000 !important;
}

.az-svg-icon{width:1.15em;height:1.15em;display:inline-block;flex:0 0 auto;vertical-align:-.18em}
.portal-btn,.portal-whatsapp{gap:8px}
.portal-card-icon .az-svg-icon,.portal-member-crown .az-svg-icon{width:30px;height:30px}
.portal-member-crown .az-svg-icon{width:48px;height:48px}
.whatsapp-fixed .az-svg-icon{width:28px;height:28px}

.portal-hero-home .portal-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 27%,rgba(0,0,0,.16) 50%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.54) 100%),
    image-set(url('/assets/img/home-hero-960.webp') 1x,url('/assets/img/home-hero.webp') 2x) !important;
}
.portal-player-cover-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:contain;background:#000}
.portal-player-cover:after{z-index:1;pointer-events:none}
.portal-preview-video{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:16px;background:#000;margin-bottom:14px}
.portal-card-highlight{color:#f6c344;font-weight:800}
.portal-card-quote{font-style:italic}
.portfolio-preview-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.portfolio-preview-actions .portal-btn{width:auto;max-width:100%;min-height:44px;padding:0 16px}
@media(max-width:520px){.portfolio-preview-actions{align-items:stretch}.portfolio-preview-actions .portal-btn{width:100%}}
.portal-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.portal-faq-item{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.026));box-shadow:0 18px 45px rgba(0,0,0,.26);overflow:hidden}
.portal-faq-item[open]{border-color:rgba(246,195,68,.38);background:linear-gradient(180deg,rgba(246,195,68,.09),rgba(255,255,255,.028))}
.portal-faq-item summary{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;color:#fff;font-weight:1000;cursor:pointer;list-style:none}
.portal-faq-item summary::-webkit-details-marker{display:none}
.portal-faq-item summary span{min-width:0;line-height:1.22}
.portal-faq-item summary .az-svg-icon{width:22px;height:22px;flex:0 0 auto;color:var(--gold);transition:transform .2s ease}
.portal-faq-item[open] summary .az-svg-icon{transform:rotate(45deg)}
.portal-faq-item p{margin:0;padding:0 20px 20px;color:var(--muted);line-height:1.65}
@media(max-width:820px){.portal-faq-list{grid-template-columns:1fr}.portal-faq-item summary{min-height:62px;padding:16px}.portal-faq-item p{padding:0 16px 16px}}

/* Subtle premium motion */
.gold-dust{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.82;
  mix-blend-mode:screen;
}
body .portal-hero-home:before{
  transform-origin:50% 20%;
  animation:azHeroLightSweep 18s ease-in-out infinite alternate;
  will-change:transform,opacity;
}
body .portal-hero-home .hero-light-rays:before{
  animation:azHeroRays 24s ease-in-out infinite alternate;
  will-change:transform,opacity;
}
.soft-equalizer span{
  transform-origin:50% 100%;
  animation-duration:2.8s !important;
  opacity:.62;
}
.soft-equalizer.is-playing span{
  animation-duration:.92s !important;
  opacity:.94;
}
.premium-button-glow{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  animation:azButtonGlow 5.8s ease-in-out infinite;
}
.premium-button-glow:after{
  content:"";
  position:absolute;
  inset:-45% auto -45% -55%;
  z-index:-1;
  width:32%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  transform:skewX(-18deg);
  animation:azButtonShine 7.2s ease-in-out infinite;
}
@keyframes azHeroLightSweep{
  0%{transform:translate3d(-1.2%,0,0) rotate(-.35deg);opacity:.42}
  100%{transform:translate3d(1.2%,.5%,0) rotate(.35deg);opacity:.56}
}
@keyframes azHeroRays{
  0%{transform:translate3d(-1%,0,0) scale(1.01);opacity:.34}
  100%{transform:translate3d(1%,1%,0) scale(1.035);opacity:.46}
}
@keyframes azButtonGlow{
  0%,100%{box-shadow:0 0 18px rgba(246,195,68,.13)}
  50%{box-shadow:0 0 32px rgba(246,195,68,.30)}
}
@keyframes azButtonShine{
  0%,68%{left:-55%;opacity:0}
  74%{opacity:.7}
  88%,100%{left:125%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .gold-dust{display:none}
  body .portal-hero-home:before,
  body .portal-hero-home .hero-light-rays:before,
  .soft-equalizer span,
  .premium-button-glow,
  .premium-button-glow:after{
    animation:none !important;
    transform:none !important;
  }
}
.portal-top10-section{
  padding-top:34px!important;
}
.portal-top10-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.portal-top10-item{
  min-height:86px;
  display:grid;
  grid-template-columns:58px 64px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:11px;
  border:1px solid rgba(246,195,68,.2);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(246,195,68,.075),rgba(255,255,255,.025));
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.portal-top10-item:hover{
  border-color:rgba(246,195,68,.5);
  transform:translateY(-1px);
}
.portal-top10-position{
  min-height:48px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:linear-gradient(135deg,#f6c344,#fff1a8);
  color:#060606;
  font-weight:1000;
}
.portal-top10-cover{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:10px;
  background:#050505;
  color:#f6c344;
  font-weight:1000;
}
.portal-top10-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.portal-top10-cover em{
  font-style:normal;
}
.portal-top10-copy{
  min-width:0;
}
.portal-top10-copy strong,
.portal-top10-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.portal-top10-copy small{
  margin-top:5px;
  color:rgba(255,255,255,.62);
}
@media(max-width:760px){
  .portal-top10-grid{grid-template-columns:1fr}
  .portal-top10-item{grid-template-columns:52px 58px minmax(0,1fr)}
  .portal-top10-cover{width:58px;height:58px}
}
[hidden]{display:none!important}
.az-copy-buffer{position:fixed;left:-9999px;top:auto;width:1px;height:1px;opacity:0}

/* HOME HEADER/HERO V3 - cleaner premium first impression */
body .portal-header{
  height:auto!important;
  background:linear-gradient(180deg,rgba(5,5,5,.94),rgba(5,5,5,.78))!important;
  border-bottom:1px solid rgba(246,195,68,.16)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.26)!important;
}
body .portal-nav{
  width:min(1580px,calc(100% - 40px))!important;
  min-height:74px!important;
  height:auto!important;
  gap:16px!important;
}
body .portal-brand{
  min-width:260px!important;
  gap:12px!important;
}
body .portal-logo{
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#070707,#111)!important;
}
body .portal-brand strong{
  color:#fff!important;
  font-size:1rem!important;
  letter-spacing:.08em!important;
}
body .portal-brand em{
  color:rgba(246,195,68,.86)!important;
  font-size:.6rem!important;
  letter-spacing:.18em!important;
}
body .portal-menu{
  justify-content:flex-end!important;
  gap:6px!important;
  overflow:visible!important;
}
body .portal-menu a{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.76rem!important;
  letter-spacing:0!important;
}
body .portal-menu a:hover{
  border-color:rgba(246,195,68,.28)!important;
  background:rgba(246,195,68,.08)!important;
  color:#f6c344!important;
}
body .portal-menu a:after{
  display:none!important;
}
body .portal-whatsapp{
  min-width:auto!important;
  height:40px!important;
  padding:0 14px!important;
  border-color:rgba(246,195,68,.45)!important;
  background:rgba(246,195,68,.08)!important;
  color:#f6c344!important;
  font-size:.76rem!important;
  letter-spacing:0!important;
}
body .portal-hero-home{
  min-height:620px!important;
  border-bottom:1px solid rgba(246,195,68,.18)!important;
}
body .portal-hero-home .portal-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.82) 35%,rgba(5,5,5,.42) 62%,rgba(5,5,5,.18) 100%),
    image-set(url('/assets/img/home-hero-v3-960.webp') 1x,url('/assets/img/home-hero-v3.webp') 2x)!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:saturate(1.06) contrast(1.04) brightness(.96)!important;
}
body .portal-hero-home .portal-hero-bg:after{
  background:
    radial-gradient(circle at 18% 48%,rgba(246,195,68,.12),transparent 26%),
    linear-gradient(180deg,rgba(5,5,5,0) 0%,#050505 100%)!important;
}
body .portal-hero-home .portal-hero-inner{
  width:min(1500px,calc(100% - 56px))!important;
  min-height:620px!important;
  display:grid!important;
  grid-template-columns:minmax(0,690px) 1fr!important;
  align-items:center!important;
}
body .portal-hero-home .portal-hero-copy{
  max-width:690px!important;
  justify-self:start!important;
  text-align:left!important;
  transform:none!important;
  text-shadow:0 14px 38px rgba(0,0,0,.72)!important;
}
body .portal-hero-home .portal-kicker{
  width:max-content!important;
  max-width:100%!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 12px!important;
  border:1px solid rgba(246,195,68,.28)!important;
  border-radius:999px!important;
  background:rgba(246,195,68,.08)!important;
  color:#f6c344!important;
  font-size:.74rem!important;
  letter-spacing:.16em!important;
  margin-bottom:16px!important;
}
body .portal-hero-home .portal-main-title{
  margin:0!important;
  font-size:clamp(3.15rem,5.1vw,5.75rem)!important;
  line-height:.94!important;
  letter-spacing:0!important;
}
body .portal-hero-home .portal-main-title span{
  color:#fff!important;
}
body .portal-hero-home .portal-main-title strong{
  background:linear-gradient(180deg,#fff5c4 0%,#f6c344 46%,#c88919 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body .portal-hero-home p{
  max-width:610px!important;
  margin:20px 0 0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:1.04rem!important;
  line-height:1.7!important;
}
body .portal-hero-home .portal-hero-actions{
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:24px!important;
}
body .portal-hero-home .portal-btn{
  min-height:48px!important;
  border-radius:999px!important;
  padding:0 18px!important;
  letter-spacing:0!important;
}
body .portal-hero-home .portal-trust-row{
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:18px!important;
  color:rgba(255,255,255,.70)!important;
  font-size:.76rem!important;
}
@media(max-width:1180px){
  body .portal-nav{width:min(100% - 28px,1580px)!important}
  body .portal-menu{
    order:3!important;
    width:100%!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding:0 0 10px!important;
  }
  body .portal-menu a{flex:0 0 auto!important}
  body .portal-hero-home .portal-hero-inner{grid-template-columns:1fr!important}
  body .portal-hero-home .portal-hero-copy{max-width:720px!important}
}
@media(max-width:860px){
  body .portal-brand{width:100%!important;min-width:0!important}
  body .portal-whatsapp{display:none!important}
  body .portal-menu{order:2!important}
  body .portal-hero-home{min-height:auto!important}
  body .portal-hero-home .portal-hero-bg{
    background-image:
      linear-gradient(90deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.86) 50%,rgba(5,5,5,.48) 100%),
      image-set(url('/assets/img/home-hero-v3-640.webp') 1x,url('/assets/img/home-hero-v3-960.webp') 2x)!important;
    background-position:66% center!important;
  }
  body .portal-hero-home .portal-hero-inner{
    width:min(100% - 24px,1580px)!important;
    min-height:auto!important;
    padding:62px 0 42px!important;
  }
  body .portal-hero-home .portal-main-title{font-size:clamp(2.65rem,12vw,4.65rem)!important}
  body .portal-hero-home p{font-size:.98rem!important}
  body .portal-hero-home .portal-hero-actions{display:grid!important;grid-template-columns:1fr!important}
}
@media(max-width:520px){
  body .portal-nav{width:min(100% - 22px,1580px)!important}
  body .portal-brand span:last-child{min-width:0!important}
  body .portal-brand strong{font-size:.9rem!important}
  body .portal-brand em{font-size:.55rem!important}
  body .portal-logo{width:44px!important;height:44px!important}
  body .portal-menu a{min-height:34px!important;padding:0 9px!important;font-size:.72rem!important}
  body .portal-hero-home .portal-kicker{font-size:.66rem!important;letter-spacing:.11em!important}
  body .portal-hero-home .portal-trust-row{align-items:flex-start!important;justify-content:flex-start!important}
}
.portal-language{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(0,0,0,.36)}
.portal-language a{min-width:34px;min-height:32px;display:grid;place-items:center;border-radius:5px;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:900;text-decoration:none;transition:.20s ease}
.portal-language a:hover,.portal-language a[aria-current="true"]{background:#f6c344;color:#050505}
@media(max-width:860px){.portal-language{margin-left:auto}}

/* HOME BRAND HERO V4 - logo first, no generic photo banner */
body .portal-header{
  background:rgba(5,5,5,.94)!important;
}
body .portal-logo{
  border-radius:12px!important;
  background:#0a0802!important;
  border-color:rgba(246,195,68,.34)!important;
}
body .portal-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
body .portal-hero-home{
  position:relative!important;
  min-height:610px!important;
  background:
    linear-gradient(115deg,#050505 0%,#080807 48%,#100d05 100%)!important;
  overflow:hidden!important;
}
body .portal-hero-home:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.22!important;
  background:
    repeating-linear-gradient(90deg,transparent 0 34px,rgba(246,195,68,.22) 35px 37px,transparent 38px 58px),
    linear-gradient(90deg,transparent 0%,rgba(246,195,68,.12) 58%,transparent 86%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 82%,transparent 100%)!important;
}
body .portal-hero-home:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(246,195,68,.48),transparent)!important;
}
body .portal-hero-home .portal-hero-bg{
  background:
    radial-gradient(ellipse at 76% 48%,rgba(246,195,68,.22),transparent 35%),
    linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.90) 46%,rgba(5,5,5,.54) 100%)!important;
  filter:none!important;
}
body .portal-hero-home .portal-hero-bg:after{
  background:
    linear-gradient(180deg,rgba(5,5,5,.18) 0%,#050505 100%)!important;
}
body .portal-hero-home .portal-hero-inner{
  width:min(1440px,calc(100% - 56px))!important;
  min-height:610px!important;
  grid-template-columns:minmax(0,680px) minmax(320px,440px)!important;
  gap:48px!important;
}
body .portal-hero-logo{
  position:relative!important;
  justify-self:end!important;
  width:min(420px,34vw)!important;
  aspect-ratio:1!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(246,195,68,.22)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(246,195,68,.10),rgba(255,255,255,.025))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.46),0 0 46px rgba(246,195,68,.08)!important;
  overflow:hidden!important;
}
body .portal-hero-logo:before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(246,195,68,.18)!important;
  border-radius:22px!important;
  pointer-events:none!important;
}
body .portal-hero-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:.94!important;
}
body .portal-hero-home .portal-hero-copy{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:1180px){
  body .portal-hero-home .portal-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;
  }
  body .portal-hero-logo{width:min(340px,30vw)!important}
}
@media(max-width:900px){
  body .portal-hero-logo{display:none!important}
  body .portal-hero-home .portal-hero-inner{
    grid-template-columns:1fr!important;
  }
  body .portal-hero-home .portal-hero-bg{
    background:
      radial-gradient(ellipse at 80% 22%,rgba(246,195,68,.13),transparent 34%),
      linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.88) 100%)!important;
  }
}
body .portal-menu{
  scrollbar-width:none!important;
}
body .portal-menu::-webkit-scrollbar{
  display:none!important;
}
@media(min-width:861px) and (max-width:1180px){
  body .portal-whatsapp{display:none!important}
  body .portal-menu{
    order:0!important;
    width:auto!important;
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding:0!important;
  }
}
@media(max-width:860px){
  body .portal-menu{
    width:100%!important;
    overflow-x:auto!important;
  }
}

/* HOME BRAND HERO V5 - richer background, logo without card */
body .portal-hero-home{
  background:
    linear-gradient(118deg,#050505 0%,#070604 42%,#130f06 100%)!important;
}
body .portal-hero-home:before{
  opacity:.32!important;
  background:
    linear-gradient(115deg,transparent 0 54%,rgba(246,195,68,.16) 55%,transparent 62%),
    linear-gradient(126deg,transparent 0 66%,rgba(246,195,68,.10) 67%,transparent 75%),
    repeating-linear-gradient(90deg,transparent 0 24px,rgba(246,195,68,.13) 25px 26px,transparent 27px 48px),
    repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.035) 43px 44px,transparent 45px 88px)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 92%,transparent 100%)!important;
}
body .portal-hero-home .portal-hero-bg{
  background:
    linear-gradient(90deg,rgba(5,5,5,.99) 0%,rgba(5,5,5,.90) 42%,rgba(5,5,5,.52) 100%),
    radial-gradient(ellipse at 76% 44%,rgba(246,195,68,.24),transparent 42%),
    linear-gradient(180deg,rgba(246,195,68,.04),rgba(5,5,5,.94))!important;
}
body .portal-hero-home .portal-hero-bg:after{
  background:
    linear-gradient(180deg,rgba(5,5,5,.10),#050505 100%),
    repeating-linear-gradient(90deg,transparent 0 44px,rgba(246,195,68,.055) 45px 47px,transparent 48px 90px)!important;
}
body .portal-hero-logo{
  width:min(455px,36vw)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:translateY(-4px)!important;
}
body .portal-hero-logo:before{
  display:none!important;
}
body .portal-hero-logo:after{
  content:""!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  bottom:9%!important;
  height:18px!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.50)!important;
  filter:blur(14px)!important;
  pointer-events:none!important;
}
body .portal-hero-logo img{
  opacity:.98!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 54px rgba(0,0,0,.58)) drop-shadow(0 0 34px rgba(246,195,68,.16))!important;
}
body .portal-hero-home .portal-main-title{
  text-shadow:0 16px 34px rgba(0,0,0,.55)!important;
}
@media(max-width:1180px){
  body .portal-hero-logo{width:min(360px,32vw)!important}
}
@media(max-width:900px){
  body .portal-hero-home:before{
    opacity:.26!important;
    background:
      linear-gradient(118deg,transparent 0 52%,rgba(246,195,68,.12) 53%,transparent 62%),
      repeating-linear-gradient(90deg,transparent 0 24px,rgba(246,195,68,.12) 25px 26px,transparent 27px 54px)!important;
  }
  body .portal-hero-home .portal-hero-bg{
    background:
      linear-gradient(90deg,rgba(5,5,5,.99) 0%,rgba(5,5,5,.86) 100%),
      radial-gradient(ellipse at 82% 18%,rgba(246,195,68,.18),transparent 38%)!important;
  }
}

/* HOME BRAND HERO V6 - centered logo and copy */
body .portal-hero-home{
  min-height:680px!important;
}
body .portal-hero-home .portal-hero-bg{
  background:
    radial-gradient(ellipse at 50% 22%,rgba(246,195,68,.20),transparent 36%),
    linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.84) 50%,rgba(5,5,5,.96) 100%)!important;
}
body .portal-hero-home .portal-hero-inner{
  width:min(1120px,calc(100% - 48px))!important;
  min-height:680px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  justify-items:center!important;
  gap:18px!important;
  padding:42px 0 56px!important;
}
body .portal-hero-logo{
  order:-1!important;
  justify-self:center!important;
  width:min(300px,28vw)!important;
  margin:0 auto 130px!important;
  transform:none!important;
  isolation:isolate!important;
}
body .portal-hero-home .portal-hero-copy{
  justify-self:center!important;
  max-width:840px!important;
  text-align:center!important;
  transform:none!important;
}
body .portal-hero-home .portal-kicker{
  margin-left:auto!important;
  margin-right:auto!important;
}
body .portal-hero-home p{
  margin-left:auto!important;
  margin-right:auto!important;
}
body .portal-hero-home .portal-hero-actions{
  justify-content:center!important;
}
body .portal-hero-home .portal-trust-row{
  justify-content:center!important;
}
@media(max-width:900px){
  body .portal-hero-home{
    min-height:auto!important;
  }
  body .portal-hero-logo{
    display:grid!important;
    width:min(210px,62vw)!important;
    margin-bottom:82px!important;
  }
  body .portal-hero-home .portal-hero-inner{
    width:min(100% - 24px,1580px)!important;
    min-height:auto!important;
    padding:38px 0 42px!important;
  }
}
@media(max-width:520px){
  body .portal-hero-logo{
    width:min(178px,58vw)!important;
  }
}

/* HOME BRAND HERO V7 - fuller premium stage background */
body .portal-hero-home{
  background:
    radial-gradient(ellipse at 50% -12%,rgba(246,195,68,.30),transparent 42%),
    radial-gradient(ellipse at 18% 36%,rgba(246,195,68,.10),transparent 34%),
    radial-gradient(ellipse at 82% 42%,rgba(255,179,0,.09),transparent 36%),
    linear-gradient(118deg,#030303 0%,#070604 46%,#100c04 100%)!important;
}
body .portal-hero-home:before{
  opacity:.50!important;
  background:
    linear-gradient(104deg,transparent 0 35%,rgba(246,195,68,.13) 36%,transparent 37% 56%,rgba(246,195,68,.08) 57%,transparent 58%),
    linear-gradient(76deg,transparent 0 39%,rgba(255,255,255,.045) 40%,transparent 41% 68%,rgba(246,195,68,.08) 69%,transparent 70%),
    repeating-linear-gradient(90deg,transparent 0 22px,rgba(246,195,68,.105) 23px 24px,transparent 25px 56px),
    repeating-linear-gradient(0deg,transparent 0 46px,rgba(255,255,255,.035) 47px 48px,transparent 49px 94px)!important;
  -webkit-mask-image:
    radial-gradient(ellipse at 50% 36%,#000 0 58%,transparent 76%),
    linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%)!important;
  mask-image:
    radial-gradient(ellipse at 50% 36%,#000 0 58%,transparent 76%),
    linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%)!important;
}
body .portal-hero-home:after{
  height:42%!important;
  top:auto!important;
  bottom:0!important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(246,195,68,.26),transparent 54%),
    linear-gradient(90deg,transparent,rgba(246,195,68,.46),transparent)!important;
  opacity:.74!important;
  pointer-events:none!important;
}
body .portal-hero-home .portal-hero-bg{
  background:
    radial-gradient(ellipse at 50% 20%,rgba(246,195,68,.28),transparent 34%),
    radial-gradient(ellipse at 28% 70%,rgba(246,195,68,.10),transparent 28%),
    radial-gradient(ellipse at 72% 72%,rgba(255,179,0,.09),transparent 30%),
    linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.72) 50%,rgba(5,5,5,.96) 100%)!important;
}
body .portal-hero-home .portal-hero-bg:before{
  content:""!important;
  position:absolute!important;
  inset:-18% -8% -8%!important;
  pointer-events:none!important;
  opacity:.42!important;
  background:
    radial-gradient(ellipse at 50% 20%,transparent 0 18%,rgba(246,195,68,.16) 18.4% 18.8%,transparent 19.2% 30%,rgba(246,195,68,.095) 30.4% 30.8%,transparent 31.2% 43%,rgba(255,255,255,.055) 43.4% 43.8%,transparent 44.2%),
    repeating-linear-gradient(90deg,transparent 0 38px,rgba(246,195,68,.06) 39px 42px,transparent 43px 82px)!important;
  -webkit-mask-image:radial-gradient(ellipse at 50% 34%,#000 0 58%,transparent 72%)!important;
  mask-image:radial-gradient(ellipse at 50% 34%,#000 0 58%,transparent 72%)!important;
}
body .portal-hero-home .portal-hero-bg:after{
  background:
    linear-gradient(180deg,rgba(5,5,5,.04) 0%,rgba(5,5,5,.36) 62%,#050505 100%),
    repeating-linear-gradient(90deg,transparent 0 16px,rgba(246,195,68,.045) 17px 18px,transparent 19px 34px)!important;
}
body .portal-hero-logo,
body .portal-hero-home .portal-hero-copy{
  position:relative!important;
  z-index:3!important;
}
body .portal-hero-logo img{
  filter:
    drop-shadow(0 26px 58px rgba(0,0,0,.62))
    drop-shadow(0 0 42px rgba(246,195,68,.20))!important;
}
body .portal-hero-logo img.portal-hero-logo-mark{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
body .portal-hero-logo img.portal-hero-booth{
  position:absolute!important;
  left:50%!important;
  top:66%!important;
  z-index:2!important;
  width:clamp(430px,44vw,650px)!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  opacity:.94!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  filter:
    saturate(1.06)
    contrast(1.05)
    drop-shadow(0 34px 54px rgba(0,0,0,.72))
    drop-shadow(0 0 34px rgba(246,195,68,.14))!important;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 8%,#000 88%,transparent 100%)!important;
  mask-image:
    linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 8%,#000 88%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-composite:intersect!important;
}
body .portal-hero-logo img.portal-hero-figure{
  position:absolute!important;
  top:-18px!important;
  z-index:1!important;
  width:auto!important;
  height:clamp(360px,40vw,520px)!important;
  max-width:none!important;
  object-fit:contain!important;
  opacity:.90!important;
  mix-blend-mode:normal!important;
  filter:
    saturate(1.08)
    contrast(1.08)
    drop-shadow(0 28px 46px rgba(0,0,0,.72))
    drop-shadow(0 0 30px rgba(246,195,68,.12))!important;
  pointer-events:none!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 6%,#000 82%,transparent 100%)!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 6%,#000 82%,transparent 100%)!important;
}
body .portal-hero-logo img.portal-hero-figure-left{
  right:calc(100% + clamp(14px,3vw,44px))!important;
}
body .portal-hero-logo img.portal-hero-figure-right{
  left:calc(100% + clamp(14px,3vw,44px))!important;
}
body .portal-hero-home .portal-hero-copy{
  z-index:4!important;
}
@media(max-width:900px){
  body .portal-hero-home{
    background:
      radial-gradient(ellipse at 50% -6%,rgba(246,195,68,.25),transparent 42%),
      radial-gradient(ellipse at 50% 42%,rgba(246,195,68,.10),transparent 50%),
      linear-gradient(118deg,#030303 0%,#080704 100%)!important;
  }
  body .portal-hero-home:before{
    opacity:.36!important;
    background:
      linear-gradient(112deg,transparent 0 34%,rgba(246,195,68,.11) 35%,transparent 36% 62%,rgba(246,195,68,.07) 63%,transparent 64%),
      repeating-linear-gradient(90deg,transparent 0 24px,rgba(246,195,68,.09) 25px 26px,transparent 27px 54px)!important;
  }
  body .portal-hero-home:after{
    height:34%!important;
    opacity:.56!important;
  }
  body .portal-hero-home .portal-hero-bg{
    background:
      radial-gradient(ellipse at 50% 16%,rgba(246,195,68,.22),transparent 38%),
      radial-gradient(ellipse at 50% 70%,rgba(246,195,68,.10),transparent 38%),
      linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.86) 50%,rgba(5,5,5,.97) 100%)!important;
  }
  body .portal-hero-home .portal-hero-bg:before{
    opacity:.30!important;
    inset:-10% -32% 0!important;
  }
  body .portal-hero-logo img.portal-hero-figure{
    top:-10px!important;
    height:clamp(260px,76vw,390px)!important;
    opacity:.62!important;
  }
  body .portal-hero-logo img.portal-hero-booth{
    top:72%!important;
    width:clamp(300px,92vw,440px)!important;
    opacity:.86!important;
  }
  body .portal-hero-logo img.portal-hero-figure-left{
    right:calc(100% - 2px)!important;
  }
  body .portal-hero-logo img.portal-hero-figure-right{
    left:calc(100% - 2px)!important;
  }
}
@media(max-width:520px){
  body .portal-hero-logo{
    margin-bottom:62px!important;
  }
  body .portal-hero-logo img.portal-hero-figure{
    top:-4px!important;
    height:clamp(205px,68vw,300px)!important;
    opacity:.48!important;
  }
  body .portal-hero-logo img.portal-hero-booth{
    top:78%!important;
    width:clamp(260px,96vw,340px)!important;
    opacity:.74!important;
  }
  body .portal-hero-logo img.portal-hero-figure-left{
    right:calc(100% - 18px)!important;
  }
body .portal-hero-logo img.portal-hero-figure-right{
    left:calc(100% - 18px)!important;
  }
}

/* HOMEPAGE PREMIUM HERO UPGRADE - luxury full-bleed stage */
body .portal-hero-home{
  min-height:648px!important;
  background:#030303!important;
  border-bottom:1px solid rgba(246,195,68,.22)!important;
  isolation:isolate!important;
}
body .portal-hero-home:before{
  display:none!important;
}
body .portal-hero-home:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:34%!important;
  pointer-events:none!important;
  opacity:.72!important;
  background:
    linear-gradient(180deg,transparent,#020202 92%),
    linear-gradient(90deg,transparent,rgba(246,195,68,.26),transparent)!important;
}
body .portal-hero-home .portal-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(2,2,2,.96) 0%,rgba(2,2,2,.78) 30%,rgba(2,2,2,.42) 56%,rgba(2,2,2,.24) 76%,rgba(2,2,2,.56) 100%),
    image-set(url('/assets/img/home-hero-v3-960.webp') 1x,url('/assets/img/home-hero-v3.webp') 2x)!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:saturate(1.06) contrast(1.08) brightness(1.02)!important;
  transform:scale(1.012)!important;
  animation:azPremiumHeroImage 18s ease-in-out infinite alternate!important;
}
body .portal-hero-home .portal-hero-bg:before{
  display:none!important;
}
body .portal-hero-home .portal-hero-bg:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 56%,#020202 100%),
    linear-gradient(90deg,rgba(246,195,68,.05),transparent 24%,transparent 70%,rgba(246,195,68,.08))!important;
}
body .portal-hero-home .gold-dust{
  opacity:.62!important;
}
body .portal-hero-home .portal-hero-inner{
  width:min(1480px,calc(100% - 56px))!important;
  min-height:648px!important;
  display:grid!important;
  grid-template-columns:minmax(0,760px) minmax(260px,1fr)!important;
  align-items:center!important;
  gap:34px!important;
  padding:58px 0 74px!important;
}
body .portal-hero-home .portal-hero-copy{
  position:relative!important;
  z-index:4!important;
  max-width:760px!important;
  justify-self:start!important;
  text-align:left!important;
  transform:none!important;
  text-shadow:0 18px 46px rgba(0,0,0,.86)!important;
  animation:azPremiumHeroReveal .8s ease-out both!important;
}
body .portal-hero-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid rgba(246,195,68,.36)!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.34)!important;
  color:var(--gold)!important;
  font-size:.78rem!important;
  font-weight:1000!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
body .portal-hero-home .portal-main-title{
  margin:18px 0 18px!important;
  background:none!important;
  color:#fff!important;
  font-size:5.45rem!important;
  line-height:.96!important;
  letter-spacing:0!important;
  font-weight:1000!important;
  text-transform:none!important;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.72))!important;
}
body .portal-hero-home .portal-main-title span,
body .portal-hero-home .portal-main-title strong{
  display:block!important;
}
body .portal-hero-home .portal-main-title span{
  color:#fff!important;
}
body .portal-hero-home .portal-main-title strong{
  background:linear-gradient(180deg,#fff4ba 0%,#f6c344 46%,#b97912 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body .portal-hero-home p{
  max-width:650px!important;
  margin:0!important;
  color:rgba(255,255,255,.86)!important;
  font-size:1.08rem!important;
  line-height:1.72!important;
}
body .portal-hero-home .portal-hero-actions{
  display:flex!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin-top:28px!important;
}
body .portal-hero-home .portal-btn{
  min-height:52px!important;
  border-radius:8px!important;
  padding:0 18px!important;
  letter-spacing:0!important;
  font-size:.86rem!important;
}
body .portal-hero-home .portal-btn:not(.portal-btn-gold){
  background:rgba(0,0,0,.34)!important;
  border-color:rgba(255,255,255,.24)!important;
}
body .portal-hero-home .portal-btn:not(.portal-btn-gold):hover{
  border-color:rgba(246,195,68,.58)!important;
  background:rgba(246,195,68,.10)!important;
}
body .portal-hero-home .portal-trust-row{
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:18px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.78rem!important;
  letter-spacing:0!important;
}
body .portal-hero-home .portal-trust-row i{
  width:4px!important;
  height:4px!important;
  opacity:.9!important;
}
body .portal-hero-logo{
  display:none!important;
}
@keyframes azPremiumHeroReveal{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes azPremiumHeroImage{
  from{transform:scale(1.012) translate3d(0,0,0)}
  to{transform:scale(1.035) translate3d(-8px,-4px,0)}
}
@media(max-width:1180px){
  body .portal-hero-home .portal-hero-inner{
    grid-template-columns:1fr!important;
    min-height:620px!important;
  }
  body .portal-hero-home .portal-hero-copy{
    max-width:720px!important;
  }
  body .portal-hero-home .portal-main-title{
    font-size:4.45rem!important;
  }
}
@media(max-width:860px){
  body .portal-hero-home{
    min-height:auto!important;
  }
  body .portal-hero-home .portal-hero-bg{
    background-image:
      linear-gradient(180deg,rgba(2,2,2,.72) 0%,rgba(2,2,2,.60) 44%,rgba(2,2,2,.92) 100%),
      image-set(url('/assets/img/home-hero-v3-640.webp') 1x,url('/assets/img/home-hero-v3-960.webp') 2x)!important;
    background-position:66% center!important;
  }
  body .portal-hero-home .portal-hero-inner{
    width:min(100% - 24px,1480px)!important;
    min-height:560px!important;
    padding:58px 0 48px!important;
    align-content:end!important;
  }
  body .portal-hero-home .portal-hero-copy{
    text-align:left!important;
  }
  body .portal-hero-home .portal-main-title{
    font-size:3.38rem!important;
    line-height:1!important;
  }
  body .portal-hero-home p{
    font-size:1rem!important;
  }
  body .portal-hero-home .portal-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body .portal-hero-home .portal-btn{
    width:100%!important;
  }
}
@media(max-width:520px){
  body .portal-hero-home .portal-hero-inner{
    min-height:540px!important;
    padding:48px 0 38px!important;
  }
  body .portal-hero-home .portal-main-title{
    font-size:2.7rem!important;
  }
  body .portal-hero-kicker{
    font-size:.7rem!important;
  }
  body .portal-hero-home .portal-trust-row{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    font-size:.72rem!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body .portal-hero-home .portal-hero-bg,
  body .portal-hero-home .portal-hero-copy{
    animation:none!important;
  }
}

/* HOMEPAGE TYPOGRAPHY RHYTHM - quieter sections */
body{
  line-height:1.5;
}
body .portal-section{
  width:min(1280px,calc(100% - 56px))!important;
  padding:76px 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
body .portal-player-section{
  padding-top:58px!important;
}
body .portal-section-head{
  align-items:flex-start!important;
  gap:34px!important;
  margin-bottom:32px!important;
}
body .portal-section-head > div{
  max-width:720px!important;
}
body .portal-section-head p{
  max-width:560px!important;
  margin:10px 0 0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:1rem!important;
  line-height:1.74!important;
}
body .portal-label{
  display:block!important;
  margin-bottom:12px!important;
  color:rgba(246,195,68,.92)!important;
  font-size:.76rem!important;
  font-weight:1000!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
body .portal-section h2{
  max-width:760px!important;
  margin:0!important;
  font-size:3rem!important;
  line-height:1.04!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body .portal-card-grid,
body .portal-price-grid{
  gap:24px!important;
}
body .portal-card,
body .portal-price,
body .portal-order-box,
body .portal-socials{
  padding:28px!important;
}
body .portal-card h3,
body .portal-price h3,
body .portal-member-benefits h3,
body .portal-member-plan h3{
  margin-bottom:12px!important;
  font-size:1.18rem!important;
  line-height:1.24!important;
  letter-spacing:0!important;
}
body .portal-card p,
body .portal-price p,
body .portal-member-benefits li,
body .portal-membership-note,
body .portal-faq-item p,
body .portal-order-box p{
  max-width:62ch;
  line-height:1.72!important;
}
body .portal-player{
  grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
  gap:32px!important;
  padding:24px!important;
}
body .portal-player-main{
  align-self:center!important;
}
body .portal-player-main h3{
  max-width:700px!important;
  font-size:2.55rem!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body .portal-player-main p{
  max-width:680px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:1rem!important;
  line-height:1.7!important;
}
body .portal-visualizer{
  margin:22px 0 18px!important;
}
body .portal-playlist{
  gap:10px!important;
  margin-top:18px!important;
}
body .playlist-item{
  padding:13px 14px!important;
}
body .portal-faq-list{
  gap:16px!important;
}
body .portal-faq-item summary{
  min-height:70px!important;
  padding:20px 22px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
body .portal-faq-item p{
  padding:0 22px 22px!important;
}
body .portal-socials h2{
  max-width:none!important;
  font-size:2.35rem!important;
  line-height:1.08!important;
}
body .portal-form{
  gap:18px!important;
}
body .portal-form label{
  line-height:1.35!important;
}
@media(max-width:1180px){
  body .portal-section{
    width:min(100% - 40px,1280px)!important;
    padding:64px 0!important;
  }
  body .portal-section h2{
    font-size:2.65rem!important;
  }
  body .portal-player{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:860px){
  body .portal-section{
    width:min(100% - 24px,1280px)!important;
    padding:52px 0!important;
  }
  body .portal-section-head{
    display:block!important;
    margin-bottom:24px!important;
  }
  body .portal-section h2{
    font-size:2.25rem!important;
    line-height:1.08!important;
  }
  body .portal-section-head p{
    max-width:680px!important;
    font-size:.97rem!important;
  }
  body .portal-card,
  body .portal-price,
  body .portal-order-box,
  body .portal-socials{
    padding:22px!important;
  }
  body .portal-player{
    gap:22px!important;
    padding:18px!important;
  }
  body .portal-player-main h3{
    font-size:2rem!important;
  }
}
@media(max-width:520px){
  body .portal-section{
    padding:44px 0!important;
  }
  body .portal-section h2{
    font-size:1.95rem!important;
  }
  body .portal-section-head p,
  body .portal-card p,
  body .portal-price p,
  body .portal-player-main p{
    line-height:1.66!important;
  }
  body .portal-faq-item summary{
    min-height:64px!important;
    padding:17px!important;
  }
  body .portal-faq-item p{
    padding:0 17px 17px!important;
  }
}

/* HOMEPAGE ARTIST HEADER - premium brand navigation */
body .artist-header{
  height:auto!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:rgba(4,4,4,.76)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
}
body .artist-header:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:1px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(246,195,68,.44),transparent)!important;
  opacity:.72!important;
}
body .artist-nav{
  width:min(1420px,calc(100% - 48px))!important;
  min-height:70px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
body .artist-nav .portal-brand{
  flex:0 0 auto!important;
  min-width:232px!important;
  gap:12px!important;
  padding:6px 8px 6px 0!important;
}
body .artist-nav .portal-logo{
  width:42px!important;
  height:42px!important;
  border-radius:8px!important;
  border-color:rgba(246,195,68,.30)!important;
  background:linear-gradient(145deg,#070707,#12100a)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.035) inset!important;
}
body .artist-nav .portal-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body .artist-nav .portal-brand span:last-child{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
body .artist-nav .portal-brand strong{
  color:#fff!important;
  font-size:1rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
body .artist-nav .portal-brand em{
  margin:0!important;
  color:rgba(246,195,68,.80)!important;
  font-size:.68rem!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body .artist-menu{
  flex:1 1 auto!important;
  min-width:0!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:visible!important;
  padding:0!important;
}
body .artist-menu a{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:rgba(255,255,255,.72)!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
body .artist-menu a:hover,
body .artist-menu a:focus-visible{
  border-color:rgba(246,195,68,.22)!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}
body .artist-menu a:after{
  display:none!important;
}
body .portal-header-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-left:auto!important;
}
body .portal-order-link,
body .portal-account-link,
body .artist-nav .portal-whatsapp{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:.8rem!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
body .portal-order-link{
  border:1px solid transparent!important;
  background:linear-gradient(135deg,var(--gold),var(--gold3))!important;
  color:#050505!important;
  box-shadow:0 12px 28px rgba(246,195,68,.16)!important;
}
body .portal-account-link{
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.86)!important;
}
body .artist-nav .portal-whatsapp{
  min-width:auto!important;
  border:1px solid rgba(37,211,102,.34)!important;
  background:rgba(37,211,102,.08)!important;
  color:#d8ffe8!important;
}
body .portal-header-actions .az-svg-icon{
  width:16px!important;
  height:16px!important;
  flex:0 0 auto!important;
}
body .artist-nav .portal-language{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:2px!important;
  margin-left:0!important;
  padding:3px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.28)!important;
}
body .artist-nav .portal-language a{
  min-width:32px!important;
  min-height:32px!important;
  border-radius:6px!important;
  color:rgba(255,255,255,.66)!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
body .artist-nav .portal-language a:hover,
body .artist-nav .portal-language a[aria-current="true"]{
  background:rgba(246,195,68,.94)!important;
  color:#050505!important;
}
@media(max-width:1320px){
  body .artist-nav{
    width:min(100% - 36px,1420px)!important;
    gap:12px!important;
  }
  body .artist-nav .portal-brand{
    min-width:210px!important;
  }
  body .artist-nav .portal-whatsapp{
    display:none!important;
  }
}
@media(max-width:1180px){
  body .artist-nav{
    flex-wrap:wrap!important;
    min-height:auto!important;
    padding:12px 0 10px!important;
  }
  body .artist-menu{
    order:3!important;
    flex:0 0 100%!important;
    width:100%!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding:2px 0 6px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 88%,transparent 100%)!important;
  }
  body .artist-menu::-webkit-scrollbar{
    display:none!important;
  }
  body .artist-menu a{
    flex:0 0 auto!important;
    scroll-snap-align:start!important;
  }
}
@media(max-width:760px){
  body .artist-header{
    background:rgba(4,4,4,.88)!important;
  }
  body .artist-nav{
    width:min(100% - 22px,1420px)!important;
    gap:8px!important;
  }
  body .artist-nav .portal-brand{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
  }
  body .artist-nav .portal-logo{
    width:40px!important;
    height:40px!important;
  }
  body .artist-nav .portal-brand strong{
    font-size:.92rem!important;
  }
  body .artist-nav .portal-brand em{
    font-size:.62rem!important;
  }
  body .portal-header-actions{
    gap:6px!important;
    margin-left:0!important;
  }
  body .portal-order-link{
    display:none!important;
  }
  body .portal-account-link{
    width:40px!important;
    padding:0!important;
  }
  body .portal-account-link span{
    display:none!important;
  }
  body .artist-menu a{
    min-height:36px!important;
    padding:0 11px!important;
    font-size:.78rem!important;
  }
}
@media(max-width:460px){
  body .artist-nav .portal-brand em{
    display:none!important;
  }
  body .artist-nav .portal-brand strong{
    max-width:170px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body .artist-nav .portal-language a{
    min-width:30px!important;
  }
}

/* HOMEPAGE SUBTLE MOTION - calm reveal and audio ambience */
html.az-motion-ready .az-soft-reveal{
  opacity:1;
  transform:translateY(18px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.2,.72,.22,1);
  will-change:opacity,transform;
}
html.az-motion-ready .az-soft-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
body .portal-btn,
body .portal-order-link,
body .portal-account-link,
body .artist-menu a,
body .portal-language a,
body .portal-card,
body .portal-price,
body .portal-top10-item,
body .playlist-item,
body .portal-controls button,
body .portal-socials a{
  transition:
    transform .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    color .22s ease,
    box-shadow .22s ease,
    opacity .22s ease!important;
}
body .portal-btn:hover,
body .portal-order-link:hover,
body .portal-account-link:hover,
body .artist-menu a:hover,
body .portal-language a:hover,
body .portal-socials a:hover,
body .portal-controls button:hover{
  transform:translateY(-1px)!important;
}
body .portal-card:hover,
body .portal-price:hover,
body .portal-top10-item:hover,
body .playlist-item:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 0 1px rgba(246,195,68,.08) inset!important;
}
body .portal-card:hover .portal-card-icon{
  box-shadow:0 0 24px rgba(246,195,68,.16)!important;
}
body .portal-player{
  position:relative!important;
  overflow:hidden!important;
}
body .portal-player:before{
  content:""!important;
  position:absolute!important;
  inset:-32% -16% auto auto!important;
  width:360px!important;
  height:360px!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(246,195,68,.18),rgba(246,195,68,0) 64%)!important;
  opacity:.54!important;
  transform:translate3d(0,0,0)!important;
  animation:azPlayerAura 10s ease-in-out infinite alternate!important;
}
body .portal-player > *{
  position:relative!important;
  z-index:1!important;
}
body .portal-player-cover{
  transition:transform .55s ease,box-shadow .55s ease,filter .55s ease!important;
}
body .portal-player:hover .portal-player-cover{
  transform:scale(1.006)!important;
  filter:saturate(1.05)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
}
body .portal-visualizer{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),
    radial-gradient(ellipse at 50% 100%,rgba(246,195,68,.12),transparent 68%)!important;
}
body .portal-visualizer:before{
  content:""!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  bottom:10px!important;
  height:1px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(246,195,68,.52),transparent)!important;
  opacity:.5!important;
  animation:azAudioLine 4.8s ease-in-out infinite!important;
}
body .soft-equalizer span{
  transform-origin:bottom center!important;
  opacity:.64!important;
  animation-duration:3.2s!important;
  animation-timing-function:ease-in-out!important;
}
body .soft-equalizer.is-playing span{
  opacity:.88!important;
  animation-duration:1.12s!important;
  box-shadow:0 0 18px rgba(246,195,68,.20)!important;
}
body .playlist-item.active{
  box-shadow:0 0 0 1px rgba(246,195,68,.12) inset!important;
}
body .portal-order-link:hover{
  box-shadow:0 16px 36px rgba(246,195,68,.22)!important;
}
@keyframes azPlayerAura{
  from{opacity:.38;transform:translate3d(0,0,0) scale(.96)}
  to{opacity:.62;transform:translate3d(-18px,18px,0) scale(1.05)}
}
@keyframes azAudioLine{
  0%,100%{opacity:.28;transform:scaleX(.78)}
  50%{opacity:.62;transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
  html.az-motion-ready .az-soft-reveal,
  html.az-motion-ready .az-soft-reveal.is-visible{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  body .portal-player:before,
  body .portal-visualizer:before,
  body .soft-equalizer span{
    animation:none!important;
  }
  body .portal-btn,
  body .portal-order-link,
  body .portal-account-link,
  body .artist-menu a,
  body .portal-language a,
  body .portal-card,
  body .portal-price,
  body .portal-top10-item,
  body .playlist-item,
  body .portal-controls button,
  body .portal-socials a{
    transition:none!important;
  }
  body .portal-btn:hover,
  body .portal-order-link:hover,
  body .portal-account-link:hover,
  body .artist-menu a:hover,
  body .portal-card:hover,
  body .portal-price:hover,
  body .portal-top10-item:hover,
  body .playlist-item:hover{
    transform:none!important;
  }
}

/* HOMEPAGE GENERATED BRAND HERO ASSET - Albert Zantbergen premium music */
body .portal-hero-home .portal-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(2,2,2,.97) 0%,rgba(2,2,2,.84) 28%,rgba(2,2,2,.48) 52%,rgba(2,2,2,.18) 74%,rgba(2,2,2,.48) 100%),
    image-set(url('/assets/img/home-hero-brand-v1-960.webp') 1x,url('/assets/img/home-hero-brand-v1.webp') 2x)!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:saturate(1.07) contrast(1.08) brightness(1.02)!important;
}
body .portal-hero-home .portal-hero-bg:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.14) 58%,#020202 100%),
    radial-gradient(ellipse at 68% 43%,rgba(246,195,68,.10),transparent 36%)!important;
}
@media(max-width:860px){
  body .portal-hero-home .portal-hero-bg{
    background-image:
      linear-gradient(180deg,rgba(2,2,2,.68) 0%,rgba(2,2,2,.62) 42%,rgba(2,2,2,.94) 100%),
      image-set(url('/assets/img/home-hero-brand-v1-640.webp') 1x,url('/assets/img/home-hero-brand-v1-960.webp') 2x)!important;
    background-position:64% center!important;
  }
}
.portal-process{border-top:1px solid rgba(255,255,255,.08)}
.portal-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.portal-process-item{padding:1.25rem 0;border-top:2px solid rgba(214,169,77,.65)}
.portal-process-item>span{display:block;color:#d6aa58;font-size:.78rem;font-weight:800}
.portal-process-item h3{margin:.6rem 0 .4rem;font-size:1.05rem}
.portal-process-item p{margin:0;color:var(--muted,#9b9da4);line-height:1.6;max-width:28ch}
@media (max-width:900px){.portal-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.portal-process-grid{grid-template-columns:1fr}}

/* Comparable packages and visible customer work. */
.portal-package-details{margin:18px 0 24px;font-size:.9rem}
.portal-package-details>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff18}
.portal-package-details dt{color:#bbb}.portal-package-details dd{margin:0;color:#fff;font-weight:600}
.portal-price{display:flex;flex-direction:column}.portal-price>a{margin-top:auto;display:inline-flex;align-items:center;min-height:44px}
#order-explanation{color:#ccc;line-height:1.7;margin:0 0 24px;max-width:75ch}
#portfolio-preview .portal-preview-video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080808;border-radius:8px;margin-bottom:18px}
#portfolio-preview .portal-card-quote{border-left:2px solid #e7c36b;padding-left:14px;color:#eee}
