/* HOQ inner-page styling. One cached file, no images, no scripts. */
.hq-phero{position:relative;overflow:hidden;color:#fff;text-align:center;padding:56px 0 60px;
 background:radial-gradient(800px 360px at 88% -20%,rgba(94,162,222,.35),transparent 60%),radial-gradient(600px 300px at 0% 120%,rgba(42,107,163,.5),transparent 60%),linear-gradient(135deg,#0b2d4a 0%,#154468 50%,#1f5a8c 100%);}
.hq-phero:before{content:"";position:absolute;inset:0;opacity:.07;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);}
.hq-phero .container{position:relative}
.hq-eyebrow{display:inline-block;margin-bottom:14px;padding:5px 15px;border-radius:30px;font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#d7e9f8;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.hq-phero h1{margin:0 0 10px;font-size:38px;line-height:1.18;font-weight:800;color:#fff}
.hq-phero p{margin:0 auto;max-width:720px;font-size:18px;line-height:1.6;color:#dbe9f5}

.hq-body{background:#f4f8fc;padding:46px 0 60px}
.hq-white{background:#fff}
.hq-card{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #dde8f2;border-radius:16px;padding:38px 42px;box-shadow:0 12px 34px rgba(16,57,92,.09)}
.hq-h2{margin:0 0 10px;font-size:30px;font-weight:800;color:#12395c;text-align:center}
.hq-lead{margin:0 auto 34px;max-width:680px;text-align:center;font-size:16.5px;line-height:1.65;color:#587087}

/* Text pulled from the admin "Front end menu" (FAQ, About, News, Thank you) */
.hoq-content{font-size:16.5px;line-height:1.75;color:#33475b;overflow-wrap:break-word}
.hoq-content h1,.hoq-content h2,.hoq-content h3,.hoq-content h4{color:#12395c;font-weight:800;line-height:1.3;margin:28px 0 12px}
.hoq-content h1{font-size:30px}.hoq-content h2{font-size:25px}.hoq-content h3{font-size:20px}.hoq-content h4{font-size:17px}
.hoq-content h1{display:none} /* the banner above already shows the page title */
.hoq-content>*:first-child{margin-top:0}
.hoq-content p{margin:0 0 16px}
.hoq-content a{color:#1f6fb2;text-decoration:underline;text-underline-offset:2px}
.hoq-content a:hover{color:#12395c}
.hoq-content ul,.hoq-content ol{margin:0 0 18px;padding-left:24px}
.hoq-content li{margin-bottom:8px}
.hoq-content img{max-width:100%;height:auto;border-radius:10px}
.hoq-content table{width:100%;max-width:100%;border-collapse:collapse;margin:0 0 20px}
.hoq-content th,.hoq-content td{padding:10px 14px;border:1px solid #dde8f2;text-align:left}
.hoq-content th{background:#eef5fb;color:#12395c}
.hoq-content blockquote{margin:0 0 18px;padding:12px 20px;border-left:4px solid #2f7bbd;background:#f4f8fc;border-radius:0 8px 8px 0;color:#33475b}
.hoq-content hr{border:0;border-top:1px solid #dde8f2;margin:26px 0}
.hoq-content strong,.hoq-content b{color:#12395c}

/* Feature grid (Why HOQ) */
.hq-grid{display:flex;flex-wrap:wrap;margin:0 -12px}
.hq-grid>div{width:33.333%;padding:12px}
.hq-fcard{height:100%;background:#fff;border:1px solid #dde8f2;border-radius:14px;padding:26px 24px;box-shadow:0 2px 10px rgba(16,57,92,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.hq-fcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,57,92,.14);border-color:#b9d2e8}
.hq-ico{width:50px;height:50px;border-radius:12px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1c4f7d,#2f7bbd)}
.hq-ico svg{width:25px;height:25px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hq-fcard h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#12395c}
.hq-fcard p{margin:0;font-size:15px;line-height:1.65;color:#587087}
.hq-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:-34px auto 0;position:relative;max-width:900px}
.hq-stat{flex:1 1 200px;text-align:center;background:#fff;border:1px solid #dde8f2;border-radius:14px;padding:20px 16px;box-shadow:0 12px 30px rgba(16,57,92,.14)}
.hq-stat strong{display:block;font-size:30px;font-weight:800;color:#1c4f7d;line-height:1.1}
.hq-stat span{font-size:14px;color:#587087}
.hq-audience{display:flex;flex-wrap:wrap;gap:16px;max-width:1000px;margin:0 auto}
.hq-audience>div{flex:1 1 280px;background:#f4f8fc;border:1px solid #dde8f2;border-radius:14px;padding:22px}
.hq-audience h3{margin:0 0 6px;font-size:17px;font-weight:700;color:#12395c}
.hq-audience p{margin:0;font-size:15px;line-height:1.6;color:#587087}
.hq-band{padding:46px 0;text-align:center;color:#fff;background:linear-gradient(135deg,#12395c,#1f5a8c)}
.hq-band h2{margin:0 0 8px;font-size:26px;font-weight:800;color:#fff}
.hq-band p{margin:0 0 20px;font-size:16.5px;color:#d3e4f3}
.hq-btn{display:inline-block;margin:5px;padding:13px 28px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;border:2px solid transparent}
.hq-btn:hover{transform:translateY(-2px);text-decoration:none}
.hq-btn-light{background:#fff;color:#154468;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.hq-btn-light:hover{color:#0b2d4a}
.hq-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.hq-btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.hq-btn-blue{background:#1c4f7d;color:#fff;box-shadow:0 8px 18px rgba(28,79,125,.28)}
.hq-btn-blue:hover{background:#12395c;color:#fff}

/* Membership */
.hq-tiers{display:flex;flex-wrap:wrap;margin:0 -10px;max-width:1120px;margin-left:auto;margin-right:auto}
.hq-tiers>div{width:25%;padding:10px}
.hq-tier{position:relative;height:100%;display:flex;flex-direction:column;text-align:center;background:#fff;border:1px solid #dde8f2;border-radius:16px;padding:30px 22px 26px;box-shadow:0 2px 12px rgba(16,57,92,.07);transition:transform .2s,box-shadow .2s}
.hq-tier:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(16,57,92,.15)}
.hq-tier.best{border:2px solid #2f7bbd;box-shadow:0 16px 36px rgba(31,90,140,.2)}
.hq-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:4px 14px;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#1c4f7d,#2f7bbd);white-space:nowrap}
.hq-tier h3{margin:0 0 4px;font-size:19px;font-weight:700;color:#12395c}
.hq-tier .dur{font-size:14px;color:#6a8095;margin-bottom:14px}
.hq-price{font-size:46px;font-weight:800;line-height:1;color:#1c4f7d}
.hq-price sup{font-size:22px;top:-.9em;margin-right:2px}
.hq-per{margin:8px 0 20px;font-size:14px;color:#587087}
.hq-tier .hq-btn{margin:auto 0 0;display:block}
.hq-incl{max-width:1000px;margin:34px auto 0;background:#fff;border:1px solid #dde8f2;border-radius:16px;padding:30px 34px}
.hq-incl h3{margin:0 0 16px;font-size:20px;font-weight:800;color:#12395c;text-align:center}
.hq-checks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.hq-checks li{width:50%;padding:6px 14px 6px 34px;position:relative;font-size:15.5px;line-height:1.5;color:#33475b}
.hq-checks li:before{content:"\2713";position:absolute;left:8px;top:6px;font-weight:800;color:#2f7bbd}
.hq-two{display:flex;flex-wrap:wrap;gap:16px;max-width:1000px;margin:22px auto 0}
.hq-two>div{flex:1 1 300px;border-radius:14px;padding:22px 24px;background:#eef5fb;border:1px solid #d3e3f1}
.hq-two h4{margin:0 0 6px;font-size:17px;font-weight:700;color:#12395c}
.hq-two p{margin:0;font-size:15px;line-height:1.65;color:#33475b}
.hq-two a{color:#1f6fb2;font-weight:600}

/* Contact */
.hq-contact{display:flex;flex-wrap:wrap;gap:22px;max-width:1000px;margin:0 auto}
.hq-contact .info{flex:1 1 300px}
.hq-contact .formwrap{flex:2 1 460px}
.hq-info{background:#fff;border:1px solid #dde8f2;border-radius:14px;padding:20px 22px;margin-bottom:14px;box-shadow:0 2px 10px rgba(16,57,92,.06)}
.hq-info h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#12395c}
.hq-info p{margin:0 0 6px;font-size:14.5px;line-height:1.55;color:#587087}
.hq-info a{color:#1f6fb2;font-weight:600;word-break:break-all}
.hq-form{background:#fff;border:1px solid #dde8f2;border-radius:16px;padding:30px 30px 26px;box-shadow:0 12px 34px rgba(16,57,92,.09)}
.hq-form h3{margin:0 0 4px;font-size:22px;font-weight:800;color:#12395c}
.hq-form .sub{margin:0 0 20px;color:#587087;font-size:15px}
.hq-form label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:#12395c}
.hq-form input[type=text],.hq-form input[type=email],.hq-form textarea{width:100%;padding:12px 14px;margin-bottom:16px;font-size:16px;color:#22394d;background:#f8fbfe;border:1px solid #c9d9e8;border-radius:8px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.hq-form input:focus,.hq-form textarea:focus{outline:0;border-color:#2f7bbd;box-shadow:0 0 0 3px rgba(47,123,189,.18);background:#fff}
.hq-form textarea{min-height:150px;resize:vertical}
.hq-form button{display:inline-block;padding:13px 32px;font-size:16px;font-weight:600;color:#fff;background:#1c4f7d;border:0;border-radius:8px;cursor:pointer;box-shadow:0 8px 18px rgba(28,79,125,.28)}
.hq-form button:hover{background:#12395c}
.hq-form button[disabled]{opacity:.6;cursor:wait}
.hq-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.hq-msg{display:none;margin:0 0 16px;padding:12px 16px;border-radius:8px;font-size:15px;line-height:1.5}
.hq-msg.ok{display:block;background:#e7f6ee;border:1px solid #b6e1c8;color:#17603a}
.hq-msg.err{display:block;background:#fdecec;border:1px solid #f3b9b9;color:#8a1f1f}

@media (max-width:991px){.hq-grid>div{width:50%}.hq-tiers>div{width:50%}}
@media (max-width:600px){
 .hq-phero{padding:38px 0 42px}.hq-phero h1{font-size:28px}.hq-phero p{font-size:16px}
 .hq-body{padding:30px 0 40px}.hq-card{padding:24px 20px}.hq-h2{font-size:24px}
 .hq-grid>div,.hq-tiers>div{width:100%}.hq-checks li{width:100%}
 .hq-form{padding:24px 20px}.hq-stats{margin-top:-24px}
}

/* Keep admin-panel text (which brings its own Bootstrap container/row) inside the white card */
.hq-card,.hq-card *{box-sizing:border-box}
.hoq-content .container,.hoq-content .container-fluid{width:auto!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}
.hoq-content .row{margin-left:0!important;margin-right:0!important}
.hoq-content [style*="width"]{max-width:100%}
.hoq-content p,.hoq-content li{font-weight:400;overflow-wrap:break-word}
.hoq-content img{max-width:100%;height:auto}
.hoq-content::after{content:"";display:block;clear:both}