/* Looni trust tiles: security promises shown site-wide (homepage section, join page, every footer). Keep claims in sync with /security. */
.lt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.lt-t{display:flex;align-items:center;gap:14px;background:#F5F4FA;border-radius:28px;padding:20px 18px;min-height:112px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.lt-t:hover{transform:translateY(-3px)}
.lt-i{width:48px;height:48px;flex:none;display:block}.lt-i>svg{width:48px;height:48px;display:block}
.lt-tx b{display:block;font:800 17px/1.15 'Cabinet Grotesk',Satoshi,sans-serif;letter-spacing:-.02em;color:#14141A}
.lt-tx span{display:block;font:500 13px/1.35 Satoshi,system-ui,sans-serif;color:#6C6A76;margin-top:3px}
@media(max-width:1100px){.lt-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.lt-grid{grid-template-columns:1fr 1fr;gap:10px}.lt-t{flex-direction:column;align-items:flex-start;border-radius:22px;padding:16px;min-height:0}}
.lt-sec{padding:70px 0 20px}.lt-sec .lt-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.lt-sec h2{font:800 clamp(30px,4vw,48px)/1.02 'Cabinet Grotesk',Satoshi,sans-serif;letter-spacing:-.035em;margin:6px 0 0}.lt-sec h2 span{color:#4F3FD0}
.lt-more{font:800 15px Satoshi,sans-serif;color:#4F3FD0;text-decoration:none;white-space:nowrap}.lt-more:hover{text-decoration:underline}
.lt-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:0 0 26px;margin:0 0 30px;border-bottom:1.5px solid #ECEAF2;font:700 13px/1.2 Satoshi,system-ui,sans-serif;color:#45434E}
.lt-f{display:inline-flex;align-items:center;gap:8px}.lt-fi,.lt-fi>svg{width:26px;height:26px;display:block;flex:none}
.lt-fl{margin-left:auto;color:#4F3FD0!important;font-weight:800;text-decoration:none;white-space:nowrap}
@media(max-width:640px){.lt-foot{display:grid;grid-template-columns:1fr 1fr}.lt-fl{margin-left:0;grid-column:1/-1}}

/* Nav logo: loon with the Looni wordmark underneath */
.nl-lock{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:2px!important;line-height:1;text-decoration:none;padding:0 18px 0 8px;margin-right:4px;border-right:1.5px solid #ECEAF2;align-self:stretch}
.nl-lock img{display:block;width:36px;height:auto;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.nl-lock:hover img{transform:translateY(-2px) rotate(-4deg)}
.nl-lock span{display:block;font:900 13.5px/1 'Cabinet Grotesk',Satoshi,sans-serif;letter-spacing:-.02em;color:#14141A}
.nl-lock i{font-style:normal;color:#FFC82E}
@media(max-width:980px){.nl-lock{border-right:0;padding:0 6px}}
@media(max-width:600px){.nl-lock img{width:32px}.nl-lock span{font-size:12.5px}}

/* Light Looni palette everywhere: old black panels become Looni purple (Oct 24 2026) */
.bt.ink,.side,.bt.dark,.bt.side2,.vt.k,.keep .k1,.bigblock,.trap,.tlbig,.bleed,.card.dark,.cta.ink,.featured-guide,#frBanner,.jx-t.ink,.t.k,.game{background:linear-gradient(135deg,#8B7CF6,#6352E0 55%,#4F3FD0)!important;border-color:#6352E0!important}
.bt.ink p,.side p,.bt.side2 p,.keep .k1 p,.card.dark p,.card.dark li,.t.k p{color:#EEEBFF!important}
.cta.ink{box-shadow:0 18px 40px -16px rgba(79,63,208,.5)!important}
.jx-toss{background:#4F3FD0!important}.fl-b.z{background:#4F3FD0!important}
/* Join: share tile with big icons, text beneath */
.jx-t:not(.jx-w):has(.jx-sh){flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:18px 20px!important}
.jx-t:has(.jx-sh) .jx-v{width:auto!important}
.jx-t:not(.jx-w) .jx-sh{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;width:auto!important}
.jx-t:not(.jx-w) .jx-sh i{width:54px!important;height:54px!important;border-radius:17px!important}
.jx-t:not(.jx-w) .jx-sh svg{width:27px!important;height:27px!important}
.jx-t:has(.jx-sh) b{font-size:22px!important}.jx-t:has(.jx-sh) .s{font-size:14.5px!important}
/* Game section: icon tiles readable on purple */
.game .pt .em{background:#fff!important;box-shadow:0 8px 18px -8px rgba(20,20,26,.3)}
.game .pt .em{color:#4F3FD0!important}
.game .pt:first-child .em{background:#FFC82E!important}
.game .pt:nth-child(3) .em{color:#E0A100!important}
.game .pt{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.18)}
.game p[style]{color:#EEEBFF!important}
.game .pt span,.game .pt div>span{color:#F4F2FF!important;opacity:1!important}.jx-t:not(.jx-w) .jx-sh i{background:rgba(255,255,255,.24)!important}
/* Renewal timeline: dots sit on the line, labels never clip */
.rtl{height:100px!important}
.rtl .ln{top:84px!important}
.rtl .m{height:100%;width:78px!important;font-size:10.5px!important}
.rtl .m:after{position:absolute;left:50%;top:77px;margin:0!important;transform:translateX(-50%)}
.rtl .m:nth-child(2){left:9%!important}
@media(max-width:600px){.rtl .m{width:74px!important;font-size:10px!important}.rtl .m:nth-child(2){left:11%!important}}
/* Hero CTA centred on phones */
@media(max-width:700px){.hero-cta{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;text-align:center}.hero-cta .btn{width:100%;max-width:420px;justify-content:center}.hero-cta .ghostl{display:block;text-align:center;margin:0 auto!important}.hero .trust{justify-content:center;margin-top:18px!important}}
@media(max-width:600px){.rtl{height:78px!important}.rtl .ln{top:64px!important}.rtl .m:after{top:57px!important}}
/* Game: loon icon on white so it stands out */
.game .pt:first-child .em{background:#fff!important}.game .pt:first-child .em svg{width:36px!important;height:28px!important}
.ai-strip a.ai-src{background:#F0EDFE!important;color:#4F3FD0!important;border:0!important}