/* Agent hub only: commission-page proportions within the Ocean review. */
body[data-thaipay-design="2"][data-page="agents"]{
 --soft:#edf4f3;--body:#5c686b;--muted:#5c686b;--line:#dce5e4;
 font-size:16px;line-height:1.65;
}
body[data-thaipay-design="2"][data-page="agents"] .shell{width:calc(100% - 56px);max-width:1124px}
body[data-thaipay-design="2"][data-page="agents"] :is(.eyebrow,.tp-enquiry .eyebrow){font-size:12px;line-height:1.5;font-weight:650;letter-spacing:.12em}
body[data-thaipay-design="2"][data-page="agents"] p{font-size:16px;line-height:1.7}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero{
 position:relative;isolation:isolate;grid-template-columns:1.05fr .95fr;
 gap:52px;align-items:center;padding-block:48px 52px;
}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero:before{
 content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);
 background:linear-gradient(120deg,#fff 25%,#edf4f3);
}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero h1{
 font-size:clamp(32px,3.5vw,50px);font-weight:600;line-height:1.1;
 letter-spacing:-.045em;margin-top:16px;
}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero-offers{margin-top:23px;gap:0}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero-offers>li{
 padding:17px 0;gap:14px;border:0;border-bottom:1px solid var(--line);
 border-radius:0;background:transparent;
}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero-offers>li:first-child{padding-top:0}
body[data-thaipay-design="2"][data-page="agents"] .agent-offer-number{
 width:29px;height:29px;border-radius:50%;font-size:12px;font-weight:650;
 background:var(--light);color:var(--accent);
}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero-offers .agent-offer-reward .agent-offer-number{background:var(--light);color:var(--accent)}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero-offers h2{font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.4}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero .agent-hero-offers p{font-size:15px;line-height:1.65;margin-top:7px}
body[data-thaipay-design="2"][data-page="agents"] :is(.button,.tp-form button){min-height:52px;padding:14px 20px;border-radius:9px;font-size:16px;font-weight:650}
body[data-thaipay-design="2"][data-page="agents"] .agent-actions{margin-top:24px;gap:12px}
body[data-thaipay-design="2"][data-page="agents"] .agent-actions .button{min-height:52px;padding:14px 17px;font-size:15px;justify-content:space-between}
body[data-thaipay-design="2"][data-page="agents"] .agent-actions .button.secondary{background:#fff;border:1px solid var(--line);color:var(--accent)}
body[data-thaipay-design="2"][data-page="agents"] .agent-personal-link{font-size:14px;font-weight:600;margin-top:16px}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero .agent-fet{
 max-width:none;margin-top:24px;padding:0 0 0 16px;background:transparent;
 border-left:2px solid #a7c7cb;border-radius:0;font-size:14px;line-height:1.7;
}
body[data-thaipay-design="2"][data-page="agents"] .agent-fet b{font-weight:650}
body[data-thaipay-design="2"][data-page="agents"] .agent-hero-note{font-size:13px;line-height:1.6;gap:8px 16px;margin-top:22px}
body[data-thaipay-design="2"][data-page="agents"] .agent-visual{border-radius:14px}
body[data-thaipay-design="2"][data-page="agents"] .agent-visual img{height:590px;animation:none}
body[data-thaipay-design="2"][data-page="agents"] :is(.agent-programs,.deal-section,.agent-workflow,.agent-faq){padding-block:72px;border-top:1px solid var(--line)}
body[data-thaipay-design="2"][data-page="agents"] .agent-programs{border-top:0}
body[data-thaipay-design="2"][data-page="agents"] .section-head{max-width:720px}
body[data-thaipay-design="2"][data-page="agents"] :is(.section-head h2,.tp-enquiry h2){font-size:clamp(28px,3vw,37px);font-weight:550;line-height:1.2;letter-spacing:-.035em;margin-top:14px}
body[data-thaipay-design="2"][data-page="agents"] .section-head p{font-size:16px;line-height:1.7;margin-top:18px}
body[data-thaipay-design="2"][data-page="agents"] .program-grid{gap:22px;margin-top:32px}
body[data-thaipay-design="2"][data-page="agents"] .program-card{
 padding:28px;border-radius:13px;background:#fff;border:1px solid var(--line);
}
body[data-thaipay-design="2"][data-page="agents"] .program-card.dark{background:var(--soft);border-color:#c0d5d6}
body[data-thaipay-design="2"][data-page="agents"] .program-card h3{font-size:26px;line-height:1.3;font-weight:600;letter-spacing:-.035em;margin-top:17px}
body[data-thaipay-design="2"][data-page="agents"] .program-card p{font-size:16px;line-height:1.7}
body[data-thaipay-design="2"][data-page="agents"] .program-card :is(.eyebrow,p,small){color:var(--body)}
body[data-thaipay-design="2"][data-page="agents"] .program-numbers{margin-block:26px 28px;gap:30px}
body[data-thaipay-design="2"][data-page="agents"] .program-numbers b{font-size:49px;font-weight:600;letter-spacing:-.055em;line-height:1.15;margin-bottom:10px}
body[data-thaipay-design="2"][data-page="agents"] .program-numbers small{display:block;font-size:14px;line-height:1.6}
body[data-thaipay-design="2"][data-page="agents"] .program-card .button{
 width:auto;max-width:100%;background:#fff;color:var(--accent);border:1px solid #c0d5d6;
}
body[data-thaipay-design="2"][data-page="agents"] .program-card .button:hover{background:var(--light)}
body[data-thaipay-design="2"][data-page="agents"] .program-footnote{font-size:14px;line-height:1.7;margin-top:20px;max-width:1000px}
body[data-thaipay-design="2"][data-page="agents"] .deal-section{grid-template-columns:1fr 1fr;gap:64px}
body[data-thaipay-design="2"][data-page="agents"] .agent-example{margin-top:26px;background:var(--soft);border-radius:0 10px 10px 0;padding:20px 22px;font-size:15px;line-height:1.8}
body[data-thaipay-design="2"][data-page="agents"] .deal-calc{padding:28px;border-radius:14px;background:#fff;gap:19px}
body[data-thaipay-design="2"][data-page="agents"] .deal-calc label{font-size:14px;font-weight:600;gap:8px}
body[data-thaipay-design="2"][data-page="agents"] :is(.deal-calc input,.deal-calc select,.tp-field input,.tp-field select,.tp-field textarea){font-size:16px;min-height:49px;border-radius:8px;padding:12px;background:#fff}
body[data-thaipay-design="2"][data-page="agents"] .deal-result>div{font-size:15px;line-height:1.65}
body[data-thaipay-design="2"][data-page="agents"] .deal-result small{font-size:14px}
body[data-thaipay-design="2"][data-page="agents"] .deal-total b{font-size:30px;font-weight:650;letter-spacing:-.04em}
body[data-thaipay-design="2"][data-page="agents"] .deal-calc p{font-size:14px;line-height:1.7}
body[data-thaipay-design="2"][data-page="agents"] .agent-steps{gap:22px;margin-top:32px}
body[data-thaipay-design="2"][data-page="agents"] .agent-steps li{padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}
body[data-thaipay-design="2"][data-page="agents"] .agent-steps span{display:block;font-size:12px;line-height:1.7;letter-spacing:.04em}
body[data-thaipay-design="2"][data-page="agents"] .agent-steps h3{font-size:18px;font-weight:650;line-height:1.4;margin-top:22px}
body[data-thaipay-design="2"][data-page="agents"] .agent-steps p{font-size:16px;line-height:1.7;margin-top:12px}
body[data-thaipay-design="2"][data-page="agents"] .agent-resources{gap:12px 24px;margin-top:27px}
body[data-thaipay-design="2"][data-page="agents"] .agent-resources a{font-size:15px;font-weight:600}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq{grid-template-columns:1fr;gap:30px}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq .section-head br{display:none}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq details{padding:0}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq details:last-child{border-bottom:1px solid var(--line)}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq summary{
 display:flex;align-items:center;justify-content:space-between;gap:22px;
 padding:22px 0;font-size:16px;line-height:1.5;font-weight:600;list-style:none;
}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq summary::-webkit-details-marker{display:none}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq summary:after{content:"+";flex:none;font-size:24px;font-weight:450;color:var(--accent)}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq details[open] summary:after{content:"−"}
body[data-thaipay-design="2"][data-page="agents"] .agent-faq details p{font-size:16px;line-height:1.75;margin:0;padding:0 30px 23px 0;max-width:960px}
body[data-thaipay-design="2"][data-page="agents"] .tp-enquiry{background:var(--soft);padding:32px;border-radius:14px;gap:52px;margin-block:0 72px}
body[data-thaipay-design="2"][data-page="agents"] .tp-enquiry p{font-size:16px;line-height:1.7}
body[data-thaipay-design="2"][data-page="agents"] .tp-enquiry .tp-field{font-size:14px;font-weight:600}
body[data-thaipay-design="2"][data-page="agents"] .tp-enquiry .tp-field small{font-size:14px}
body[data-thaipay-design="2"][data-page="agents"] .tp-form .tp-privacy{font-size:14px;line-height:1.65}
@media(max-width:1000px){
 body[data-thaipay-design="2"][data-page="agents"] :is(.agent-hero,.deal-section){gap:30px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-actions{grid-template-columns:1fr}
 body[data-thaipay-design="2"][data-page="agents"] .agent-visual img{height:620px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-steps{grid-template-columns:1fr;gap:16px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-steps h3{margin-top:14px}
}
@media(max-width:760px){
 body[data-thaipay-design="2"][data-page="agents"] .shell{width:calc(100% - 40px)}
 body[data-thaipay-design="2"][data-page="agents"] .agent-hero{grid-template-columns:1fr;padding-block:34px 38px;gap:28px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-hero h1{font-size:36px;line-height:1.12}
 body[data-thaipay-design="2"][data-page="agents"] .agent-hero-offers h2{font-size:18px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-hero .agent-hero-offers p{font-size:16px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-actions .button{font-size:16px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-visual img{height:280px}
 body[data-thaipay-design="2"][data-page="agents"] :is(.agent-programs,.deal-section,.agent-workflow,.agent-faq){padding-block:50px}
 body[data-thaipay-design="2"][data-page="agents"] :is(.section-head h2,.tp-enquiry h2){font-size:29px;line-height:1.22}
 body[data-thaipay-design="2"][data-page="agents"] :is(.program-grid,.deal-section,.agent-faq){grid-template-columns:1fr;gap:25px}
 body[data-thaipay-design="2"][data-page="agents"] .program-card{padding:24px}
 body[data-thaipay-design="2"][data-page="agents"] .program-card h3{font-size:25px}
 body[data-thaipay-design="2"][data-page="agents"] .program-numbers{gap:26px}
 body[data-thaipay-design="2"][data-page="agents"] .program-numbers b{font-size:45px}
 body[data-thaipay-design="2"][data-page="agents"] .deal-calc{padding:24px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-faq summary{font-size:16px;padding:20px 0}
 body[data-thaipay-design="2"][data-page="agents"] .agent-faq details p{padding-right:0}
 body[data-thaipay-design="2"][data-page="agents"] .tp-enquiry{padding:25px;gap:26px;margin-bottom:50px}
}
@media(max-width:480px){
 body[data-thaipay-design="2"][data-page="agents"] .agent-hero h1{font-size:32px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-hero-note{display:grid;gap:7px}
 body[data-thaipay-design="2"][data-page="agents"] .program-card{padding:23px}
 body[data-thaipay-design="2"][data-page="agents"] .program-card .button{width:100%;justify-content:space-between}
 body[data-thaipay-design="2"][data-page="agents"] .deal-calc{padding:22px 18px}
 body[data-thaipay-design="2"][data-page="agents"] .agent-steps li{padding:22px}
 body[data-thaipay-design="2"][data-page="agents"] .tp-enquiry{padding:24px 18px}
}