/* SEO.5C Pricing Option A — Clean White.
   Pricing values, features, signup URLs, and monthly/annual toggle remain model-driven.
   Customer Portal styling below is unchanged from the previous release. */
.g2d-pricing-option-a .pricing-card {
    background:#fff;
    border:1px solid #dfe5f0;
    box-shadow:0 11px 28px rgba(20,34,72,.055);
    overflow:visible;
    transition:box-shadow .18s ease;
}
.g2d-pricing-option-a .pricing-card:hover {box-shadow:0 15px 34px rgba(20,34,72,.09)}
.g2d-pricing-option-a .pricing-card .pricing-card-head h2,
.g2d-pricing-option-a .pricing-card .pricing-card-head .price strong,
.g2d-pricing-option-a .pricing-card .price span,
.g2d-pricing-option-a .pricing-card .pricing-limits strong {
    color:#19213b;
}
.g2d-pricing-option-a .pricing-card .pricing-features i {color:#4d61e8}
.g2d-pricing-option-a .pricing-card .pricing-card-head {border-bottom-color:#e6eaf3}
.g2d-pricing-option-a .pricing-card.recommended {
    background:linear-gradient(180deg,#f3f6ff 0%,#fff 35%);
    border:1px solid #4f63ee;
    outline:1px solid #4f63ee;
    box-shadow:0 16px 35px rgba(66,86,210,.13);
}
.g2d-pricing-option-a .pricing-card.recommended .pricing-card-head h2,
.g2d-pricing-option-a .pricing-card.recommended .pricing-card-head .price strong {color:#3853d4}
.g2d-pricing-option-a .pricing-card.recommended .recommended-badge {
    background:#435dec;
    color:#fff;
}
.g2d-pricing-option-a .pricing-card.recommended .pricing-plan-action .btn.btn-primary {
    background:#435dec;
    border-color:#435dec;
    color:#fff;
}
.g2d-pricing-option-a .pricing-hero {background:radial-gradient(ellipse at 80% 50%,rgba(104,84,237,.12),transparent 48%),linear-gradient(115deg,#f4f6ff,#fff 52%,#f0ebff)}
.g2d-pricing-option-a .g2d-pricing-visual {overflow:visible}
.g2d-pricing-option-a .g2d-pricing-visual-body {position:relative}
@media(prefers-reduced-motion:reduce) {
    .g2d-pricing-option-a .pricing-card {transition:none}
}

.g2d-plan-hero-invoice {border:1px solid #dce3f8;border-radius:16px;background:#fff;box-shadow:0 15px 33px rgba(53,72,143,.12);padding:1.05rem;display:grid;gap:.66rem;margin:1rem auto;max-width:375px;color:#222c4c}
.g2d-plan-invoice-heading,.g2d-plan-invoice-total,.g2d-plan-invoice-line {display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.g2d-plan-invoice-heading strong {font-size:1rem}
.g2d-plan-invoice-heading i {color:#5264e5;margin-right:.4rem}
.g2d-plan-paid {background:#e8f8eb;color:#126d31;border-radius:2rem;padding:.2rem .65rem;font-size:.72rem;font-weight:800}
.g2d-plan-invoice-line {font-size:.86rem;color:#61708c;border-bottom:1px solid #edf0fa;padding-bottom:.45rem}
.g2d-plan-invoice-line i {color:#24864b}
.g2d-plan-invoice-total {font-size:.88rem;font-weight:700}
.g2d-plan-invoice-total strong {color:#176d34}

/* Customer portal: matching illustrated hero with a device built from HTML/CSS,
   not an unresponsive image of a complete webpage. */
.g2d-detail-landing-page .g2d-portal-hero {overflow:hidden;padding:3.25rem 0 3rem;background:radial-gradient(ellipse at 80% 44%,rgba(118,107,235,.23),transparent 48%),linear-gradient(110deg,#f4f6ff,#fff 48%,#efebff)}
.g2d-portal-hero-grid {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:2.5rem}
.g2d-portal-hero .g2d-landing-copy h1 {font-size:clamp(2.3rem,3.65vw,3.75rem)}
.g2d-portal-hero .g2d-landing-copy p {font-size:1.05rem;line-height:1.72}
.g2d-portal-hero .g2d-landing-copy .seo-hero-actions {display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}
.g2d-portal-device-wrap {position:relative;min-width:0;padding:1.5rem 0 1rem;isolation:isolate}
.g2d-portal-device-wrap::before {content:"";position:absolute;z-index:-1;inset:-2% -5% 4% -7%;background:#b7b1fb4a;border-radius:50% 38% 57% 40%;transform:rotate(-12deg)}
.g2d-portal-laptop {width:100%;margin-inline:auto;filter:drop-shadow(0 23px 23px rgba(69,60,146,.18));transform:rotate(-2deg)}
.g2d-portal-screen {border:10px solid #2c3159;border-radius:18px 18px 10px 10px;background:#fff;display:grid;grid-template-columns:27% 73%;min-height:285px;overflow:hidden;box-shadow:inset 0 0 0 1px #a6abcc}
.g2d-portal-side {padding:.8rem .55rem;background:linear-gradient(155deg,#202c61,#111b46);color:#d7e0ff;display:flex;flex-direction:column;gap:.55rem;font-size:clamp(.51rem,.8vw,.77rem);overflow:hidden}
.g2d-portal-brand {font-weight:900;color:#fff;font-size:1.1rem;margin-bottom:.45rem}
.g2d-portal-side>span:not(:first-child) {white-space:nowrap;display:flex;gap:.4rem;align-items:center;padding:.4rem .5rem;border-radius:.38rem}
.g2d-portal-side .g2d-portal-side-active {background:#5265ee;color:white}
.g2d-portal-workspace {min-width:0;padding:.8rem;background:#fbfcff}
.g2d-portal-toolbar {display:flex;align-items:center;justify-content:space-between;color:#5467a1;font-size:.7rem;font-weight:800;margin-bottom:.65rem}
.g2d-portal-toolbar i {color:#6571f5;font-size:1rem}
.g2d-portal-workspace h2 {font-size:clamp(1rem,1.4vw,1.4rem);font-weight:850;color:#172143;margin:0 0 .16rem}
.g2d-portal-workspace p {font-size:clamp(.52rem,.68vw,.74rem);line-height:1.4;color:#74819c;margin:0 0 .7rem}
.g2d-portal-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-bottom:.7rem}
.g2d-portal-metrics>div {display:flex;min-width:0;flex-direction:column;gap:.35rem;border:1px solid #e8eafb;border-radius:.6rem;background:#fff;padding:.5rem .3rem}
.g2d-portal-metrics i {color:#5266e8}
.g2d-portal-metrics small {font-size:clamp(.42rem,.51vw,.65rem);color:#687693}
.g2d-portal-metrics strong {font-size:clamp(.49rem,.66vw,.75rem);color:#202a50;overflow-wrap:anywhere}
.g2d-portal-activity {display:grid;gap:.4rem;border:1px solid #e8eafb;border-radius:.6rem;padding:.65rem;background:#fff;font-size:clamp(.52rem,.65vw,.73rem);color:#5a6887}
.g2d-portal-activity strong {color:#232d53;font-size:.84rem;margin-bottom:.15rem}
.g2d-portal-activity i {color:#5766ec;margin-right:.4rem}
.g2d-portal-laptop-base {height:16px;width:110%;margin-left:-5%;background:linear-gradient(#e7eaff,#9ca5d6 50%,#eef0ff);border-radius:5px 5px 45% 45%}
.g2d-portal-illustration-note {display:block;text-align:center;margin-top:.9rem;font-size:.72rem;color:#7783a2}
.g2d-portal-feature-section {padding:3.2rem 0 3.75rem;background:linear-gradient(180deg,#fff,#f8f8ff)}
.g2d-portal-section-heading {text-align:center;margin:0 auto 1.8rem;max-width:880px}
.g2d-portal-section-heading h2 {font-size:clamp(1.8rem,2.65vw,2.8rem);line-height:1.15;font-weight:850;letter-spacing:-.04em;color:#17203e;margin:.65rem 0}
.g2d-portal-section-heading p {color:#62708c;font-size:1.03rem;line-height:1.7}
.g2d-detail-landing-page .g2d-portal-feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.g2d-detail-landing-page .g2d-portal-feature-grid .g2d-landing-capability {min-width:0;box-shadow:0 10px 23px rgba(35,52,118,.05)}
.g2d-detail-landing-page .g2d-portal-feature-grid .g2d-landing-capability span {width:45px;height:45px}
.g2d-detail-landing-page .g2d-portal-feature-grid .g2d-landing-capability p {font-size:.9rem}
@media(max-width:1199.98px){.g2d-detail-landing-page .g2d-portal-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991.98px){.g2d-portal-hero-grid{grid-template-columns:1fr;gap:1rem}.g2d-portal-device-wrap{max-width:760px;margin-inline:auto;width:100%}.g2d-portal-side{font-size:.73rem}.g2d-portal-workspace p{font-size:.8rem}.g2d-portal-metrics small{font-size:.68rem}.g2d-portal-metrics strong{font-size:.8rem}.g2d-portal-activity{font-size:.76rem}}
@media(max-width:767.98px){.g2d-detail-landing-page .g2d-portal-feature-grid{grid-template-columns:1fr}.g2d-portal-workspace{padding:.45rem}.g2d-portal-screen{border-width:6px;min-height:220px}.g2d-portal-side{font-size:.52rem;padding:.55rem .25rem}.g2d-portal-side>span:not(:first-child){padding:.25rem .1rem}.g2d-portal-metrics{gap:.2rem}.g2d-portal-metrics>div{padding:.25rem}.g2d-portal-metrics small{font-size:.48rem}.g2d-portal-metrics strong{font-size:.55rem}.g2d-portal-activity{font-size:.57rem}.g2d-portal-workspace h2{font-size:1rem}.g2d-portal-workspace p{font-size:.53rem}.g2d-portal-laptop{transform:none}}
@media(prefers-reduced-motion:reduce){.g2d-pricing-colorful .pricing-card{transition:none}.g2d-pricing-colorful .pricing-card:hover{transform:none}}