/* Landing hero v2: neon-purple glass. Load last. */
@keyframes cx-fl{50%{translate:0 -14px}}
@keyframes cx-tw{50%{opacity:.45;scale:.82}}
#land .top .logo svg{width:22px;height:22px;margin-inline-end:6px;color:var(--hi)}
#land .hero{padding-top:clamp(56px,9vh,96px)}
#land .hero::before{opacity:.18}
.waves{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.orn{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px}
.orn i{width:min(16vw,170px);height:1px;background:linear-gradient(90deg,transparent,rgba(224,170,255,.7),transparent)}
.spk{position:absolute;width:var(--s,26px);height:var(--s,26px);background:#c084fc;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 10px #a855f7);animation:cx-tw 3.6s ease-in-out infinite}
.orn .spk{position:static}
#land .hero h1{background:none;color:#fff;-webkit-text-fill-color:#fff;max-width:900px}
#land .hero h1 .gl{background:linear-gradient(100deg,#e0aaff,#a855f7 55%,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
#land .hero .btn svg{width:16px;height:16px;margin-inline-end:8px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dia{position:absolute;width:var(--w,64px);aspect-ratio:1;rotate:45deg;border-radius:20%;background:linear-gradient(135deg,rgba(157,78,221,.5),rgba(60,9,108,.2));border:1px solid rgba(224,170,255,.28);backdrop-filter:blur(6px);animation:cx-fl 7s ease-in-out infinite}
.plate{position:absolute;left:6%;top:30%;width:clamp(150px,17vw,240px);aspect-ratio:1.15;perspective:700px}
.plate-in{width:100%;height:100%;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#8b3fe0,#3c096c);box-shadow:0 30px 60px rgba(60,9,108,.55),inset 0 1px 0 rgba(255,255,255,.3);transform:rotateY(-18deg) rotateX(8deg) rotateZ(-6deg);animation:cx-fl 6s ease-in-out infinite}
.plate svg{width:56%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.plate::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-6%;height:32%;border:3px solid rgba(224,170,255,.6);border-radius:50%;rotate:-10deg;box-shadow:0 0 24px rgba(168,85,247,.55)}
#land .emb{position:relative;max-width:520px;margin:48px auto 0;padding:20px 22px;padding-inline-start:108px;border:1px solid rgba(224,170,255,.28);border-radius:26px;background:linear-gradient(160deg,rgba(60,9,108,.45),rgba(25,0,54,.72));box-shadow:0 0 60px rgba(157,78,221,.28);backdrop-filter:blur(14px);text-align:start}
#land .emb::before{display:none}
.orb{position:absolute;inset-inline-start:-18px;top:50%;translate:0 -50%;width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b476f0,#5a189a);box-shadow:0 0 34px rgba(168,85,247,.6)}
.orb::after{content:"";position:absolute;inset:-9px -16px;border:2px solid rgba(224,170,255,.4);border-radius:50%;rotate:-14deg}
.orb svg{width:50%}
#land .g3>.card{border-radius:22px;background:linear-gradient(160deg,rgba(60,9,108,.3),rgba(25,0,54,.6));backdrop-filter:blur(10px)}
.card-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-h h3{margin:0}
.ico{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#c084fc;background:rgba(124,58,237,.25);border:1px solid rgba(224,170,255,.2)}
.ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.plate,.dia.d3{display:none}}
@media(max-width:620px){#land .emb{padding-inline-start:84px}.orb{width:70px;height:70px}.dia{--w:44px!important}}
@media(prefers-reduced-motion:reduce){.spk,.dia,.plate-in{animation:none}}
.plate img{width:86%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(20,0,50,.5))}

/* logo as a gradient mask (same soft gradient as the "Bot" word) */
.logo{display:inline-flex;align-items:center;gap:8px}
.logo-mark{display:inline-block;flex:none;width:34px;height:34px;background:linear-gradient(120deg,#dfb8ff,#9e56dc);-webkit-mask:url(assets/CREATIX.png) center/contain no-repeat;mask:url(assets/CREATIX.png) center/contain no-repeat}
.plate .lm{display:grid;width:86%;filter:drop-shadow(0 8px 16px rgba(20,0,50,.5))}
.plate .lm .logo-mark{width:100%;height:auto;aspect-ratio:1;background:linear-gradient(135deg,#fff,#e0aaff 55%,#c084fc)}


/* Legal footer link */
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1100px;margin:0 auto;padding:26px 5vw;border-top:1px solid rgba(224,170,255,.14);color:var(--mu);font-size:13px}
.site-footer .footer-brand{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.site-footer .footer-brand strong{color:var(--tx);font-size:14px;font-weight:600}
.site-footer .footer-brand span{padding:0;color:var(--mu)}
.site-footer .footer-terms,.site-footer .footer-privacy{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid rgba(192,132,252,.3);border-radius:11px;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(25,0,54,.55));color:var(--hi);font-weight:600;transition:background .2s,border-color .2s,transform .2s}
.site-footer .footer-terms svg,.site-footer .footer-privacy svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-footer .footer-terms:hover,.site-footer .footer-privacy:hover{border-color:var(--ac);background:rgba(124,58,237,.28);transform:translateY(-2px)}
@media(max-width:620px){.site-footer{justify-content:center;flex-direction:column;text-align:center;padding:24px 18px}.site-footer .footer-brand{justify-content:center}}
@media(prefers-reduced-motion:reduce){.site-footer .footer-terms,.site-footer .footer-privacy{transition:none}}

.site-footer .footer-legal{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media(max-width:620px){.site-footer .footer-legal{justify-content:center}}