.hero{min-height:calc(100vh - 108px);display:grid;grid-template-columns:35fr 65fr;position:relative;overflow:hidden}
.hero-l{padding:80px 48px 80px clamp(48px,5vw,80px);display:flex;flex-direction:column;justify-content:center;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(212,168,69,.08);border:1px solid rgba(212,168,69,.15);border-radius:100px;font-size:12px;font-weight:600;color:var(--gold);width:fit-content;margin-bottom:28px;animation:fu .7s ease both}
.live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 2s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}
h1.big{font-family:'Space Grotesk';font-size:clamp(44px,5vw,72px);font-weight:700;line-height:1.05;letter-spacing:-2px;margin-bottom:24px;animation:fu .7s .1s ease both}
.hl{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:17px;line-height:1.7;color:var(--dim);max-width:460px;margin-bottom:40px;animation:fu .7s .2s ease both}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:fu .7s .3s ease both}
@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.mosaic{position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;padding:40px 40px 60px}.mosaic::before{content:'';position:absolute;left:0;top:0;bottom:0;width:80px;background:linear-gradient(to right,var(--bg),transparent);z-index:5;pointer-events:none}.mosaic>.edit-pencil{z-index:30}
.mosaic-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:bf 8s ease-in-out infinite alternate}
.blob.b1{width:400px;height:400px;background:#D4A845;top:-10%;right:-10%}.blob.b2{width:350px;height:350px;background:#A8A9AD;bottom:-10%;left:0;animation-delay:2s}.blob.b3{width:300px;height:300px;background:#b2bec3;top:40%;right:30%;animation-delay:4s}.blob.b4{width:250px;height:250px;background:#2D3436;bottom:10%;right:10%;animation-delay:1s}
@keyframes bf{0%{transform:translate(0,0) scale(1)}100%{transform:translate(30px,-30px) scale(1.1)}}
.mgrid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:clamp(8px,1vw,18px);width:100%;max-width:clamp(380px,38vw,800px);height:clamp(420px,41vw,860px)}
.mc{background:var(--card-bg);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.04)}
.mc:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 16px 48px rgba(0,0,0,.1);z-index:10}
.mc-img{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mc-ft{padding:8px 12px;display:flex;align-items:center;gap:6px;background:var(--card-bg-s);font-size:10px;font-weight:600;border-top:1px solid var(--border)}
.mc-ft .pd{width:16px;height:16px;border-radius:5px;flex-shrink:0}
.mc-ft .met{margin-left:auto;color:var(--light);font-size:9px}
.mc.c1{grid-column:1/3;grid-row:1/3}.mc.c2{grid-column:3;grid-row:1}.mc.c3{grid-column:3;grid-row:2}.mc.c4{grid-column:1;grid-row:3/5}.mc.c5{grid-column:2/4;grid-row:3}.mc.c6{grid-column:2;grid-row:4}.mc.c7{grid-column:3;grid-row:4}
.mc.c1 .mc-img{background:linear-gradient(135deg,#fff8e1,#ffe8a0)}.mc.c2 .mc-img{background:linear-gradient(135deg,#f0f0f0,#ddd)}.mc.c3 .mc-img{background:linear-gradient(135deg,#e8e8e8,#ccc)}.mc.c4 .mc-img{background:linear-gradient(135deg,#2D3436,#636e72)}.mc.c5 .mc-img{background:linear-gradient(135deg,#fff8e1,#f5e6c8)}.mc.c6 .mc-img{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.mc.c7 .mc-img{background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}
.mc.c1 .mc-img{font-size:72px}.mc.c4 .mc-img{font-size:56px}.mc .mc-img{font-size:32px}
.fb{position:absolute;background:var(--card-bg-s);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:14px;padding:8px 14px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 8px 32px rgba(0,0,0,.08);z-index:20;animation:fi .6s ease both;white-space:nowrap}
.fb .ic{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.fb.ig{top:15%;left:calc(100% + 12px);animation-delay:.5s}.fb.ig .ic{background:linear-gradient(135deg,#f09433,#dc2743,#bc1888)}
.fb.tt{top:40%;right:calc(100% + 12px);animation-delay:.7s}.fb.tt .ic{background:#111}
.fb.az{top:55%;left:calc(100% + 12px);animation-delay:.9s}.fb.az .ic{background:#FF9900}
.fb.lk{bottom:10px;right:calc(100% + 12px);animation-delay:1.1s}.fb.lk .ic{background:var(--green)}
.fb .num{font-family:'Space Grotesk';font-weight:700;letter-spacing:-.5px}
@keyframes fi{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
.fh{position:absolute;z-index:15;animation:hf 3s ease infinite}
@keyframes hf{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-20px) scale(1)}100%{opacity:0;transform:translateY(-80px) scale(.3)}}
.stats{display:flex;border-top:1px solid var(--border)}
.stat{flex:1;padding:28px 32px;border-right:1px solid var(--border);text-align:center}
.stat:last-child{border-right:0}
.stat b{font-family:'Space Grotesk';font-size:28px;font-weight:700;letter-spacing:-1px;display:block;margin-bottom:2px}
.stat small{font-size:11px;color:var(--dim);font-weight:500;letter-spacing:.5px;text-transform:uppercase}
.mq{padding:16px 0;background:var(--accent);overflow:hidden}
.mq-t{display:flex;gap:40px;animation:sc 22s linear infinite;white-space:nowrap}
@keyframes sc{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mq-i{font-size:13px;font-weight:600;color:var(--btn-on-accent);display:flex;align-items:center;gap:14px;letter-spacing:.3px}
.mq-i .d{width:5px;height:5px;border-radius:50%;background:var(--gold)}