/* TgProx 1.2 — bundled artwork; no script, third-party fonts or layout shift. */
.tgprox-art{margin:0;min-width:0;width:100%}
.tgprox-art picture{display:block;overflow:hidden;border:1px solid #d9e7f8;border-radius:22px;background:#eaf3ff;box-shadow:0 12px 36px #214f8810}
.tgprox-art img{display:block;width:100%;height:auto;max-width:100%;border-radius:inherit;color:#416086;font-size:13px}
.tgprox-art figcaption{margin-top:11px;padding-inline:3px;font-size:11px;line-height:1.65;color:#5c7390;letter-spacing:0;font-weight:400}
.hero.hero--compact.hero--illustrated{grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:34px;padding-block:28px}
.hero--illustrated .hero-copy{min-width:0}
.hero-art{min-width:0;align-self:center}
.tgprox-art--hero picture{border-radius:20px;box-shadow:0 10px 30px #285aaa0c}
.hero-art-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding-inline:3px}
.hero-art-note p{font-size:11px;line-height:1.5;color:#5b7393}
.hero-art-note strong{font-weight:600;color:#30567f}
.hero-art-note>span{font-size:10px;line-height:1.5;max-width:115px;color:#607b9b;text-align:right}
.intro-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:46px}
.intro-layout .intro-copy{display:block}
.intro-layout .intro-copy p+p{margin-top:17px}
.tgprox-art--intro{max-width:440px;justify-self:end}
.how-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:44px}
.tgprox-art--steps{max-width:500px}
.how-layout .steps{grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:0}
.how-layout .steps article{position:relative;padding:19px 0 20px 58px;border-top:1px solid var(--line)}
.how-layout .steps article:last-child{border-bottom:1px solid var(--line)}
.how-layout .step-number{position:absolute;top:19px;left:0;margin:0}
.how-layout .steps p{max-width:none;font-size:14px;line-height:1.8}
.how-layout .steps h3{font-size:17px;line-height:1.4}
.article.article--illustrated{max-width:1184px}
.article--illustrated .article-header{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;gap:42px;margin-bottom:50px}
.article-heading-copy{min-width:0}
.article--illustrated .article-lead{font-size:17px;line-height:1.8;margin-top:22px}
.article--illustrated .article-content,.article--illustrated .article-cta{max-width:800px;margin-inline:auto}
.tgprox-art--article{max-width:540px;justify-self:end}
.tgprox-art--article figcaption{font-size:10px}
.tgprox-art--custom{overflow:hidden;border-radius:22px}
.tgprox-art--inline{max-width:640px;margin:24px auto 25px}
.article-content .tgprox-art--inline figcaption{margin-top:10px}
@media (min-width:851px) and (max-width:1100px){
 .hero.hero--compact.hero--illustrated{grid-template-columns:minmax(0,1fr) 330px;gap:25px}
 .hero--illustrated h1{font-size:36px}
 .hero--illustrated .hero-actions{gap:9px}
 .hero--illustrated .hero-actions .button{font-size:12px;padding:12px 16px}
 .hero-art-note>span{max-width:91px;font-size:9px}
 .intro-layout,.how-layout{gap:30px}
 .article--illustrated .article-header{gap:30px}
 .article--illustrated h1{font-size:37px}
}
@media (max-width:900px){
 .intro-layout,.how-layout{grid-template-columns:minmax(0,1fr);gap:26px}
 .intro-layout .intro-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .intro-layout .intro-copy p+p{margin-top:0}
 .tgprox-art--intro,.tgprox-art--steps{max-width:520px;justify-self:center}
 .how-layout .steps{order:0}.tgprox-art--steps{order:1}
 .article--illustrated .article-header{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:36px}
 .article--illustrated .article-header h1{max-width:720px}
 .tgprox-art--article{max-width:620px;justify-self:center}
}
/* Decorative desktop hero is omitted on tablets/phones. The <picture> media
   source prevents its WebP from being requested, not just from being displayed. */
@media (max-width:850px){
 .hero.hero--compact.hero--illustrated{grid-template-columns:minmax(0,1fr);gap:0;padding-block:27px 25px}
 .hero-art{display:none}
}
@media (max-width:650px){
 .tgprox-art picture{border-radius:17px;box-shadow:0 8px 22px #285aaa0a}
 .tgprox-art figcaption{margin-top:9px;font-size:10px;line-height:1.6}
 .intro-layout{gap:22px}.intro-layout .intro-copy{display:block}.intro-layout .intro-copy p+p{margin-top:15px}
 .how-layout{gap:23px}.how-layout .steps article{padding:18px 0 19px 52px}.how-layout .step-number{top:18px}
 .how-layout .steps p{font-size:14px}.how-layout .steps h3{font-size:17px}
 .article--illustrated .article-header{gap:24px;margin-bottom:30px}
 .article--illustrated .article-lead{font-size:16px;line-height:1.75;margin-top:19px}
 .article--illustrated h1{font-size:33px}
 .tgprox-art--inline{margin:21px auto 23px}
}
@media (max-width:370px){.article--illustrated h1{font-size:30px}.tgprox-art picture{border-radius:14px}}
@media print{.hero-art{display:none}.article--illustrated .article-header,.intro-layout,.how-layout{display:block}.tgprox-art{max-width:420px!important;margin:20px auto;break-inside:avoid}.tgprox-art picture{box-shadow:none}}