/* GO4Social Hosting Quotation — all styles scoped to the shortcode */
.g4hq-wrap { --g4-purple:#290185; --g4-blue:#0042fb; --g4-orange:#ff531a; --g4-border:#eae7ef; color:#27213b; font-family:inherit; max-width:1180px; margin:0 auto 55px; line-height:1.5; }
.g4hq-wrap *, .g4hq-wrap *::before, .g4hq-wrap *::after { box-sizing:border-box; }
.g4hq-top { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 24px; }
.g4hq-eyebrow { display:block; font-size:11px; font-weight:800; color:var(--g4-orange); letter-spacing:2px; margin-bottom:12px; }
.g4hq-top h2 { font-size:clamp(25px,3vw,38px); line-height:1.16; color:var(--g4-purple); margin:0 0 12px; font-weight:800; }
.g4hq-top p { color:#777185; margin:0; font-size:14px; }
.g4hq-pill { background:#f5f2fc; color:var(--g4-purple); border-radius:50px; padding:12px 20px; white-space:nowrap; font-size:11px; font-weight:700; }
.g4hq-layout { display:grid; grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr); gap:24px; align-items:start; }
.g4hq-summary, .g4hq-form-card { border:1px solid #e7e4eb; border-radius:22px; background:#fff; box-shadow:0 12px 48px rgba(41,1,133,.06); overflow:hidden; }
.g4hq-summary-header { background:linear-gradient(140deg,#5433a2,#170a37); padding:30px; color:#fff; }
.g4hq-summary-header>span { color:#c9bbf3; font-size:11px; letter-spacing:1.5px; font-weight:800; }
.g4hq-summary-header h3 { color:#fff!important; font-size:32px; line-height:1.2; font-weight:800; margin:10px 0 15px; }
.g4hq-summary-header p { color:#e2d9f6; margin:0; font-size:13px; }
.g4hq-cycle { background:#ff531a; color:#fff; display:inline-block; padding:4px 13px; border-radius:20px; font-weight:700; margin-right:8px; }
.g4hq-summary-body { padding:25px 30px 30px; }
.g4hq-summary-body h4 { font-size:18px; color:var(--g4-purple); margin:0 0 15px; }
.g4hq-line { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:11px 0; border-bottom:1px solid #f1eff4; font-size:13px; }
.g4hq-line>span { color:#817a8c; }
.g4hq-line>strong { color:#281943; text-align:right; }
.g4hq-total { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:15px 0 10px; padding:18px 0; color:var(--g4-purple); font-weight:800; }
.g4hq-total strong { font-size:24px; text-align:right; }
.g4hq-note { font-size:12px; line-height:1.7; color:#8a8298; margin:0 0 20px; }
.g4hq-change { color:var(--g4-blue); font-size:13px; font-weight:700; text-decoration:none; }
.g4hq-change:hover { text-decoration:underline; }
.g4hq-form-card { padding:34px; }
.g4hq-form-intro { margin-bottom:25px; }
.g4hq-form-intro h3 { font-size:26px; color:var(--g4-purple); margin:0 0 6px; }
.g4hq-form-intro p { font-size:14px; color:#827b8e; margin:0; }
.g4hq-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.g4hq-form-grid>div, .g4hq-full { margin-bottom:19px; min-width:0; }
.g4hq-form label:not(.g4hq-consent) { display:block; color:#36265d; font-size:13px; font-weight:700; margin:0 0 9px; }
.g4hq-form label b { color:var(--g4-orange); }
.g4hq-form input[type="text"],.g4hq-form input[type="email"],.g4hq-form input[type="tel"], .g4hq-form textarea { display:block; width:100%; min-height:51px; background:#fff; color:#241936; font-family:inherit; font-size:14px; border:1px solid #dedbe6; border-radius:11px; padding:13px 15px; transition:border-color .2s,box-shadow .2s; }
.g4hq-form textarea { min-height:110px; resize:vertical; }
.g4hq-form input:focus, .g4hq-form textarea:focus { outline:none; border-color:var(--g4-blue); box-shadow:0 0 0 3px rgba(0,66,251,.1); }
.g4hq-form input::placeholder,.g4hq-form textarea::placeholder { color:#aaa4b6; }
.g4hq-consent { display:flex; gap:11px; align-items:flex-start; color:#797285; font-size:12px; line-height:1.7; cursor:pointer; margin:6px 0 23px; }
.g4hq-consent input { flex:0 0 17px; width:17px; height:17px; margin:3px 0 0; accent-color:var(--g4-purple); }
.g4hq-consent a { color:var(--g4-blue); }
.g4hq-submit,.g4hq-primary { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:16px 26px; min-height:52px; border:none; border-radius:30px; color:#fff!important; background:var(--g4-purple)!important; cursor:pointer; font-size:15px; font-weight:700; line-height:1.3; font-family:inherit; text-decoration:none!important; transition:background .2s,transform .2s; }
.g4hq-submit { width:100%; font-family:inherit; }
.g4hq-submit span { font-size:20px; margin-left:8px; }
.g4hq-submit:hover,.g4hq-primary:hover { background:var(--g4-blue)!important; transform:translateY(-1px); }
.g4hq-form-note { color:#9992a6; font-size:12px; margin:15px 0 0; text-align:center; }
.g4hq-honey { position:absolute!important; left:-9999px!important; opacity:0!important; height:1px!important; overflow:hidden!important; }
.g4hq-notice,.g4hq-success { max-width:650px; margin:40px auto; background:#fff; border:1px solid #ebe7f1; border-radius:22px; padding:45px 35px; text-align:center; box-shadow:0 12px 40px rgba(41,1,133,.07); }
.g4hq-notice h2,.g4hq-success h2 { color:var(--g4-purple); font-size:30px; margin:0 0 12px; }
.g4hq-notice p,.g4hq-success p { font-size:14px; color:#797184; margin:10px 0 23px; }
.g4hq-check { display:inline-flex; justify-content:center; align-items:center; width:57px; height:57px; border-radius:50%; font-size:28px; background:#dbfff3; color:#00785a; margin-bottom:20px; }
.g4hq-error { color:#a91919; border-radius:9px; background:#ffeded; padding:13px 18px; margin:0 0 18px; font-size:13px; }
@media (max-width:800px) { .g4hq-layout {grid-template-columns:1fr;} .g4hq-top{align-items:flex-start;} }
@media (max-width:520px) { .g4hq-top {flex-direction:column;gap:12px;} .g4hq-pill {display:none;} .g4hq-form-grid {grid-template-columns:1fr;gap:0;} .g4hq-summary-body,.g4hq-summary-header,.g4hq-form-card {padding:24px 20px;} .g4hq-total strong {font-size:20px;} }
/* Optional: GO4Social entire pricing section shortcode */
.g4hq-plans { max-width:1380px; margin:30px auto 60px; color:#290185; }
.g4hq-plans * { box-sizing:border-box; }
.g4hq-plans-switch { display:flex; justify-content:center; align-items:center; gap:14px; margin:0 0 52px; font-size:16px; color:#290185; }
.g4hq-plans-switch-label { position:relative; display:block; width:65px; height:33px; cursor:pointer; }
.g4hq-plans-input { opacity:0; position:absolute; width:100%; height:100%; margin:0; cursor:pointer; }
.g4hq-plans-track { display:block; background:#dbdade; border-radius:30px; width:65px; height:33px; padding:5px; transition:background .2s; }
.g4hq-plans-track:before { content:""; display:block; width:23px; height:23px; border-radius:50%; background:#fff; box-shadow:0 1px 5px #0001; transition:transform .2s; }
.g4hq-plans-input:checked+.g4hq-plans-track { background:#290185; }
.g4hq-plans-input:checked+.g4hq-plans-track:before { transform:translateX(32px); }
.g4hq-plans-input:focus-visible+.g4hq-plans-track { outline:3px solid #0042fb; outline-offset:3px; }
.g4hq-plans-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.g4hq-plan-card { display:flex; flex-direction:column; border:1px solid #dedce4; border-radius:22px; background:#fff; min-height:790px; padding:39px 38px; box-shadow:0 14px 55px #1c094012; }
.g4hq-plan-card.g4hq-featured { background:linear-gradient(145deg,#51339a 0%,#190c3d 100%); color:#fff; border-color:#472692; }
.g4hq-plan-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.g4hq-plan-symbol { font-size:55px; line-height:1; color:#ff531a; }
.g4hq-plan-chip { font-size:11px; background:#f5f4f6; border-radius:20px; padding:8px 15px; color:#290185; font-weight:700; }
.g4hq-plan-card h3 { font-size:32px; font-weight:800; line-height:1.2; margin:0 0 10px; color:inherit!important; }
.g4hq-plan-desc { font-size:15px; line-height:1.45; margin:0 0 30px; min-height:100px; }
.g4hq-plan-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin:0 0 19px; }
.g4hq-plan-amount { color:#ff531a; font-size:clamp(27px,3vw,39px); letter-spacing:-1.2px; }
.g4hq-featured .g4hq-plan-amount { color:#00e8be; }
.g4hq-plan-period { font-size:13px; }
.g4hq-plan-subtitle { border-top:1px solid #e3e1e8; padding-top:17px; font-size:18px; min-height:90px; }
.g4hq-featured .g4hq-plan-subtitle { border-top-color:#ffffff30; }
.g4hq-plan-card ul { padding:0; margin:0 0 35px; list-style:none; flex:1; }
.g4hq-plan-card li { display:flex; align-items:flex-start; gap:10px; font-size:12px; font-weight:650; margin-bottom:13px; line-height:1.5; }
.g4hq-plan-card li:before { content:"✓"; color:#ff531a; font-size:18px; font-weight:900; line-height:1; }
.g4hq-plan-link { text-decoration:none!important; background:#ecebed; border-radius:40px; color:#290185!important; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:7px 7px 7px 24px; font-size:14px; font-weight:700; }
.g4hq-plan-link span { display:flex; align-items:center; justify-content:center; width:39px; height:39px; background:#ff531a; color:#fff; font-size:21px; border-radius:50%; }
.g4hq-plan-link:hover { background:#e0dbef; }
@media(max-width:1050px) { .g4hq-plans-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .g4hq-plan-card {min-height:700px;} }
@media(max-width:680px) { .g4hq-plans-grid {grid-template-columns:1fr;} .g4hq-plan-card {min-height:0;padding:30px 26px;} .g4hq-plan-desc {min-height:0;} .g4hq-plan-subtitle {min-height:65px;} }