/* ============================================================
   ClickSambo — Google Ads Protection page (/google-ads-protection,
   /tr/google-reklam-korumasi, /pt-br/protecao-para-google-ads)
   Scoped to <main class="gpPage">: header, footer and other pages are untouched.
   Every rule is prefixed with .gpPage and every class carries the gp prefix, so the
   site-wide classes in layout.css (.btn, .hero, section .title, ...) cannot collide
   and the relative specificity of element vs. class rules matches the approved design.
   ============================================================ */
.gpPage{--font-brand:"Nunito",-apple-system,"Segoe UI",Roboto,sans-serif; --navy:#1C2841; --ink:#0F1420; --orange:#F94C10; --orange-d:#D93D08; --orange-soft:rgba(249,76,16,.1); --green:#22B573; --green-d:#17835A; --green-soft:#E9F7F0; --cream:#FFF1E9; --cream-2:#FDF6F1; --cream-d:#EFDCD1; --white:#fff; --line:#ECECF3; --line-2:#F0E2D8; --muted:#51607A; --muted-2:#7C8AA3; --grey:#3A4A69; --wrap:1120px; --r:20px; --r-sm:12px; --shadow:0 12px 40px rgba(28,40,65,.06); --shadow-lg:0 18px 50px rgba(28,40,65,.09);}
.gpPage *{box-sizing:border-box}
.gpPage{margin:0; background:var(--cream); color:var(--navy); font-family:var(--font-brand); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased}
/* layout.css sets `*{font-family:Mulish}`, `b,strong{font-weight:700}` and a global
   `blockquote{...}` card style; restore the browser defaults the design relies on. */
.gpPage *{font-family:inherit}
.gpPage b,.gpPage strong{font-weight:bolder}
.gpPage blockquote{display:block; margin:0; padding:0; border:0; border-radius:0; background:none; font-weight:inherit}
.gpPage .gpWrap{max-width:var(--wrap); margin:0 auto; padding:0 24px}
.gpPage h1,.gpPage h2,.gpPage h3{margin:0; font-weight:800; letter-spacing:-.015em; color:var(--navy)}
.gpPage h1{font-size:clamp(32px,4.2vw,48px); line-height:1.15}
.gpPage h2{font-size:clamp(26px,3vw,36px); line-height:1.2}
.gpPage h3{font-size:clamp(19px,1.6vw,21px); line-height:1.25}
.gpPage p{margin:0 0 1rem}
.gpPage a{color:inherit}
.gpPage .gpEyebrow{margin:0 0 14px; font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-2)}
.gpPage .gpOrange{color:var(--orange)}
.gpPage .gpGreen{color:var(--green-d)}
.gpPage .gpBtn{display:inline-flex; align-items:center; gap:9px; background:var(--orange); color:#fff; text-decoration:none; font-weight:800; padding:14px 26px; border-radius:10px; font-size:1rem; border:0; cursor:pointer; font-family:inherit; transition:background .15s ease, transform .15s ease}
.gpPage .gpBtn:hover{background:var(--orange-d); transform:translateY(-1px)}
.gpPage .gpBtn.gpGhost{background:transparent; border:1.6px solid var(--navy); color:var(--navy)}
.gpPage .gpBtn.gpGhost:hover{background:var(--navy); color:#fff}
.gpPage .gpBtn.gpLg{padding:16px 30px; font-size:1.05rem}
.gpPage .gpHero{position:relative; overflow:hidden; padding:74px 0 84px; background:radial-gradient(760px 420px at 85% 0%, rgba(249,76,16,.09), transparent 62%),radial-gradient(620px 380px at 0% 100%, rgba(34,181,115,.08), transparent 60%),var(--cream)}
.gpPage .gpHeroGrid{display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center}
@media(max-width:940px){
  .gpPage .gpHeroGrid{grid-template-columns:1fr; gap:40px}
}
.gpPage .gpHero h1 em{font-style:normal; color:var(--orange)}
.gpPage .gpLede{color:var(--muted); font-size:18px; line-height:1.7; margin-top:20px; max-width:52ch}
.gpPage .gpActions{display:flex; gap:14px; margin-top:28px; flex-wrap:wrap}
.gpPage .gpTrust{display:flex; flex-wrap:wrap; gap:14px 24px; margin-top:30px; font-size:.9rem; font-weight:600; color:var(--muted)}
.gpPage .gpTrust span{display:flex; align-items:center; gap:8px}
.gpPage .gpTrust svg{width:17px; height:17px; color:var(--green)}
.gpPage .gpMetric{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:26px; box-shadow:var(--shadow-lg)}
.gpPage .gpMetric .gpMh{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px}
.gpPage .gpMetric .gpMh .gpLbl{font-weight:800}
.gpPage .gpMetric .gpMh .gpLive{display:flex; align-items:center; gap:8px; font-size:.82rem; font-weight:700; color:var(--muted-2)}
.gpPage .gpBlink{width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(34,181,115,.55); animation:gpPulse 2s infinite}
@keyframes gpPulse{0%{box-shadow:0 0 0 0 rgba(34,181,115,.5)}70%{box-shadow:0 0 0 9px rgba(34,181,115,0)}100%{box-shadow:0 0 0 0 rgba(34,181,115,0)}}
.gpPage .gpMrow{display:flex; justify-content:space-between; align-items:center; padding:15px 0; border-top:1px solid var(--line)}
.gpPage .gpMrow .gpK{color:var(--muted); font-size:.92rem; font-weight:600; display:flex; align-items:center; gap:10px}
.gpPage .gpMrow .gpK .gpIco{width:34px; height:34px; border-radius:10px; background:var(--cream); display:grid; place-items:center; color:var(--orange); flex:none}
.gpPage .gpMrow .gpK .gpIco svg{width:18px; height:18px}
.gpPage .gpMrow .gpV{font-weight:800; font-size:1.25rem; font-variant-numeric:tabular-nums}
.gpPage .gpChip{font-size:.72rem; font-weight:800; padding:3px 9px; border-radius:7px; margin-left:9px; vertical-align:middle; white-space:nowrap}
.gpPage .gpChip.gpUp{background:var(--green-soft); color:var(--green-d)}
.gpPage .gpChip.gpDown{background:var(--orange-soft); color:var(--orange-d)}
.gpPage section{padding:84px 0}
/* Design: 86px under its 74px sticky nav (12px gap); the site header is fixed at 100px, same gap. */
.gpPage section[id]{scroll-margin-top:112px}
.gpPage section.gpAlt{background:var(--white)}
.gpPage .gpSechead{max-width:64ch; margin-bottom:44px}
.gpPage .gpSechead.gpCenter{margin-left:auto; margin-right:auto; text-align:center}
.gpPage .gpSechead p{color:var(--muted); margin:12px 0 0}
.gpPage .gpStepsGrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
@media(max-width:820px){
  .gpPage .gpStepsGrid{grid-template-columns:1fr}
}
.gpPage .gpStep{position:relative; background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r); padding:30px 28px}
.gpPage .gpStep .gpNum{width:44px; height:44px; border-radius:12px; background:var(--orange); color:#fff; font-weight:800; font-size:1.15rem; display:grid; place-items:center; margin-bottom:22px}
.gpPage .gpStep h3{margin-bottom:10px}
.gpPage .gpStep p{margin:0; color:var(--muted)}
.gpPage .gpStep code{background:var(--white); border:1px solid var(--line-2); color:var(--orange-d); font-size:.82em; padding:2px 7px; border-radius:6px; font-family:ui-monospace,Menlo,monospace; font-weight:700}
.gpPage .gpStep .gpArrow{position:absolute; top:44px; right:-13px; color:var(--cream-d); z-index:2}
@media(max-width:820px){
  .gpPage .gpStep .gpArrow{display:none}
}
.gpPage .gpFlowlink{display:inline-flex; align-items:center; gap:9px; margin-top:30px; color:var(--orange-d); font-weight:800; text-decoration:none}
.gpPage .gpFlowlink:hover{gap:13px}
.gpPage .gpBudGrid{display:grid; grid-template-columns:.9fr 1.1fr; gap:44px; align-items:center}
@media(max-width:860px){
  .gpPage .gpBudGrid{grid-template-columns:1fr; gap:32px}
}
.gpPage .gpBudText p{color:var(--muted); margin:14px 0 0}
.gpPage .gpBudcard{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:30px 32px; box-shadow:var(--shadow)}
.gpPage .gpBblock{margin-bottom:26px}
.gpPage .gpBblock:last-child{margin-bottom:0}
.gpPage .gpBlabel{display:flex; justify-content:space-between; align-items:center; margin-bottom:11px; font-weight:600; color:var(--muted)}
.gpPage .gpBlabel b{color:var(--navy); font-weight:800}
.gpPage .gpBar{display:flex; height:42px; border-radius:10px; overflow:hidden; background:var(--cream-d)}
.gpPage .gpSeg{display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:800; color:#fff; white-space:nowrap}
.gpPage .gpSeg.gpReal{background:var(--green)}
.gpPage .gpSeg.gpBot{background:var(--orange)}
.gpPage .gpSeg.gpComp{background:var(--orange-d)}
.gpPage .gpSeg.gpVpn{background:var(--grey)}
.gpPage .gpLegend{display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:16px; font-size:.84rem; color:var(--muted); font-weight:600}
.gpPage .gpLegend span{display:flex; align-items:center; gap:8px}
.gpPage .gpLegend i{width:11px; height:11px; border-radius:3px; display:inline-block}
.gpPage .gpLogos{display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:8px}
.gpPage .gpChipLogo{display:flex; align-items:center; gap:11px; background:var(--white); border:1px solid var(--line); border-radius:var(--r-sm); padding:14px 22px; box-shadow:var(--shadow); font-weight:800; font-size:1rem}
.gpPage .gpChipLogo .gpD{width:10px; height:10px; border-radius:50%}
.gpPage .gpFaqwrap{max-width:820px}
.gpPage .gpFaq details{background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r-sm); padding:20px 24px; margin-bottom:12px}
.gpPage .gpFaq summary{font-weight:800; cursor:pointer; list-style:none; font-size:17px; display:flex; justify-content:space-between; gap:16px}
.gpPage .gpFaq summary::-webkit-details-marker{display:none}
.gpPage .gpFaq summary::after{content:"+"; color:var(--orange); font-weight:800; flex:none}
.gpPage .gpFaq details[open] summary::after{content:"\2013"}
.gpPage .gpFaq details p{margin:12px 0 0; color:var(--muted)}
.gpPage .gpFinal .gpWrap{padding:0 24px}
.gpPage .gpFinalBox{background:var(--navy); border-radius:26px; padding:60px 40px; text-align:center; position:relative; overflow:hidden}
.gpPage .gpFinalBox::before{content:""; position:absolute; inset:0; background:radial-gradient(560px 260px at 50% -12%, rgba(249,76,16,.28), transparent 66%)}
.gpPage .gpFinalBox>*{position:relative}
.gpPage .gpFinalBox h2{color:#fff}
.gpPage .gpFinalBox p{color:#C3CCDC; font-size:18px; margin:16px auto 0; max-width:52ch}
.gpPage .gpFinalActions{display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:32px}
.gpPage .gpFinal .gpBtn.gpGhost{border-color:rgba(255,255,255,.4); color:#fff}
.gpPage .gpFinal .gpBtn.gpGhost:hover{background:#fff; color:var(--navy)}
.gpPage .gpFinalBadges{display:flex; flex-wrap:wrap; gap:14px 26px; justify-content:center; margin-top:30px; color:#B9C2D2; font-size:.9rem; font-weight:600}
.gpPage .gpFinalBadges span{display:flex; align-items:center; gap:8px}
.gpPage .gpFinalBadges svg{width:16px; height:16px; color:#FF7A47}
.gpPage :focus-visible{outline:2px solid var(--orange); outline-offset:3px}
/* Scroll reveal only once the page script has run (.gpJs), so content never stays hidden without JS. */
.gpPage.gpJs .gpReveal{opacity:0; transform:translateY(16px)}
.gpPage.gpJs .gpReveal.gpIn{opacity:1; transform:none; transition:opacity .6s ease, transform .6s ease}
@media(prefers-reduced-motion:reduce){
  .gpPage *{transition:none !important; animation:none !important}
  .gpPage.gpJs .gpReveal{opacity:1; transform:none}
}
@media(max-width:560px){
  .gpPage .gpMetric{padding:22px 20px}
  .gpPage .gpMrow{align-items:flex-start; gap:12px}
  .gpPage .gpMrow .gpK{flex:1; min-width:0}
  .gpPage .gpMrow .gpV{display:flex; flex-direction:column; align-items:flex-end; gap:6px; text-align:right; flex:none}
  .gpPage .gpMrow .gpV .gpChip{margin-left:0}
}
.gpPage .gpNote{max-width:var(--wrap); margin:28px auto 0; padding:16px 22px; background:var(--cream-2); border:1px solid var(--line-2); border-left:3px solid var(--orange); border-radius:var(--r-sm); color:var(--muted); font-weight:600; font-size:1rem}
.gpPage .gpNote b{color:var(--navy); font-weight:800}
.gpPage .gpFeatGrid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center}
@media(max-width:900px){
  .gpPage .gpFeatGrid{grid-template-columns:1fr; gap:34px}
}
.gpPage .gpFeatGrid.gpRev .gpFeatText{order:2}
@media(max-width:900px){
  .gpPage .gpFeatGrid.gpRev .gpFeatText{order:0}
}
.gpPage .gpFeatText p{color:var(--muted); margin:14px 0 0}
.gpPage .gpFeatList{list-style:none; margin:22px 0 0; padding:0; display:grid; gap:13px}
.gpPage .gpFeatList li{display:flex; gap:12px; align-items:flex-start; font-weight:600}
.gpPage .gpFeatList li svg{width:20px;height:20px;flex:none;color:var(--orange); margin-top:3px}
.gpPage .gpCallout{margin:24px 0 0; padding:17px 19px; background:var(--navy); color:#fff; border-radius:var(--r-sm); font-size:1rem; line-height:1.6}
.gpPage .gpFeatText .gpCallout,.gpPage .gpFeatText .gpCallout b,.gpPage .gpCallout *{color:#fff}
.gpPage .gpCallout b{color:#fff}
.gpPage .gpMock{background:var(--white); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow-lg); overflow:hidden}
.gpPage .gpMockBar{display:flex; align-items:center; gap:7px; padding:14px 20px; border-bottom:1px solid var(--line); background:var(--cream-2)}
.gpPage .gpMockDot{width:10px;height:10px;border-radius:50%}
.gpPage .gpMockTitle{font-weight:800; margin-left:8px; font-size:.95rem}
.gpPage .gpBeta{margin-left:9px; font-size:.62rem; font-weight:800; letter-spacing:.08em; background:#2E6BE6; color:#fff; padding:3px 7px; border-radius:6px}
.gpPage .gpCtSwitch{margin-left:auto; width:42px; height:24px; border-radius:999px; background:var(--green); position:relative; flex:none}
.gpPage .gpCtSwitch span{position:absolute; top:3px; right:3px; width:18px; height:18px; border-radius:50%; background:#fff}
.gpPage .gpMockBody{padding:22px}
.gpPage .gpThrRow{display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:13px 15px; border-radius:11px; background:var(--cream-2); border:1px solid var(--line-2); margin-bottom:11px}
.gpPage .gpThrRow .gpLab{font-weight:700; color:var(--muted); font-size:.85rem}
.gpPage .gpThrPill{background:var(--white); border:1px solid var(--line-2); border-radius:8px; padding:6px 15px; font-weight:800; font-variant-numeric:tabular-nums; min-width:42px; text-align:center}
.gpPage .gpThrPill.gpAccent{background:var(--orange); color:#fff; border-color:var(--orange)}
.gpPage .gpThrActions{display:flex; justify-content:space-between; margin-top:16px}
.gpPage .gpThrBtn{font-weight:800; font-size:.84rem; padding:9px 17px; border-radius:9px; background:var(--navy); color:#fff}
.gpPage .gpThrBtn.gpGhost{background:transparent; color:var(--navy); border:1.5px solid var(--line-2)}
.gpPage .gpCtRows{display:grid; gap:0}
.gpPage .gpCtR{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 4px; border-bottom:1px solid var(--line)}
.gpPage .gpCtR:last-child{border-bottom:0}
.gpPage .gpCtR>span{color:var(--muted); font-weight:600; font-size:.9rem}
.gpPage .gpCtR b{font-weight:800; font-size:.92rem; text-align:right}
.gpPage .gpCtR b.gpOk{color:var(--green-d)}
.gpPage .gpSigmini{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:24px 0 0}
@media(max-width:600px){
  .gpPage .gpSigmini{grid-template-columns:1fr}
}
.gpPage .gpSigbox{border-radius:var(--r-sm); padding:16px 18px}
.gpPage .gpSigbox.gpNeg{background:var(--orange-soft)}
.gpPage .gpSigbox.gpPos{background:var(--green-soft)}
.gpPage .gpSigbox .gpT{font-weight:800; font-size:.82rem; margin-bottom:11px}
.gpPage .gpSigbox.gpNeg .gpT{color:var(--orange-d)}
.gpPage .gpSigbox.gpPos .gpT{color:var(--green-d)}
.gpPage .gpSigbox .gpChips{display:flex; flex-wrap:wrap; gap:6px}
.gpPage .gpSigbox .gpChips span{background:rgba(255,255,255,.72); border-radius:7px; padding:4px 10px; font-size:.78rem; font-weight:700; color:var(--grey)}
.gpPage .gpOutcome{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:26px 0 0}
.gpPage .gpOc{display:inline-flex; align-items:center; gap:8px; background:var(--white); border:1px solid var(--line); box-shadow:var(--shadow); border-radius:999px; padding:9px 16px; font-weight:800; font-size:.85rem}
.gpPage .gpOc svg{width:16px;height:16px;color:var(--orange)}
.gpPage .gpOc.gpFirst svg{color:var(--green-d)}
.gpPage .gpOcArr{color:var(--cream-d); font-weight:800}
.gpPage .gpCsGrid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
@media(max-width:900px){
  .gpPage .gpCsGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .gpPage .gpCsGrid{grid-template-columns:1fr}
}
.gpPage .gpCsCard{position:relative; background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:28px 24px; box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column}
.gpPage .gpCsCard::before{content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--orange),var(--orange-d))}
.gpPage .gpCsIco{width:46px;height:46px;border-radius:13px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;margin-bottom:16px}
.gpPage .gpCsIco svg{width:24px;height:24px}
.gpPage .gpCsInd{font-size:.71rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}
.gpPage .gpCsBig{font-size:clamp(2.2rem,3.4vw,2.9rem); font-weight:800; line-height:1; letter-spacing:-.03em; white-space:nowrap; background:linear-gradient(135deg,var(--orange),var(--orange-d)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.gpPage .gpCsRes{margin:12px 0 0; font-weight:700; color:var(--navy); font-size:1rem; line-height:1.45}
.gpPage .gpCsBy{margin:14px 0 0; font-weight:800; font-size:.84rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.gpPage .gpCsBy span{color:var(--muted-2); font-weight:700; display:block; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.gpPage .gpCsLink{margin-top:auto; padding-top:18px; display:inline-flex; align-items:center; gap:7px; color:var(--orange-d); font-weight:800; text-decoration:none; font-size:.88rem}
.gpPage .gpCsLink:hover{gap:11px}
.gpPage .gpImpsec{padding:54px 0}
.gpPage .gpImpact{display:grid; grid-template-columns:repeat(3,1fr); gap:0; background:var(--white); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden}
@media(max-width:640px){
  .gpPage .gpImpact{grid-template-columns:1fr}
}
.gpPage .gpImp{padding:30px 26px; text-align:center; border-left:1px solid var(--line)}
.gpPage .gpImp:first-child{border-left:0}
@media(max-width:640px){
  .gpPage .gpImp{border-left:0; border-top:1px solid var(--line)}
  .gpPage .gpImp:first-child{border-top:0}
}
.gpPage .gpImpN{font-size:clamp(2rem,4vw,2.8rem); font-weight:800; letter-spacing:-.02em; line-height:1; white-space:nowrap; background:linear-gradient(135deg,var(--orange),var(--orange-d)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.gpPage .gpImpL{margin-top:10px; color:var(--muted); font-weight:700; font-size:.92rem}
.gpPage .gpCtrlGrid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
@media(max-width:820px){
  .gpPage .gpCtrlGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .gpPage .gpCtrlGrid{grid-template-columns:1fr}
}
.gpPage .gpCtrl{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:24px; box-shadow:var(--shadow)}
.gpPage .gpCtrlTop{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px}
.gpPage .gpCtrlIco{width:44px;height:44px;border-radius:12px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;flex:none}
.gpPage .gpCtrlIco svg{width:22px;height:22px}
.gpPage .gpCtrl h3{font-size:1.02rem; margin-bottom:7px}
.gpPage .gpCtrl p{margin:0; color:var(--muted); font-size:1rem; line-height:1.6}
.gpPage .gpCrumbs{background:var(--cream); border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2)}
.gpPage .gpCrumbs .gpWrap{display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 24px; flex-wrap:wrap}
.gpPage .gpCrumbs ol{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; font-size:.84rem; font-weight:700; color:var(--muted-2)}
.gpPage .gpCrumbs li+li::before{content:"›"; margin-right:8px; color:#C9B4A5}
.gpPage .gpCrumbs a{text-decoration:none}
.gpPage .gpCrumbs a:hover{color:var(--orange)}
.gpPage .gpCrumbs [aria-current]{color:var(--navy)}
.gpPage .gpUpdated{margin:0; font-size:.82rem; color:var(--muted-2); font-weight:600}
.gpPage .gpAgg{background:var(--navy); position:relative; overflow:hidden}
.gpPage .gpAgg::before{content:""; position:absolute; inset:0; background:radial-gradient(620px 300px at 80% -10%, rgba(249,76,16,.22), transparent 62%)}
.gpPage .gpAgg .gpWrap{position:relative}
.gpPage .gpAgg .gpSechead h2{color:#fff}
.gpPage .gpAgg .gpSechead p{color:#C3CCDC}
.gpPage .gpAggGrid{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:8px}
@media(max-width:760px){
  .gpPage .gpAggGrid{grid-template-columns:1fr}
}
.gpPage .gpAggCard{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:var(--r); padding:28px 26px}
.gpPage .gpAggCard .gpAi{width:50px;height:50px;border-radius:13px;background:rgba(249,76,16,.16);color:#FF7A47;display:grid;place-items:center;margin-bottom:16px}
.gpPage .gpAggCard .gpAi svg{width:25px;height:25px}
.gpPage .gpAggCard h3{color:#fff; font-size:1.2rem; display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.gpPage .gpAggCard p{color:#C3CCDC; margin:10px 0 0; font-size:1rem; line-height:1.6}
.gpPage .gpAggNote{margin:26px 0 0; color:#9FB0C7; font-size:1rem; font-weight:600}
.gpPage .gpAggNote b{color:#fff}
.gpPage .gpAggCta{display:flex; flex-wrap:wrap; gap:14px; margin-top:22px}
.gpPage .gpAgg .gpBtn.gpGhost{border-color:rgba(255,255,255,.4); color:#fff}
.gpPage .gpAgg .gpBtn.gpGhost:hover{background:#fff; color:var(--navy)}
.gpPage .gpTst{background:var(--cream-2)}
.gpPage .gpTstGrid{display:grid; grid-template-columns:1fr 1fr; gap:18px}
@media(max-width:760px){
  .gpPage .gpTstGrid{grid-template-columns:1fr}
}
.gpPage .gpTstCard{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:30px 28px; box-shadow:var(--shadow); margin:0}
.gpPage .gpTstQ{font-family:Georgia,'Times New Roman',serif; font-size:2.8rem; line-height:.7; color:var(--orange); margin-bottom:10px}
.gpPage .gpTstText{margin:0; color:var(--grey); font-size:1.02rem; line-height:1.65; font-style:italic}
.gpPage .gpTstBy{display:flex; align-items:center; gap:12px; margin:20px 0 0}
.gpPage .gpTstAv{width:44px;height:44px;border-radius:50%;background:var(--orange-soft);color:var(--orange-d);display:grid;place-items:center;font-weight:800;font-size:.9rem;flex:none;font-style:normal}
.gpPage .gpTstName{display:block; font-weight:800; font-size:.95rem}
.gpPage .gpTstRole{display:block; color:var(--muted-2); font-weight:700; font-size:.82rem; margin-top:2px}
.gpPage .gpAggGrid.gpThree{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){
  .gpPage .gpAggGrid.gpThree{grid-template-columns:1fr}
}
.gpPage .gpAgg+.gpAgg{border-top:1px solid rgba(255,255,255,.12)}
.gpPage .gpAggList{list-style:none; max-width:680px; margin:22px auto 0; padding:0; display:grid; gap:13px; text-align:left}
.gpPage .gpAggList li{display:flex; gap:12px; align-items:flex-start; color:#C3CCDC; font-weight:600}
.gpPage .gpAggList li svg{width:20px;height:20px;flex:none;color:#FF7A47;margin-top:2px}
.gpPage .gpAgg .gpAggNote{text-align:center; max-width:700px; margin-left:auto; margin-right:auto}
.gpPage .gpAgg .gpAggCta{justify-content:center}
.gpPage .gpAggCard h3{font-size:1.08rem}
.gpPage .gpAggMore{display:inline-flex; align-items:center; gap:8px; color:#FF9A6B; font-weight:800; text-decoration:none}
.gpPage .gpAggMore:hover{gap:12px; color:#fff}
/* Inline style="" attributes of the design, as classes */
.gpPage .gpCenterText{text-align:center}
.gpPage .gpLinkRow{text-align:center; margin-top:30px}
.gpPage .gpAggMoreRow{text-align:center; margin-top:26px}
.gpPage .gpAggMoreRow.gpTight{margin-top:18px}
.gpPage .gpAgg .gpSechead .gpEyebrow{color:#FF9A6B}