/* Page-specific styles for the TikTok advertising service. */
.tiktok-hero{background:var(--color-gray);padding-bottom:0}
.tiktok-hero .hero-copy{padding-top:70px;padding-bottom:120px}
.tiktok-title{font-size:52px;line-height:1.8;letter-spacing:.04em;font-weight:700}
.tiktok-title h1{display:inline}
.tiktok-title-ending{display:inline}
.tiktok-hero .hero-description{font-size:18px;line-height:2.3;letter-spacing:.05em;max-width:1000px;margin-top:24px}
.tiktok-concerns{padding-top:92px;padding-bottom:110px}
.tiktok-concerns-panel{max-width:1200px;background:var(--color-gray);padding:32px}
.tiktok-concerns-panel h2{font-size:22px;letter-spacing:.08em;margin:0 0 16px}
.tiktok-concerns-panel ul{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;row-gap:10px;line-height:1.9;font-size:16px}
.tiktok-concerns-panel li{position:relative;padding-left:1em}
.tiktok-concerns-panel li::before{content:'・';position:absolute;left:0}
.tiktok-cta{display:flex;justify-content:center;gap:65px;margin-top:48px}
.tiktok-cta .button{width:365px;min-height:58px;border-radius:6px;padding:14px 45px;font-size:16px;text-align:center}
.tiktok-cta .button:first-child{background:var(--color-orange)}
.tiktok-cta .button:first-child:hover,.tiktok-cta .button:first-child:focus-visible{background:var(--color-button)}
.tiktok-cta .button .arrow{right:18px}
.tiktok-points{padding-top:120px;padding-bottom:140px}
.tiktok-points .eyebrow{font-size:20px;margin-bottom:16px}
.tiktok-points h2{font-size:44px;letter-spacing:.07em}
.tiktok-point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:36px}
.tiktok-point{border-top:2px solid var(--color-text);padding-top:22px}
.tiktok-point h3{font-size:24px;line-height:1.65;letter-spacing:.04em}
.tiktok-point p{font-size:16px;line-height:2.2;color:var(--color-muted);margin-top:18px}
@media(min-width:768px) and (max-width:1050px){
 .tiktok-title{font-size:38px}
 .tiktok-hero .hero-description{font-size:16px}
 .tiktok-concerns{padding-top:100px;padding-bottom:110px}
 .tiktok-concerns-panel{padding:34px}
 .tiktok-concerns-panel ul{font-size:14px;column-gap:24px}
 .tiktok-cta{gap:30px;margin-top:40px}
 .tiktok-cta .button{width:310px;font-size:14px}
 .tiktok-points{padding-top:100px;padding-bottom:110px}
 .tiktok-points .eyebrow{font-size:18px}
 .tiktok-points h2{font-size:36px}
 .tiktok-point-grid{gap:26px;margin-top:30px}
 .tiktok-point{padding-top:18px}
 .tiktok-point h3{font-size:20px}
 .tiktok-point p{font-size:14px;margin-top:14px}
}

@media(max-width:767px){
 .tiktok-hero .hero-copy{padding-top:32px;padding-bottom:70px}
 .tiktok-hero .hero-label{font-size:9px;line-height:1.6;letter-spacing:.025em;margin-bottom:14px}
 .tiktok-title{font-size:28px;line-height:1.65;letter-spacing:.03em}
 .tiktok-title h1{display:inline}
 .tiktok-title-ending{display:inline}
 .tiktok-hero .hero-description{font-size:12px;line-height:2.2;letter-spacing:.04em;margin-top:22px}
 .tiktok-hero .hero-readmore{width:58px;height:58px;border-width:5px;right:0;bottom:12px;font-size:10px}
 .tiktok-concerns{padding:48px 0 54px}
 .tiktok-concerns-panel{padding:20px 14px}
 .tiktok-concerns-panel h2{font-size:14px;letter-spacing:.04em;margin-bottom:10px}
 .tiktok-concerns-panel ul{grid-template-columns:1fr;gap:4px;font-size:12px;line-height:1.9}
 .tiktok-cta{flex-direction:column;align-items:center;gap:16px;margin-top:28px}
 .tiktok-cta .button{width:min(100%,280px);min-height:46px;padding:10px 34px;font-size:12px;border-radius:5px}
 .tiktok-cta .button .arrow{right:13px;font-size:18px}
 .tiktok-points{padding:60px 0 70px}
 .tiktok-points .eyebrow{font-size:13px;margin-bottom:12px}
 .tiktok-points h2{font-size:22px}
 .tiktok-point-grid{grid-template-columns:1fr;gap:22px;margin-top:26px}
 .tiktok-point{border-top:0;border-left:1px solid #777;padding:0 0 0 12px}
 .tiktok-point h3{font-size:15px;line-height:1.6;margin:0 0 8px}
 .tiktok-point p{font-size:12px;line-height:2;margin-top:0}
}
@media(max-width:1200px){.tiktok-hero-break,.tiktok-point-break,.tiktok-point-title-break{display:none}}
@media(min-width:768px){.tiktok-concerns-panel ul{grid-auto-flow:column;grid-template-rows:repeat(3,auto)}}
@media(max-width:767px){.tiktok-concerns-panel ul{grid-auto-flow:row;grid-template-rows:none}}