/* GestPoint page styles: investment-cashback (loaded by its sections) */
body.gp-site .nav>a.active::after,body.gp-site .nav>.has-drop>a.active::after{transform:scaleX(1)}
body.gp-site .crumbs{display:flex;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.7)}
body.gp-site .crumbs a:hover{color:#fff}
body.gp-site .cb-hero{position:relative;background:radial-gradient(80% 90% at 85% 10%,#2C4596 0%,var(--gp-navy) 45%,var(--gp-navy-deep) 100%);color:#fff;overflow:hidden;padding-block:clamp(48px,7vw,100px)}
body.gp-site .cb-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(127,211,247,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(127,211,247,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 70% at 70% 40%,#000,transparent);-webkit-mask-image:radial-gradient(70% 70% at 70% 40%,#000,transparent)}
body.gp-site .cb-hero-in{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
@media (max-width:900px){body.gp-site .cb-hero-in{grid-template-columns:1fr}}
body.gp-site .cb-hero-copy{display:grid;gap:20px}
body.gp-site .cb-h1{font-family:var(--gp-display);font-size:clamp(46px,6.6vw,92px);line-height:.98;font-weight:600}
body.gp-site .cb-h1 .line{display:block;overflow:hidden;padding-bottom:.06em}
body.gp-site .cb-h1 .line>span{display:block;animation:lineUp 1.1s var(--gp-ease-out) both}
body.gp-site .cb-h1 .line:nth-child(2)>span{animation-delay:.14s}
@keyframes lineUp{from{transform:translateY(105%)}}
body.gp-site .cb-h1 em{font-style:italic;color:var(--gp-sky-light)}
body.gp-site .cb-lead{font-size:clamp(16px,1.3vw,18px);color:rgba(255,255,255,.82);max-width:56ch}
body.gp-site .cb-lead b{color:#fff}
body.gp-site .cb-rings{display:flex;gap:18px;justify-content:center;align-items:center}
body.gp-site .ring-card{position:relative;width:170px;aspect-ratio:1}
body.gp-site .ring-card.big{width:230px}
body.gp-site .ring-card svg{width:100%;height:100%;transform:rotate(-90deg)}
body.gp-site .ring-card .rt{fill:none;stroke:rgba(255,255,255,.12);stroke-width:9}
body.gp-site .ring-card .rval{fill:none;stroke:var(--gp-sky);stroke-width:9;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:calc(314 - 314 * var(--gp-p));animation:ring 1.6s var(--gp-ease-out) both .3s}
body.gp-site .ring-card.big .rval{stroke:#7FD3F7}
@keyframes ring{from{stroke-dashoffset:314}}
body.gp-site .ring-card>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
body.gp-site .ring-card b{font-family:var(--gp-display);font-size:46px;line-height:1;font-variant-numeric:lining-nums}
body.gp-site .ring-card.big b{font-size:64px}
body.gp-site .ring-card span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
body.gp-site .cb-calc{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--gp-line);border-radius:30px;overflow:hidden;box-shadow:0 50px 90px -70px rgba(31,42,94,.7)}
@media (max-width:900px){body.gp-site .cb-calc{grid-template-columns:1fr}}
body.gp-site .cb-in{padding:clamp(22px,3vw,40px);display:grid;gap:22px;align-content:start;background:#fff}
body.gp-site .cb-amt{display:flex;align-items:center;border:1px solid var(--gp-line);border-radius:16px;padding:6px 16px;background:var(--gp-mist)}
body.gp-site .cb-amt span{font-family:var(--gp-display);font-size:30px;color:var(--gp-muted)}
body.gp-site .cb-amt input{border:0;background:transparent;font-family:var(--gp-display);font-size:clamp(30px,3.4vw,40px);font-weight:600;width:100%;padding:6px 8px;color:var(--gp-ink);font-variant-numeric:lining-nums}
body.gp-site .cb-amt input:focus{outline:none}
body.gp-site .cb-ten{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.gp-site .cb-ten button{border:1px solid var(--gp-line);background:#fff;border-radius:16px;padding:14px;text-align:left;cursor:pointer;display:grid;gap:2px;transition:.3s}
body.gp-site .cb-ten button b{font-size:16px}body.gp-site .cb-ten button span{font-size:13px;color:var(--gp-muted)}
body.gp-site .cb-ten button.on{background:var(--gp-navy);border-color:var(--gp-navy);color:#fff}body.gp-site .cb-ten button.on span{color:var(--gp-sky-light)}
body.gp-site .cb-out{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gp-line);border-radius:18px;overflow:hidden}
body.gp-site .cb-out div{background:var(--gp-mist);padding:14px;display:grid;gap:4px}
body.gp-site .cb-out small{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gp-muted)}
body.gp-site .cb-out strong{white-space:nowrap;font-family:var(--gp-display);font-size:clamp(19px,1.9vw,25px);font-weight:600;font-variant-numeric:lining-nums;line-height:1.1}
body.gp-site .cb-out .pos{color:#13844A}
@media (max-width:520px){body.gp-site .cb-out{grid-template-columns:1fr}}
body.gp-site .cb-chart{background:var(--gp-navy-deep);color:#fff;padding:clamp(22px,3vw,36px);display:grid;gap:16px;align-content:start;min-width:0}
body.gp-site .cb-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:rgba(255,255,255,.8)}
body.gp-site .cb-legend i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:6px;vertical-align:3px}
body.gp-site #cbSvg{width:100%;height:auto;display:block;overflow:visible}
body.gp-site #cbSvg .grid line{stroke:rgba(255,255,255,.08)}
body.gp-site #cbSvg text{fill:rgba(255,255,255,.6);font-family:var(--gp-body);font-size:11px}
body.gp-site #cbSvg .ln{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:draw 1.4s var(--gp-ease-out) both}
@keyframes draw{from{stroke-dashoffset:1}}
body.gp-site #cbSvg .area{animation:fadeIn 1s .6s both}
@keyframes fadeIn{from{opacity:0}}
body.gp-site .cb-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.gp-site .cb-compare div{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;display:grid;gap:2px}
body.gp-site .cb-compare small{font-size:11px;color:rgba(255,255,255,.65);font-weight:700}
body.gp-site .cb-compare b{font-family:var(--gp-display);font-size:22px;font-variant-numeric:lining-nums}
body.gp-site .cb-compare div:first-child{background:rgba(0,169,239,.15);border-color:rgba(0,169,239,.4)}
@media (max-width:520px){body.gp-site .cb-compare{grid-template-columns:1fr}}
body.gp-site .cb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
body.gp-site .cb-steps li{background:#fff;border:1px solid var(--gp-line);border-radius:24px;padding:24px;display:grid;gap:10px;align-content:start;counter-increment:s;position:relative;transition:transform .5s var(--gp-ease-out)}
body.gp-site .cb-steps li:hover{transform:translateY(-6px)}
body.gp-site .cb-steps li::after{content:counter(s);position:absolute;top:18px;right:20px;font-family:var(--gp-display);font-size:40px;color:var(--gp-line);font-weight:600}
body.gp-site .cb-steps .fi{width:52px;height:52px;border-radius:16px;background:var(--gp-sky-soft);display:grid;place-items:center;color:var(--gp-navy)}
body.gp-site .cb-steps .fi svg{width:24px;height:24px}
body.gp-site .cb-steps b{font-family:var(--gp-display);font-size:24px;line-height:1.1}
body.gp-site .cb-steps p{font-size:14.5px;color:var(--gp-muted)}
@media (max-width:900px){body.gp-site .cb-steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){body.gp-site .cb-steps{grid-template-columns:1fr}}
body.gp-site .cb-why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
body.gp-site .cb-why>div:first-child{display:grid;gap:18px}
body.gp-site .cb-why-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.gp-site .cb-why-cards div{border:1px solid var(--gp-line);border-radius:22px;padding:22px;display:grid;gap:8px;transition:background .4s,color .4s}
body.gp-site .cb-why-cards div:hover{background:var(--gp-navy);color:#fff}
body.gp-site .cb-why-cards div:hover p{color:rgba(255,255,255,.75)}
body.gp-site .cb-why-cards b{font-family:var(--gp-display);font-size:24px}
body.gp-site .cb-why-cards p{font-size:14px;color:var(--gp-muted)}
@media (max-width:900px){body.gp-site .cb-why{grid-template-columns:1fr}}
@media (max-width:520px){body.gp-site .cb-why-cards{grid-template-columns:1fr}}
body.gp-site .cb-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:start}
body.gp-site .cb-faq .sec-head{margin:0}
@media (max-width:900px){body.gp-site .cb-faq{grid-template-columns:1fr}}
body.gp-site .cb-disc{font-size:12.5px;color:var(--gp-muted);padding-block:24px 40px;text-align:center}
