/* Auto from preview/dich-vu/*.html inline <style> */

/* facebook-ads.html */
.page-fbads .page-hero-bg::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse 48% 78% at 82% 6%, rgba(24,119,242,.32), transparent 56%),
      radial-gradient(ellipse 42% 68% at 72% 100%, rgba(225,48,108,.24), transparent 52%),
      radial-gradient(circle at 10% 72%, rgba(131,58,180,.14), transparent 36%);
  }
  .page-fbads .page-hero-mark{width:min(34rem,44vw)}
  @media (max-width:1099px){
    .page-fbads .page-hero-mark{width:min(22rem,62vw)}
  }

/* google-ads.html */
.page-google-ads .page-hero-bg::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse 48% 78% at 82% 6%, rgba(66,133,244,.30), transparent 56%),
      radial-gradient(ellipse 42% 68% at 72% 100%, rgba(251,188,4,.22), transparent 52%),
      radial-gradient(circle at 10% 72%, rgba(52,168,83,.14), transparent 36%);
  }

/* thiet-ke-landing-page.html */
.page-lp .side-card .eyebrow{margin-bottom:.15rem}
  .page-lp .side-card .price{margin-top:0;color:var(--color-text)}

/* thiet-ke-logo-nhan-dien.html */
/* Hook band - centered statement noi bat */
  .site-main section.hook{position:relative;overflow:hidden;background:var(--color-bg-inverse);color:var(--color-text-inverse);text-align:center;padding-block:clamp(2.5rem,5.5vw,4rem)}
  .site-main section.hook::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 110% at 50% -25%,rgba(249,115,22,.12),transparent 60%);pointer-events:none}
  .site-main section.hook .container{position:relative;margin-inline:auto;max-width:64rem}
  .site-main section.hook .eyebrow{color:var(--color-brand-muted);margin:0 0 .7rem}
  .site-main section.hook .hook-line{font-family:var(--font-display);font-size:clamp(1.7rem,3.6vw,2.55rem);font-weight:800;color:var(--color-text-inverse);margin:0;line-height:1.18;letter-spacing:-.02em}
  .site-main section.hook .hook-note{margin:1rem auto 0;max-width:38rem;color:var(--color-text-inverse-muted);font-size:1.05rem;line-height:1.65}

  /* Mid CTA - banner keu goi hanh dong */
  .mid-cta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;margin-top:var(--space-block);padding:1.7rem 1.9rem 1.7rem 2.2rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--color-brand-subtle),transparent 58%),var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--color-shadow)}
  .mid-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--color-brand),var(--color-brand-muted))}
  .mid-cta p{margin:0;flex:1 1 20rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.4;color:var(--color-text)}
  .mid-cta .hero-actions{margin-top:0;flex:0 0 auto;gap:.6rem}

  /* Side card: eyebrow sat price */
  .side-card .eyebrow{margin:0;line-height:1.2;color:var(--color-text)}
  .side-card .price{margin:-.15rem 0 .1rem;line-height:1.15}

  @media (max-width:640px){
    .mid-cta{flex-direction:column;align-items:stretch;text-align:center;padding-left:1.9rem}
    .mid-cta .hero-actions{justify-content:center}
    .mid-cta::before{width:100%;height:4px;bottom:auto;left:0;top:0}
  }

/* thiet-ke-website.html */
/* Hook band - centered statement noi bat */
  .site-main section.hook{position:relative;overflow:hidden;background:var(--color-bg-inverse);color:var(--color-text-inverse);text-align:center;padding-block:clamp(2.5rem,5.5vw,4rem)}
  .site-main section.hook::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 110% at 50% -25%,rgba(249,115,22,.12),transparent 60%);pointer-events:none}
  .site-main section.hook .container{position:relative;margin-inline:auto;max-width:64rem}
  .site-main section.hook .eyebrow{color:var(--color-brand-muted);margin:0 0 .7rem}
  .site-main section.hook .hook-line{font-family:var(--font-display);font-size:clamp(1.7rem,3.6vw,2.55rem);font-weight:800;color:var(--color-text-inverse);margin:0;line-height:1.18;letter-spacing:-.02em}
  .site-main section.hook .hook-note{margin:1rem auto 0;max-width:38rem;color:var(--color-text-inverse-muted);font-size:1.05rem;line-height:1.65}

  /* Mid CTA - banner keu goi hanh dong */
  .mid-cta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;margin-top:var(--space-block);padding:1.7rem 1.9rem 1.7rem 2.2rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--color-brand-subtle),transparent 58%),var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--color-shadow)}
  .mid-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--color-brand),var(--color-brand-muted))}
  .mid-cta p{margin:0;flex:1 1 20rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.4;color:var(--color-text)}
  .mid-cta .hero-actions{margin-top:0;flex:0 0 auto;gap:.6rem}

  /* Side card: eyebrow sat price */
  .side-card .eyebrow{margin:0;line-height:1.2;color:var(--color-text)}
  .side-card .price{margin:-.15rem 0 .1rem;line-height:1.15}

  @media (max-width:640px){
    .mid-cta{flex-direction:column;align-items:stretch;text-align:center;padding-left:1.9rem}
    .mid-cta .hero-actions{justify-content:center}
    .mid-cta::before{width:100%;height:4px;bottom:auto;left:0;top:0}
  }

/* tiktok-ads.html */
.page-tiktok-ads .page-hero-bg::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse 48% 78% at 82% 6%, rgba(37,244,238,.26), transparent 56%),
      radial-gradient(ellipse 42% 68% at 72% 100%, rgba(254,44,85,.22), transparent 52%),
      radial-gradient(circle at 10% 72%, rgba(37,244,238,.08), transparent 36%);
  }