body.ll-platform-services-public-page { background:#f6f8fb; color:#172033; font-family:'Noto Sans Thai','Inter',sans-serif; }
body.ll-platform-services-public-page .page { background:#f6f8fb; }
.ll-platform-landing{--accent:#2563eb;--accent2:#60a5fa;--soft:#f5f9ff;--ink:#111827;max-width:1180px;margin:0 auto;padding:82px 24px 64px;overflow:hidden}
.ll-platform-landing--instagram{--accent:#d62976;--accent2:#8a3ab9;--soft:#fff6fb}.ll-platform-landing--tiktok{--accent:#111827;--accent2:#25f4ee;--soft:#f5ffff}.ll-platform-landing--youtube{--accent:#ff0000;--accent2:#ff6b6b;--soft:#fff7f7}
.ll-platform-landing *{box-sizing:border-box}.ll-platform-landing h1,.ll-platform-landing h2,.ll-platform-landing h3,.ll-platform-landing p{margin-top:0}.ll-platform-landing a{text-decoration:none}
.ll-platform-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:48px;min-height:480px;padding:64px;border:1px solid #dfe6ef;border-radius:32px;background:linear-gradient(135deg,#fff 25%,var(--soft));box-shadow:0 24px 70px rgba(15,23,42,.09)}
.ll-platform-kicker{display:inline-flex;margin-bottom:14px;color:var(--accent);font-size:.84rem;font-weight:800;letter-spacing:.04em}.ll-platform-hero h1{max-width:760px;color:var(--ink);font-size:clamp(2.2rem,4.5vw,4.35rem);line-height:1.12;letter-spacing:-.035em}.ll-platform-hero__copy>p{max-width:720px;color:#5f6b7b;font-size:1.05rem;line-height:1.85}
.ll-platform-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.ll-platform-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid #dfe5ec;border-radius:13px;font-weight:700;transition:.2s}.ll-platform-btn--primary{border-color:var(--accent);background:var(--accent);color:#fff!important}.ll-platform-btn--secondary{background:#fff;color:#263244!important}.ll-platform-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.10)}
.ll-platform-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#667085;font-size:.86rem}.ll-platform-trust i{margin-right:6px;color:var(--accent)}.ll-platform-hero__visual{position:relative;display:grid;place-items:center;min-height:300px}.ll-platform-hero__visual img{position:relative;z-index:2;width:min(220px,72%);height:auto;filter:drop-shadow(0 24px 34px rgba(15,23,42,.20))}.ll-platform-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--accent2) 0,transparent 68%);opacity:.17;filter:blur(10px)}
.ll-platform-section{padding:88px 0 12px}.ll-platform-section--soft{margin-top:76px;padding:72px 48px;border-radius:32px;background:var(--soft)}.ll-platform-heading{max-width:820px;margin:0 auto 34px;text-align:center}.ll-platform-heading--center{text-align:center}.ll-platform-heading h2{color:var(--ink);font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.28}.ll-platform-heading p{color:#667085;line-height:1.8}
.ll-platform-card-grid{display:grid;gap:18px}.ll-platform-card-grid--4{grid-template-columns:repeat(4,1fr)}.ll-platform-card-grid--3{grid-template-columns:repeat(3,1fr)}.ll-platform-card{min-width:0;padding:24px;border:1px solid #dce4ee;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.075);text-align:center}.ll-platform-card__icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 18px;border-radius:13px;background:var(--soft);color:var(--accent);font-size:1.12rem}.ll-platform-card h3{color:var(--ink);font-size:1.04rem}.ll-platform-card p{min-height:63px;color:#667085;font-size:.9rem;line-height:1.65}.ll-platform-card>a{color:var(--accent);font-size:.88rem;font-weight:800}.ll-platform-card--benefit p,.ll-platform-card--audience p{min-height:0}
.ll-platform-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin:0;padding:0;list-style:none;overflow:visible}.ll-platform-steps li{position:relative;padding:26px 20px;text-align:center;border:1px solid #dce4ee;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}.ll-platform-steps>li>i{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:var(--soft);color:var(--accent)}.ll-platform-steps h3{font-size:.98rem}.ll-platform-steps p{margin:0;color:#667085;font-size:.83rem}.ll-platform-step-arrow{position:absolute;z-index:3;top:50%;right:-34px;display:grid;width:30px;height:30px;place-items:center;border:1px solid #e1e7ef;border-radius:999px;background:rgba(255,255,255,.96);color:var(--accent);box-shadow:0 6px 18px rgba(15,23,42,.08);transform:translateY(-50%);pointer-events:none}.ll-platform-step-arrow i{display:block;width:auto;height:auto;margin:0;background:none;color:inherit;font-size:.76rem;line-height:1}
.ll-platform-section--goals{padding-bottom:40px}.ll-platform-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ll-platform-goals article{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid #dce4ee;border-radius:20px;background:linear-gradient(180deg,#fff,var(--soft));box-shadow:0 10px 26px rgba(15,23,42,.06)}.ll-platform-goals i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#fff;color:var(--accent);box-shadow:0 6px 18px rgba(15,23,42,.06)}.ll-platform-goals h3{font-size:.98rem}.ll-platform-goals p{margin:0;color:#667085;font-size:.86rem}
.ll-platform-faq{display:grid;gap:10px;max-width:900px;margin:0 auto}.ll-platform-faq details{border:1px solid #dce4ee;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045);overflow:hidden}.ll-platform-faq summary{position:relative;display:block;padding:18px 56px;cursor:pointer;color:#202b3c;font-weight:700;list-style:none;text-align:center}.ll-platform-faq summary::-webkit-details-marker{display:none}.ll-platform-faq summary span{position:absolute;top:50%;right:20px;color:var(--accent);transform:translateY(-50%)}.ll-platform-faq details p{margin:0;padding:0 36px 20px;color:#667085;line-height:1.75;text-align:center}
.ll-platform-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ll-platform-blog-card{overflow:hidden;border:1px solid #dce4ee;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}.ll-platform-blog-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ll-platform-blog-card>div{padding:20px}.ll-platform-blog-card span{color:var(--accent);font-size:.76rem;font-weight:800}.ll-platform-blog-card h3{margin:9px 0 15px;font-size:1rem;line-height:1.5}.ll-platform-blog-card h3 a{color:#172033}.ll-platform-blog-link{color:var(--accent);font-size:.86rem;font-weight:800}.ll-platform-blog-empty{padding:32px;border:1px dashed #d9e0e8;border-radius:20px;text-align:center;color:#667085}.ll-platform-blog-empty i{color:var(--accent);font-size:1.5rem}.ll-platform-section-action{margin-top:24px}
.ll-platform-final{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-top:92px;padding:46px 52px;border-radius:28px;background:linear-gradient(120deg,var(--accent),var(--accent2));color:#fff}.ll-platform-final .ll-platform-kicker,.ll-platform-final h2,.ll-platform-final p{color:#fff}.ll-platform-final h2{margin-bottom:8px;font-size:clamp(1.55rem,3vw,2.35rem)}.ll-platform-final p{margin-bottom:0;opacity:.9}.ll-platform-btn--light{background:#fff;color:#172033!important;border-color:#fff}.ll-platform-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.58)}
@media(max-width:991px){.ll-platform-landing{padding-top:72px}.ll-platform-hero{grid-template-columns:1fr;padding:46px 36px}.ll-platform-hero__visual{min-height:220px}.ll-platform-card-grid--4,.ll-platform-steps{grid-template-columns:repeat(2,1fr)}.ll-platform-card-grid--3,.ll-platform-goals,.ll-platform-blog-grid{grid-template-columns:1fr 1fr}.ll-platform-final{align-items:flex-start;flex-direction:column}}
@media(min-width:641px) and (max-width:991px){.ll-platform-steps{column-gap:38px;row-gap:42px}.ll-platform-steps li:nth-child(1){grid-column:1;grid-row:1}.ll-platform-steps li:nth-child(2){grid-column:2;grid-row:1}.ll-platform-steps li:nth-child(3){grid-column:2;grid-row:2}.ll-platform-steps li:nth-child(4){grid-column:1;grid-row:2}.ll-platform-steps li:nth-child(2) .ll-platform-step-arrow{top:auto;right:auto;bottom:-36px;left:50%;transform:translateX(-50%) rotate(90deg)}.ll-platform-steps li:nth-child(3) .ll-platform-step-arrow{right:auto;left:-34px;transform:translateY(-50%) rotate(180deg)}}
@media(max-width:640px){.ll-platform-landing{padding-top:64px;padding-left:16px;padding-right:16px}.ll-platform-hero{padding:34px 22px;border-radius:24px}.ll-platform-hero h1{font-size:2.15rem}.ll-platform-section{padding-top:64px}.ll-platform-section--soft{margin-left:-4px;margin-right:-4px;padding:52px 20px}.ll-platform-card-grid--4,.ll-platform-card-grid--3,.ll-platform-steps,.ll-platform-goals,.ll-platform-blog-grid{grid-template-columns:1fr}.ll-platform-card p{min-height:0}.ll-platform-final{margin-top:68px;padding:34px 24px}.ll-platform-actions{width:100%}.ll-platform-actions .ll-platform-btn{flex:1 1 auto}.ll-platform-trust{gap:10px 16px}.ll-platform-step-arrow{top:auto;right:auto;bottom:-34px;left:50%;transform:translateX(-50%) rotate(90deg)}}

/* Section kicker badges — match /services geometry while preserving each platform accent. */
.ll-platform-heading > .ll-platform-kicker {
  display: inline-flex;
  min-height: 2rem;
  margin-top: 0;
  margin-bottom: .82rem;
  padding: .36rem .72rem;
  align-items: center;
  justify-content: center;
  gap: 0;
  border: 1px solid rgba(120, 71, 223, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
  color: var(--accent);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.35;
  text-transform: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}