:root {
--red: #d71920;
--ink: #151a21;
--muted: #64707d;
--line: #e6e9ee;
--soft: #f6f8fb;
--blue: #1d5b9f;
--green: #16795f;
--gold: #c69221;
--white: #fff;
--header: 72px;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
color: var(--ink);
font-family: Arial, "Microsoft YaHei", sans-serif;
background: #fff;
}
a {
color: inherit;
text-decoration: none;
}
img {
display: block;
max-width: 100%;
}
.site-header {
position: fixed;
z-index: 20;
top: 0;
left: 0;
right: 0;
height: var(--header);
display: flex;
align-items: center;
padding: 0 clamp(18px, 4vw, 56px);
background: rgba(255, 255, 255, .96);
border-bottom: 1px solid var(--line);
box-shadow: 0 8px 28px rgba(17, 24, 39, .06);
}
.logo img {
width: 160px;
height: 40px;
}
.main-nav {
display: flex;
gap: 2px;
margin-left: auto;
}
.main-nav a {
min-height: var(--header);
display: flex;
align-items: center;
padding: 0 18px;
font-size: 15px;
font-weight: 700;
}
.main-nav a:hover {
color: var(--red);
}
.menu-btn {
display: none;
margin-left: auto;
width: 42px;
height: 42px;
border: 0;
background: transparent;
font-size: 24px;
}
.hero {
min-height: 100vh;
display: flex;
align-items: center;
padding: calc(var(--header) + 42px) clamp(20px, 6vw, 86px) 70px;
color: #fff;
background: linear-gradient(90deg, rgba(10, 14, 22, .86), rgba(18, 28, 42, .62)), url("/img/hero.svg") center/cover no-repeat;
}
.hero-copy {
max-width: 900px;
}
.eyebrow {
margin: 0 0 10px;
color: var(--red);
font-size: 14px;
font-weight: 800;
}
.hero .eyebrow {
color: #ffd7da;
}
h1,
h2,
h3,
p {
letter-spacing: 0;
}
h1 {
margin: 0;
font-size: clamp(42px, 7vw, 88px);
line-height: 1.08;
}
h2 {
margin: 0;
font-size: clamp(30px, 4vw, 50px);
line-height: 1.18;
}
h3 {
margin: 0;
font-size: 22px;
line-height: 1.35;
}
.hero p {
max-width: 720px;
margin: 24px 0 0;
font-size: clamp(17px, 2vw, 22px);
line-height: 1.8;
}
.hero-actions {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-top: 34px;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
min-width: 132px;
padding: 0 22px;
border: 1px solid currentColor;
border-radius: 4px;
font-weight: 800;
}
.btn.primary {
color: #fff;
border-color: var(--red);
background: var(--red);
}
.btn.ghost {
color: #fff;
background: rgba(255, 255, 255, .08);
}
.band {
padding: 86px clamp(20px, 5vw, 72px);
}
.wrap {
max-width: 1180px;
margin: 0 auto;
}
.two-col {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
gap: 46px;
align-items: center;
}
.lead {
margin: 22px 0 0;
color: #394451;
font-size: 18px;
line-height: 1.9;
}
.company {
background: linear-gradient(90deg, #fff 0%, #fff 52%, var(--soft) 52%, var(--soft) 100%);
}
.company p:not(.lead):not(.eyebrow) {
color: var(--muted);
line-height: 1.85;
}
.fact-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.fact-grid div {
min-height: 150px;
padding: 24px;
border: 1px solid var(--line);
border-radius: 6px;
background: #fff;
box-shadow: 0 18px 38px rgba(17, 24, 39, .07);
}
.fact-grid strong {
display: block;
color: var(--red);
font-size: clamp(36px, 5vw, 62px);
line-height: 1;
}
.fact-grid span {
display: block;
margin-top: 14px;
color: var(--muted);
}
.articles {
background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.article-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-top: 40px;
}
.article-grid article {
min-height: 270px;
padding: 26px;
border: 1px solid var(--line);
border-radius: 6px;
background: #fff;
}
.article-grid time {
color: var(--red);
font-weight: 800;
}
.article-grid h3 {
margin: 14px 0 12px;
}
.article-grid p,
.card-grid p,
.service-strip span {
color: var(--muted);
line-height: 1.8;
}
.card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 40px;
}
.card-grid article {
min-height: 360px;
border: 1px solid var(--line);
border-radius: 6px;
overflow: hidden;
background: #fff;
box-shadow: 0 18px 38px rgba(17, 24, 39, .06);
}
.card-grid img {
width: 100%;
height: 190px;
object-fit: cover;
background: var(--soft);
}
.card-grid h3,
.card-grid p {
margin-left: 22px;
margin-right: 22px;
}
.card-grid h3 {
margin-top: 22px;
}
.service {
background: var(--soft);
}
.service-strip {
display: grid;
grid-template-columns: .8fr 1.2fr 1fr;
gap: 18px;
margin-top: 40px;
}
.service-strip div,
.contact-box {
padding: 24px;
border-left: 4px solid var(--red);
border-radius: 6px;
background: #fff;
box-shadow: 0 18px 38px rgba(17, 24, 39, .07);
}
.service-strip strong,
.service-strip span {
display: block;
}
.service-strip strong {
margin-bottom: 16px;
font-size: 20px;
}
.contact-box p {
color: var(--muted);
line-height: 1.8;
}
.contact-box .btn {
margin-top: 10px;
}
.site-footer {
display: flex;
justify-content: center;
gap: 18px;
flex-wrap: wrap;
padding: 26px;
color: #d8dee8;
background: #10151d;
font-size: 14px;
}
@media (max-width: 980px) {
.main-nav {
position: fixed;
top: var(--header);
left: 0;
right: 0;
display: none;
flex-direction: column;
background: #fff;
border-bottom: 1px solid var(--line);
}
.main-nav.is-open {
display: flex;
}
.main-nav a {
min-height: 52px;
border-top: 1px solid var(--line);
}
.menu-btn {
display: block;
}
.two-col,
  .article-grid,
  .card-grid,
  .service-strip {
grid-template-columns: 1fr;
}
.company {
background: #fff;
}
}
@media (max-width: 620px) {
:root {
--header: 62px;
}
.site-header {
padding: 0 16px;
}
.logo img {
width: 132px;
}
.hero {
padding-left: 20px;
padding-right: 20px;
}
.fact-grid {
grid-template-columns: 1fr;
}
}
.subpage{
max-width:1180px;
margin:0 auto;
padding:44px 20px 64px}
.breadcrumb{
font-size:14px;
color:#667085;
margin:18px 0}
.breadcrumb a{
color:#175cd3;
text-decoration:none}
.page-title{
font-size:34px;
line-height:1.25;
margin:10px 0 14px;
color:#101828}
.page-lead{
font-size:17px;
line-height:1.9;
color:#475467;
max-width:860px}
.grid-list{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
margin-top:28px}
.info-card{
border:1px solid #e4e7ec;
border-radius:8px;
padding:22px;
background:#fff}
.info-card h2,.info-card h3{
font-size:22px;
margin:0 0 10px;
color:#101828}
.info-card p,.article-body p{
line-height:1.9;
color:#475467}
.info-card a,.home-link{
color:#175cd3;
text-decoration:none;
font-weight:600}
.article-body{
max-width:900px}
.article-body h2{
font-size:24px;
margin-top:30px;
color:#101828}
.meta{
color:#667085;
font-size:14px;
margin:8px 0 22px}
.cta-strip{
margin-top:34px;
padding:22px;
border-radius:8px;
background:#f2f4f7}
@media(max-width:800px){
.grid-list{
grid-template-columns:1fr}
.page-title{
font-size:28px}
.subpage{
padding:28px 16px 46px}
}
.site-header{
height:70px;
padding:0 52px;
display:flex;
align-items:center;
justify-content:space-between;
gap:36px;
background:#fff;
border-bottom:1px solid #e5e7eb;
box-sizing:border-box;
}
.site-header .brand{
display:flex;
align-items:center;
flex:0 0 auto;
min-width:150px;
color:#111827;
font-weight:700;
text-decoration:none;
white-space:nowrap;
}
.site-header .brand img{
display:block;
width:138px;
height:auto;
}
.site-header nav{
display:flex;
align-items:center;
justify-content:flex-end;
gap:28px;
flex:1 1 auto;
min-width:0;
}
.site-header nav a{
display:inline-flex;
align-items:center;
height:70px;
color:#1f2937;
font-size:16px;
line-height:1;
text-decoration:none;
white-space:nowrap;
}
.site-header nav a:hover{
color:#c41230;
}
@media(max-width:900px){
.site-header{
height:auto;
min-height:64px;
padding:14px 18px;
align-items:flex-start;
flex-wrap:wrap;
gap:12px;
}
.site-header nav{
justify-content:flex-start;
gap:16px;
flex-wrap:wrap;
}
.site-header nav a{
height:auto;
font-size:15px;
}
}
.site-header{
justify-content:flex-start!important;
gap:34px!important;
}
.site-header .brand{
flex:0 0 auto!important;
min-width:118px!important;
}
.site-header nav{
flex:0 1 auto!important;
justify-content:flex-start!important;
margin-left:0!important;
gap:26px!important;
}
.site-header nav a{
white-space:nowrap!important;
}
.about-rich .lead{
max-width:920px}
.about-section{
margin-top:34px;
max-width:920px}
.about-section h2{
font-size:26px;
line-height:1.35;
margin:0 0 14px;
color:#111827}
.about-section p{
font-size:16px;
line-height:1.95;
color:#4b5563;
margin:0 0 12px}
.about-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
margin-top:34px}
.about-cards article{
border:1px solid #e5e7eb;
background:#fff;
border-radius:8px;
padding:24px}
.about-cards h2{
font-size:22px;
margin:0 0 12px;
color:#111827}
.about-cards p{
font-size:15px;
line-height:1.85;
color:#4b5563}
.about-cards a{
color:#c41230;
text-decoration:none;
font-weight:700}
.about-return{
margin-top:36px;
padding:24px;
border-radius:8px;
background:#f3f4f6}
.about-return p{
margin:8px 0 16px;
color:#4b5563}
@media(max-width:800px){
.about-cards{
grid-template-columns:1fr}
.about-section h2{
font-size:22px}
}
.rich-footer{
margin-top:0;
background:#111827;
color:#d1d5db;
padding:34px 0;
border-top:4px solid #c41230}
.rich-footer .footer-inner{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:28px}
.rich-footer a{
color:#fff;
text-decoration:none;
font-weight:700}
.rich-footer p{
margin:10px 0 0;
line-height:1.8;
color:#d1d5db;
max-width:560px}
.footer-nav{
display:flex;
gap:20px;
flex-wrap:wrap;
justify-content:flex-end}
@media(max-width:800px){
.rich-footer .footer-inner{
display:block}
.footer-nav{
justify-content:flex-start;
margin-top:18px;
gap:14px}
}
.pool-figure{
margin:26px 0 30px;
border-radius:8px;
overflow:hidden;
background:#fff;
border:1px solid #e5e7eb}
.pool-figure img{
display:block;
width:100%;
height:320px;
object-fit:cover}
.pool-figure figcaption{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:14px 18px;
color:#4b5563}
.pool-figure figcaption strong{
color:#111827;
font-size:18px}
.pool-figure figcaption span{
line-height:1.7}
@media(max-width:800px){
.pool-figure img{
height:220px}
.pool-figure figcaption{
display:block}
.pool-figure figcaption span{
display:block;
margin-top:6px}
}
body{
margin:0;
background:#f5f7fb;
color:#111827}
.site-main{
width:100%;
overflow:hidden}
.full-section{
width:100%;
padding:72px 0;
box-sizing:border-box}
.full-white{
background:#fff}
.full-muted{
background:#f3f6fa}
.full-inner{
width:100%;
max-width:1280px;
margin:0 auto;
padding:0 48px;
box-sizing:border-box}
.home-hero{
min-height:calc(100vh - 70px);
display:flex;
align-items:center;
background:linear-gradient(90deg,#f8fafc 0%,#eef2f7 100%)}
.hero-grid,.two-col{
display:grid;
grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
gap:42px;
align-items:center}
.hero-stats,.fact-grid{
display:grid;
gap:12px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:8px;
padding:28px}
.hero-stats strong{
font-size:22px;
color:#c41230}
.hero-stats span,.fact-grid span{
line-height:1.8;
color:#4b5563}
.page-hero{
padding-top:112px;
background:#eef2f7}
.page-hero h1,.home-hero h1{
font-size:46px;
line-height:1.18;
margin:12px 0 18px;
color:#101828}
.lead{
font-size:18px;
line-height:1.95;
color:#475467;
max-width:920px}
.content-block{
max-width:980px}
.content-block h2,.full-inner>h2{
font-size:30px;
line-height:1.35;
margin:0 0 18px}
.content-block p{
font-size:16px;
line-height:2;
color:#475467;
margin:0 0 12px}
.full-card-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
margin-top:24px}
.full-card-grid article{
background:#fff;
border:1px solid #e5e7eb;
border-radius:8px;
padding:26px;
min-height:180px}
.full-card-grid h2{
font-size:23px;
margin:0 0 12px}
.full-card-grid p{
line-height:1.9;
color:#4b5563}
.full-card-grid a{
color:#c41230;
text-decoration:none;
font-weight:700}
.return-home{
background:transparent}
.return-home h2{
font-size:26px}
.return-home p{
color:#4b5563;
line-height:1.8}
.subpage{
max-width:none!important;
width:100%!important;
margin:0!important;
padding:0!important}
.article-body{
max-width:none!important}
.pool-figure{
margin:28px 0 32px;
border-radius:8px;
overflow:hidden;
background:#fff;
border:1px solid #e5e7eb}
.pool-figure img{
display:block;
width:100%;
height:390px;
object-fit:cover}
.pool-figure figcaption{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:15px 20px;
color:#4b5563}
.pool-figure figcaption strong{
color:#111827;
font-size:18px}
.pool-figure figcaption span{
line-height:1.7}
.rich-footer{
background:#111827;
color:#d1d5db;
padding:36px 0;
border-top:4px solid #c41230}
.footer-inner{
display:flex;
justify-content:space-between;
gap:28px}
.rich-footer a{
color:#fff;
text-decoration:none;
font-weight:700}
.rich-footer p{
max-width:620px;
line-height:1.8}
.footer-nav{
display:flex;
gap:22px;
flex-wrap:wrap}
@media(max-width:900px){
.full-inner{
padding:0 18px}
.hero-grid,.two-col{
grid-template-columns:1fr}
.page-hero h1,.home-hero h1{
font-size:32px}
.full-section{
padding:48px 0}
.full-card-grid{
grid-template-columns:1fr}
.pool-figure img{
height:230px}
.pool-figure figcaption,.footer-inner{
display:block}
.footer-nav{
margin-top:16px}
}
.enrich-block .content-block{
max-width:1080px}
.enrich-block p{
font-size:17px;
line-height:2.05;
color:#374151}
.full-card-grid article p{
min-height:72px}
.home-hero .lead{
max-width:980px}
.full-inner{
max-width:none!important;
width:100%!important;
padding-left:clamp(24px,5vw,96px)!important;
padding-right:clamp(24px,5vw,96px)!important;
}
.home-hero{
min-height:calc(100vh - 70px)!important;
padding:0!important;
display:flex!important;
align-items:center!important;
}
.home-hero .hero-grid{
width:100%!important;
min-height:calc(100vh - 70px)!important;
grid-template-columns:minmax(0,1fr) minmax(420px,.62fr)!important;
gap:clamp(32px,5vw,90px)!important;
}
.home-hero .pool-figure{
width:100%!important;
margin:26px 0 30px!important;
}
.home-hero .pool-figure img{
height:clamp(360px,46vh,620px)!important;
}
.page-hero{
padding-top:112px!important;
padding-bottom:72px!important;
}
.page-hero .full-inner,
.full-white .full-inner,
.full-muted .full-inner{
max-width:none!important;
}
.content-block{
max-width:none!important;
}
.content-block p{
max-width:1280px;
}
.full-card-grid{
width:100%!important;
}
@media(max-width:900px){
.full-inner{
padding-left:18px!important;
padding-right:18px!important;
}
.home-hero{
min-height:auto!important;
padding:42px 0!important;
}
.home-hero .hero-grid{
min-height:auto!important;
grid-template-columns:1fr!important;
}
.home-hero .pool-figure img{
height:260px!important;
}
}
.about-page-style .page-hero{
background:#eef6f3}
.product-page-style .page-hero{
background:#f3f6fb}
.service-page-style .page-hero{
background:#f8f4ee}
.daily-page-style .page-hero{
background:#f5f1fa}
.contact-page-style .page-hero{
background:#f1f5f9}
.about-timeline{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-top:26px}
.about-timeline div,.service-flow div,.contact-steps div{
background:#fff;
border:1px solid #e5e7eb;
border-radius:8px;
padding:22px}
.product-matrix{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:28px;
align-items:start}
.product-matrix ul,.daily-list{
margin:0;
padding:0;
list-style:none}
.product-matrix li,.daily-list li{
padding:14px 0;
border-bottom:1px solid #e5e7eb;
line-height:1.8}
.service-flow{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-top:24px}
.daily-feature{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px}
.contact-steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:24px}
@media(max-width:900px){
.about-timeline,.service-flow,.contact-steps,.daily-feature,.product-matrix{
grid-template-columns:1fr}
}
.theme013-home-upload-banner{
margin:24px 0 26px;
border-radius:8px;
overflow:hidden;
border:1px solid #e5e7eb;
background:#fff;
}
.theme013-home-upload-banner-link{
display:block;
text-decoration:none;
}
.theme013-home-upload-banner picture,
.theme013-home-upload-banner-img{
display:block;
width:100%;
}
.theme013-home-upload-banner-img{
height:300px;
object-fit:cover;
}
@media(max-width:800px){
.theme013-home-upload-banner-img{
height:190px;
}
}
.home-hero .theme013-home-upload-banner{
margin:20px 0 24px;
width:100%;
border-radius:8px;
overflow:hidden;
border:1px solid #d9e2ee;
background:#fff;
box-shadow:0 10px 26px rgba(15,23,42,.08);
line-height:0;
}
.home-hero .theme013-home-upload-banner-link,
.home-hero .theme013-home-upload-banner picture{
display:block;
width:100%;
}
.home-hero .theme013-home-upload-banner-img{
display:block;
width:100%;
height:auto;
max-height:none;
object-fit:contain;
}
.home-hero .theme013-home-upload-banner + .pool-figure{
margin-top:22px;
}
@media(max-width:800px){
.home-hero .theme013-home-upload-banner{
margin:16px 0 20px;
}
.home-hero .theme013-home-upload-banner-img{
height:auto;
}
}
.home-hero{
padding-top:104px!important;
}
.home-hero .hero-grid{
display:grid;
grid-template-columns:1fr!important;
gap:30px;
align-items:start;
}
.home-hero .hero-grid > div:first-child{
width:100%;
}
.home-hero .theme013-home-upload-banner{
width:100%;
max-width:none;
margin:24px 0 28px;
border-radius:8px;
overflow:hidden;
border:0;
background:transparent;
box-shadow:none;
line-height:0;
}
.home-hero .theme013-home-upload-banner-link,
.home-hero .theme013-home-upload-banner picture,
.home-hero .theme013-home-upload-banner-img{
display:block;
width:100%;
}
.home-hero .theme013-home-upload-banner-img{
height:auto!important;
max-height:none!important;
object-fit:contain!important;
}
.home-hero .pool-figure{
width:100%;
max-width:none;
margin:24px 0 0;
}
.home-hero .pool-figure img{
height:460px;
object-fit:cover;
}
.home-hero .hero-stats{
width:100%;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
padding:24px;
}
@media(max-width:900px){
.home-hero{
padding-top:88px!important;
}
.home-hero .hero-grid{
gap:22px;
}
.home-hero .theme013-home-upload-banner{
margin:18px 0 22px;
}
.home-hero .pool-figure img{
height:240px;
}
.home-hero .hero-stats{
grid-template-columns:1fr;
padding:20px;
}
}
.full-card-grid article h3,
.about-cards article h3,
.info-card h3 {
margin: 0 0 10px;
color: #111827;
font-size: 22px;
line-height: 1.35;
font-weight: 700;
}
.cta-strip h3 {
margin: 0 0 10px;
color: #111827;
font-size: 22px;
line-height: 1.35;
font-weight: 700;
}
@media (max-width: 800px) {
.full-card-grid article h3,
  .about-cards article h3,
  .info-card h3,
  .cta-strip h3 {
font-size: 20px;
}
}
html,
body {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
}
.site-header {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
.site-main,
.full-section,
.home-hero,
.page-hero,
.full-white,
.full-muted,
.rich-footer,
.site-footer {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
.full-inner,
.hero-grid,
.two-col,
.content-block,
.footer-inner,
.full-card-grid,
.about-section,
.about-cards,
.cta-strip {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
.theme013-home-upload-banner,
.theme013-home-upload-banner-link,
.theme013-home-upload-banner picture,
.theme013-home-upload-banner-img,
.pool-figure,
.pool-figure img,
.home-hero .theme013-home-upload-banner,
.home-hero .theme013-home-upload-banner-link,
.home-hero .theme013-home-upload-banner picture,
.home-hero .theme013-home-upload-banner-img,
.home-hero .pool-figure,
.home-hero .pool-figure img {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
.home-hero .hero-stats,
.hero-stats {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 900px) {
.site-header,
  .full-inner,
  .hero-grid,
  .two-col,
  .content-block,
  .footer-inner,
  .full-card-grid,
  .about-section,
  .about-cards,
  .cta-strip {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 901px) {
.home-hero .pool-figure,
  .pool-figure {
display: grid !important;
grid-template-columns: minmax(0, 50%) minmax(0, 50%) !important;
align-items: stretch !important;
width: 100% !important;
max-width: none !important;
margin: 28px 0 32px !important;
border: 0 !important;
border-radius: 0 !important;
background: #ffffff !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.home-hero .pool-figure img,
  .pool-figure img {
width: 100% !important;
height: 420px !important;
display: block !important;
object-fit: cover !important;
border-radius: 0 !important;
}
.home-hero .pool-figure figcaption,
  .pool-figure figcaption {
width: 100% !important;
min-height: 420px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
gap: 18px !important;
padding: 48px 5vw !important;
color: #475467 !important;
background: #ffffff !important;
box-sizing: border-box !important;
}
.home-hero .pool-figure figcaption h2,
  .pool-figure figcaption h2 {
margin: 0 !important;
font-size: 34px !important;
line-height: 1.25 !important;
color: #101828 !important;
font-weight: 800 !important;
}
.home-hero .pool-figure figcaption p,
  .pool-figure figcaption p {
margin: 0 !important;
max-width: 620px !important;
font-size: 17px !important;
line-height: 2 !important;
color: #475467 !important;
}
}
@media (max-width: 900px) {
.home-hero .pool-figure,
  .pool-figure {
display: block !important;
width: 100% !important;
margin: 24px 0 28px !important;
border: 0 !important;
border-radius: 0 !important;
}
.home-hero .pool-figure img,
  .pool-figure img {
width: 100% !important;
height: 260px !important;
display: block !important;
object-fit: cover !important;
border-radius: 0 !important;
}
.home-hero .pool-figure figcaption,
  .pool-figure figcaption {
display: block !important;
padding: 22px 18px !important;
background: #ffffff !important;
box-sizing: border-box !important;
}
.home-hero .pool-figure figcaption h2,
  .pool-figure figcaption h2 {
margin: 0 0 10px !important;
font-size: 24px !important;
line-height: 1.35 !important;
color: #101828 !important;
font-weight: 800 !important;
}
.home-hero .pool-figure figcaption p,
  .pool-figure figcaption p {
margin: 0 !important;
font-size: 16px !important;
line-height: 1.9 !important;
color: #475467 !important;
}
}
.home-hero .home-pool-title{
width:100%;
margin:30px 0 18px;
padding:0;
text-align:left;
}
.home-hero .home-pool-title h1{
margin:0;
padding:0;
max-width:none;
font-size:clamp(32px,4vw,58px);
line-height:1.15;
color:#071426;
letter-spacing:0;
}
.home-hero .home-pool-title + .pool-figure{
margin-top:0;
}
@media(max-width:900px){
.home-hero .home-pool-title{
margin:24px 0 14px;
padding:0 18px;
}
.home-hero .home-pool-title h1{
font-size:32px;
}
}
.home-hero{
padding-top:70px!important;
}
.home-hero .theme013-home-upload-banner{
margin-top:0!important;
}
@media(max-width:900px){
.home-hero{
padding-top:194px!important;
}
.home-hero .theme013-home-upload-banner{
margin-top:0!important;
}
}
.home-hero .pool-figure figcaption p + p,
.pool-figure figcaption p + p{
margin-top:12px!important;
}
.home-hero .pool-figure figcaption h2{
margin-bottom:12px;
}
@media (min-width: 901px){
.home-hero .pool-figure,
  .pool-figure{
align-items:stretch!important;
}
.home-hero .pool-figure img,
  .pool-figure img{
width:100%!important;
height:100%!important;
min-height:520px!important;
object-fit:cover!important;
}
.home-hero .pool-figure figcaption,
  .pool-figure figcaption{
min-height:520px!important;
}
}
@media (max-width: 900px){
.home-hero .pool-figure img,
  .pool-figure img{
width:100%!important;
height:auto!important;
min-height:0!important;
object-fit:contain!important;
}
}
.home-news-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
margin:24px 0 18px;
}
.home-news-card{
border:1px solid #e5e7eb;
background:#fff;
padding:0 0 18px;
overflow:hidden;
}
.home-news-card img{
display:block;
width:100%;
aspect-ratio:16/10;
object-fit:cover;
}
.home-news-card h3{
font-size:18px;
line-height:1.45;
margin:16px 16px 8px;
}
.home-news-card h3 a{
color:#111827;
text-decoration:none;
}
.home-news-card p{
margin:0 16px;
line-height:1.8;
color:#4b5563;
}
.article-news-figure{
margin:28px 0;
}
.article-news-figure img{
display:block;
width:100%;
height:auto;
}
.article-body{
max-width:980px;
line-height:1.95;
color:#374151;
}
.article-body h2{
margin-top:30px;
font-size:24px;
color:#111827;
}
.article-body p{
margin:16px 0;
}
@media(max-width:900px){
.home-news-grid{
grid-template-columns:1fr}
}
@media (min-width: 901px){
.home-hero .pool-figure figcaption,
  .pool-figure figcaption{
padding: 44px 40px !important;
box-sizing: border-box !important;
}
.home-hero .pool-figure figcaption p,
  .pool-figure figcaption p{
width: 100% !important;
max-width: none !important;
}
}
@media (min-width: 1600px){
.home-hero .pool-figure figcaption,
  .pool-figure figcaption{
padding: 56px 56px !important;
}
}
.home-hero .pool-figure figcaption h2,
.pool-figure figcaption h2{
width: 100% !important;
max-width: none !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (min-width: 901px){
.home-hero .pool-figure figcaption,
  .pool-figure figcaption{
align-items: stretch !important;
}
}
@media (max-width: 900px){
.home-hero .pool-figure figcaption h2,
  .pool-figure figcaption h2{
text-align: center !important;
}
}
@media (min-width:901px){
.home-hero .pool-figure figcaption,
  .pool-figure figcaption{
display:grid!important;
grid-template-rows:minmax(128px,.42fr) repeat(4,auto) minmax(24px,.10fr)!important;
align-content:stretch!important;
align-items:stretch!important;
justify-content:stretch!important;
gap:16px!important;
}
.home-hero .pool-figure figcaption h2,
  .pool-figure figcaption h2{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:128px!important;
margin:0!important;
width:100%!important;
max-width:none!important;
text-align:center!important;
}
.home-hero .pool-figure figcaption p,
  .pool-figure figcaption p{
margin-top:0!important;
}
}
@media (min-width:1600px){
.home-hero .pool-figure figcaption,
  .pool-figure figcaption{
grid-template-rows:minmax(150px,.42fr) repeat(4,auto) minmax(28px,.10fr)!important;
}
.home-hero .pool-figure figcaption h2,
  .pool-figure figcaption h2{
min-height:150px!important;
}
}
@media (max-width:900px){
.home-hero .pool-figure figcaption h2,
  .pool-figure figcaption h2{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:72px!important;
margin:0 0 14px!important;
width:100%!important;
max-width:none!important;
text-align:center!important;
}
}
\n\n
.home-hero .pool-figure figcaption p,
.pool-figure figcaption p{
text-indent:2em!important;
}
\n
.home-faq-section{
background:#f6f8fb;
padding:64px 0;
}
.home-faq-inner{
display:block;
width:100%;
}
.home-faq-heading h2{
margin:0 0 14px;
color:#0f172a;
font-size:28px;
line-height:1.35;
letter-spacing:0;
}
.home-faq-heading p{
margin:0;
color:#64748b;
line-height:1.8;
font-size:16px;
}
.home-faq-list{
border-top:0;
}
.home-faq-item{
padding:22px 0;
border-bottom:1px solid #d8dee8;
}
.home-faq-item h3{
display:flex;
gap:12px;
align-items:baseline;
margin:0 0 10px;
color:#111827;
font-size:18px;
line-height:1.55;
letter-spacing:0;
}
.home-faq-item h3 span{
flex:0 0 auto;
color:#0f5fb8;
font-weight:700;
}
.home-faq-item p{
margin:0;
color:#4b5563;
font-size:16px;
line-height:1.9;
}
@media (max-width:900px){
.home-faq-section{
padding:46px 0;
}
.home-faq-inner{
grid-template-columns:1fr;
gap:24px;
}
.home-faq-heading h2{
font-size:24px;
}
.home-faq-item{
padding:18px 0;
}
.home-faq-item h3{
font-size:17px;
}
}
.home-faq-section .home-faq-inner{
display:block!important;
width:100%!important;
max-width:none!important;
}
.home-faq-section .home-faq-list{
width:100%!important;
max-width:none!important;
}
.home-faq-section .home-faq-heading{
width:100%!important;
text-align:center!important;
margin:0 auto!important;
}
.home-faq-section .home-faq-heading h2{
width:100%!important;
max-width:none!important;
text-align:center!important;
}
.home-faq-section{
padding-top:36px!important;
}
.home-faq-section .home-faq-list{
border-top:0!important;
}
.home-faq-section .home-faq-heading{
margin:0 auto 18px!important;
text-align:center!important;
}
.home-faq-section .home-faq-heading h2{
margin:0!important;
text-align:center!important;
}
.rich-footer .footer-inner{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:start!important;
column-gap:clamp(28px,5vw,88px)!important;
row-gap:18px!important;
padding-left:clamp(24px,5vw,96px)!important;
padding-right:clamp(24px,5vw,96px)!important;
}
.rich-footer .footer-brand{
min-width:0!important;
}
.rich-footer .footer-brand p:not(.footer-icp){
max-width:980px!important;
margin:10px 0 0!important;
}
.rich-footer .footer-nav{
display:flex!important;
justify-content:flex-end!important;
align-items:flex-start!important;
gap:22px!important;
padding-top:2px!important;
white-space:nowrap!important;
}
.rich-footer .footer-icp{
grid-column:1 / -1!important;
justify-self:center!important;
width:100%!important;
max-width:none!important;
margin:6px 0 0!important;
padding-top:16px!important;
border-top:1px solid rgba(255,255,255,.12)!important;
text-align:center!important;
color:#d1d5db!important;
font-size:13px!important;
line-height:1.8!important;
}
@media(max-width:800px){
.rich-footer .footer-inner{
grid-template-columns:1fr!important;
row-gap:16px!important;
padding-left:18px!important;
padding-right:18px!important;
text-align:center!important;
}
.rich-footer .footer-nav{
justify-content:center!important;
white-space:normal!important;
margin-top:4px!important;
}
.rich-footer .footer-brand p:not(.footer-icp){
max-width:none!important;
}
}
.rich-footer .footer-inner{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(420px,560px)!important;
align-items:start!important;
column-gap:clamp(32px,5vw,88px)!important;
padding-left:clamp(28px,5vw,96px)!important;
padding-right:clamp(28px,5vw,96px)!important;
}
.rich-footer .footer-brand{
min-width:0!important;
}
.rich-footer .footer-nav{
justify-self:center!important;
align-self:start!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:22px!important;
flex-wrap:wrap!important;
max-width:560px!important;
margin:0!important;
text-align:center!important;
}
.rich-footer .footer-icp{
grid-column:1 / -1!important;
}
@media(max-width:900px){
.rich-footer .footer-inner{
display:block!important;
padding-left:18px!important;
padding-right:18px!important;
}
.rich-footer .footer-nav{
justify-content:flex-start!important;
text-align:left!important;
max-width:none!important;
margin-top:16px!important;
}
}
.home-news-card p{
text-indent:2em;
}
.rich-footer .footer-brand p:not(.footer-icp){
text-indent:2em;
}
.site-header .header-home-link{
display:none;
}
@media(max-width:900px){
.site-header{
display:flex;
align-items:center;
position:relative;
gap:10px;
}
.site-header .logo{
order:1;
flex:0 0 auto;
}
.site-header .header-home-link{
order:2;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 10px;
color:#111827;
font-weight:700;
text-decoration:none;
white-space:nowrap;
}
.site-header .menu-btn{
order:3;
position:static;
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:36px;
margin-left:0;
}
.site-header .main-nav{
order:4;
display:none;
position:absolute;
left:0;
right:0;
top:100%;
z-index:80;
flex-direction:column;
align-items:stretch;
gap:0;
background:#fff;
border-top:1px solid #e5e7eb;
box-shadow:0 12px 26px rgba(15,23,42,.12);
}
.site-header .main-nav.is-open{
display:flex;
}
.site-header .main-nav > a[href="/"]{
display:none;
}
.site-header .main-nav a{
display:block;
width:100%;
min-height:auto;
padding:14px 20px;
color:#111827;
border-bottom:1px solid #eef2f7;
text-align:left;
}
}
@media(min-width:901px){
.site-header .header-home-link{
display:none;
}
}
.site-header .header-daily-link{
display:none;
}
@media(max-width:900px){
.site-header .header-daily-link{
order:3;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 8px;
color:#111827;
font-weight:700;
text-decoration:none;
white-space:nowrap;
}
.site-header .menu-btn{
order:4;
}
.site-header .main-nav > a[href="/daily/"]{
display:none;
}
}
@media(min-width:901px){
.site-header .header-daily-link{
display:none;
}
}
@media (max-width: 800px){
.site-main > .home-hero,
  .home-hero{
padding-top:0!important;
}
.home-hero .hero-grid{
padding-top:0!important;
}
.home-hero .theme013-home-upload-banner{
margin-top:0!important;
}
}
@media (max-width: 900px){
.site-header .main-nav{
border-top:0!important;
}
.site-header .main-nav a{
border-top:0!important;
border-bottom:0!important;
}
}
@media (min-width: 901px) {
body.about-page-style .pool-figure {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important;
border: 1px solid #e5e7eb !important;
border-radius: 8px !important;
overflow: hidden !important;
}
body.about-page-style .pool-figure img {
width: 100% !important;
height: 480px !important;
min-height: 0 !important;
object-fit: cover !important;
}
body.about-page-style .pool-figure figcaption {
min-height: 480px !important;
padding: 32px 36px !important;
box-sizing: border-box !important;
}
body.about-page-style .pool-figure figcaption h2 {
min-height: 0 !important;
margin: 0 0 14px !important;
font-size: 28px !important;
line-height: 1.35 !important;
}
body.about-page-style .pool-figure figcaption p {
font-size: 16px !important;
line-height: 1.9 !important;
}
}
@media (max-width: 900px) {
body.about-page-style .pool-figure {
margin: 0 !important;
border-radius: 8px !important;
overflow: hidden !important;
}
body.about-page-style .pool-figure img {
height: 330px !important;
min-height: 0 !important;
object-fit: cover !important;
}
body.about-page-style .pool-figure figcaption {
min-height: 0 !important;
padding: 18px 16px !important;
}
}
@media (min-width: 901px) {
body.about-page-style .pool-figure {
height: 480px !important;
min-height: 480px !important;
align-items: stretch !important;
}
body.about-page-style .pool-figure img {
height: 100% !important;
min-height: 0 !important;
object-fit: cover !important;
}
body.about-page-style .pool-figure figcaption {
height: 100% !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
box-sizing: border-box !important;
}
}
body.about-page-style main {
background: #fff !important;
}
body.about-page-style .pool-figure {
background: #fff !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.about-page-style .about-achievements {
background: #fff;
padding: 74px 0 88px;
}
body.about-page-style .about-achievements-inner {
display: block;
}
body.about-page-style .about-achievement-head h2 {
margin: 0 0 54px;
font-size: 34px;
line-height: 1.25;
color: #222;
font-weight: 700;
}
body.about-page-style .about-achievement-head h2::after {
content: "";
display: block;
width: 70px;
height: 6px;
margin-top: 18px;
background: #d60000;
}
body.about-page-style .about-achievement-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 88px;
align-items: start;
}
body.about-page-style .about-achievement-main strong {
display: block;
margin: 0 0 34px;
font-size: 58px;
line-height: 1.15;
color: #333;
font-weight: 500;
}
body.about-page-style .about-achievement-main p {
max-width: 860px;
margin: 0;
font-size: 18px;
line-height: 2;
color: #333;
}
body.about-page-style .about-achievement-list {
list-style: none;
margin: 8px 0 0;
padding: 0 0 0 34px;
border-left: 1px solid #e5e7eb;
}
body.about-page-style .about-achievement-list li {
position: relative;
padding: 0 0 34px;
font-size: 21px;
line-height: 1.6;
color: #626b76;
text-align: right;
}
body.about-page-style .about-achievement-list li:first-child {
color: #d60000;
}
body.about-page-style .about-achievement-list li:first-child::after {
content: "";
display: inline-block;
width: 4px;
height: 28px;
margin-left: 18px;
vertical-align: middle;
background: #d60000;
}
@media (max-width: 900px) {
body.about-page-style .about-achievements {
padding: 46px 0 56px;
}
body.about-page-style .about-achievement-head h2 {
margin-bottom: 32px;
font-size: 28px;
}
body.about-page-style .about-achievement-grid {
grid-template-columns: 1fr;
gap: 32px;
}
body.about-page-style .about-achievement-main strong {
font-size: 34px;
}
body.about-page-style .about-achievement-main p {
font-size: 16px;
line-height: 1.9;
}
body.about-page-style .about-achievement-list {
padding-left: 18px;
}
body.about-page-style .about-achievement-list li {
text-align: left;
font-size: 18px;
padding-bottom: 22px;
}
}
body.about-page-style .achievement.about-achievement-click {
background: #fff;
padding: 78px 0 92px;
}
body.about-page-style .achievement-title.layout-title {
margin: 0 0 132px;
font-size: 36px;
line-height: 1.25;
font-weight: 700;
color: #2f343a;
text-align: center;
}
body.about-page-style .achievement-swiper-box {
display: grid;
grid-template-columns: minmax(0, 760px) 520px;
gap: 36px;
align-items: start;
justify-content: center;
}
body.about-page-style .achievement-content {
min-height: 260px;
transform: translateX(-300px);
}
body.about-page-style .swiper-slide-title {
margin: 0 0 66px;
font-size: 64px;
line-height: 1.18;
font-weight: 400;
color: #30343a;
}
body.about-page-style .swiper-slide-content {
max-width: 900px;
font-size: 18px;
line-height: 2.05;
color: #30343a;
}
body.about-page-style .achievement-swiper-pagination {
border-right: 0;
padding-right: 0;
transform: translateX(200px);
}
body.about-page-style .achievement-swiper-pagination .pagination-item {
display: block;
width: 100%;
border: 0;
background: transparent;
margin: 0 0 34px;
padding: 0;
text-align: right;
font: inherit;
font-size: 20px;
line-height: 1.55;
color: #646b75;
cursor: pointer;
}
body.about-page-style .achievement-swiper-pagination .pagination-item.active {
color: #d60000;
}
@media (max-width: 900px) {
body.about-page-style .achievement.about-achievement-click {
padding: 48px 0 58px;
}
body.about-page-style .achievement-title.layout-title {
margin-bottom: 42px;
font-size: 28px;
}
body.about-page-style .achievement-swiper-box {
grid-template-columns: 1fr;
gap: 34px;
}
body.about-page-style .swiper-slide-title {
margin-bottom: 26px;
font-size: 34px;
}
body.about-page-style .swiper-slide-content {
font-size: 16px;
line-height: 1.9;
}
body.about-page-style .achievement-swiper-pagination {
border-right: 0;
border-left: 1px solid #e5e7eb;
padding: 0 0 0 18px;
transform: none;
}
body.about-page-style .achievement-swiper-pagination .pagination-item {
text-align: left;
margin-bottom: 18px;
font-size: 17px;
}
}
@media (max-width: 900px) {
body.about-page-style .achievement-content {
transform: none;
}
}
body.about-page-style .full-white .content-block {
max-width: 980px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
body.about-page-style .full-white .content-block h2 {
text-align: center;
}
body.about-page-style .full-white .content-block p {
max-width: 980px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
body.about-page-style .page-hero {
padding-top: 72px !important;
padding-bottom: 44px !important;
}
body.about-page-style .page-hero h1 {
margin-top: 8px !important;
margin-bottom: 0 !important;
}
@media (max-width: 900px) {
body.about-page-style .page-hero {
padding-top: 46px !important;
padding-bottom: 34px !important;
}
body.about-page-style .page-hero h1 {
margin-top: 8px !important;
margin-bottom: 0 !important;
}
}
.product-redesign-page {
background: #f3f6fa;
}
.product-redesign-page .product-visual-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 28px;
align-items: stretch;
padding: 72px clamp(24px, 5vw, 90px) 54px;
background: #eef2f7;
}
.product-redesign-page .product-hero-copy {
max-width: 960px;
}
.product-redesign-page .eyebrow {
margin: 0 0 16px;
color: #c41230;
font-size: 15px;
line-height: 1.7;
}
.product-redesign-page .eyebrow a {
color: #c41230;
text-decoration: none;
}
.product-redesign-page h1 {
margin: 0 0 18px;
color: #07172f;
font-size: clamp(34px, 4vw, 58px);
line-height: 1.16;
font-weight: 800;
}
.product-redesign-page .product-hero-copy p:not(.eyebrow) {
max-width: 860px;
margin: 0;
color: #475467;
font-size: 17px;
line-height: 2;
}
.product-redesign-page .product-home-link {
display: inline-flex;
margin-top: 24px;
color: #c41230;
font-weight: 700;
text-decoration: none;
}
.product-redesign-page .product-hero-panel {
display: grid;
gap: 14px;
align-content: center;
padding: 34px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
}
.product-redesign-page .product-hero-panel strong {
color: #111827;
font-size: 24px;
}
.product-redesign-page .product-hero-panel span {
color: #475467;
font-size: 18px;
}
.product-redesign-page .product-gallery-section {
padding: 64px clamp(24px, 5vw, 90px) 76px;
background: #fff;
}
.product-redesign-page .product-section-head {
display: grid;
grid-template-columns: minmax(0, 360px) minmax(0, 760px);
gap: 44px;
align-items: end;
margin-bottom: 34px;
}
.product-redesign-page .product-section-head h2,
.product-redesign-page .product-support-band h2 {
margin: 0;
color: #101828;
font-size: 34px;
line-height: 1.25;
}
.product-redesign-page .product-section-head p {
margin: 0;
color: #475467;
font-size: 16px;
line-height: 1.9;
}
.product-redesign-page .product-gallery-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
}
.product-redesign-page .product-gallery-grid article {
min-width: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden;
}
.product-redesign-page .product-gallery-grid img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.product-redesign-page .product-gallery-grid h3 {
margin: 18px 18px 8px;
color: #111827;
font-size: 20px;
line-height: 1.35;
}
.product-redesign-page .product-gallery-grid p {
margin: 0 18px 22px;
color: #4b5563;
font-size: 15px;
line-height: 1.8;
}
.product-redesign-page .product-support-band {
padding: 58px clamp(24px, 5vw, 90px) 72px;
background: #f3f6fa;
}
.product-redesign-page .product-support-band > div {
max-width: 980px;
}
.product-redesign-page .product-support-band p {
margin: 18px 0 0;
color: #475467;
font-size: 16px;
line-height: 1.95;
}
@media (max-width: 1100px) {
.product-redesign-page .product-gallery-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 800px) {
.product-redesign-page .product-visual-hero,
  .product-redesign-page .product-section-head {
grid-template-columns: 1fr;
}
.product-redesign-page .product-visual-hero {
padding: 42px 18px 44px;
}
.product-redesign-page .product-gallery-section,
  .product-redesign-page .product-support-band {
padding-left: 18px;
padding-right: 18px;
}
.product-redesign-page .product-gallery-grid {
grid-template-columns: 1fr;
}
}
body.about-page-style {
background: #f5f7fb;
}
body.about-page-style .page-hero {
background: linear-gradient(135deg, #eef5f6 0%, #f8fbfc 54%, #edf2f7 100%);
border-bottom: 1px solid #e4ebf2;
}
body.about-page-style .page-hero .eyebrow,
body.about-page-style .page-hero .eyebrow a {
color: #c41230;
font-weight: 700;
}
body.about-page-style .page-hero h1 {
color: #07172d;
text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
body.about-page-style .full-section.full-white {
background: #f5f7fb;
}
body.about-page-style .content-block {
background: #fff;
border: 1px solid #e5eaf0;
border-radius: 12px;
box-shadow: 0 18px 48px rgba(15,23,42,.07);
}
body.about-page-style .content-block h2 {
color: #111827;
font-weight: 700;
}
body.about-page-style .content-block h2::after {
content: "";
display: block;
width: 56px;
height: 3px;
margin-top: 14px;
background: #c41230;
}
body.about-page-style .content-block p {
color: #445064;
line-height: 2.05;
}
body.about-page-style .content-block a {
color: #c41230;
font-weight: 700;
text-decoration: none;
}
body.about-page-style .content-block a:hover {
text-decoration: underline;
}
body.about-page-style .pool-figure {
border-color: #e5eaf0 !important;
box-shadow: 0 18px 52px rgba(15,23,42,.08) !important;
}
body.about-page-style .pool-figure figcaption {
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
body.about-page-style .pool-figure figcaption h2 {
color: #07172d !important;
}
body.about-page-style .pool-figure figcaption p {
color: #445064 !important;
line-height: 2 !important;
}
body.about-page-style .achievement.about-achievement-click {
background: #fff;
border-top: 1px solid #e8edf3;
border-bottom: 1px solid #e8edf3;
}
body.about-page-style .achievement-title.layout-title {
color: #111827;
}
body.about-page-style .swiper-slide-title {
color: #222a35;
}
body.about-page-style .swiper-slide-content {
color: #3f4a5f;
}
body.about-page-style .achievement-swiper-pagination .pagination-item {
color: #667085;
}
body.about-page-style .achievement-swiper-pagination .pagination-item.active {
color: #c41230;
}
body.about-page-style .full-section.full-white {
background: #fff !important;
}
body.about-page-style .full-section.full-white .content-block {
max-width: 1120px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: clamp(24px,5vw,96px) !important;
padding-right: clamp(24px,5vw,96px) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
}
body.about-page-style .full-section.full-white .content-block h2 {
margin: 0 0 28px !important;
text-align: center !important;
}
body.about-page-style .full-section.full-white .content-block h2::after {
display: none !important;
}
body.about-page-style .full-section.full-white .content-block p {
max-width: 980px !important;
margin: 0 auto 14px !important;
text-align: left !important;
font-size: 17px !important;
line-height: 2.05 !important;
color: #344054 !important;
}
@media (max-width: 900px) {
body.about-page-style .full-section.full-white .content-block {
padding-left: 18px !important;
padding-right: 18px !important;
}
body.about-page-style .full-section.full-white .content-block p {
font-size: 16px !important;
line-height: 1.95 !important;
}
}
body.about-page-style .full-section.full-white .content-block a {
color: inherit !important;
font-weight: inherit !important;
text-decoration: none !important;
}
body.about-page-style .full-section.full-white .content-block a:hover {
color: inherit !important;
text-decoration: none !important;
}
.service-redesign-page {
background: #fff;
color: #111827;
}
.service-redesign-page .service-visual-hero {
padding: 92px 0 72px;
background: linear-gradient(135deg, #f8fafc 0%, #ffffff 48%, #f3f6fa 100%);
border-bottom: 1px solid #e5e7eb;
}
.service-redesign-page .service-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.08fr) 360px;
gap: clamp(34px, 6vw, 92px);
align-items: end;
}
.service-redesign-page .service-hero-copy .eyebrow {
margin: 0 0 18px;
font-size: 14px;
color: #c41230;
}
.service-redesign-page .service-hero-copy .eyebrow a {
color: inherit;
text-decoration: none;
}
.service-redesign-page .service-hero-copy h1 {
max-width: 860px;
margin: 0;
font-size: clamp(36px, 5vw, 68px);
line-height: 1.08;
color: #101828;
}
.service-redesign-page .service-hero-copy p:not(.eyebrow) {
max-width: 760px;
margin: 26px 0 0;
font-size: 17px;
line-height: 2;
color: #475467;
}
.service-redesign-page .service-hero-panel {
display: grid;
gap: 14px;
padding: 28px;
background: #111827;
color: #fff;
}
.service-redesign-page .service-hero-panel strong {
margin-bottom: 8px;
font-size: 22px;
color: #fff;
}
.service-redesign-page .service-hero-panel span {
display: flex;
align-items: center;
min-height: 42px;
padding-left: 16px;
border-left: 4px solid #c41230;
background: rgba(255,255,255,.08);
color: #f8fafc;
}
.service-redesign-page .service-image-rail {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
width: 100%;
}
.service-redesign-page .service-image-rail figure {
position: relative;
min-height: 260px;
margin: 0;
overflow: hidden;
}
.service-redesign-page .service-image-rail img {
display: block;
width: 100%;
height: 100%;
min-height: 260px;
object-fit: cover;
}
.service-redesign-page .service-image-rail figcaption {
position: absolute;
left: 18px;
bottom: 18px;
padding: 8px 14px;
background: rgba(17,24,39,.82);
color: #fff;
font-size: 15px;
}
.service-redesign-page .service-process-board {
padding: 74px 0 82px;
background: #161a1f;
color: #fff;
}
.service-redesign-page .service-process-board h2,
.service-redesign-page .service-detail-main h2,
.service-redesign-page .service-home-band h2 {
margin: 0 0 32px;
font-size: clamp(28px, 3vw, 42px);
line-height: 1.2;
}
.service-redesign-page .service-process-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border-top: 1px solid rgba(255,255,255,.18);
border-left: 1px solid rgba(255,255,255,.18);
}
.service-redesign-page .service-process-grid article {
min-height: 260px;
padding: 30px 26px;
border-right: 1px solid rgba(255,255,255,.18);
border-bottom: 1px solid rgba(255,255,255,.18);
}
.service-redesign-page .service-process-grid span {
display: block;
margin-bottom: 34px;
color: #c41230;
font-weight: 700;
letter-spacing: .08em;
}
.service-redesign-page .service-process-grid h3 {
margin: 0 0 16px;
font-size: 22px;
}
.service-redesign-page .service-process-grid p {
margin: 0;
color: #d1d5db;
line-height: 1.9;
}
.service-redesign-page .service-detail-section {
padding: 84px 0;
background: #fff;
}
.service-redesign-page .service-detail-grid {
display: grid;
grid-template-columns: minmax(0, .95fr) minmax(360px, .75fr);
gap: clamp(34px, 5vw, 72px);
align-items: start;
}
.service-redesign-page .service-detail-main {
padding: 44px 0;
border-top: 6px solid #c41230;
}
.service-redesign-page .service-detail-main p {
margin: 0;
max-width: 820px;
font-size: 18px;
line-height: 2.05;
color: #344054;
}
.service-redesign-page .service-detail-list {
display: grid;
gap: 16px;
}
.service-redesign-page .service-detail-list article {
padding: 24px 26px;
background: #f8fafc;
border: 1px solid #e5e7eb;
}
.service-redesign-page .service-detail-list h3 {
margin: 0 0 10px;
font-size: 20px;
}
.service-redesign-page .service-detail-list p {
margin: 0;
line-height: 1.85;
color: #475467;
}
.service-redesign-page .service-home-band {
padding: 58px 0 70px;
background: #f5f7fb;
}
.service-redesign-page .service-home-band p {
max-width: 900px;
margin: 0;
font-size: 17px;
line-height: 2;
color: #475467;
}
.service-redesign-page .service-home-band a {
color: inherit;
font-weight: inherit;
text-decoration: none;
}
@media (max-width: 900px) {
.service-redesign-page .service-visual-hero {
padding: 54px 0 46px;
}
.service-redesign-page .service-hero-grid,
  .service-redesign-page .service-detail-grid {
grid-template-columns: 1fr;
}
.service-redesign-page .service-hero-panel {
padding: 22px;
}
.service-redesign-page .service-image-rail,
  .service-redesign-page .service-process-grid {
grid-template-columns: 1fr;
}
.service-redesign-page .service-image-rail figure,
  .service-redesign-page .service-image-rail img {
min-height: 220px;
}
.service-redesign-page .service-process-board,
  .service-redesign-page .service-detail-section,
  .service-redesign-page .service-home-band {
padding: 48px 0;
}
.service-redesign-page .service-process-grid article {
min-height: auto;
}
}
@media (max-width: 900px) {
.service-redesign-page .service-visual-hero {
padding-top: 20px !important;
}
}
.daily-redesign-page {
background: #f5f7fb;
color: #111827;
}
.daily-redesign-page .daily-board-hero {
padding: 72px 0 46px;
background: #fff;
border-bottom: 1px solid #e5e7eb;
}
.daily-redesign-page .daily-board-head {
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
gap: 48px;
align-items: end;
}
.daily-redesign-page .daily-board-head .eyebrow {
margin: 0;
color: #c41230;
font-size: 14px;
font-weight: 700;
}
.daily-redesign-page .daily-board-head .eyebrow a {
color: inherit;
text-decoration: none;
}
.daily-redesign-page .daily-board-head h1 {
margin: 0;
font-size: clamp(38px, 5vw, 68px);
line-height: 1.08;
color: #101828;
}
.daily-redesign-page .daily-board-head p:not(.eyebrow) {
max-width: 860px;
margin: 22px 0 0;
color: #475467;
font-size: 17px;
line-height: 2;
}
.daily-redesign-page .daily-redesign-section {
padding: 54px 0 78px;
}
.daily-redesign-page .daily-layout {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
gap: 28px;
align-items: start;
}
.daily-redesign-page .daily-feature-card,
.daily-redesign-page .daily-list-card {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden;
}
.daily-redesign-page .daily-feature-image,
.daily-redesign-page .daily-list-image {
display: block;
background: #eef2f7;
overflow: hidden;
}
.daily-redesign-page .daily-feature-image {
aspect-ratio: 16 / 9;
}
.daily-redesign-page .daily-feature-image img,
.daily-redesign-page .daily-list-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.daily-redesign-page .daily-feature-copy {
padding: 30px 32px 34px;
}
.daily-redesign-page .daily-feature-copy span,
.daily-redesign-page .daily-list-copy span {
display: inline-block;
margin-bottom: 14px;
color: #c41230;
font-size: 13px;
font-weight: 700;
}
.daily-redesign-page .daily-feature-copy h2 {
margin: 0 0 18px;
font-size: clamp(26px, 3vw, 40px);
line-height: 1.25;
}
.daily-redesign-page .daily-feature-copy h2 a,
.daily-redesign-page .daily-list-copy h3 a {
color: inherit;
text-decoration: none;
}
.daily-redesign-page .daily-feature-copy p {
margin: 0;
color: #475467;
font-size: 16px;
line-height: 1.95;
}
.daily-redesign-page .daily-read-link {
display: inline-flex;
margin-top: 24px;
color: #c41230;
font-weight: 700;
text-decoration: none;
}
.daily-redesign-page .daily-list-column {
display: grid;
gap: 14px;
}
.daily-redesign-page .daily-list-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #d9e0ea;
}
.daily-redesign-page .daily-list-heading h2 {
margin: 0;
font-size: 26px;
line-height: 1.25;
}
.daily-redesign-page .daily-list-heading span {
color: #667085;
font-size: 14px;
}
.daily-redesign-page .daily-list-card {
display: grid;
grid-template-columns: 158px minmax(0, 1fr);
min-height: 142px;
}
.daily-redesign-page .daily-list-image {
min-height: 142px;
}
.daily-redesign-page .daily-list-copy {
min-width: 0;
padding: 18px 20px;
}
.daily-redesign-page .daily-list-copy span {
margin-bottom: 10px;
}
.daily-redesign-page .daily-list-copy h3 {
margin: 0 0 10px;
font-size: 19px;
line-height: 1.42;
}
.daily-redesign-page .daily-list-copy p {
margin: 0;
color: #667085;
font-size: 14px;
line-height: 1.75;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 980px) {
.daily-redesign-page .daily-board-head,
  .daily-redesign-page .daily-layout {
grid-template-columns: 1fr;
}
.daily-redesign-page .daily-board-hero {
padding: 42px 0 34px;
}
}
@media (max-width: 700px) {
.daily-redesign-page .daily-board-hero {
padding-left: 18px;
padding-right: 18px;
}
.daily-redesign-page .daily-redesign-section {
padding: 34px 18px 54px;
}
.daily-redesign-page .daily-board-head {
gap: 24px;
}
.daily-redesign-page .daily-board-head h1 {
font-size: 34px;
}
.daily-redesign-page .daily-feature-copy {
padding: 22px 20px 26px;
}
.daily-redesign-page .daily-list-card {
grid-template-columns: 112px minmax(0, 1fr);
min-height: 118px;
}
.daily-redesign-page .daily-list-image {
min-height: 118px;
}
.daily-redesign-page .daily-list-copy {
padding: 14px 14px;
}
.daily-redesign-page .daily-list-copy h3 {
font-size: 16px;
}
.daily-redesign-page .daily-list-copy p {
display: none;
}
}
.daily-detail-redesign{
background:#f4f7fb}
.daily-detail-hero{
padding:54px 0 42px;
background:#eef4f8;
border-bottom:1px solid #e4e7ec}
.daily-detail-hero-grid{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(360px,.65fr);
gap:44px;
align-items:center}
.daily-detail-redesign .eyebrow{
margin:0 0 22px;
font-size:14px;
font-weight:700;
color:#d60000}
.daily-detail-redesign .eyebrow a{
color:inherit;
text-decoration:none}
.daily-detail-meta{
display:inline-block;
margin-bottom:18px;
padding:7px 12px;
background:#fff;
border:1px solid #d9e2ec;
color:#475467;
font-size:13px}
.daily-detail-redesign h1{
margin:0;
max-width:920px;
font-size:clamp(34px,4vw,58px);
line-height:1.18;
color:#101828}
.daily-detail-intro{
max-width:780px;
margin:26px 0 0;
font-size:17px;
line-height:1.9;
color:#475467}
.daily-detail-figure{
margin:0;
background:#fff;
border:1px solid #e4e7ec;
overflow:hidden}
.daily-detail-figure img{
display:block;
width:100%;
aspect-ratio:16/11;
height:auto;
object-fit:cover}
.daily-detail-content-section{
padding:52px 0 72px}
.daily-detail-layout{
display:grid;
grid-template-columns:minmax(0,880px) 300px;
gap:58px;
align-items:start}
.daily-detail-article{
max-width:none;
padding:42px 48px;
background:#fff;
border:1px solid #e4e7ec;
font-size:17px;
line-height:2;
color:#344054}
.daily-detail-side{
position:sticky;
top:92px;
padding:24px;
background:#101828;
color:#fff}
.daily-detail-side a{
display:inline-flex;
align-items:center;
min-height:42px;
padding:0 18px;
background:#d60000;
color:#fff;
text-decoration:none;
font-weight:700}
@media(max-width:900px){
.daily-detail-hero{
padding:26px 0 28px}
.daily-detail-hero-grid,.daily-detail-layout{
grid-template-columns:1fr;
gap:24px}
.daily-detail-redesign h1{
font-size:30px}
.daily-detail-article{
padding:24px 20px;
font-size:16px}
.daily-detail-side{
position:static}
}
.daily-detail-seo{
background:#f5f7fb}
.daily-detail-seo-head{
padding:44px 0 34px;
background:#fff;
border-bottom:1px solid #e5e7eb}
.daily-detail-seo-head .full-inner{
max-width:1120px}
.daily-detail-seo .eyebrow{
margin:0 0 18px;
font-size:14px;
font-weight:700;
color:#d60000}
.daily-detail-seo .eyebrow a{
color:inherit;
text-decoration:none}
.daily-detail-seo h1{
max-width:980px;
margin:0;
font-size:clamp(32px,3.6vw,52px);
line-height:1.2;
color:#101828}
.daily-detail-summary{
max-width:920px;
margin:22px 0 0;
font-size:17px;
line-height:1.9;
color:#475467}
.daily-detail-links{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px}
.daily-detail-links a{
display:inline-flex;
align-items:center;
min-height:38px;
padding:0 14px;
background:#f2f4f7;
border:1px solid #e4e7ec;
color:#344054;
text-decoration:none;
font-weight:700}
.daily-detail-links a:first-child{
background:#d60000;
border-color:#d60000;
color:#fff}
.daily-detail-seo-main{
padding:42px 0 68px}
.daily-detail-seo-grid{
display:grid;
grid-template-columns:minmax(0,860px) 300px;
gap:40px;
align-items:start;
max-width:1240px}
.daily-detail-paper{
background:#fff;
border:1px solid #e4e7ec}
.daily-detail-cover{
margin:0;
border-bottom:1px solid #e4e7ec}
.daily-detail-cover img{
display:block;
width:100%;
aspect-ratio:16/8;
height:auto;
object-fit:cover}
.daily-detail-article{
max-width:none;
padding:38px 46px;
font-size:17px;
line-height:2;
color:#344054}
.daily-detail-article h2{
margin:38px 0 18px;
padding-left:14px;
border-left:4px solid #d60000;
font-size:25px;
line-height:1.35;
color:#101828}
.daily-detail-article p{
margin:0 0 18px;
color:#475467}
.daily-detail-article ul{
margin:0 0 22px;
padding-left:22px;
color:#475467;
line-height:1.95}
.daily-detail-rank-card{
position:sticky;
top:92px;
padding:24px;
background:#101828;
color:#fff}
.daily-detail-rank-card strong{
display:block;
margin-bottom:12px;
font-size:22px;
line-height:1.35}
.daily-detail-rank-card p{
margin:0 0 20px;
color:rgba(255,255,255,.76);
line-height:1.8}
.daily-detail-rank-card a{
display:flex;
align-items:center;
justify-content:center;
min-height:42px;
margin-top:10px;
padding:0 16px;
background:#fff;
color:#101828;
text-decoration:none;
font-weight:700}
.daily-detail-rank-card .daily-home-cta{
background:#d60000;
color:#fff}
@media(max-width:900px){
.daily-detail-seo-head{
padding:26px 0 28px}
.daily-detail-seo h1{
font-size:30px}
.daily-detail-summary{
font-size:16px}
.daily-detail-seo-grid{
grid-template-columns:1fr;
gap:22px}
.daily-detail-seo-main{
padding:24px 0 42px}
.daily-detail-cover img{
aspect-ratio:16/10}
.daily-detail-article{
padding:24px 20px;
font-size:16px}
.daily-detail-rank-card{
position:static}
}
.site-main.daily-detail-seo{
background:#f4f7fb;
color:#101828}
.daily-detail-seo .full-inner{
width:100%!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:48px!important;
padding-right:48px!important;
box-sizing:border-box}
.daily-detail-seo-head{
padding:54px 0 42px!important;
background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)!important;
border-bottom:1px solid #e5eaf0!important}
.daily-detail-seo-head .full-inner{
max-width:1120px!important}
.daily-detail-seo-head .eyebrow{
margin:0 0 22px!important;
font-size:14px!important;
line-height:1.6!important;
font-weight:700!important;
color:#d60000!important}
.daily-detail-seo-head .eyebrow a{
color:#d60000!important;
text-decoration:none!important}
.daily-detail-seo-head h1{
max-width:960px!important;
margin:0!important;
font-size:46px!important;
line-height:1.18!important;
font-weight:800!important;
letter-spacing:0!important;
color:#101828!important}
.daily-detail-summary{
max-width:860px!important;
margin:22px 0 0!important;
font-size:17px!important;
line-height:2!important;
color:#475467!important}
.daily-detail-links{
max-width:960px!important;
margin-top:26px!important;
display:flex!important;
flex-wrap:wrap!important;
gap:12px!important}
.daily-detail-links a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:40px!important;
max-width:100%!important;
padding:9px 16px!important;
border:1px solid #d7dde6!important;
background:#fff!important;
color:#243447!important;
text-decoration:none!important;
font-size:14px!important;
line-height:1.4!important;
font-weight:700!important;
box-sizing:border-box!important}
.daily-detail-links a:first-child{
background:#d60000!important;
border-color:#d60000!important;
color:#fff!important}
.daily-detail-seo-main{
padding:44px 0 72px!important;
background:#f4f7fb!important}
.daily-detail-seo-grid{
display:grid!important;
grid-template-columns:minmax(0,820px) 280px!important;
gap:34px!important;
align-items:start!important;
justify-content:center!important}
.daily-detail-paper{
overflow:hidden!important;
background:#fff!important;
border:1px solid #e4e7ec!important;
box-shadow:0 16px 40px rgba(16,24,40,.06)!important}
.daily-detail-cover{
margin:0!important;
border-bottom:1px solid #eaecf0!important}
.daily-detail-cover img{
display:block!important;
width:100%!important;
height:380px!important;
object-fit:cover!important}
.daily-detail-article{
padding:38px 44px 48px!important}
.daily-detail-article p{
margin:0 0 22px!important;
font-size:17px!important;
line-height:2!important;
color:#3f4a5a!important}
.daily-detail-article h2{
margin:36px 0 16px!important;
padding-left:14px!important;
border-left:4px solid #d60000!important;
font-size:24px!important;
line-height:1.35!important;
color:#101828!important}
.daily-detail-article ul{
margin:0 0 24px!important;
padding-left:22px!important;
color:#3f4a5a!important;
font-size:16px!important;
line-height:2!important}
.daily-detail-rank-card{
position:sticky!important;
top:96px!important;
padding:24px!important;
background:#101828!important;
color:#fff!important;
border:0!important;
box-shadow:none!important}
.daily-detail-rank-card strong{
display:block!important;
margin:0 0 12px!important;
font-size:20px!important;
line-height:1.45!important;
color:#fff!important}
.daily-detail-rank-card p{
margin:0 0 18px!important;
font-size:14px!important;
line-height:1.8!important;
color:#d0d5dd!important}
.daily-detail-rank-card a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:40px!important;
margin-top:10px!important;
padding:0 12px!important;
background:#fff!important;
border:1px solid #fff!important;
color:#101828!important;
text-decoration:none!important;
font-size:14px!important;
font-weight:700!important}
.daily-detail-rank-card .daily-home-cta{
background:#d60000!important;
border-color:#d60000!important;
color:#fff!important}
@media (max-width:900px){
.daily-detail-seo .full-inner{
padding-left:18px!important;
padding-right:18px!important}
.daily-detail-seo-head{
padding:28px 0 24px!important}
.daily-detail-seo-head h1{
font-size:28px!important;
line-height:1.25!important}
.daily-detail-summary{
font-size:15px!important;
line-height:1.9!important}
.daily-detail-links{
gap:8px!important}
.daily-detail-links a{
width:100%!important}
.daily-detail-seo-main{
padding:22px 0 44px!important}
.daily-detail-seo-grid{
grid-template-columns:1fr!important;
gap:18px!important}
.daily-detail-cover img{
height:220px!important}
.daily-detail-article{
padding:24px 18px 30px!important}
.daily-detail-article p{
font-size:15px!important;
line-height:1.9!important}
.daily-detail-article h2{
font-size:20px!important}
.daily-detail-rank-card{
position:static!important;
padding:20px!important}
}
@media (min-width:901px){
.site-main.daily-detail-seo{
background:#f4f7fb!important}
.daily-detail-seo .full-inner{
width:100%!important;
max-width:1680px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:64px!important;
padding-right:64px!important;
box-sizing:border-box!important;
}
.daily-detail-seo-head{
padding:48px 0 40px!important;
background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
border-bottom:1px solid #e5eaf0!important;
}
.daily-detail-seo-head .full-inner{
max-width:1680px!important}
.daily-detail-seo-head .eyebrow{
margin:0 0 20px!important}
.daily-detail-seo-head h1{
max-width:1120px!important;
margin:0!important;
font-size:52px!important;
line-height:1.16!important;
font-weight:800!important;
color:#101828!important;
letter-spacing:0!important;
}
.daily-detail-summary{
max-width:1040px!important;
margin:22px 0 0!important;
font-size:18px!important;
line-height:2!important;
color:#475467!important;
}
.daily-detail-links{
max-width:1120px!important;
margin-top:28px!important;
display:flex!important;
flex-wrap:wrap!important;
gap:12px!important;
}
.daily-detail-seo-main{
padding:46px 0 82px!important}
.daily-detail-seo-grid{
display:grid!important;
grid-template-columns:minmax(0,1080px) 340px!important;
gap:54px!important;
align-items:start!important;
justify-content:start!important;
}
.daily-detail-paper{
width:100%!important;
background:#fff!important;
border:1px solid #e4e7ec!important;
box-shadow:0 18px 44px rgba(16,24,40,.06)!important;
}
.daily-detail-cover img{
width:100%!important;
height:460px!important;
object-fit:cover!important;
}
.daily-detail-article{
padding:48px 64px 64px!important}
.daily-detail-article p{
margin:0 0 24px!important;
font-size:18px!important;
line-height:2.05!important;
color:#344054!important;
}
.daily-detail-article h2{
margin:40px 0 18px!important;
padding-left:16px!important;
border-left:4px solid #d60000!important;
font-size:26px!important;
line-height:1.35!important;
color:#101828!important;
}
.daily-detail-article ul{
margin:0 0 26px!important;
padding-left:24px!important;
font-size:17px!important;
line-height:2!important;
color:#344054!important;
}
.daily-detail-rank-card{
position:sticky!important;
top:96px!important;
width:340px!important;
padding:28px!important;
background:#101828!important;
color:#fff!important;
box-sizing:border-box!important;
}
.daily-detail-rank-card strong{
display:block!important;
margin-bottom:14px!important;
font-size:21px!important;
line-height:1.45!important;
}
.daily-detail-rank-card p{
margin:0 0 18px!important;
font-size:14px!important;
line-height:1.85!important;
color:#d0d5dd!important;
}
}
@media (min-width:1700px){
.daily-detail-seo .full-inner{
max-width:1760px!important}
.daily-detail-seo-grid{
grid-template-columns:minmax(0,1160px) 360px!important;
gap:60px!important}
.daily-detail-rank-card{
width:360px!important}
}
@media (max-width:900px){
.daily-detail-seo .full-inner{
padding-left:18px!important;
padding-right:18px!important}
.daily-detail-seo-grid{
grid-template-columns:1fr!important;
gap:18px!important}
.daily-detail-cover img{
height:220px!important}
.daily-detail-article{
padding:24px 18px 30px!important}
.daily-detail-rank-card{
position:static!important;
width:auto!important}
}
.site-main.daily-detail-fullscreen{
background:#f4f7fb;
color:#101828}
.daily-detail-fullscreen .daily-topic-hero{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(520px,44vw);
min-height:520px;
background:#fff;
border-bottom:1px solid #e6ebf2;
}
.daily-detail-fullscreen .daily-topic-hero-copy{
align-self:center;
padding:clamp(52px,6vw,96px) clamp(48px,6vw,104px);
box-sizing:border-box;
}
.daily-detail-fullscreen .eyebrow{
margin:0 0 20px;
font-size:14px;
line-height:1.6;
font-weight:700;
color:#d60000;
}
.daily-detail-fullscreen .eyebrow a{
color:#d60000;
text-decoration:none;
}
.daily-detail-fullscreen .daily-topic-hero h1{
max-width:1040px;
margin:0;
font-size:clamp(42px,3.35vw,66px);
line-height:1.12;
font-weight:800;
letter-spacing:0;
color:#101828;
}
.daily-topic-summary{
max-width:980px;
margin:24px 0 0;
font-size:18px;
line-height:2;
color:#475467;
}
.daily-topic-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}
.daily-topic-actions a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border:1px solid #d8dee8;
background:#fff;
color:#243447;
text-decoration:none;
font-size:14px;
line-height:1.4;
font-weight:700;
}
.daily-topic-actions .daily-topic-home-link{
background:#d60000;
border-color:#d60000;
color:#fff;
}
.daily-topic-hero-media{
margin:0;
min-height:520px;
overflow:hidden;
}
.daily-topic-hero-media img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.daily-topic-main{
padding:54px 0 86px;
background:#f4f7fb;
}
.daily-topic-shell{
width:100%;
max-width:1760px;
margin:0 auto;
padding:0 clamp(42px,5vw,96px);
box-sizing:border-box;
display:grid;
grid-template-columns:minmax(0,1120px) 360px;
gap:56px;
align-items:start;
}
.daily-topic-article{
background:#fff;
border:1px solid #e4e7ec;
box-shadow:0 18px 44px rgba(16,24,40,.06);
}
.daily-topic-article .daily-detail-article{
padding:52px 68px 68px;
}
.daily-topic-article .daily-detail-article p{
margin:0 0 24px;
font-size:18px;
line-height:2.05;
color:#344054;
}
.daily-topic-article .daily-detail-article h2{
margin:42px 0 18px;
padding-left:16px;
border-left:4px solid #d60000;
font-size:28px;
line-height:1.35;
color:#101828;
}
.daily-topic-article .daily-detail-article ul{
margin:0 0 26px;
padding-left:24px;
font-size:17px;
line-height:2;
color:#344054;
}
.daily-topic-aside{
position:sticky;
top:96px;
}
.daily-topic-home-card{
padding:28px;
background:#101828;
color:#fff;
}
.daily-topic-home-card span{
display:block;
margin-bottom:12px;
font-size:13px;
line-height:1.4;
color:#f04438;
font-weight:700;
}
.daily-topic-home-card strong{
display:block;
margin-bottom:14px;
font-size:22px;
line-height:1.45;
color:#fff;
}
.daily-topic-home-card p{
margin:0;
font-size:14px;
line-height:1.85;
color:#d0d5dd;
}
.daily-topic-nav{
display:grid;
gap:10px;
margin-top:14px;
}
.daily-topic-nav a{
display:flex;
align-items:center;
min-height:42px;
padding:0 16px;
background:#fff;
border:1px solid #e4e7ec;
color:#101828;
text-decoration:none;
font-size:14px;
font-weight:700;
}
@media (min-width:1900px){
.daily-topic-shell{
max-width:1840px;
grid-template-columns:minmax(0,1200px) 380px;
gap:64px}
}
@media (max-width:1100px){
.daily-detail-fullscreen .daily-topic-hero{
grid-template-columns:1fr}
.daily-topic-hero-media{
min-height:320px;
order:-1}
.daily-topic-shell{
grid-template-columns:1fr;
gap:24px}
.daily-topic-aside{
position:static}
}
@media (max-width:900px){
.daily-detail-fullscreen .daily-topic-hero{
min-height:0}
.daily-detail-fullscreen .daily-topic-hero-copy{
padding:28px 18px}
.daily-detail-fullscreen .daily-topic-hero h1{
font-size:30px;
line-height:1.24}
.daily-topic-summary{
font-size:15px;
line-height:1.9}
.daily-topic-actions a{
width:100%;
box-sizing:border-box}
.daily-topic-hero-media{
min-height:220px}
.daily-topic-main{
padding:22px 0 44px}
.daily-topic-shell{
padding:0 18px}
.daily-topic-article .daily-detail-article{
padding:24px 18px 30px}
.daily-topic-article .daily-detail-article p{
font-size:15px;
line-height:1.9}
.daily-topic-article .daily-detail-article h2{
font-size:20px}
.daily-topic-home-card{
padding:20px}
}
.daily-detail-fullscreen .daily-home-context-link {
margin-top: 26px;
padding-top: 18px;
border-top: 1px solid #e5eaf1;
color: #334155;
}
.daily-detail-fullscreen .daily-home-context-link a {
color: #081426;
font-weight: 800;
text-decoration: underline;
text-underline-offset: 4px;
}
@media (min-width: 901px) {
.daily-detail-fullscreen .daily-topic-hero {
min-height: 380px;
}
.daily-detail-fullscreen .daily-topic-hero-copy {
padding-top: clamp(30px, 3.2vw, 48px);
padding-bottom: clamp(34px, 3.8vw, 56px);
}
.daily-detail-fullscreen .daily-topic-hero-copy .eyebrow {
margin-bottom: 18px;
}
}
@media (min-width: 901px) {
.daily-detail-fullscreen .daily-topic-hero {
min-height: 347px;
}
.daily-detail-fullscreen .daily-topic-hero-copy {
padding-top: 34px;
padding-bottom: 34px;
}
.daily-detail-fullscreen .daily-topic-hero-media img {
min-height: 347px;
}
}
@media (min-width: 901px) {
.daily-detail-fullscreen .daily-topic-hero {
min-height: 347px;
height: 347px;
}
.daily-detail-fullscreen .daily-topic-hero-copy {
min-height: 0;
height: 347px;
padding-top: 34px;
padding-bottom: 34px;
}
.daily-detail-fullscreen .daily-topic-hero-media {
height: 347px;
min-height: 347px;
overflow: hidden;
}
.daily-detail-fullscreen .daily-topic-hero-media img {
height: 347px;
min-height: 347px;
object-fit: cover;
}
}
@media (min-width: 901px) {
.daily-detail-fullscreen .daily-topic-hero {
min-height: 347px;
height: auto;
}
.daily-detail-fullscreen .daily-topic-hero-copy {
min-height: 347px;
height: auto;
align-self: center;
padding-top: 28px;
padding-bottom: 28px;
overflow: visible;
}
.daily-detail-fullscreen .daily-topic-hero-copy .eyebrow {
display: block;
visibility: visible;
opacity: 1;
margin: 0 0 12px;
position: relative;
z-index: 2;
}
.daily-detail-fullscreen .daily-topic-hero-media,
  .daily-detail-fullscreen .daily-topic-hero-media img {
height: 347px;
min-height: 347px;
}
}
@media (min-width: 901px) {
.daily-detail-fullscreen .daily-topic-hero {
min-height: 520px;
height: auto;
}
.daily-detail-fullscreen .daily-topic-hero-copy {
min-height: auto;
height: auto;
align-self: center;
padding: clamp(52px, 6vw, 96px) clamp(48px, 6vw, 104px);
overflow: visible;
}
.daily-detail-fullscreen .daily-topic-hero-copy .eyebrow {
display: block;
visibility: visible;
opacity: 1;
}
.daily-detail-fullscreen .daily-topic-hero-media,
  .daily-detail-fullscreen .daily-topic-hero-media img {
min-height: 520px;
height: 100%;
}
}
.contact-simple-page {
background: #f5f7fb;
color: #142033;
}
.contact-simple-page .contact-simple-hero {
background: #ffffff;
border-bottom: 1px solid #e4e9f1;
}
.contact-simple-page .contact-simple-hero-grid {
display: grid;
grid-template-columns: minmax(0, .9fr) minmax(420px, .72fr);
gap: clamp(28px, 5vw, 70px);
align-items: center;
padding: clamp(42px, 6vw, 82px) 0;
}
.contact-simple-page .eyebrow {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.6;
font-weight: 700;
color: #d60000;
}
.contact-simple-page .eyebrow a {
color: inherit;
text-decoration: none;
}
.contact-simple-page h1 {
margin: 0;
font-size: clamp(38px, 5vw, 64px);
line-height: 1.08;
letter-spacing: 0;
color: #111b2c;
}
.contact-simple-page .contact-simple-copy p:not(.eyebrow) {
margin: 22px 0 0;
max-width: 720px;
font-size: 17px;
line-height: 1.95;
color: #48576d;
}
.contact-simple-page .contact-simple-image {
margin: 0;
min-height: 340px;
background: #dfe5ee;
overflow: hidden;
}
.contact-simple-page .contact-simple-image img {
display: block;
width: 100%;
height: 100%;
min-height: 340px;
object-fit: cover;
}
.contact-simple-page .contact-simple-section {
padding: clamp(42px, 5vw, 76px) 0;
}
.contact-simple-page .contact-simple-main {
display: grid;
grid-template-columns: minmax(0, .82fr) minmax(420px, 1fr);
gap: clamp(28px, 5vw, 70px);
align-items: start;
}
.contact-simple-page .contact-simple-text {
background: #ffffff;
border: 1px solid #e2e8f0;
padding: clamp(26px, 4vw, 46px);
}
.contact-simple-page h2 {
margin: 0;
font-size: clamp(26px, 3vw, 38px);
line-height: 1.18;
color: #111b2c;
}
.contact-simple-page .contact-simple-text p {
margin: 18px 0 0;
font-size: 16px;
line-height: 1.95;
color: #4b5a70;
}
.contact-simple-page .contact-simple-text a {
color: #d60000;
font-weight: 700;
text-decoration: none;
}
.contact-simple-page .contact-simple-items {
display: grid;
gap: 14px;
}
.contact-simple-page .contact-simple-items article {
padding: 24px 26px;
background: #ffffff;
border: 1px solid #e2e8f0;
border-left: 4px solid #d60000;
}
.contact-simple-page .contact-simple-items h3 {
margin: 0;
font-size: 20px;
line-height: 1.35;
color: #111b2c;
}
.contact-simple-page .contact-simple-items p {
margin: 10px 0 0;
font-size: 15px;
line-height: 1.85;
color: #536278;
}
@media (max-width: 900px) {
.contact-simple-page .contact-simple-hero-grid,
  .contact-simple-page .contact-simple-main {
grid-template-columns: 1fr;
}
.contact-simple-page .contact-simple-hero-grid {
padding: 30px 0 36px;
}
.contact-simple-page h1 {
font-size: 34px;
}
.contact-simple-page .contact-simple-copy p:not(.eyebrow) {
font-size: 15px;
line-height: 1.85;
}
.contact-simple-page .contact-simple-image,
  .contact-simple-page .contact-simple-image img {
min-height: 240px;
}
}
.contact-simple-page .contact-simple-main a[href="/"] {
color: inherit;
font-weight: inherit;
text-decoration: none;
}
.contact-simple-page .contact-simple-main a[href="/"]:hover {
color: inherit;
text-decoration: none;
}
@media (min-width: 981px) {
.daily-redesign-page .daily-board-head {
display: block;
max-width: 1040px;
}
.daily-redesign-page .daily-board-head .eyebrow {
margin: 0 0 18px;
}
.daily-redesign-page .daily-board-head > div {
max-width: 900px;
}
}
.daily-redesign-page .daily-pagination {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}
.daily-redesign-page .daily-pagination a,
.daily-redesign-page .daily-pagination span {
min-width: 36px;
height: 36px;
padding: 0 12px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #d7dde8;
background: #fff;
color: #182233;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.daily-redesign-page .daily-pagination span {
background: #d60000;
border-color: #d60000;
color: #fff;
}
.daily-redesign-page .daily-pagination a:hover {
border-color: #d60000;
color: #d60000;
}
.daily-redesign-page .daily-pagination {
justify-content: center;
align-items: center;
width: 100%;
text-align: center;
}
.daily-redesign-page .daily-pagination .daily-page-total {
min-width: auto;
background: transparent;
border-color: transparent;
color: #667085;
padding: 0 6px;
}
@media (max-width: 700px) {
.daily-redesign-page .daily-pagination {
justify-content: center;
}
}

/* MOBILE_HEADER_SINGLE_ROW_20261015 */
@media(max-width:374px){.site-header{flex-wrap:nowrap!important;justify-content:space-between!important;gap:10px!important;}}

/* MOBILE_HEADER_BUTTONS_LEFT_2PX_20261015 */
@media(max-width:374px){.site-header .header-daily-link,.site-header .menu-btn{position:relative;left:-2px!important;}}

/* MOBILE_FOOTER_NAV_TWO_CENTERED_ROWS_20261015 */
@media(max-width:767px){
.site-footer .footer-nav{display:flex!important;width:100%!important;max-width:100%;box-sizing:border-box;margin-inline:auto!important;flex-flow:row wrap!important;justify-content:center!important;align-items:center;gap:12px 22px!important;}
.site-footer .footer-nav>a[href="/"]{flex:0 0 100%!important;width:100%;text-align:center!important;}
.site-footer .footer-nav>a[href="/daily/"],.site-footer .footer-nav>a[href="/sitemap.xml"]{flex:0 0 auto!important;}
}

/* MOBILE_HEADER_SINGLE_ROW_ALL_V1 */
@media (max-width: 900px) {
  .site-header { flex-wrap: nowrap !important; justify-content: space-between !important; gap: 0 !important; }
  .site-header .logo img { width: clamp(0px, calc(100vw - 185px), 132px) !important; }
}