/* Survey preserves the approved two-purpose, two-feature and FAQ layout. */
.ts-survey .caption-sp,.ts-survey .cta-sp{display:none}.ts-survey picture{display:block}
.ts-survey .hero-actions{display:flex;gap:24px;margin-top:28px;align-items:center}
.ts-survey .hero-actions .button-orange{min-width:253px}
.ts-survey .hero-actions .button-outline{padding-inline:24px}
.ts-survey .survey-summary-band{background:linear-gradient(#fff,#f7fafb)}
.ts-survey .survey-summary{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--line);padding:28px 0 46px}
.ts-survey .summary-eyebrow{font-size:12px;color:var(--muted);font-weight:700}
.ts-survey .summary-title{display:flex;gap:14px;align-items:center;margin-top:10px}
.ts-survey .summary-title strong{font-size:22px;line-height:1.6}
.ts-survey .summary-title>span{font-size:12px;line-height:1.7;background:#eaf2f6;color:#4d7284;padding:0 6px}
.ts-survey .summary-body{font-size:13px;color:var(--muted);line-height:1.9;margin-top:12px;max-width:500px}
.ts-survey .feature-02 h3{margin-bottom:26px}
.ts-survey .feature-copy .check{font-size:13px!important;margin-top:14px!important}
.ts-survey .check>span{font-size:13px;line-height:inherit}
.ts-survey .feature-copy .check+.check{margin-top:8px!important}
.ts-survey .ai-callout{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;background:var(--pale);border-left:3px solid #8ab1c3;margin-top:52px;padding:24px 28px}
.ts-survey .ai-callout .eyebrow{font-size:11px}
.ts-survey .ai-heading{font-size:21px;font-weight:700;line-height:1.6;margin-top:10px}
.ts-survey .ai-callout>p{font-size:13px;color:var(--muted);line-height:1.9}
.ts-survey .survey-faq{background:var(--pale);padding:40px 0}
.ts-survey .faq-grid{display:grid;grid-template-columns:.8fr 1fr;gap:70px;align-items:start}
.ts-survey .survey-faq h2{font-size:27px;line-height:1.6;margin-top:18px}
.ts-survey .survey-faq h2>span{display:block}
.ts-survey .faq-item{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.ts-survey .faq-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.ts-survey .faq-item h3{font-size:16px;line-height:1.7}
.ts-survey .faq-item p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:8px}
@media(min-width:701px){
.ts-survey .hero{grid-template-columns:1fr 1.22fr}
.ts-survey .hero h1{font-size:40px}
.ts-survey .hero-figure img{width:579px;max-width:100%}
.ts-survey .features{padding-bottom:50px}
.ts-survey .feature-01{grid-template-columns:1fr 1.12fr;margin-top:140px}
.ts-survey .feature-01 .feature-copy{padding-top:18px}
.ts-survey .feature-01 figure img{width:545px;max-width:100%}
.ts-survey .feature-02{grid-template-columns:1.2fr 1fr;margin-top:170px}
.ts-survey .feature-02 .feature-copy{padding-top:0}
.ts-survey .feature-02 figure{padding:18px 26px 0}
.ts-survey .feature-02 figure img{width:543px;max-width:100%}
}
@media(min-width:701px) and (max-width:1100px){
.ts-survey .hero h1{font-size:clamp(21px,2.9vw,40px)}
.ts-survey .hero-actions{gap:12px;flex-wrap:wrap}
.ts-survey .hero-actions .button-orange{min-width:0;padding-inline:16px;font-size:12px}
.ts-survey .hero-actions .button-outline{font-size:12px;padding-inline:16px}
.ts-survey .faq-grid{gap:40px}
}
@media(max-width:700px){
.ts-survey .caption-pc,.ts-survey .cta-pc{display:none}.ts-survey .caption-sp,.ts-survey .cta-sp{display:block}
.ts-survey .hero h1{font-size:26.6667px}
.ts-survey .hero-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px;align-items:stretch}
.ts-survey .hero-actions .button{min-height:48px;font-size:12px;padding:10px 16px}
.ts-survey .hero-actions .button-outline{min-height:40px;padding-block:8px}
.ts-survey .hero-figure{margin-top:8px}
.ts-survey .survey-summary{display:block;padding:20px 0 30px}
.ts-survey .summary-item+.summary-item{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}
.ts-survey .summary-eyebrow{font-size:10px}
.ts-survey .summary-title{gap:12px;margin-top:8px}
.ts-survey .summary-title strong{font-size:20px}
.ts-survey .summary-title>span{font-size:10px}
.ts-survey .summary-body{font-size:12px;margin-top:8px}
.ts-survey .feature-01{margin-top:42px}
.ts-survey .feature-01 figure img,.ts-survey .feature-02 figure img{width:calc(100% - 40px);margin-inline:auto}
.ts-survey .feature-copy .check{font-size:11px!important}
.ts-survey .check>span{font-size:11px}
.ts-survey .feature-02 h3{margin-bottom:20px}
.ts-survey .ai-callout{display:block;margin-top:40px;padding:24px 18px}
.ts-survey .ai-callout .eyebrow{font-size:10px}
.ts-survey .ai-heading{font-size:19px;line-height:1.6;margin-top:12px}
.ts-survey .ai-heading>span{display:block}
.ts-survey .ai-callout>p{font-size:12px;margin-top:18px}
.ts-survey .feature-02{margin-top:64px}
.ts-survey .features{padding-bottom:70px}
.ts-survey .survey-faq{padding:36px 0}
.ts-survey .faq-grid{display:block}
.ts-survey .survey-faq h2{font-size:23px;margin-top:18px}
.ts-survey .faq-items{margin-top:34px}
.ts-survey .faq-item{padding-bottom:24px;margin-bottom:24px}
.ts-survey .faq-item h3{font-size:14px}
.ts-survey .faq-item p{font-size:12px;line-height:1.9}
.ts-survey .faq-final>span{display:block}
}
@media(max-width:359px){.ts-survey .hero h1{font-size:23px}}
@media(max-width:329px){.ts-survey .hero h1{font-size:22px}}
/* Approved two-line PC headline uses spare inter-column gap without narrowing its typography. */
@media(min-width:701px){.ts-survey .hero h1{width:max-content;max-width:none}}
/* Section and FAQ spacing traced to approved PC/SP text blocks and boundaries. */
@media(min-width:701px){
.ts-survey .feature-02{margin-top:178px}
.ts-survey .features{padding-bottom:67px}
.ts-survey .faq-item:not(:last-child){margin-bottom:18px}
}
@media(max-width:700px){
.ts-survey .feature-02{margin-top:89px}
.ts-survey .survey-faq{padding-bottom:24px}
.ts-survey .faq-items{margin-top:18px}
.ts-survey .faq-item:not(:last-child){padding-bottom:14.6px}
}
@media(max-width:700px){
.ts-survey .feature-02 figure{margin-top:56px}
.ts-survey .features{padding-bottom:97px}
}
/* Keep the approved blue phrase on one line at narrow phone widths. */
@media(min-width:360px) and (max-width:389px){.ts-survey .hero h1{font-size:clamp(24px,6.95vw,26.6667px)}}