/* Saknada Media — redesigned stylesheet (drop-in replacement, same class names, no Blade changes required) */
:root{
--ink:#0f1830;--ink2:#18264a;--deep:#0a1020;--gold:#ffbd4a;--gold2:#ffd27f;--orange:#ff713d;
--paper:#f6f7fb;--white:#fff;--muted:#5d6985;--line:#e3e7f0;--wa:#25d366;
--r-sm:10px;--r-md:16px;--r-lg:24px;--ring:0 0 0 3px #ffbd4a88;
--shadow:0 1px 2px #0f183010,0 12px 32px -12px #0f183033;
--font:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI","Noto Sans Sinhala","Noto Sans Tamil",sans-serif;
--player-h:84px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.65;font-size:16px;padding-bottom:var(--player-h);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}button{cursor:pointer}
a{color:inherit;text-decoration:none}
section[id]{scroll-margin-top:92px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
::selection{background:var(--gold);color:var(--ink)}

/* ---------- Header ---------- */
header{position:sticky;top:0;z-index:40;background:#0f1830e8;backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);color:#fff;border-bottom:1px solid #ffffff14}
.nav{height:72px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.06em;margin-right:auto}
.mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--orange));display:grid;place-items:center;color:var(--ink);font-size:21px;font-weight:900}
.brand small{display:block;font-size:10px;letter-spacing:.22em;color:#aeb9d3;font-weight:600}
.navlinks{display:flex;gap:6px;font-size:14px;font-weight:600}
.navlinks a{padding:8px 12px;border-radius:999px;color:#d5dcec;transition:background .2s,color .2s}
.navlinks a:hover{background:#ffffff12;color:#fff}
.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 22px;border-radius:999px;font-weight:800;font-size:14px;background:var(--gold);color:var(--ink);border:0;transition:transform .2s,box-shadow .2s,background .2s}
.navcta:hover,.btn:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 10px 24px -8px #ffbd4a99}
.btn.secondary{background:transparent;color:#fff;border:1.5px solid #ffffff40}
.btn.secondary:hover{background:#ffffff14;box-shadow:none}
.menu{display:none;width:44px;height:44px;background:#ffffff10;border:1px solid #ffffff22;border-radius:12px;color:#fff;font-size:18px;place-items:center}
.mobile{position:absolute;top:100%;right:12px;left:12px;display:none;padding:10px;background:var(--ink);border:1px solid #ffffff1f;border-radius:0 0 var(--r-md) var(--r-md);box-shadow:0 24px 50px #0008;max-height:calc(100dvh - 90px);overflow:auto}
.mobile.open{display:grid;gap:2px}
.mobile a{padding:14px;color:#e0e5f0;font-size:15px;font-weight:700;border-radius:10px}
.mobile a:hover{background:#ffffff10;color:var(--gold)}
.mobile .mcta{margin-top:8px;background:var(--gold);color:var(--ink);text-align:center;border-radius:999px}
.langsw{display:flex;gap:4px;padding:3px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px}
.langsw a{padding:6px 11px;border-radius:999px;color:#cdd5e8;font-size:12px;font-weight:700;transition:.2s}
.langsw a:hover{color:var(--gold)}
.langsw a.on{background:var(--gold);color:var(--ink)}
.mobile .langsw{margin:10px auto 2px;width:max-content}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;padding:clamp(72px,10vw,128px) 0 clamp(64px,8vw,104px);background:radial-gradient(60% 70% at 85% 0%,#33497a55,transparent 70%),linear-gradient(135deg,#0c1328,#16244a 70%,#1b2b52)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 80% at 80% 20%,#000,transparent);-webkit-mask-image:radial-gradient(70% 80% at 80% 20%,#000,transparent)}
.hero:after{content:"";position:absolute;width:460px;height:460px;right:-140px;bottom:-240px;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 48px #ffffff07,0 0 0 96px #ffffff05}
.hero .wrap{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #ffffff22;border-radius:999px;background:#ffffff0a;color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:.04em}
.dot{width:8px;height:8px;border-radius:50%;background:#53e0a0;box-shadow:0 0 0 0 #53e0a088;animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px #53e0a000}100%{box-shadow:0 0 0 0 #53e0a000}}
h1{font-size:clamp(38px,6.2vw,74px);line-height:1.07;letter-spacing:-.04em;margin:26px 0 22px;max-width:15em;text-wrap:balance}
h1 span{color:var(--gold)}
.hero p{max-width:60ch;color:#cdd6e8;font-size:clamp(16px,1.6vw,19px);margin:0 0 34px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.actions .btn{min-height:52px;padding:0 28px;font-size:15px}
.hero-note{margin-top:56px;padding-top:28px;border-top:1px solid #ffffff1c;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 48px;color:#aab6d0;font-size:13px}
.hero-note span{display:flex;flex-direction:column}
.hero-note b{color:#fff;font-size:17px;font-weight:800}

/* ---------- Sections ---------- */
.section{padding:clamp(64px,8vw,112px) 0}
.section.white{background:#fff}
.section-head{max-width:700px;margin-bottom:clamp(32px,4vw,52px)}
.kicker{font-size:13px;font-weight:800;color:#c4670f;letter-spacing:.02em}
.section h2{font-size:clamp(28px,3.8vw,44px);line-height:1.15;letter-spacing:-.03em;margin:10px 0 14px;text-wrap:balance}
.lead{color:var(--muted);font-size:clamp(15px,1.4vw,17px);margin:0;max-width:62ch}

/* ---------- Radio network ---------- */
.section.radio{background:radial-gradient(50% 50% at 90% 0%,#2c3f6860,transparent),linear-gradient(165deg,#0f1830,#16244a);color:#fff}
.section.radio .kicker,.donate .kicker,.connect .kicker{color:var(--gold)}
.section.radio .lead,.donate .lead,.connect .lead{color:#c3cde0}
.donate h2 span,.connect h2 span{color:var(--gold)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.st{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--r-lg);transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}
.st:hover{transform:translateY(-4px);border-color:#ffbd4a80;background:#ffffff14;box-shadow:0 24px 48px -16px #000a}
.st.live{border-color:var(--gold);background:#ffbd4a14;box-shadow:0 0 0 1px var(--gold),0 24px 48px -16px #000a}
.st-art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:radial-gradient(circle at 50% 35%,#fff,#dfe6f5)}
.st-art img{width:48%;height:62%;object-fit:contain;filter:drop-shadow(0 8px 14px #0003);transition:transform .5s}
.st:hover .st-art img{transform:scale(1.06)}
.st-badge{position:absolute;top:14px;left:14px;display:none;align-items:center;gap:8px;padding:6px 11px;background:var(--deep);color:var(--gold);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.1em}
.st.live .st-badge{display:inline-flex}
.bars{display:inline-flex;align-items:flex-end;gap:2px;height:11px}
.bars i{width:2px;background:var(--gold);border-radius:1px;animation:bar .9s ease-in-out infinite}
.bars i:nth-child(1){height:40%;animation-delay:-.3s}.bars i:nth-child(2){height:100%;animation-delay:-.1s}.bars i:nth-child(3){height:60%;animation-delay:-.5s}
@keyframes bar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.st-body{display:flex;flex:1;flex-direction:column;padding:22px}
.st-cat{margin-bottom:6px;font-size:12px;font-weight:700;color:var(--gold)}
.st-body h3{margin:0 0 8px;font-size:21px;letter-spacing:-.02em}
.st-body p{margin:0 0 22px;color:#bfc9de;font-size:14px;line-height:1.6}
.st-actions{display:flex;align-items:center;gap:12px;margin-top:auto}
.st-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:999px;background:var(--gold);color:var(--ink);font-size:13px;font-weight:800;transition:background .2s,transform .2s}
.st-play:hover{background:var(--gold2);transform:scale(1.03)}
.st-visit{margin-left:auto;padding:10px 0;color:#ffffffcc;font-size:13px;font-weight:700}
.st-visit:hover{color:var(--gold)}

/* ---------- Services ---------- */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service{position:relative;padding:28px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line);transition:transform .25s,box-shadow .25s,border-color .25s}
.service:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ffbd4a99}
.service .num{display:inline-block;padding:4px 10px;border-radius:999px;background:#fff0d3;color:#9d5a12;font-size:12px;font-weight:800}
.service h3{font-size:19px;margin:16px 0 8px;letter-spacing:-.01em}
.service p{font-size:14.5px;color:var(--muted);margin:0}

/* ---------- Promo ---------- */
.promo{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(28px,4.5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.promo>div+div{padding-left:clamp(0px,4vw,56px);border-left:1px solid #ffffff1a}
.promo .kicker{color:var(--gold)}
.promo h2{margin:8px 0 14px}
.promo p{color:#c2ccdd}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.check{font-size:14px;color:#e4e9f2}
.check:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:11px;font-weight:900}
.promo .btn{margin-top:14px}

/* ---------- Packages ---------- */
.pkgbox{background:linear-gradient(130deg,#ffc25a,#ff7a45);border-radius:var(--r-lg);padding:clamp(24px,4.5vw,60px);color:var(--ink);box-shadow:0 30px 70px -20px #e0762c55}
.pkgbox .kicker{color:#6b3a0e}
.pkgbox .lead{color:#4a3a22}
.pkg-step{margin-bottom:40px}
.pkg-step h3{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-size:19px;font-weight:800}
.pkg-step h3 b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--gold);font-size:14px}
.pkg-note{margin:0 0 20px 42px;color:#5a4526;font-size:14px}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pkg{position:relative;display:block;cursor:pointer}
.pkg input,.ch input{position:absolute;opacity:0;pointer-events:none}
.pkg-card{position:relative;display:flex;flex-direction:column;height:100%;padding:28px 24px 24px;background:#fff;color:var(--ink);border:2px solid transparent;border-radius:var(--r-md);transition:transform .25s,box-shadow .25s,background .25s}
.pkg:hover .pkg-card{transform:translateY(-4px);box-shadow:0 20px 36px -12px #7a421244}
.pkg input:checked+.pkg-card{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 22px 44px -12px #0f1830aa}
.pkg input:focus-visible+.pkg-card,.ch input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.pkg-flag{position:absolute;top:-13px;left:24px;padding:5px 12px;background:var(--ink);color:var(--gold);border-radius:999px;font-size:12px;font-weight:800}
.pkg input:checked+.pkg-card .pkg-flag{background:var(--gold);color:var(--ink)}
.pkg-name{font-size:19px;font-weight:800}
.pkg-price{margin:10px 0 16px;font-size:clamp(28px,3vw,34px);font-weight:900;letter-spacing:-.04em}
.pkg-price small{font-size:13px;font-weight:600;letter-spacing:0;opacity:.65}
.pkg input:checked+.pkg-card .pkg-price{color:var(--gold)}
.pkg-line{display:block;padding:9px 0;border-top:1px solid #0f183018;font-size:14px}
.pkg input:checked+.pkg-card .pkg-line{border-color:#ffffff26}
.pkg-desc{display:block;margin-top:auto;padding-top:16px;font-size:13px;line-height:1.6;opacity:.75}
.pkg-card:after{content:"✓";position:absolute;top:22px;right:20px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:13px;font-weight:900;opacity:0;transform:scale(.5);transition:.25s}
.pkg input:checked+.pkg-card:after{opacity:1;transform:scale(1)}
.ch-grid{display:flex;flex-wrap:wrap;gap:10px}
.ch{position:relative;cursor:pointer}
.ch span{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:9px 20px 9px 10px;background:#ffffffa6;border:2px solid #0f183030;border-radius:999px;color:var(--ink);transition:.2s}
.ch:hover span{background:#fff}
.ch img,.ch .ch-l{width:38px;height:38px;border-radius:50%;object-fit:contain;background:#fff;padding:4px;flex-shrink:0}
.ch .ch-l{display:grid;place-items:center;padding:0;background:var(--ink);color:var(--gold);font-weight:900;font-size:15px}
.ch b{display:block;font-size:14px;font-weight:800;line-height:1.2}
.ch em{display:block;font-style:normal;font-size:12px;opacity:.75;line-height:1.3;margin-top:2px}
.ch input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.pkg-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-left:42px}
.pkg-fields input{min-height:52px;padding:0 18px;background:#ffffffc0;border:2px solid transparent;border-radius:12px;color:var(--ink);font-size:16px}
.pkg-fields input::placeholder{color:#0f183080}
.pkg-fields input:focus{outline:none;background:#fff;border-color:var(--ink)}
.pkg-summary{position:sticky;bottom:calc(var(--player-h) + 12px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:var(--ink);color:#fff;border-radius:var(--r-md);box-shadow:0 18px 40px -12px #0f1830aa}
.pkg-summary small{display:block;margin-bottom:4px;color:var(--gold);font-size:12px;font-weight:700}
.pkg-summary strong{display:block;font-size:16px;font-weight:700;line-height:1.5}
.pkg-summary span{display:block;margin-top:2px;color:var(--gold);font-size:24px;font-weight:900;letter-spacing:-.02em}
.wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:52px;padding:0 26px;background:var(--wa);color:#072b14;border-radius:999px;font-size:15px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}
.wa:hover{transform:translateY(-2px);background:#3be07b;box-shadow:0 10px 24px -8px #25d366aa}
.wa[aria-disabled=true]{background:#ffffff2e;color:#ffffff99;pointer-events:none}
.pkg-foot{margin:24px 0 0;max-width:72ch;color:#4a3a22;font-size:13.5px;line-height:1.75}
.pkg-foot em{display:block;margin-top:10px;font-style:normal;opacity:.9}

/* ---------- Steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{position:relative;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.step:not(:last-child):after{content:"";position:absolute;top:46px;right:-20px;width:20px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.step b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--gold);font-size:14px}
.step h3{margin:16px 0 6px;font-size:18px}
.step p{margin:0;color:var(--muted);font-size:14.5px}

/* ---------- Donate ---------- */
.donate-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;padding:14px clamp(16px,4vw,40px);background:var(--gold);color:var(--ink)}
.donate-bar img,.donate-bar .dl{width:40px;height:40px;flex-shrink:0;padding:4px;border-radius:50%;background:#fff;object-fit:contain}
.donate-bar .dl{display:grid;place-items:center;padding:0;background:var(--ink);color:var(--gold);font-weight:900}
.donate-bar p{margin:0;font-size:15px;font-weight:700}
.donate-bar a{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:800}
.donate-bar a:hover{background:var(--ink2)}
.donate{background:radial-gradient(50% 60% at 10% 0%,#2e427066,transparent),linear-gradient(135deg,#0f1830,#16244a);color:#fff}
.donate-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,7vw,96px);align-items:center}
.dh-logo{display:grid;place-items:center;width:112px;height:112px;margin-bottom:24px;padding:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px #ffbd4a55,0 18px 40px #0006}
.dh-logo img{width:100%;height:100%;object-fit:contain}
.donate .lead{margin:20px 0 14px}
.donate .si{margin:0 0 28px;color:var(--gold);font-size:16px}
.donate .btns{display:flex;flex-wrap:wrap;gap:12px}
.donate-card{padding:clamp(22px,3vw,34px);background:#ffffff12;border:1px solid #ffbd4a99;border-radius:var(--r-lg);box-shadow:0 30px 60px -20px #000a}
.donate-card h3{margin:0 0 12px;font-size:25px;letter-spacing:-.02em}
.donate-card .dsi{margin:0 0 12px;color:var(--gold);font-size:15px}
.donate-card p{margin:0 0 14px;color:#dfe6f5;font-size:14.5px;line-height:1.75}
.donate-card ul{margin:0 0 24px;padding-left:20px;color:#dfe6f5;font-size:14.5px;line-height:1.9}
.amts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}
.amts a{display:grid;place-items:center;min-height:48px;padding:0 8px;text-align:center;border:1px solid #ffffff55;border-radius:12px;color:#fff;font-size:15px;font-weight:800;transition:.2s}
.amts a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.donate-card .wa{width:100%}
.donate-card small{display:block;margin-top:14px;color:#ffffffa0;font-size:12.5px;line-height:1.6}

/* ---------- CTA + Connect ---------- */
.cta{background:linear-gradient(120deg,#f6a83a,#ff7945);padding:clamp(44px,6vw,72px) 0;color:var(--ink)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{font-size:clamp(26px,4vw,42px);letter-spacing:-.03em;margin:0 0 8px}
.cta p{margin:0;color:#49341f}
.cta .btn{min-height:54px;background:var(--ink);color:#fff;padding:0 30px}
.cta .btn:hover{background:var(--ink2);box-shadow:0 12px 28px -8px #0f1830aa}
.connect{background:var(--deep);color:#fff}
.connect-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,8vw,100px);align-items:start}
.connect .lead{margin:20px 0 30px}
.contact-list{display:grid;gap:14px}
.contact-list a,.contact-list .caddr{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600}
.contact-list i{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:16px}
.contact-list a:hover{color:var(--gold)}
.csocial,.fsocial{display:flex;gap:10px;margin-top:24px}
.csocial a,.fsocial a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff2e;border-radius:50%;color:#fff;transition:.2s}
.csocial a:hover,.fsocial a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.quote{display:grid;gap:16px;padding:clamp(22px,3vw,34px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:var(--r-lg)}
.quote label{display:grid;gap:8px;color:#dfe6f5;font-size:14px;font-weight:600}
.quote input,.quote select,.quote textarea{width:100%;min-height:50px;padding:12px 16px;background:var(--paper);color:var(--ink);border:2px solid transparent;border-radius:12px;font-size:16px}
.quote textarea{min-height:110px;resize:vertical}
.quote input:focus,.quote select:focus,.quote textarea:focus{outline:none;border-color:var(--gold);box-shadow:var(--ring)}
.quote .wa{cursor:pointer;border:0;width:100%}
.quote small{color:#ffffffa0;font-size:12.5px}

/* ---------- Footer ---------- */
footer{background:#070c18;color:#b7c1d6;padding:44px 0 calc(var(--player-h) + 28px)}
.foot{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;gap:28px;font-size:13.5px;line-height:1.8}
.foot b{color:#fff}.foot a{color:var(--gold)}.foot a:hover{text-decoration:underline}
.fsocial{margin:0 0 12px}

/* ---------- Player ---------- */
.player{position:fixed;z-index:50;right:16px;bottom:max(12px,env(safe-area-inset-bottom));left:16px;max-width:1180px;margin-inline:auto;display:grid;grid-template-columns:1.1fr 1.7fr auto auto auto;align-items:center;gap:20px;min-height:68px;padding:10px 14px 10px 18px;color:#fff;background:#0a1020f2;border:1px solid #ffffff2a;border-radius:20px;box-shadow:0 20px 50px -10px #000c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.player-station{display:flex;align-items:center;gap:12px;min-width:0}
.eq{display:grid;place-items:center;width:30px;height:30px;background:var(--gold);border-radius:9px;font-size:12px;color:var(--ink);flex-shrink:0}
.player small,.now span{display:block;margin-bottom:3px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.12em}
.player strong{display:block;overflow:hidden;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.now{min-width:0}
.now b{display:block;overflow:hidden;color:#c3cde0;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.play{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:var(--gold);color:var(--ink);transition:transform .2s,background .2s}
.play:hover{transform:scale(1.07);background:var(--gold2)}
.volume{display:flex;align-items:center;gap:8px;color:#c3cde0}
.volume input{width:80px;accent-color:var(--gold)}
.player select{max-width:140px;min-height:38px;padding:0 10px;background:var(--ink2);color:#fff;color-scheme:dark;border:1px solid #ffffff2a;border-radius:10px;font-size:12px}

/* ---------- Splash ---------- */
#splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#22345c,transparent 60%),linear-gradient(150deg,#0f1830,#16244a);transition:opacity .5s,visibility .5s}
#splash.hide{opacity:0;visibility:hidden}
.splash-box{display:grid;justify-items:center;gap:24px;animation:splashIn .6s cubic-bezier(.2,.7,.3,1)}
.splash-box img{width:min(70vw,320px);filter:drop-shadow(0 22px 44px #0009)}
.splash-bar{width:160px;height:4px;background:#ffffff26;border-radius:99px;overflow:hidden}
.splash-bar i{display:block;height:100%;width:42%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--orange));animation:splashLoad 1.1s ease-in-out infinite}
@keyframes splashLoad{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@keyframes splashIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}

/* ---------- Image fallbacks ---------- */
.st-art.noimg img{display:none}
.st-art.noimg:after{content:attr(data-letter);display:grid;place-items:center;width:30%;aspect-ratio:1;border-radius:50%;background:var(--ink);color:var(--gold);font-size:clamp(28px,4vw,46px);font-weight:900}
.dh-logo.noimg img,.donate-bar .dl.noimg img{display:none}
.dh-logo.noimg:after{content:"D";font-size:44px;font-weight:900;color:var(--gold)}
.ch-l[hidden],.st-fallback[hidden]{display:none}

/* ---------- Partner verification page ---------- */
.vpage{min-height:100vh;background:radial-gradient(ellipse at 80% -10%,#2c3f68,transparent 50%),linear-gradient(160deg,#0a1020,#16244a);color:#fff;padding:40px 0 60px}
.vtop{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:30px}
.vbrand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.06em}
.vbrand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}
.vbrand small{display:block;font-size:10px;letter-spacing:.22em;color:var(--gold);font-weight:700}
.vcard{max-width:860px;margin:0 auto;background:#ffffff10;border:1px solid #ffffff24;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 40px 90px #0007}
.vhead{display:flex;align-items:center;gap:22px;padding:30px 34px;background:linear-gradient(125deg,#ffbd4a,#ff713d);color:var(--ink);flex-wrap:wrap}
.vphoto{display:grid;place-items:center;width:96px;height:96px;flex-shrink:0;border-radius:50%;background:var(--ink);color:var(--gold);font-size:38px;font-weight:900;box-shadow:0 0 0 5px #ffffff88,0 14px 30px #0004;overflow:hidden}
.vphoto img{width:100%;height:100%;object-fit:cover}
.vhead h1{margin:4px 0 2px;font-size:clamp(22px,4vw,30px);letter-spacing:-.02em;line-height:1.2}
.vhead .vpost{font-size:14px;font-weight:700;opacity:.85}
.vseal{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;background:var(--ink);color:var(--gold);border-radius:999px;font-size:12px;font-weight:800}
.vseal.off{background:#7a2b17;color:#ffd9cc}
.vbody{display:grid;grid-template-columns:1.4fr .9fr;gap:30px;padding:32px 34px}
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.vitem{padding:14px 16px;background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px}
.vitem.wide{grid-column:1/-1}
.vitem span{display:block;margin-bottom:5px;color:var(--gold);font-size:12px;font-weight:700}
.vitem b{font-size:15px;font-weight:700;line-height:1.55;word-break:break-word}
.vqr{display:grid;justify-items:center;align-content:start;gap:14px;padding:22px;background:#fff;border-radius:18px;color:var(--ink);text-align:center}
.vqr img{width:200px;height:200px}
.vqr small{font-size:12px;color:var(--muted);line-height:1.6}
.vqr code{display:block;padding:8px 10px;background:var(--paper);border-radius:8px;font-size:11px;word-break:break-all;color:var(--ink2)}
.vnote{max-width:860px;margin:22px auto 0;padding:16px 20px;background:#ffffff0d;border:1px dashed #ffffff30;border-radius:14px;color:#c3cde0;font-size:13px;line-height:1.7;text-align:center}
.vfoot{max-width:860px;margin:26px auto 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#ffffff88;font-size:12px}
.vfoot a{color:var(--gold);font-weight:800}

/* ---------- Responsive ---------- */
@media(max-width:1080px){.navlinks a{padding:8px 9px;font-size:13px}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:980px){
.gallery{grid-template-columns:repeat(2,1fr)}
.pkg-grid{grid-template-columns:1fr}
.pkg-note,.pkg-fields{margin-left:0}
.donate-grid,.connect-grid{grid-template-columns:1fr}
.step:not(:last-child):after{display:none}
.pkg-flag{top:-12px}}
@media(max-width:900px){
.navlinks,.nav>.langsw,.navcta{display:none}
.menu{display:grid}
.promo{grid-template-columns:1fr}
.promo>div+div{padding-left:0;border-left:0;border-top:1px solid #ffffff1a;padding-top:28px}
.service-grid,.steps{grid-template-columns:repeat(2,1fr)}
.cta-inner{flex-direction:column;align-items:flex-start}
.player{grid-template-columns:1fr auto auto}
.now,.volume{display:none}}
@media(max-width:640px){
:root{--player-h:76px}
.wrap{width:min(100% - 32px,1180px)}
.nav{height:64px}
.hero-note{grid-template-columns:1fr;gap:14px}
.actions .btn{flex:1 1 100%}
.gallery{grid-template-columns:1fr;gap:14px}
.st{flex-direction:row}
.st-art{width:36%;aspect-ratio:auto;flex-shrink:0}
.st-art img{width:70%;height:auto;aspect-ratio:1}
.st-body{padding:16px}
.st-body p{display:none}
.st-body h3{font-size:18px}
.st-actions{flex-wrap:wrap;gap:6px 12px}
.service-grid,.steps,.checks{grid-template-columns:1fr}
.pkg-fields{grid-template-columns:1fr}
.ch{flex:1 1 100%}
.ch span{width:100%}
.pkg-summary{position:static;flex-direction:column;align-items:stretch}
.amts{grid-template-columns:repeat(2,1fr)}
.foot{grid-template-columns:1fr}
.player{right:10px;left:10px;grid-template-columns:1fr auto;gap:12px;min-height:64px;padding:9px 10px 9px 14px;border-radius:16px}
.player select,.player small{display:none}
.play{width:44px;height:44px}
.vbody,.vgrid{grid-template-columns:1fr}
.vbody{padding:24px 20px}.vhead{padding:24px 20px}.vphoto{width:76px;height:76px;font-size:30px}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.splash-bar i{width:100%}}
/* ---------- Ad Library page cards ---------- */
.al-card{border:1px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff;box-shadow:0 10px 30px rgba(23,37,66,.05);transition:transform .2s,box-shadow .2s}
.al-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(23,37,66,.10)}