/* PublishSocial — homepage (toate limbile). Mutat din index.php (era <style> inline), README §146 */
/* ============ Homepage v3 — cinematic (design canvas „PublishSocial Homepage") ============ */
html{scroll-behavior:smooth}
body{background:#fbfbfd;color:#0f172a;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
section[id]{scroll-margin-top:84px}
h1,h2,h3,p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 64px}
.kick{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#4f46e5}
.h2{font-size:clamp(36px,4.4vw,64px);font-weight:800;letter-spacing:-.044em;line-height:1.02;margin-top:16px}
.h2.md{font-size:clamp(34px,4vw,58px)}
.lead{font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:#475569;margin-top:22px;text-wrap:pretty}
.center{text-align:center}
.chapter{padding-top:150px}
.grad-text{background:linear-gradient(110deg,#4f46e5 10%,#7c3aed 60%,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;border:1px solid #e2e8f0;border-radius:999px;padding:6px 12px;background:#fff;white-space:nowrap}
.pill.soft{color:#4f46e5;background:#eef2ff;border-color:#eef2ff}
.btn-grad{display:inline-block;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:17px 34px;border-radius:999px;box-shadow:0 12px 30px -10px rgba(79,70,229,.6);text-decoration:none}
.btn-grad:hover{color:#fff;filter:brightness(1.06)}
.btn-light{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:#0f172a;background:#fff;border:1px solid #e2e8f0;padding:17px 28px;border-radius:999px;text-decoration:none}
.btn-light:hover{color:#0f172a;border-color:#cbd5e1}
/* reveals — starea de bază e VIZIBILĂ; JS adaugă .in când intră în viewport */
.rv{opacity:1;transform:none}
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}
.float{animation:floaty 6s ease-in-out infinite}.float.d2{animation-delay:-2s}.float.d4{animation-delay:-4s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.pulse{animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(5,150,105,.35)}50%{box-shadow:0 0 0 8px rgba(5,150,105,0)}}
.sheen{position:relative;overflow:hidden}
.sheen::after{content:'';position:absolute;top:-60%;left:-60%;width:60%;height:220%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:rotate(12deg);animation:sheen 5s ease-in-out infinite}
@keyframes sheen{0%,60%{left:-60%}100%{left:140%}}
.av{width:22px;height:22px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;letter-spacing:0;line-height:1}.av.a4{color:#64748b;font-size:9px}
.av.a1{background:linear-gradient(135deg,#f59e0b,#ef4444)}.av.a2{background:linear-gradient(135deg,#0ea5e9,#4f46e5)}.av.a3{background:linear-gradient(135deg,#10b981,#0ea5e9)}.av.a4{background:#e2e8f0}
.ph1{background:radial-gradient(circle at 30% 30%,#fde68a,#f59e0b 40%,#7c2d12 100%)}
.ph2{background:radial-gradient(circle at 70% 40%,#bae6fd,#0284c7 45%,#1e3a8a 100%)}
.ph-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;overflow:hidden}
.ph-col i{display:block}.ph-col i:nth-child(1){background:linear-gradient(135deg,#fbcfe8,#db2777)}.ph-col i:nth-child(2){background:linear-gradient(135deg,#a7f3d0,#059669)}.ph-col i:nth-child(3){grid-column:1/-1;background:linear-gradient(135deg,#c7d2fe,#4f46e5)}
.tag{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;background:#0f172a;color:#fff}
.tag.w{background:#fff;color:#0f172a}
.ico{display:flex;align-items:center;justify-content:center;flex:0 0 auto}


/* --- hero --- */
.hero{position:relative;padding:86px 64px 0;text-align:center;overflow:hidden}
.hero .glow{position:absolute;left:50%;top:-120px;width:1100px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(79,70,229,.16),rgba(124,58,237,.08) 55%,transparent 75%);filter:blur(40px);pointer-events:none}
.hero>*{position:relative}
.badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.badge .dot{width:8px;height:8px;border-radius:50%;background:#059669}.badge .s{display:none}
.hero h1{font-size:clamp(44px,6.7vw,96px);font-weight:800;letter-spacing:-.047em;line-height:1;max-width:1040px;margin:0 auto}
.hero .sub{font-size:clamp(17px,1.6vw,23px);line-height:1.5;color:#475569;max-width:760px;margin:40px auto 0;text-wrap:pretty}
.hero .ctas{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.hero .trust{margin-top:18px;font-size:13.5px;color:#64748b}

/* product shot (composer, drawn) */
.shot-wrap{position:relative;max-width:1180px;margin:0 auto 66px}
.shot{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 30px 80px -30px rgba(15,23,42,.25),0 2px 6px rgba(15,23,42,.05);padding:26px 28px 28px;text-align:left;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.shot .col{display:flex;flex-direction:column;gap:16px}
.lbl{font-size:12.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#64748b}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{display:flex;align-items:center;gap:8px;border:2px solid #4f46e5;background:#eef2ff;border-radius:999px;padding:7px 14px 7px 8px;font-size:13.5px;font-weight:600}
.chip.off{border:1px solid #e2e8f0;background:#fff;color:#64748b}
.tabs{display:flex;gap:6px;border-bottom:1px solid #e2e8f0}
.tabs span{padding:8px 12px;font-size:13px;font-weight:600;color:#475569;display:flex;align-items:center;gap:6px}
.tabs span.on{font-weight:700;color:#4f46e5;border-bottom:2px solid #4f46e5}
.tabs .dot{width:6px;height:6px;border-radius:50%;background:#7c3aed}.av.sm{width:18px;height:18px;font-size:9.5px}
.ta{border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.55;min-height:96px;background:#fbfbfd}
.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.thumbs>div{aspect-ratio:4/3;border-radius:12px;position:relative;overflow:hidden}
.slotbox{border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:6px;margin-top:auto}
.slotbox .t{font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.slotbox .r{font-size:13px;color:#475569;padding-left:22px}
.shot .acts{display:flex;gap:10px}
.shot .acts .p{flex:1;text-align:center;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:13px;border-radius:12px}
.shot .acts .s{text-align:center;font-size:14px;font-weight:600;border:1px solid #e2e8f0;padding:13px 18px;border-radius:12px}
.fcard{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px;box-shadow:0 20px 50px -20px rgba(15,23,42,.3);display:flex;align-items:center;gap:12px}
.fcard .i{width:36px;height:36px;border-radius:10px}
.fcard b{display:block;font-size:13.5px;font-weight:700}.fcard small{font-size:12px;color:#64748b}
.fcard.dark{background:#0f172a;border-color:#0f172a;color:#fff;box-shadow:0 20px 50px -20px rgba(15,23,42,.5)}.fcard.dark small{color:#94a3b8}
.fcard.c1{left:-40px;bottom:-42px;width:230px}.fcard.c2{right:-34px;top:-26px;width:240px}.fcard.c3{right:-40px;bottom:-42px;width:220px}

/* numerotare pe mockup + legendă „ce se întâmplă aici" */
.shot-intro{margin:64px auto 38px;text-align:center;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#4f46e5}
.shot-intro b{display:block;font-size:clamp(18px,1.6vw,22px);font-weight:700;letter-spacing:-.3px;text-transform:none;color:#0f172a;margin-top:6px}
.n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:12px;font-weight:800;flex:0 0 auto;letter-spacing:0}
.lbl .n{margin-right:8px;vertical-align:middle}
.slotbox .t .n{margin-right:2px}
.shot-legend{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:left}
.shot-legend>div{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px}
.shot-legend b{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.shot-legend p{font-size:13.5px;line-height:1.5;color:#64748b}

/* --- dark chapter --- */
.algo{margin-top:106px;background:#0b0d17;color:#fff;padding:130px 64px;position:relative;overflow:hidden}
.algo .glow{position:absolute;left:60%;top:10%;width:800px;height:600px;background:radial-gradient(closest-side,rgba(124,58,237,.35),transparent 70%);filter:blur(60px);pointer-events:none}
.algo .grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center;position:relative}
.algo .kick{color:#a5b4fc}
.algo .lead{color:#94a3b8;max-width:520px}.algo .lead.b{color:#e2e8f0}
.fan{position:relative;height:540px}
.fan .src{position:absolute;left:0;top:160px;width:200px;background:#151a2e;border:1px solid #2a3150;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.fan .src .ln{height:8px;border-radius:4px;background:#2a3150}
.fan svg{position:absolute;left:200px;top:0}
.vcard{position:absolute;left:300px;width:230px;background:#fff;color:#0f172a;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.vcard .hd{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.vcard .hd .av{width:20px;height:20px}
.vcard .im{height:62px;border-radius:10px;position:relative;overflow:hidden}
.vcard .im .tag{left:6px;bottom:6px;font-size:9px;padding:3px 6px}
.vcard p{font-size:11.5px;line-height:1.4;color:#334155}
.vcard.v1{top:12px}.vcard.v2{top:190px}.vcard.v3{top:360px}
.vlist{display:none}

/* --- slots --- */
.cal{margin-top:56px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:28px 32px;box-shadow:0 30px 80px -40px rgba(15,23,42,.25)}
.cal .g{display:grid;grid-template-columns:150px repeat(7,minmax(0,1fr));gap:10px;align-items:center}
.cal .d{font-size:12px;font-weight:700;color:#64748b;text-align:center}.cal .d.on{color:#4f46e5}
.cal .d .s{display:none}
.cal .pg{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.cal .c{display:flex;flex-direction:column;gap:5px}
.cal .c span{height:22px;border-radius:6px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
.cal .c span.a{background:#4f46e5;opacity:.85}.cal .c span.b{background:#7c3aed;opacity:.85}
.cal .c span.nx{background:transparent;border:2px dashed #4f46e5;box-sizing:border-box;color:#4f46e5}.cal .c span.nx.b{border-color:#7c3aed;color:#7c3aed}
.cal .legend{display:flex;gap:22px;margin-top:22px;font-size:13px;color:#64748b;align-items:center;flex-wrap:wrap}
.cal .legend span{display:inline-flex;align-items:center;gap:6px}
.cal .legend i{width:12px;height:12px;border-radius:3px;background:#4f46e5;display:inline-block}
.cal .legend i.nx{background:transparent;border:2px dashed #4f46e5;box-sizing:border-box}.cal .legend i.fr{background:#e2e8f0}

/* --- editor --- */
.ed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;align-items:center}
.ed .txt{display:flex;flex-direction:column;gap:22px}
.ed .txt .lead{margin-top:0;font-size:19px}
.edv{position:relative;height:520px}
.ba{position:absolute;left:0;top:40px;width:440px;height:330px;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ba>div{position:relative}
.ba .bf{background:radial-gradient(circle at 40% 45%,#fde68a 0,#f59e0b 28%,#78350f 70%,#1c0a02 100%)}
.ba .af{background:repeating-conic-gradient(#e2e8f0 0 25%,#fff 0 50%) 0 0/20px 20px}
.ba .cut{position:absolute;left:50%;top:50%;width:160px;height:200px;transform:translate(-50%,-50%);border-radius:80px 80px 30px 30px;background:radial-gradient(circle at 40% 30%,#fde68a,#f59e0b 50%,#b45309)}
.ba .lb{position:absolute;left:12px;top:12px;font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;color:#fff;background:rgba(0,0,0,.4)}.ba .af .lb{color:#0f172a;background:#fff}
.tools{position:absolute;left:0;top:330px;background:#0f172a;border-radius:16px;padding:10px;display:flex;gap:6px;box-shadow:0 20px 50px -20px rgba(15,23,42,.6)}
.tools span{font-size:12px;font-weight:600;color:#cbd5e1;padding:9px 12px;white-space:nowrap}.tools span.on{font-weight:700;color:#fff;background:#4f46e5;border-radius:10px}
.colcard{position:absolute;right:0;top:0;width:190px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px;box-shadow:0 20px 50px -20px rgba(15,23,42,.3)}
.colcard b{display:block;font-size:11.5px;margin-bottom:8px}
.colcard .g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;height:110px;border-radius:10px;overflow:hidden}
.colcard .g i{display:block}.colcard .g i:nth-child(1){grid-row:1/3;background:linear-gradient(160deg,#fbcfe8,#db2777)}.colcard .g i:nth-child(2){background:linear-gradient(135deg,#a7f3d0,#059669)}.colcard .g i:nth-child(3){background:linear-gradient(135deg,#c7d2fe,#4f46e5)}
.trcard{position:absolute;right:10px;bottom:0;width:250px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;box-shadow:0 20px 50px -20px rgba(15,23,42,.3);display:flex;flex-direction:column;gap:8px}
.trcard .k{font-size:11.5px;font-weight:700;color:#4f46e5}.trcard .o{font-size:12px;color:#64748b;text-decoration:line-through}.trcard .nw{font-size:13px;font-weight:700;color:#0f172a}
.ed .pills{display:flex;gap:8px;flex-wrap:wrap}
.ed .pills .pill{font-size:13px;padding:8px 14px}
.ed .mtools{display:none}

/* --- ideas flow --- */
.flow{margin-top:60px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative}
.flow::before{content:'';position:absolute;left:8%;right:8%;top:38px;height:2px;background:linear-gradient(90deg,#c7d2fe,#4f46e5 45%,#7c3aed 55%,#c084fc)}
.step{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.step .ico{width:78px;height:78px;border-radius:24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 30px -12px rgba(79,70,229,.35)}
.step.hl .ico{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:0;box-shadow:0 16px 40px -12px rgba(79,70,229,.6)}
.step b{font-size:14.5px;font-weight:700}.step.hl b{color:#4f46e5}.step small{font-size:13px;color:#64748b;line-height:1.4}
.note{margin:40px auto 0;max-width:820px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:18px;padding:18px 24px;display:flex;gap:14px;align-items:center}
.note p{font-size:15px;line-height:1.55;color:#312e81;text-wrap:pretty}

/* --- autopilot + sensitive --- */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.duo.one{grid-template-columns:minmax(0,1fr)}
.dcard{border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:18px;min-height:520px;position:relative;overflow:hidden}
.dcard.dark{background:#0f172a;color:#fff}
.dcard.dark .glow{position:absolute;right:-120px;bottom:-120px;width:400px;height:400px;background:radial-gradient(closest-side,rgba(52,211,153,.35),transparent 70%);filter:blur(40px)}
.dcard.light{background:#fff;border:1px solid #e2e8f0;box-shadow:0 30px 80px -40px rgba(15,23,42,.2)}
.dcard h3{font-size:clamp(26px,2.8vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1.06}
.dcard .lead{margin-top:0;font-size:17px}.dcard.dark .lead{color:#94a3b8}
.dcard .kick.g{color:#6ee7b7}.dcard .kick.o{color:#d97706}
.ap{margin-top:auto;display:flex;gap:10px;align-items:flex-end;position:relative;flex-wrap:wrap}
.ap .k{font-size:11px;font-weight:700;color:#94a3b8;margin-bottom:6px}
.pool{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:150px}
.pool span{height:40px;border-radius:8px;display:block}
.pool span:nth-child(1){background:linear-gradient(135deg,#fde68a,#f59e0b)}.pool span:nth-child(2){background:linear-gradient(135deg,#bae6fd,#0284c7)}.pool span:nth-child(3){background:linear-gradient(135deg,#fbcfe8,#db2777)}.pool span:nth-child(4){background:linear-gradient(135deg,#a7f3d0,#059669)}.pool span:nth-child(5){background:linear-gradient(135deg,#c7d2fe,#4f46e5)}.pool span:nth-child(6){background:linear-gradient(135deg,#fed7aa,#ea580c)}
.ap .slot{flex:1;min-width:160px}
.ap .slot .sl{height:54px;border-radius:12px;border:2px dashed #34d399;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;color:#6ee7b7}
.ap .slot .pulse{width:8px;height:8px;border-radius:50%;background:#34d399}
.sens{margin-top:auto;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fbfbfd}
.sens .row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:700}
.sens .sw{width:44px;height:26px;border-radius:999px;background:#d97706;position:relative}.sens .sw::after{content:'';position:absolute;right:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff}
.sens .opts{display:flex;gap:8px;flex-wrap:wrap}.sens .opts .pill.on{border-color:#d97706;color:#d97706;background:#fffbeb;font-weight:700}
.sens .bar{height:8px;border-radius:4px;background:#e2e8f0;overflow:hidden}.sens .bar i{display:block;width:70%;height:100%;background:linear-gradient(90deg,#d97706,#ef4444)}
.sens .m{font-size:12.5px;color:#64748b}

/* --- rest grid --- */
.rest{margin-top:50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rc{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px}
.rc .ico{width:40px;height:40px;border-radius:12px;background:#eef2ff}
.rc b{font-size:18px;font-weight:800;letter-spacing:-.3px}.rc p{font-size:14.5px;line-height:1.55;color:#64748b}

/* --- pricing --- */
.plans{margin-top:50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:34px;display:flex;flex-direction:column;gap:14px;position:relative}
.plan.feat{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 30px 80px -30px rgba(79,70,229,.6);transform:scale(1.04)}
.plan .nm{font-size:15px;font-weight:700;color:#64748b}.plan.feat .nm{color:#a5b4fc}
.plan .pr{display:flex;align-items:baseline;gap:6px}.plan .pr b{font-size:54px;font-weight:800;letter-spacing:-.046em}.plan .pr small{font-size:15px;color:#64748b}.plan.feat .pr small{color:#94a3b8}
.plan .old{font-size:14px;color:#94a3b8}.plan .old s{margin-right:6px}.plan .old em{font-style:normal;font-weight:700;color:#059669}
.plan .desc{font-size:15px;color:#475569}.plan.feat .desc{color:#cbd5e1}
.plan ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px}
.plan li{display:flex;gap:8px;align-items:flex-start;line-height:1.4}.plan li svg{flex:0 0 auto;margin-top:2px}
.plan .go{margin-top:auto;text-align:center;font-size:15px;font-weight:700;border:1px solid #e2e8f0;padding:14px;border-radius:999px;text-decoration:none;color:#0f172a}
.plan.feat .go{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent}
.plan .tagp{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:7px 14px;border-radius:999px;white-space:nowrap}
.agency{margin-top:28px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.agency h3{font-size:22px;font-weight:800;letter-spacing:-.5px}.agency p{font-size:15px;color:#475569;margin-top:6px;max-width:620px}
.agency .go{font-size:15px;font-weight:700;color:#fff;background:#0f172a;padding:14px 26px;border-radius:999px;text-decoration:none;white-space:nowrap}
.pnote{margin-top:22px;text-align:center;font-size:13.5px;color:#64748b}

/* --- faq --- */
.faq{margin:50px auto 0;max-width:820px;display:flex;flex-direction:column;gap:10px}
.faq details{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:0 22px}
.faq summary{cursor:pointer;list-style:none;font-size:16.5px;font-weight:700;padding:20px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:22px;font-weight:400;color:#64748b;flex:0 0 auto}
.faq details[open] summary::after{content:'–'}
.faq .b{font-size:15px;line-height:1.65;color:#475569;padding:0 0 22px}

/* --- final cta + footer --- */
.fin{margin:150px 64px 0;border-radius:32px;background:linear-gradient(135deg,#4f46e5,#7c3aed 60%,#a855f7);color:#fff;padding:90px 64px;text-align:center;position:relative;overflow:hidden}
.fin .glow{position:absolute;left:-100px;top:-100px;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(40px)}
.fin h2{font-size:clamp(30px,4.2vw,60px);font-weight:800;letter-spacing:-.044em;line-height:1.04;max-width:800px;margin:0 auto;position:relative}
.fin p{font-size:clamp(15px,1.3vw,19px);color:rgba(255,255,255,.85);margin-top:20px;position:relative}
.fin .go{display:inline-block;margin-top:34px;font-size:17px;font-weight:700;color:#4f46e5;background:#fff;padding:17px 36px;border-radius:999px;box-shadow:0 20px 40px -16px rgba(0,0,0,.4);text-decoration:none;position:relative}

/* ================= RESPONSIVE ================= */
@media(max-width:1240px){
  .fcard.c1{left:-12px}.fcard.c2{right:-12px}.fcard.c3{right:-12px}
  .ba{width:380px}.colcard{width:170px}.trcard{width:230px}
}
@media(max-width:1000px){
  .wrap{padding:0 28px}
  .hero{padding:52px 28px 0}
  .shot{grid-template-columns:minmax(0,1fr)}
  .fcard{display:none}
  .shot-legend{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
  .algo{padding:90px 28px}.algo .grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .fan{display:none}.vlist{display:flex;flex-direction:column;gap:10px}
  .ed{grid-template-columns:minmax(0,1fr);gap:28px}
  .edv{height:auto}.ba{position:static;width:100%;height:220px}.tools,.colcard,.trcard{display:none}
  .ed .mtools{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
  .flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.flow::before{display:none}
  .duo{grid-template-columns:minmax(0,1fr)}.dcard{min-height:0;padding:30px}
  .rest{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans{grid-template-columns:minmax(0,1fr);max-width:520px;margin-left:auto;margin-right:auto}.plan.feat{transform:none}
  .fin{margin:90px 28px 0;padding:50px 28px}
  .chapter{padding-top:90px}
}
@media(max-width:760px){
  .wrap{padding:0 20px}
  .hero{padding:40px 20px 0}.hero .glow{width:600px;height:460px;top:-80px}
  .hero .sub{margin-top:26px}
  .hero .ctas{flex-direction:column;margin-top:26px}.btn-grad,.btn-light{font-size:16px;padding:16px;justify-content:center;text-align:center}
  .shot-intro{margin-top:40px}.shot{padding:18px;border-radius:20px;gap:14px}
  .shot-legend{grid-template-columns:minmax(0,1fr);gap:10px;padding:0}.shot-legend>div{padding:14px 16px;border-radius:14px}.shot-legend p{font-size:13px}
  .shot .col{gap:14px}.shot .col .lbl+.chips .chip.off,.shot .hide-m{display:none}
  .chip{font-size:12.5px;padding:6px 11px 6px 6px}.chip .av{width:18px;height:18px}.chip svg{display:none}
  .tabs span{padding:7px 10px;font-size:12px}.tabs .dot{display:none}.ta{min-height:0;font-size:13.5px;padding:12px}
  .thumbs{gap:8px}.thumbs>div{border-radius:10px}.thumbs .tag{display:none}
  .shot .acts .s{display:none}
  .algo{margin-top:70px;padding:70px 20px}.h2{margin-top:12px}.lead{margin-top:14px}
  .vrow{background:#fff;color:#0f172a;border-radius:14px;padding:12px;display:flex;gap:12px;align-items:center}
  .vrow .im{width:64px;height:48px;border-radius:8px;flex:0 0 auto;overflow:hidden}
  .vrow .k{font-size:11px;font-weight:700;color:#4f46e5}.vrow p{font-size:12px;line-height:1.4;color:#334155}
  .chapter{padding-top:70px}
  .cal{margin-top:24px;padding:18px;border-radius:18px}
  .cal .g{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
  .cal .pg,.cal .row2{display:none}.cal .d .f{display:none}.cal .d .s{display:inline}.cal .d{font-size:10px}
  .cal .c{gap:4px}.cal .c span{height:18px;border-radius:5px;font-size:0}
  .cal .legend{margin-top:14px;gap:12px;font-size:12px}.cal .legend .hide-m{display:none}
  .ed .txt{gap:14px}.ed .txt .lead{font-size:16px}.ed .pills{display:none}
  .ba{height:220px;border-radius:18px;margin-top:10px}.ba .cut{width:100px;height:130px;border-radius:50px 50px 20px 20px}.ba .lb{font-size:10px;padding:3px 7px;left:10px;top:10px}
  .flow{margin-top:24px;display:flex;flex-direction:column;gap:0;padding-left:0}
  .flow::before{display:block;left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:linear-gradient(180deg,#c7d2fe,#4f46e5 45%,#7c3aed 55%,#c084fc)}
  .step{flex-direction:row;text-align:left;gap:14px;padding:8px 0;align-items:center}
  .step .ico{width:48px;height:48px;border-radius:14px;box-shadow:none}.step .ico svg{width:20px;height:20px}
  .step small{font-size:12.5px}
  .note{margin-top:20px;padding:14px 16px;border-radius:14px}.note svg{display:none}.note p{font-size:13.5px}
  .duo{gap:14px}.dcard{padding:26px;border-radius:22px;gap:12px}.dcard .lead{font-size:14.5px}
  .ap .pool,.ap .k,.ap svg{display:none}.ap .slot .sl{height:46px}
  .sens{display:none}.sens-m{display:flex;gap:6px}
  .rest{margin-top:20px;grid-template-columns:minmax(0,1fr);gap:10px}
  .rc{flex-direction:row;align-items:flex-start;padding:16px;border-radius:16px}.rc .ico{width:36px;height:36px;border-radius:10px}
  .rc b{font-size:15px}.rc p{font-size:13px;line-height:1.5}.rc .rt{display:flex;flex-direction:column;gap:4px}
  .plans{margin-top:22px;gap:12px}.plan{padding:22px;border-radius:20px;gap:8px}
  .plan .pr b{font-size:34px}.plan .tagp{left:18px;transform:none;top:-12px;font-size:11px}
  .plan ul{display:none}.plan .go{margin-top:8px;font-size:14px;padding:13px}
  .agency{padding:20px;border-radius:20px}.agency h3{font-size:18px}.agency p{font-size:14px}
  .faq{margin-top:22px}.faq summary{font-size:15px;padding:16px 0}.faq .b{font-size:14px}
  .fin{margin:70px 20px 0;padding:40px 24px;border-radius:24px}.fin .go{display:block;margin-top:22px;font-size:15px;padding:15px}
}
@media(min-width:761px){.sens-m{display:none}.cal .d .s{display:none}}