/* PostPilot — social automation service (M4.S5, agent-lumina) */
:root{--bg:#0b0a14;--c1:#14121f;--c2:#1c1a2b;--ln:rgba(255,255,255,.08);--tx:#f4f2ff;--mu:#a19cba;--pk:#ff5d8f;--or:#ffb84d;--gr:#5ef0a8;--vi:#8b6cff;--f:"PK Noto Kufi Arabic",Vazirmatn,system-ui,sans-serif;--pk-font-en:"Inter","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:400 15px/1.9 var(--f)}html.pk-en body{font-family:var(--pk-font-en);line-height:1.7}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit;background:none;border:0}button{cursor:pointer}svg{display:block}
.wrap{width:min(1200px,92vw);margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(11,10,20,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}.nav .wrap{display:flex;align-items:center;gap:24px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem}.logo i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:.8rem;background:linear-gradient(135deg,var(--pk),var(--or));color:#fff}
.links{display:flex;gap:22px;margin-inline-start:auto;font-size:.86rem;color:var(--mu)}.links a:hover{color:var(--tx)}
.cta{padding:9px 18px;border-radius:999px;background:var(--tx);color:var(--bg);font-weight:800;font-size:.84rem}
.hero{padding:70px 0 90px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,93,143,.25),transparent 65%);top:-260px;inset-inline-end:-160px;filter:blur(20px)}
.hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(139,108,255,.22),transparent 65%);bottom:-260px;inset-inline-start:-120px}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;position:relative;z-index:1}
.pill{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(255,184,77,.12);border:1px solid rgba(255,184,77,.35);color:#ffd79a;font-size:.78rem;font-weight:700}
.hero h1{font-size:clamp(2.3rem,5vw,4.1rem);line-height:1.3;font-weight:800;margin:18px 0}html.pk-en .hero h1{line-height:1.08;letter-spacing:-.02em}
.hero h1 em,.gift h2 em{font-style:normal;background:linear-gradient(90deg,var(--pk),var(--or));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mu);font-size:1.02rem;max-width:560px}
.plats{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.plats span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:14px;background:var(--c1);border:1px solid var(--ln);font-size:.84rem}.plats i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:.7rem;font-weight:900;color:#fff}
.btns{display:flex;gap:12px;flex-wrap:wrap}.b1{padding:14px 26px;border-radius:999px;background:linear-gradient(135deg,var(--pk),var(--or));color:#1a0610;font-weight:800;box-shadow:0 18px 40px -16px rgba(255,93,143,.8)}.b2{padding:14px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-weight:700}
.phone-wrap{position:relative;display:grid;place-items:center;height:600px}
.orbit{position:absolute;inset:0}.orbit span{position:absolute;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:.8rem;box-shadow:0 16px 30px -12px rgba(0,0,0,.8);animation:fl 5s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-14px)}}
.phone{width:290px;height:580px;border-radius:46px;padding:12px;background:linear-gradient(145deg,#2c2a3c,#0f0e18);box-shadow:0 0 0 1px #3a3850,0 50px 90px -30px #000;position:relative;z-index:2}
.phone::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:86px;height:24px;border-radius:14px;background:#000;z-index:3}
.scr{height:100%;border-radius:36px;background:#0f0e18;overflow:hidden;padding:52px 16px 16px;display:flex;flex-direction:column;gap:10px}
.ph-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.ph-top span{color:var(--or);font-size:.7rem}
.reel{position:relative;flex:1;max-height:270px;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#ff5d8f,#8b6cff 60%,#ffb84d);display:grid;place-items:center}
.rv{position:absolute;inset:0}.rv i{position:absolute;border-radius:50%;background:rgba(255,255,255,.18);animation:bl 6s ease-in-out infinite}.rv i:nth-child(1){width:140px;height:140px;top:-30px;left:-30px}.rv i:nth-child(2){width:90px;height:90px;bottom:20px;right:10px;animation-delay:1.5s}.rv i:nth-child(3){width:60px;height:60px;top:40%;left:45%;animation-delay:3s}
@keyframes bl{50%{transform:scale(1.25) translate(10px,10px)}}
.rt{position:relative;font-weight:800;font-size:1.05rem;text-align:center;padding:0 16px;line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.play{position:absolute;bottom:12px;inset-inline-end:12px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.35);display:grid;place-items:center;font-size:.7rem}
.cap{font-size:.8rem;line-height:1.8;min-height:58px}.cap::after{content:"▍";color:var(--or);animation:bk 1s steps(1) infinite}@keyframes bk{50%{opacity:0}}
.tags{font-size:.74rem;color:#7fb4ff;min-height:22px}
.sch{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sch span{padding:6px 2px;border-radius:10px;background:var(--c2);font-size:.62rem;text-align:center;opacity:.35;transition:.4s}.sch span.on{opacity:1;background:rgba(94,240,168,.14);color:var(--gr)}
.sec{padding:100px 0}.sec.alt{background:linear-gradient(180deg,transparent,rgba(139,108,255,.06),transparent)}
.sh{text-align:center;max-width:760px;margin:0 auto 44px}.sh small,.k{color:var(--or);font-weight:800;font-size:.8rem;letter-spacing:.06em}.sh h2,.dmg h2,.gift h2{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.4;font-weight:800;margin:8px 0}.sh p{color:var(--mu)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
.st{padding:22px 18px;border-radius:22px;background:var(--c1);border:1px solid var(--ln);position:relative;transition:.4s}.st.on{border-color:rgba(255,184,77,.5);transform:translateY(-6px);box-shadow:0 20px 40px -20px rgba(255,184,77,.5)}
.st b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--c2);font-size:1.2rem;margin-bottom:12px}.st h4{font-size:.98rem;margin-bottom:4px}.st p{color:var(--mu);font-size:.84rem;line-height:1.8}
.niche{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}.niche button{padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:.84rem}.niche button.on{background:var(--tx);color:var(--bg);font-weight:800}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.day{border-radius:18px;background:var(--c1);border:1px solid var(--ln);padding:10px;min-height:250px;display:flex;flex-direction:column;gap:8px}.day h5{font-size:.78rem;color:var(--mu);text-align:center}
.post{border-radius:14px;padding:9px;font-size:.72rem;line-height:1.6;background:var(--c2);border-inline-start:3px solid;animation:pin .45s cubic-bezier(.2,.8,.2,1) both}.post b{display:block;font-size:.66rem;opacity:.8}.post small{color:var(--mu);font-size:.64rem}
@keyframes pin{from{opacity:0;transform:scale(.9) translateY(8px)}}
.dmg{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.dmg p{color:var(--mu)}
.ok{list-style:none;display:grid;gap:10px;margin-top:20px}.ok li{display:flex;gap:10px;align-items:center}.ok li::before{content:"✓";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(94,240,168,.14);color:var(--gr);font-size:.75rem;font-weight:900;flex:none}
.chat{border-radius:28px;background:var(--c1);border:1px solid var(--ln);overflow:hidden;box-shadow:0 40px 80px -40px #000}
.ch-h{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ln)}.ch-h small{display:block;color:var(--gr);font-size:.72rem}.ch-h .ig{margin-inline-start:auto;font-size:.7rem;padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,#f58529,#dd2a7b,#8134af);font-weight:700}
.av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--vi),var(--pk));display:grid;place-items:center;font-weight:800}
.msgs{height:400px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}
.m{flex:none;width:fit-content;max-width:78%;padding:10px 14px;border-radius:20px;font-size:.86rem;line-height:1.75;animation:pin .35s both}
.m.in{background:var(--c2);align-self:flex-start;border-end-start-radius:6px}.m.out{background:linear-gradient(135deg,#8b6cff,#ff5d8f);align-self:flex-end;border-end-end-radius:6px}
.m small{display:block;font-size:.64rem;opacity:.7;margin-top:2px}
.typing{align-self:flex-end;display:flex;gap:4px;padding:12px 14px;border-radius:20px;background:rgba(139,108,255,.25)}.typing i{width:7px;height:7px;border-radius:50%;background:#fff;animation:ty 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes ty{50%{opacity:.25;transform:translateY(-3px)}}
.hot{align-self:center;font-size:.72rem;padding:5px 12px;border-radius:999px;background:rgba(255,184,77,.14);color:var(--or);font-weight:700}
.hmg{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.hcard{border-radius:28px;background:var(--c1);border:1px solid var(--ln);padding:28px;display:grid;gap:18px}.hcard h3{font-size:1.4rem}.mu{color:var(--mu);margin-top:-12px}
.hcard label{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:.88rem}.hcard label b{color:var(--or)}.hcard input[type=range]{grid-column:1/-1}
input[type=range]{-webkit-appearance:none;appearance:none;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--pk),var(--or) var(--p,50%),rgba(255,255,255,.1) var(--p,50%));outline:0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(255,93,143,.6);cursor:pointer}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:0}
.tg{display:grid;gap:10px}.sw{display:flex!important;align-items:center;gap:12px;cursor:pointer}.sw input{display:none}.sw i{width:44px;height:26px;border-radius:999px;background:rgba(255,255,255,.12);position:relative;transition:.3s;flex:none}.sw i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.3s}.sw input:checked+i{background:var(--gr)}.sw input:checked+i::after{inset-inline-start:21px}
.gauge{text-align:center;position:relative}.gauge svg{width:100%;max-width:340px;margin:auto}.gauge #garc{transition:stroke-dashoffset .6s}
.gauge b{display:block;font-size:3.6rem;font-weight:800;line-height:1;margin-top:-70px}.gauge span{color:var(--mu);font-size:.86rem}.gauge p{margin-top:14px;font-size:.86rem;padding:10px 14px;border-radius:14px;background:var(--c1);display:inline-block}
.gift{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding:50px;border-radius:36px;background:radial-gradient(circle at 20% 50%,rgba(255,93,143,.22),transparent 60%),radial-gradient(circle at 90% 10%,rgba(255,184,77,.18),transparent 50%),var(--c1);border:1px solid rgba(255,93,143,.3)}
.gift p{color:#d8d3ea;margin:10px 0 24px}.gift .b1{display:inline-block}
.reels{position:relative;height:300px}.reels i{position:absolute;width:120px;height:210px;border-radius:20px;top:50%;left:50%;background:linear-gradient(170deg,var(--pk),var(--vi) 55%,var(--or));box-shadow:0 30px 50px -20px rgba(0,0,0,.8);border:3px solid rgba(255,255,255,.15)}
.reels i::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:1.4rem;color:#fff}
.reels i:nth-child(1){transform:translate(-150%,-50%) rotate(-14deg)}.reels i:nth-child(2){transform:translate(-100%,-56%) rotate(-7deg)}.reels i:nth-child(3){transform:translate(-50%,-60%);z-index:2}.reels i:nth-child(4){transform:translate(0,-56%) rotate(7deg)}.reels i:nth-child(5){transform:translate(50%,-50%) rotate(14deg)}
.foot{padding:40px 0 100px;border-top:1px solid var(--ln);color:var(--mu);font-size:.82rem}.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.foot [data-pk-credit] a{color:var(--or)}
.pkbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:5px;padding:5px;border-radius:999px;background:rgba(20,18,31,.95);border:1px solid rgba(255,255,255,.12);font-size:.8rem;box-shadow:0 20px 40px -14px #000}
.pkbar a{padding:7px 13px;border-radius:999px;white-space:nowrap}.pkbar a:hover{background:rgba(255,255,255,.08)}.pkbar a.on{background:var(--tx);color:var(--bg);font-weight:800}.pkbar a.kl{background:#fbbf24;color:#1a1200;font-weight:800}
.embed .pkbar{display:none}
@media (max-width:1000px){.hg,.dmg,.hmg,.gift{grid-template-columns:1fr}.links{display:none}.steps{grid-template-columns:1fr 1fr}.week{grid-template-columns:repeat(7,minmax(130px,1fr));overflow-x:auto;padding-bottom:8px}.phone-wrap{height:560px}.gift{padding:30px}}
@media (max-width:560px){.hero{padding:40px 0 60px}.steps{grid-template-columns:1fr}.phone{transform:scale(.88)}.phone-wrap{height:520px}.orbit span{width:46px;height:46px;border-radius:14px}.cta{display:none}.sec{padding:70px 0}.reels{height:240px;transform:scale(.8)}
 .pkbar{gap:3px;padding:4px;font-size:.72rem;bottom:10px;max-width:calc(100vw - 12px)}.pkbar a{padding:7px 9px}}
/* R5-7b FAQ (agent-lumina7) */
.nar{max-width:820px}.fqh{text-align:center;margin-bottom:26px}.fqh h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin-top:12px}
#faq details{background:var(--c1);border:1px solid var(--ln);border-radius:18px;padding:16px 20px;margin-bottom:10px}
#faq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}#faq summary::-webkit-details-marker{display:none}
#faq summary::after{content:"+";color:var(--pk);font-size:1.3rem;line-height:1}#faq details[open] summary::after{content:"−"}
#faq details p{color:var(--mu);margin-top:8px;line-height:2}