body.pg-tore-page {
--pg-tore-ink: var(--pg-ink, #19191b);
--pg-tore-muted: var(--pg-muted, #68686d);
--pg-tore-line: var(--pg-line, #dedee1);
--pg-tore-paper: var(--pg-paper, #f5f5f3);
--pg-tore-red: var(--pg-red, #d71920);
--pg-tore-radius: 18px;
} body.pg-tore-page .wp-block-post-content { max-width: none; }
body.pg-tore-page .wp-block-post-content > :first-child { margin-block-start: 0; } body.pg-tore-page .pg-hero.pg-product-hero {
position: relative;
min-height: 620px;
overflow: hidden;
background: #111113;
color: #fff;
margin-block: 0 !important;
padding: 0 !important;
}
body.pg-tore-page .pg-hero.pg-product-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(90deg, rgba(13,13,15,.94) 0%, rgba(13,13,15,.82) 42%, rgba(13,13,15,.38) 70%, rgba(13,13,15,.16) 100%);
}
body.pg-tore-page .pg-hero__media {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0 !important;
z-index: 0;
}
body.pg-tore-page .pg-hero__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
body.pg-tore-page .pg-hero__inner {
position: relative;
z-index: 2;
width: min(1220px, calc(100% - 40px));
min-height: 620px;
margin-inline: auto !important;
padding: 82px 0 88px !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
body.pg-tore-page .pg-hero .pg-eyebrow { color: #ff6f72; }
body.pg-tore-page .pg-hero h1 {
color: #fff !important;
max-width: 900px;
margin: 12px 0 18px;
font-size: clamp(3rem, 6.2vw, 5.7rem);
line-height: .96;
letter-spacing: -.045em;
}
body.pg-tore-page .pg-hero__lead {
max-width: 760px;
color: rgba(255,255,255,.82);
font-size: clamp(1rem, 1.45vw, 1.2rem);
line-height: 1.6;
margin: 0 0 28px;
}
body.pg-tore-page .pg-hero__actions { gap: 10px; }
body.pg-tore-page .pg-btn-red .wp-block-button__link {
background: var(--pg-tore-red) !important;
color: #fff !important;
border: 1px solid var(--pg-tore-red) !important;
border-radius: 999px !important;
padding: .82rem 1.35rem !important;
font-weight: 750;
}
body.pg-tore-page .pg-btn-ghost .wp-block-button__link {
background: rgba(255,255,255,.06) !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.32) !important;
border-radius: 999px !important;
padding: .82rem 1.35rem !important;
font-weight: 750;
} body.pg-tore-page .pg-tore-trust {
width: min(1220px, calc(100% - 40px));
margin: 42px auto 18px !important;
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
border: 1px solid var(--pg-tore-line);
border-radius: 16px;
overflow: hidden;
background: #fff;
}
body.pg-tore-page .pg-tore-trust__item {
padding: 17px 20px;
min-height: 78px;
display: flex;
align-items: center;
}
body.pg-tore-page .pg-tore-trust__item + .pg-tore-trust__item { border-left: 1px solid var(--pg-tore-line); }
body.pg-tore-page .pg-tore-trust__item p { margin: 0; color: var(--pg-tore-muted); font-size: .9rem; line-height: 1.45; }
body.pg-tore-page .pg-tore-trust__item strong { display:block; color:var(--pg-tore-ink); margin-bottom:3px; } body.pg-tore-page .pg-tore-section,
body.pg-tore-page .pg-tore-final-cta {
margin-block: 0 !important;
padding: 86px 0 !important;
}
body.pg-tore-page .pg-tore-section { background: #fff; }
body.pg-tore-page .pg-tore-section--soft { background: var(--pg-tore-paper); }
body.pg-tore-page .pg-tore-section__inner,
body.pg-tore-page .pg-tore-final-cta__inner {
width: min(1220px, calc(100% - 40px));
margin-inline: auto !important;
}
body.pg-tore-page .pg-tore-section .pg-eyebrow,
body.pg-tore-page .pg-tore-final-cta .pg-eyebrow {
color: var(--pg-tore-red);
font-size: .74rem;
letter-spacing: .13em;
text-transform: uppercase;
font-weight: 850;
}
body.pg-tore-page .pg-tore-section h2,
body.pg-tore-page .pg-tore-final-cta h2 {
max-width: 830px;
margin: 8px 0 14px;
color: var(--pg-tore-ink);
font-size: clamp(2rem, 4.1vw, 3.9rem);
line-height: 1.02;
letter-spacing: -.035em;
}
body.pg-tore-page .pg-tore-section__lead {
max-width: 820px;
margin: 0;
color: var(--pg-tore-muted);
font-size: 1.02rem;
line-height: 1.65;
} body.pg-tore-page .pg-tore-grid {
display: grid;
gap: 14px;
margin-top: 34px;
align-items: stretch;
} body.pg-tore-page .pg-tore-grid > * {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
min-height: 0;
}
body.pg-tore-page .pg-tore-grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
body.pg-tore-page .pg-tore-grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
body.pg-tore-page .pg-tore-grid--overview { align-items: stretch; }
body.pg-tore-page .pg-tore-card {
position: relative;
align-self: stretch;
min-width: 0;
height: 100%;
border: 1px solid var(--pg-tore-line);
border-radius: var(--pg-tore-radius);
background: #fff;
padding: 24px;
display: flex;
flex-direction: column;
overflow: hidden;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.pg-tore-page .pg-tore-card.pg-link-card:hover {
transform: translateY(-2px);
border-color: rgba(215,25,32,.35);
box-shadow: 0 14px 34px rgba(18,18,20,.07);
}
body.pg-tore-page .pg-tore-card--media { padding: 0; }
body.pg-tore-page .pg-tore-card__image {
margin: 0 !important;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #ececeb;
}
body.pg-tore-page .pg-tore-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.pg-tore-page .pg-tore-card__body {
padding: 23px 24px 24px;
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
body.pg-tore-page .pg-tore-card .pg-eyebrow {
color: var(--pg-tore-red);
font-size: .72rem;
letter-spacing: .11em;
text-transform: uppercase;
font-weight: 850;
margin-bottom: 4px;
}
body.pg-tore-page .pg-tore-card h3 {
margin: 8px 0 10px;
color: var(--pg-tore-ink);
font-size: 1.3rem;
line-height: 1.15;
letter-spacing: -.018em;
}
body.pg-tore-page .pg-tore-card p:not(.pg-eyebrow):not(.pg-card-overlay-link) {
margin-top: 0;
color: var(--pg-tore-muted);
line-height: 1.58;
}
body.pg-tore-page .pg-card-overlay-link {
margin-top: auto !important;
padding-top: 14px;
}
body.pg-tore-page .pg-card-overlay-link a,
body.pg-tore-page .pg-tore-text-link {
color: var(--pg-tore-ink);
font-weight: 750;
text-decoration: none;
}
body.pg-tore-page .pg-tore-card:hover .pg-card-overlay-link a { color: var(--pg-tore-red); } body.pg-tore-page .pg-tore-split {
display: grid;
grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr);
gap: 64px;
align-items: center;
}
body.pg-tore-page .pg-tore-split--reverse .pg-tore-split__copy { order: 2; }
body.pg-tore-page .pg-tore-split--reverse .pg-tore-split__media { order: 1; }
body.pg-tore-page .pg-tore-feature-image {
margin: 0 !important;
border-radius: 18px;
overflow: hidden;
aspect-ratio: 4 / 3;
background: #e9e9e7;
}
body.pg-tore-page .pg-tore-feature-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
body.pg-tore-page .pg-tore-checklist { margin: 22px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }
body.pg-tore-page .pg-tore-checklist li { position: relative; padding-left: 24px; color: var(--pg-tore-muted); line-height: 1.5; }
body.pg-tore-page .pg-tore-checklist li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--pg-tore-red); font-weight:900; } body.pg-tore-page .pg-tore-industry-bridge { background: #171719; color:#fff; }
body.pg-tore-page .pg-tore-industry-bridge h2 { color:#fff; }
body.pg-tore-page .pg-tore-industry-bridge p { color:rgba(255,255,255,.75); max-width:820px; }
body.pg-tore-page .pg-tore-industry-bridge .pg-btn-ghost .wp-block-button__link { border-color:rgba(255,255,255,.38)!important; } body.pg-tore-page .pg-tore-final-cta { background: var(--pg-tore-red); color:#fff; }
body.pg-tore-page .pg-tore-final-cta h2,
body.pg-tore-page .pg-tore-final-cta .pg-eyebrow { color:#fff; }
body.pg-tore-page .pg-tore-final-cta p { max-width:760px; color:#fff; }
body.pg-tore-page .pg-tore-final-cta .pg-btn-red .wp-block-button__link {
background:#fff!important; color:var(--pg-tore-ink)!important; border-color:#fff!important;
}
body.pg-tore-page .pg-tore-final-cta .pg-btn-ghost .wp-block-button__link {
background:transparent!important; color:#fff!important; border-color:rgba(255,255,255,.55)!important;
} body.pg-tore-ui-legacy .wp-block-post-content > .pg-tore-page {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
}
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero {
width: min(1220px, calc(100% - 40px));
margin: 0 auto 34px !important;
display: grid;
grid-template-columns: minmax(0,1fr) minmax(360px,.88fr);
background: #141416;
color: #fff;
overflow: hidden;
border-radius: 0;
}
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero .pg-hero__copy { padding: 58px 48px; display:flex; flex-direction:column; justify-content:center; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero .pg-hero__image { margin:0!important; min-height:560px; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero .pg-hero__image img { width:100%; height:100%; object-fit:cover; display:block; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero h1 { color:#fff; font-size:clamp(2.8rem,5.4vw,5.2rem); line-height:.96; margin:10px 0 18px; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero .pg-hero__lead { color:rgba(255,255,255,.76); line-height:1.6; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-trust,
body.pg-tore-ui-legacy .pg-tore-page > .pg-section,
body.pg-tore-ui-legacy .pg-tore-page > .pg-final-cta {
width: min(1220px, calc(100% - 40px));
margin: 0 auto !important;
}
body.pg-tore-ui-legacy .pg-tore-page > .pg-trust { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--pg-tore-line); border-radius:16px; overflow:hidden; margin-bottom:58px!important; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-trust .pg-trust__item { padding:16px 18px; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-trust .pg-trust__item + .pg-trust__item { border-left:1px solid var(--pg-tore-line); }
body.pg-tore-ui-legacy .pg-tore-page > .pg-section { padding:72px 0; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-section.pg-section--soft { padding-inline:28px; background:var(--pg-tore-paper); border-radius:20px; }
body.pg-tore-ui-legacy .pg-tore-page .pg-grid { display:grid; gap:14px; margin-top:30px; }
body.pg-tore-ui-legacy .pg-tore-page .pg-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.pg-tore-ui-legacy .pg-tore-page .pg-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.pg-tore-ui-legacy .pg-tore-page .pg-card { border:1px solid var(--pg-tore-line); border-radius:18px; background:#fff; overflow:hidden; display:flex; flex-direction:column; min-width:0; }
body.pg-tore-ui-legacy .pg-tore-page .pg-card:not(.pg-card--media) { padding:24px; }
body.pg-tore-ui-legacy .pg-tore-page .pg-card__image { margin:0!important; aspect-ratio:4/3; overflow:hidden; background:#eee; }
body.pg-tore-ui-legacy .pg-tore-page .pg-card__image img { width:100%; height:100%; object-fit:cover; display:block; }
body.pg-tore-ui-legacy .pg-tore-page .pg-card__body { padding:22px 24px 24px; display:flex; flex:1; flex-direction:column; }
body.pg-tore-ui-legacy .pg-tore-page .pg-card__body p:last-child { margin-top:auto; }
body.pg-tore-ui-legacy .pg-tore-page .pg-split { display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center; }
body.pg-tore-ui-legacy .pg-tore-page .pg-feature-image { border-radius:18px; overflow:hidden; margin:0!important; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-final-cta { padding:58px 52px; background:var(--pg-tore-red); color:#fff; margin-bottom:0!important; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-final-cta h2 { color:#fff; }
@media (max-width: 980px) {
body.pg-tore-page .pg-tore-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.pg-tore-page .pg-tore-grid--3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.pg-tore-page .pg-tore-split { grid-template-columns: 1fr; gap: 34px; }
body.pg-tore-page .pg-tore-split--reverse .pg-tore-split__copy,
body.pg-tore-page .pg-tore-split--reverse .pg-tore-split__media { order: initial; }
body.pg-tore-page .pg-tore-trust { grid-template-columns: repeat(2,1fr); }
body.pg-tore-page .pg-tore-trust__item:nth-child(3) { border-left:0; border-top:1px solid var(--pg-tore-line); }
body.pg-tore-page .pg-tore-trust__item:nth-child(4) { border-top:1px solid var(--pg-tore-line); }
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero { grid-template-columns:1fr; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero .pg-hero__image { min-height:390px; }
body.pg-tore-ui-legacy .pg-tore-page .pg-grid--4,
body.pg-tore-ui-legacy .pg-tore-page .pg-grid--3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.pg-tore-ui-legacy .pg-tore-page .pg-split { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
body.pg-tore-page .pg-hero.pg-product-hero,
body.pg-tore-page .pg-hero__inner { min-height: 520px; }
body.pg-tore-page .pg-hero__inner { width:min(100% - 30px,1220px); padding:64px 0 70px!important; }
body.pg-tore-page .pg-hero h1 { font-size:clamp(2.55rem,12vw,4rem); }
body.pg-tore-page .pg-tore-section,
body.pg-tore-page .pg-tore-final-cta { padding:62px 0!important; }
body.pg-tore-page .pg-tore-section__inner,
body.pg-tore-page .pg-tore-final-cta__inner,
body.pg-tore-page .pg-tore-trust { width:min(100% - 30px,1220px); }
body.pg-tore-page .pg-tore-grid--4,
body.pg-tore-page .pg-tore-grid--3 { grid-template-columns:1fr; }
body.pg-tore-page .pg-tore-trust { grid-template-columns:1fr; }
body.pg-tore-page .pg-tore-trust__item + .pg-tore-trust__item { border-left:0; border-top:1px solid var(--pg-tore-line); }
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero,
body.pg-tore-ui-legacy .pg-tore-page > .pg-trust,
body.pg-tore-ui-legacy .pg-tore-page > .pg-section,
body.pg-tore-ui-legacy .pg-tore-page > .pg-final-cta { width:min(100% - 30px,1220px); }
body.pg-tore-ui-legacy .pg-tore-page > .pg-hero .pg-hero__copy { padding:42px 26px; }
body.pg-tore-ui-legacy .pg-tore-page .pg-grid--4,
body.pg-tore-ui-legacy .pg-tore-page .pg-grid--3 { grid-template-columns:1fr; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-trust { grid-template-columns:1fr; }
body.pg-tore-ui-legacy .pg-tore-page > .pg-trust .pg-trust__item + .pg-trust__item { border-left:0; border-top:1px solid var(--pg-tore-line); }
} .pg-tore-type-switch {
width: 100%;
background: #f3f2ef;
border-top: 1px solid #e4e2df;
border-bottom: 1px solid #e4e2df;
padding: 15px 0;
overflow: hidden;
}
.pg-tore-type-switch__inner {
width: min(1220px, calc(100% - 40px));
margin: 0 auto;
display: flex;
align-items: center;
gap: 18px;
min-width: 0;
}
.pg-tore-type-switch__label {
flex: 0 0 auto;
font-size: .78rem;
line-height: 1;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
color: #68686d;
white-space: nowrap;
}
.pg-tore-type-switch__links {
display: flex;
align-items: center;
gap: 8px;
overflow-x: auto;
overscroll-behavior-inline: contain;
scrollbar-width: thin;
scrollbar-color: rgba(23,23,25,.26) transparent;
-webkit-overflow-scrolling: touch;
padding: 2px 1px;
}
.pg-tore-type-switch__links::-webkit-scrollbar { height:4px; display:block; }
.pg-tore-type-switch__links::-webkit-scrollbar-thumb { background:rgba(23,23,25,.24); border-radius:999px; }
.pg-tore-type-switch__links::-webkit-scrollbar-track { background:transparent; }
.pg-tore-type-switch__links a,
.pg-tore-type-switch__links .is-active {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 15px;
border: 1px solid #d9d7d4;
border-radius: 999px;
background: #fff;
color: #202023;
font-size: .86rem;
line-height: 1.15;
font-weight: 750;
text-decoration: none;
white-space: nowrap;
transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.pg-tore-type-switch__links a:hover,
.pg-tore-type-switch__links a:focus-visible {
border-color: #9d9da2;
transform: translateY(-1px);
}
.pg-tore-type-switch__links .is-active {
background: #1d1d1f;
border-color: #1d1d1f;
color: #fff;
}
@media (max-width: 760px) {
.pg-tore-type-switch { padding: 13px 0; }
.pg-tore-type-switch__inner {
width: min(100% - 30px, 1220px);
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
.pg-tore-type-switch__links {
width: 100%;
padding-bottom: 2px;
}
} @media (max-width:1220px) {
.pg-tore-type-switch__inner {
width:min(1220px,calc(100% - 40px));
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
gap:10px;
}
.pg-tore-type-switch__label {
align-self:flex-start;
margin:0;
}
.pg-tore-type-switch__links {
width:100%;
max-width:100%;
min-width:0;
flex-wrap:nowrap;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:thin;
scrollbar-color:rgba(23,23,25,.26) transparent;
padding:2px 1px 5px;
}
.pg-tore-type-switch__links::-webkit-scrollbar { height:4px; display:block; }
.pg-tore-type-switch__links::-webkit-scrollbar-thumb { background:rgba(23,23,25,.24); border-radius:999px; }
.pg-tore-type-switch__links::-webkit-scrollbar-track { background:transparent; }
}
@media (max-width:620px) {
.pg-tore-type-switch__inner {
width:min(1220px,calc(100% - 30px));
}
}