.online-page{background:#fff;color:var(--ab-color-text,#202020)}
.online-page .wrap{width:min(100% - 40px,1500px);margin-inline:auto}
.online-intro{padding:clamp(52px,7vw,104px) 0 48px;background:#fff}
.online-intro-inner{width:min(100%,1120px)}
.online-kicker{display:block;margin:0 0 14px;color:#a27b4f;font-size:14px;font-weight:800;text-transform:uppercase}
.online-intro h1{max-width:1100px;margin:0;font-size:clamp(42px,5.5vw,82px);line-height:1.02;letter-spacing:0}
.online-intro p{max-width:900px;margin:24px 0 0;color:#5d5d5d;font-size:clamp(18px,2vw,24px);line-height:1.55}
.online-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.online-actions .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px}
.online-proof{border-block:1px solid #e8e2da;background:#f7f5f2}
.online-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.online-proof-item{padding:26px 24px;border-right:1px solid #e2dbd2}
.online-proof-item:last-child{border-right:0}
.online-proof-item strong{display:block;font-size:18px;line-height:1.25}
.online-proof-item span{display:block;margin-top:7px;color:#666;line-height:1.45}
.online-steps{padding:clamp(60px,8vw,108px) 0;background:#f1ece6}
.online-section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:42px;align-items:end;margin-bottom:34px}
.online-section-head h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1.06}
.online-section-head p{margin:0;color:#5f5b56;font-size:18px;line-height:1.6}
.online-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.online-step{position:relative;min-height:270px;padding:30px;background:#fff;border:1px solid #ddd4ca;border-radius:8px}
.online-step-number{display:block;margin-bottom:34px;color:#b28b60;font-size:14px;font-weight:900}
.online-step h3{margin:0;font-size:27px;line-height:1.1;text-transform:uppercase}
.online-step p{margin:16px 0 0;color:#68635e;font-size:16px;line-height:1.55}
.online-step a{display:inline-flex;margin-top:20px;color:#8d653e;font-weight:800;text-decoration:none}
.online-dark{padding:clamp(64px,8vw,112px) 0;background:#232323;color:#fff}
.online-dark-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(34px,6vw,88px);align-items:center}
.online-dark h2{margin:0;font-size:clamp(38px,5vw,70px);line-height:1.02}
.online-dark p{margin:22px 0 0;color:#d6d2cd;font-size:19px;line-height:1.6}
.online-dark-list{display:grid;gap:0;border-top:1px solid #4a4a4a}
.online-dark-list div{padding:20px 0;border-bottom:1px solid #4a4a4a}
.online-dark-list strong{display:block;color:#c7a178;font-size:18px}
.online-dark-list span{display:block;margin-top:5px;color:#d8d8d8}
.online-story{padding:clamp(60px,8vw,108px) 0}
.online-story-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,7vw,100px);align-items:center}
.online-story-media img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;object-position:center;border-radius:8px}
.online-story-copy h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.08}
.online-story-copy p{margin:18px 0 0;color:#5e5e5e;font-size:18px;line-height:1.68}
.online-topic-band{padding:clamp(58px,7vw,92px) 0;background:#f7f7f7}
.online-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.online-topic{display:flex;min-height:190px;flex-direction:column;justify-content:space-between;padding:26px;border:1px solid #dedede;border-radius:8px;background:#fff;color:inherit;text-decoration:none}
.online-topic h3{margin:0;font-size:24px;line-height:1.2}
.online-topic p{margin:12px 0 22px;color:#666;line-height:1.55}
.online-topic span{color:#987044;font-weight:800}
.online-copy{padding:clamp(58px,7vw,94px) 0}
.online-copy-grid{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.2fr);gap:clamp(34px,7vw,110px)}
.online-copy h2{margin:0;font-size:clamp(32px,3.5vw,50px);line-height:1.1}
.online-copy-content h3{margin:34px 0 0;font-size:25px}.online-copy-content h3:first-child{margin-top:0}
.online-copy-content p,.online-copy-content li{color:#555;font-size:17px;line-height:1.68}
.online-copy-content ul,.online-copy-content ol{padding-left:22px}
.online-faq{padding:clamp(54px,7vw,90px) 0;background:#f3eee8}
.online-faq h2{margin:0 0 28px;font-size:clamp(32px,4vw,50px)}
.online-faq details{border-top:1px solid #d4c9bd}
.online-faq details:last-child{border-bottom:1px solid #d4c9bd}
.online-faq summary{cursor:pointer;padding:21px 0;font-size:19px;font-weight:800}
.online-faq details p{max-width:900px;margin:-4px 0 22px;color:#595550;line-height:1.65}
.online-cta{padding:clamp(66px,9vw,118px) 0;background:#fff;text-align:center}
.online-cta h2{max-width:960px;margin:0 auto;font-size:clamp(36px,5vw,68px);line-height:1.04}
.online-cta p{max-width:760px;margin:22px auto 0;color:#606060;font-size:19px;line-height:1.6}
.online-cta .online-actions{justify-content:center}
@media(max-width:900px){.online-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-proof-item:nth-child(2){border-right:0}.online-proof-item:nth-child(-n+2){border-bottom:1px solid #e2dbd2}.online-section-head,.online-dark-grid,.online-story-grid,.online-copy-grid{grid-template-columns:1fr}.online-step-grid,.online-topic-grid{grid-template-columns:1fr}.online-story-media{order:2}}
@media(max-width:560px){.online-page .wrap{width:min(100% - 32px,1500px)}.online-intro{padding-top:42px}.online-intro h1{font-size:42px}.online-actions{display:grid;grid-template-columns:1fr}.online-actions .btn{width:100%}.online-proof-grid{grid-template-columns:1fr}.online-proof-item,.online-proof-item:nth-child(2){border-right:0;border-bottom:1px solid #e2dbd2}.online-proof-item:last-child{border-bottom:0}.online-step{min-height:0;padding:24px}.online-step-number{margin-bottom:25px}.online-dark-grid{grid-template-columns:1fr}.online-section-head{gap:18px}}