/* v4.11 — compact rhythm and scoped visual repairs. */
.shiva-landing .section,.shiva-landing .section.servers{padding-block:68px}
.shiva-landing .section-heading{margin-bottom:34px}
.shiva-landing .center-heading{margin-bottom:40px}
.shiva-landing .setup .phone-stage{height:560px}
.shiva-landing .setup .phone-video{top:12px}
.shiva-landing .privacy-note{margin-top:28px}
/* Individual square assets retain their natural proportions. */
.shiva-landing .cgi-icon,.shiva-landing .privacy-icon.cgi-icon{background:none;object-fit:contain;aspect-ratio:1;height:auto;margin-left:0;width:142px;max-width:100%;flex-shrink:0}
.shiva-landing .privacy-icon.cgi-icon{width:100px}
.shiva-landing .benefit{padding-top:22px}
.shiva-landing .benefit h3{margin-top:16px}
/* The supplied logo loop sits inside a softly shaded circular lens. */
.shiva-landing .audience-art{display:grid;place-items:center;padding-bottom:34px;aspect-ratio:1.12;min-width:0}
.shiva-landing .audience-art::after{display:none}
.shiva-landing .logo-orb{position:relative;isolation:isolate;width:min(100%,460px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#101d16;box-shadow:0 25px 65px #0004,0 0 55px #64d9810b,inset 0 0 0 1px #a1e5bd12}
.shiva-landing .logo-loop-video,.shiva-landing .logo-loop-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.84) saturate(.86);border-radius:inherit}
.shiva-landing .logo-loop-video{opacity:0;transition:opacity .35s}
.shiva-landing .logo-orb.is-playing .logo-loop-video{opacity:1}
.shiva-landing .logo-orb.is-playing .logo-loop-fallback{visibility:hidden}
.shiva-landing .logo-orb::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 40px 12px #0e191652,inset 0 0 0 1px #b4f2c51c;background:radial-gradient(circle at 42% 35%,transparent 40%,#0b151329 100%)}
.shiva-landing .world-caption{bottom:4px;font-size:10px}
/* Smaller loyalty panel, keeping the same reward link and copy. */
.shiva-landing .loyalty-panel{grid-template-columns:1.7fr .65fr;padding:30px 40px;gap:24px;border-radius:25px}
.shiva-landing .loyalty h2{font-size:clamp(26px,2.6vw,36px);margin:14px 0}
.shiva-landing .loyalty p{max-width:530px;font-size:13px}
.shiva-landing .loyalty .button{min-height:48px;font-size:12px;margin-top:20px}
.shiva-landing .wheel-stage{width:220px;max-width:100%;padding:0;justify-self:center;margin:0}
/* The closing statement spans both columns; the action fills the right. */
.shiva-landing .final-cta{padding:52px 0}
.shiva-landing .final-grid{display:block;min-height:0}
.shiva-landing .final-copy{display:grid;grid-template-columns:1.4fr .8fr;gap:18px 60px;padding:0;align-items:center}
.shiva-landing .final-copy>.eyebrow{grid-column:1/-1}
.shiva-landing .final-cta h2{font-size:clamp(36px,3.7vw,57px);margin:0;line-height:1.28}
.shiva-landing .final-action{min-width:0}
.shiva-landing .final-action p{font-size:14px;max-width:390px;line-height:1.9}
.shiva-landing .final-action .button{margin-top:23px;min-height:52px}
.shiva-landing .final-note{display:block;margin-top:15px;font-size:11px}
@media(max-width:1180px){.shiva-landing .final-copy{gap:18px 32px}.shiva-landing .final-cta h2{font-size:40px}.shiva-landing .loyalty-panel{padding:28px 32px}.shiva-landing .wheel-stage{width:190px}}
@media(max-width:960px){
 .shiva-landing .section,.shiva-landing .section.servers{padding-block:54px}
 .shiva-landing .section-heading{margin-bottom:30px}
 .shiva-landing .setup .phone-stage{height:500px}
 .shiva-landing .cgi-icon{width:126px}
 .shiva-landing .audience-art{aspect-ratio:1;align-self:center}
 .shiva-landing .logo-orb{width:min(100%,370px)}
 .shiva-landing .loyalty-panel{grid-template-columns:1.5fr .65fr;padding:26px 30px;gap:18px}
 .shiva-landing .loyalty h2{font-size:28px}
 .shiva-landing .loyalty p{font-size:12px}
 .shiva-landing .wheel-stage{width:170px}
 .shiva-landing .final-copy{grid-template-columns:1.25fr .9fr;gap:16px 28px}
 .shiva-landing .final-cta h2{font-size:34px}
 .shiva-landing .final-action p{font-size:13px}
}
@media(max-width:680px){
 .shiva-landing .section,.shiva-landing .section.servers{padding-block:42px}
 .shiva-landing .section-heading{margin-bottom:26px}
 .shiva-landing .center-heading{margin-bottom:38px}
 .shiva-landing .setup .phone-stage{height:405px;margin-top:0}
 .shiva-landing .setup .phone-video{top:0}
 .shiva-landing .privacy-note{margin-top:22px}
 .shiva-landing .cgi-icon{width:102px;height:auto;margin-left:0}
 .shiva-landing .privacy-icon.cgi-icon{width:88px;height:auto}
 .shiva-landing .benefit{padding-top:18px}
 .shiva-landing .benefit h3{margin-top:12px}
 .shiva-landing .audience-grid{gap:24px}
 .shiva-landing .audience-art{height:auto;aspect-ratio:1;width:100%;padding-bottom:28px}
 .shiva-landing .logo-orb{width:min(100%,340px)}
 .shiva-landing .world-caption{font-size:8px;letter-spacing:.08em;bottom:0}
 .shiva-landing .loyalty-panel{display:grid;grid-template-columns:1fr 90px;gap:0 12px;padding:24px;border-radius:22px;align-items:center}
 .shiva-landing .loyalty-copy{display:contents}
 .shiva-landing .loyalty .eyebrow,.shiva-landing .loyalty h2,.shiva-landing .loyalty p{grid-column:1/-1}
 .shiva-landing .loyalty h2{font-size:clamp(22px,6vw,29px);margin:12px 0}
 .shiva-landing .loyalty p{font-size:12px;max-width:none}
 .shiva-landing .loyalty .button{grid-column:1;grid-row:4;margin-top:18px;min-height:46px;padding:12px 14px;font-size:10px;gap:12px;justify-self:start}
 .shiva-landing .wheel-stage{grid-column:2;grid-row:4;width:90px;padding:0;margin:12px 0 0;align-self:center}
 .shiva-landing .final-cta{padding:38px 0}
 .shiva-landing .final-copy{display:block}
 .shiva-landing .final-cta h2{font-size:clamp(28px,6.5vw,38px);margin:16px 0 22px}
 .shiva-landing .final-action p{font-size:12px;max-width:420px}
 .shiva-landing .final-action .button{margin-top:20px}
 .shiva-landing .final-note{font-size:10px}
}
