.home .content-wrapper {
margin-top: 20px;
}
.home .site-main {
padding-right: 20px;
}
.homecover {
margin-right: -20px;
margin-left: -16px;
}     .hp-section {
background: #f7f7f7;
padding: 60px 20px;
text-align: center;
}
.hp-container {
max-width: 1100px;
margin: 0 auto;
} .hp-header {
margin-bottom: 40px;
}
.hp-kicker {
color: #0CC0DF;
font-weight: 600;
margin-bottom: 8px;
}
.hp-title {
font-size: 2rem;
font-weight: 700;
color: #111;
margin: 10px 0;
}
.hp-subtitle {
font-size: 1rem;
color: #666;
margin-bottom: 25px;
} .hp-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.hp-btn {
background: #111;
color: #fff;
padding: 10px 20px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: filter 0.2s;
}
.hp-btn:visited{
background: #111;
color: #fff;
}
.hp-btn:hover { filter: brightness(1.08); }
.hp-btn--accent {
background: #0CC0DF;
color: #fff;
}
.hp-btn--accent:visited{
background: #0CC0DF;
color: #fff;
}
.hp-btn--ghost {
background: #fff;
border: 1px solid #ddd;
color: #333;
} .hp-intro {
max-width: 800px;
margin: 0 auto 50px;
color: #444;
line-height: 1.6;
text-align: center;
} .hp-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
text-align: left;
margin-bottom: 60px;
}
.hp-card {
background: #fff;
padding: 22px;
border: 1px solid #eee;
border-radius: 12px;
}
.hp-card h3 {
margin: 0 0 8px;
color: #111;
}
.hp-card p {
margin: 0;
color: #555;
} .hp-audience {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
text-align: left;
margin-bottom: 60px;
}
.hp-pane {
background: #fff;
padding: 28px;
border: 1px solid #eee;
border-radius: 12px;
}
.hp-pane h3 {
margin: 0 0 12px;
color: #111;
}
.hp-pane ul {
list-style: none;
padding: 0;
margin: 15px 0 22px;
color: #444;
}
.hp-pane ul li {
margin: 6px 0;
}
.hp-cta {
display: flex;
flex-wrap: wrap;
gap: 10px;
} .hp-safety {
text-align: center;
}
.hp-safety h3 {
margin-bottom: 12px;
color: #111;
}
.hp-safety ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
color: #666;
margin: 0;
} @media (max-width: 700px) {
.hp-section { padding: 40px 16px; }
.hp-title { font-size: 1.6rem; }
.hp-btn { padding: 9px 18px; font-size: 0.95rem; }
} .hp-find{margin:18px 0;position:relative;isolation:isolate;z-index:5}
.hp-find__box{
border:1px solid #eaeaea;border-radius:12px;background:#fafafa;
padding:clamp(12px,2vw,18px);display:grid;gap:10px
} .hp-find__row{display:grid;gap:10px 12px;align-items:center} .hp-find__label{font:600 13px/1 "Open Sans",system-ui,sans-serif;opacity:.9;margin:0} .hp-select,.hp-btn{
appearance:none;border:1px solid #ddd;background:#fff;
padding:10px 12px;font:600 14px/1.25 "Open Sans",system-ui,sans-serif
} .hp-select{
background-image:
linear-gradient(45deg,transparent 50%,#666 50%),
linear-gradient(135deg,#666 50%,transparent 50%),
linear-gradient(to right,transparent,transparent);
background-position:right 18px center,right 12px center,0 0;
background-size:6px 6px,6px 6px,100% 100%;
background-repeat:no-repeat;
padding-right:38px
}
.hp-select:disabled{opacity:.6;cursor:not-allowed} .hp-btn{background:#111;color:#fff;border:0;cursor:pointer;white-space:nowrap}
.hp-btn:hover{filter:brightness(1.06)} .hp-select:focus{
outline:0;box-shadow:0 0 0 3px rgba(12,192,223,.18);border-color:#0CC0DF
} .hp-find__hint{margin:0;font:400 13px/1.35 "Open Sans",system-ui,sans-serif;opacity:.8} @media (max-width:700px){
.hp-find__row{grid-template-columns:1fr}
.hp-select {width:100%}
} @media (min-width:920px){
.hp-find__row{
grid-template-columns:
100px minmax(220px,1fr)
60px minmax(220px,1fr)
auto;
}
.hp-find__label{align-self:center}
}
@media (min-width:1400px){
.hp-find__row{
grid-template-columns:110px 320px 70px 320px auto;
justify-content:start;
}
} .hp-band{margin:18px 0}
.hp-title{margin:0 0 8px;font:700 clamp(22px,3vw,32px)/1.15 "Open Sans",system-ui,sans-serif}
.hp-more{margin-top:10px;text-align:right}
.hp-more a{font:700 13px/1 "Open Sans",system-ui,sans-serif;text-decoration:none}
.hp-more a:hover{text-decoration:underline} .hp-posts-grid--land .wp-block-post-template{
display:grid!important;grid-template-columns:repeat(3,minmax(260px,1fr));
gap:clamp(10px,1.4vw,16px);margin:0;padding:0;list-style:none
}
@media (max-width:1020px){
.hp-posts-grid--land .wp-block-post-template{grid-template-columns:repeat(2,minmax(240px,1fr))}
}
@media (max-width:620px){
.hp-posts-grid--land .wp-block-post-template{grid-template-columns:1fr}
}
.hp-posts-grid--land .wp-block-post-featured-image{border-radius:10px;overflow:hidden;margin:0 0 8px!important}
.hp-posts-grid--land .wp-block-post-featured-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hp-posts-grid--land .wp-block-post-title{margin:0 0 4px!important;font:700 18px/1.2 "Open Sans",system-ui,sans-serif}
.hp-posts-grid--land .wp-block-post-excerpt{margin:0!important;font:400 14px/1.35 "Open Sans",system-ui,sans-serif;opacity:.9} #Ad-Space1 img,#AD-SPACE2 img{border-radius:0!important}  .ie-wrap{ max-width: 2000px; margin: 0 auto; padding: clamp(12px, 2vw, 24px); }
.ie-searchbar{ margin: 18px 0; position: relative; z-index: 1; }
.ie-searchbar__form{ margin: 0; }
.ie-searchbar__row{
display: grid;
gap: 10px 12px;
align-items: center; grid-template-columns: 100px minmax(220px,1fr) 60px minmax(220px,1fr) auto; }
@media (max-width: 920px){
.ie-searchbar__row{ grid-template-columns: 1fr; }
}
.ie-label{
font: 600 13px/1 "Open Sans", system-ui, sans-serif;
opacity: .9; margin: 0;
}
.ie-select,
.ie-btn{
appearance: none;
border: 1px solid #ddd;
border-radius: 10px;
background: #fff;
padding: 10px 12px; font: 600 14px/1.25 "Open Sans", system-ui, sans-serif;
}
.ie-select{
background-image:
linear-gradient(45deg, transparent 50%, #666 50%),
linear-gradient(135deg, #666 50%, transparent 50%),
linear-gradient(to right, transparent, transparent);
background-position: right 18px center, right 12px center, 0 0;
background-size: 6px 6px, 6px 6px, 100% 100%;
background-repeat: no-repeat;
padding-right: 38px; }
.ie-select:disabled{ opacity: .6; cursor: not-allowed; }
.ie-btn{
background: #111; color: #fff; border: 0; cursor: pointer; white-space: nowrap;
}
.ie-btn:hover{ filter: brightness(1.06); }
.ie-select:focus, .ie-btn:focus{
outline: 0; box-shadow: 0 0 0 3px rgba(12,192,223,.18); border-color: #0CC0DF;
}
.ie-hint{
margin: 6px 0 0;
font: 400 13px/1.35 "Open Sans", system-ui, sans-serif;
opacity: .8;
} .ie-search-lite__wrap{
border:1px solid rgba(255,255,255,.3);
border-radius:60px;
background:rgba(255,255,255,.2);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
padding:clamp(12px,2vw,18px);
box-shadow:0 6px 16px rgba(0,0,0,.15);
max-width:800px;
margin-top:16px;
}
@media (max-width:920px){
.ie-search-lite__wrap{
border-radius:6px;
}
} .ie-search-lite__row{
display:grid;
gap:10px 12px;
align-items:center;
grid-template-columns: minmax(0,1.6fr) minmax(0,1.6fr) auto;
}
@media(max-width:900px){
.ie-search-lite__row{ 
grid-template-columns:1fr; 
}
.ie-search-lite__select,
.ie-search-lite__btn{ 
width:100%; 
}
} .ie-search-lite__label{
display:none;
} .ie-search-lite__select,
.ie-search-lite__btn{
appearance:none;
border:1px solid rgba(255,255,255,.25);
background:#fff;
padding:12px 12px;
font:600 14px/1.25 "Open Sans",system-ui,sans-serif;
} .ie-search-lite__select{
background-image:
linear-gradient(45deg, transparent 50%, #666 50%),
linear-gradient(135deg, #666 50%, transparent 50%),
linear-gradient(to right, transparent, transparent);
background-position:right 18px center, right 12px center, 0 0;
background-size:6px 6px, 6px 6px, 100% 100%;
background-repeat:no-repeat;
padding-right:38px;
border-radius:60px;
}
.ie-search-lite__select:disabled{ 
opacity:.6; 
cursor:not-allowed; 
} .ie-search-lite__btn{
background:var(--brand);
color:#000;
border:0;
border-radius:999px;
cursor:pointer;
white-space:nowrap;
transition:filter .2s;
box-shadow:0 4px 14px rgba(12,192,223,.3);
}
.ie-search-lite__btn:hover{ 
filter:brightness(1.1); 
}