
:root{--r-ink:#101936;--r-navy:#2d2d78;--r-cyan:#09a5d4;--r-bg:#f5f8fc;--r-line:#dbe4ef;--r-muted:#63738c}
.site-header{display:none}
body{background:#f5f8fc;color:var(--r-ink)}
body>.page-top{padding:70px 0 64px;background:#f5f8fc;position:relative;overflow:hidden}
body>.page-top:before{content:'';position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#e4f7ff 0%,transparent 65%);right:-100px;top:-270px;pointer-events:none}
.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto;position:relative}
body>.page-top .breadcrumb{font-weight:750;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#0e87c8;margin-bottom:22px}
body>.page-top h1{font-size:clamp(38px,4.7vw,72px);line-height:1.06;letter-spacing:-.065em;max-width:1030px;margin:0 0 25px;font-weight:790}
body>.page-top .lead{max-width:850px;font-size:clamp(17px,1.7vw,23px);line-height:1.52;color:#4e607b}
.section{padding:72px 0;border-top:1px solid #e0e7f2}
.section-white{background:white}.section-soft{background:#f1f5fa}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;gap:18px}
.section-head h2{font-size:clamp(31px,3vw,48px);line-height:1.12;letter-spacing:-.045em;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{border-radius:18px;background:#fff;border:1px solid #e0e8f3;overflow:hidden;box-shadow:0 15px 45px rgba(17,29,67,.035)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.card-body{padding:26px}.card-body h3{font-size:21px;letter-spacing:-.025em;line-height:1.25;margin:0 0 12px}
.card-body p{font-size:15px;color:#61718b;line-height:1.58;margin:0 0 20px}
.card-link{display:inline-block;font-size:13px;font-weight:800;color:#008cc1}
.article{width:min(970px,100%);margin:0 auto;padding:35px 0 100px}
.article>.meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.pill{color:#136da4;background:#eaf5ff;border-radius:100px;padding:9px 15px;font-size:12px;font-weight:800}
.article>img{margin-bottom:52px;max-height:500px!important}
.article-body{font-size:18px;line-height:1.82;color:#33425f}
.article-body h2{font-size:clamp(28px,3vw,45px);line-height:1.14;color:#111d3a;letter-spacing:-.045em;margin:56px 0 24px}
.article-body h3{font-size:23px;margin:36px 0 14px;color:#111d3a;letter-spacing:-.02em}
.article-body p{margin:0 0 20px}.article-body li{margin-bottom:10px}
.article-body .lead-out{font-size:20px;color:#243656;border-left:4px solid #09a5d4;padding-left:24px;margin:0 0 42px}
.article-body img{height:auto;max-width:100%;border-radius:16px;margin:23px 0}
body>.footer{display:none}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{width:min(100% - 40px,1200px)}}
@media(max-width:650px){.grid{grid-template-columns:1fr}body>.page-top{padding:45px 0}.wrap{width:calc(100% - 32px)}.section{padding:45px 0}.article-body{font-size:16px}.article-body .lead-out{font-size:17px}}
