.gx{--g-green:#0C3B2E;--g-teal:#1B6B5A;--g-gold:#D4A843;--g-night:#071E18;--g-paper:#FDFBF6;--g-sand:#ECE3D0;--g-line:#E4DCCA;--g-ink:#2a2a2a}
.gx-hero{margin:0 0 2.5rem}.gx-hero svg{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 18px 40px -24px rgba(7,30,24,.55)}
.gx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:1.25rem 0 1.5rem;padding:0;list-style:none}
.gx-card{background:#FDFBF6;border:1px solid #E4DCCA;border-radius:16px;padding:18px 18px 16px;transition:transform .2s,box-shadow .2s}
.gx-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -18px rgba(7,30,24,.45)}
.gx-card .gx-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#0C3B2E;color:#D4A843;margin-bottom:12px}
.gx-card h4{font-family:"Source Serif 4",Georgia,serif;font-weight:700;color:#0C3B2E;font-size:1.05rem;margin:0 0 4px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.gx-card h4 .ar{font-family:Amiri,serif;font-weight:400;color:#1B6B5A;font-size:1.15rem}
.gx-card p{margin:0!important;font-size:14px!important;line-height:1.65!important;color:#525252}
.gx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:1.25rem 0 1.5rem}
.gx-stat{background:linear-gradient(160deg,#0C3B2E,#1B6B5A);color:#FDFBF6;border-radius:16px;padding:18px}
.gx-stat b{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:2rem;line-height:1.1;color:#D4A843}
.gx-stat span{display:block;font-size:13.5px;line-height:1.5;opacity:.9;margin-top:6px}
.gx-callout{display:flex;gap:14px;align-items:flex-start;background:#ECE3D0;border-radius:16px;padding:18px 20px;margin:1.25rem 0 1.5rem;border:1px solid #E4DCCA}
.gx-callout .gx-badge{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#D4A843;color:#071E18}
.gx-callout h4{font-family:"Source Serif 4",Georgia,serif;font-weight:700;color:#0C3B2E;margin:2px 0 6px;font-size:1.05rem}
.gx-callout p,.gx-callout li{margin:0!important;font-size:14.5px!important;color:#3f3f3f!important}
.gx-callout ol,.gx-callout ul{margin:.25rem 0 0!important}
.gx-table{overflow-x:auto;margin:1.25rem 0 1.5rem;border-radius:16px;border:1px solid #E4DCCA}
.gx-table table{border-collapse:collapse;width:100%;font-size:14px;background:#FDFBF6;min-width:520px}
.gx-table th{background:#0C3B2E;color:#FDFBF6;text-align:left;padding:12px 14px;font-weight:600;font-size:13.5px}
.gx-table th:first-child{background:#071E18}
.gx-table td{padding:12px 14px;border-top:1px solid #E4DCCA;vertical-align:top;color:#3f3f3f;line-height:1.6}
.gx-table td:first-child{font-weight:600;color:#0C3B2E;background:#F6F1E5;white-space:nowrap}
.gx-table tr.hl td{background:#FBF4E1}
.gx-check{list-style:none!important;padding-left:0!important}
.gx-check li{position:relative;padding:12px 14px 12px 48px;background:#FDFBF6;border:1px solid #E4DCCA;border-radius:12px;margin:.55rem 0!important}
.gx-check li:before{content:"";position:absolute;left:14px;top:13px;width:22px;height:22px;border-radius:50%;background:#1B6B5A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FDFBF6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}
.gx-steps{list-style:none!important;padding:0!important;margin:1.5rem 0!important;counter-reset:gx}
.gx-steps li{position:relative;padding:4px 0 22px 64px!important;margin:0!important;counter-increment:gx}
.gx-steps li:before{content:counter(gx);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:#0C3B2E;color:#D4A843;font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:1.15rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #ECE3D0}
.gx-steps li:after{content:"";position:absolute;left:21px;top:50px;bottom:4px;width:2px;background:repeating-linear-gradient(#D4A843 0 6px,transparent 6px 11px)}
.gx-steps li:last-child:after{display:none}
.gx-steps li.gx-next:before{background:#FDFBF6;color:#1B6B5A;border:2px dashed #1B6B5A;box-shadow:none}
.gx-steps li .gx-tag{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#D4A843;color:#071E18;vertical-align:middle}
.gx-steps li.gx-next .gx-tag{background:#ECE3D0;color:#1B6B5A}
.gx-timeline{position:relative;margin:1.5rem 0;padding-left:28px;border-left:2px solid #D4A843}
.gx-tl{position:relative;margin:0 0 1.25rem}
.gx-tl:before{content:"";position:absolute;left:-36px;top:4px;width:14px;height:14px;border-radius:50%;background:#0C3B2E;box-shadow:0 0 0 4px #ECE3D0}
.gx-tl .when{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1B6B5A;background:#ECE3D0;border-radius:999px;padding:2px 10px;margin-bottom:6px}
.gx-tl h4{font-family:"Source Serif 4",Georgia,serif;font-weight:700;color:#0C3B2E;margin:0 0 4px;font-size:1.05rem}
.gx-tl p{margin:0!important;font-size:14.5px!important}
.gx-bars{margin:1.25rem 0 1.5rem;display:grid;gap:14px}
.gx-bar .lbl{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#0C3B2E;font-weight:600;margin-bottom:6px}
.gx-bar .lbl span{color:#1B6B5A;font-weight:500}
.gx-bar .track{height:14px;border-radius:999px;background:#ECE3D0;overflow:hidden}
.gx-bar .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#1B6B5A,#D4A843)}
.gx-fig{margin:1.5rem 0 1.75rem}
.gx-fig img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #E4DCCA;box-shadow:0 18px 40px -26px rgba(7,30,24,.6);background:#F6F1E5}
.gx-fig figcaption{font-size:13px;color:#6b6b6b;margin-top:10px;display:flex;gap:8px;align-items:flex-start;line-height:1.55}
.gx-fig figcaption:before{content:"";flex:none;width:18px;height:2px;background:#D4A843;margin-top:10px}
.gx-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1.25rem 0 1.5rem;list-style:none!important;padding:0!important}
.gx-dl li{margin:0!important;background:#FDFBF6;border:1px solid #E4DCCA;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.gx-dl .top{display:flex;gap:12px;align-items:center}
.gx-dl .doc{flex:none;width:44px;height:52px;border-radius:8px;background:#0C3B2E;color:#D4A843;display:flex;align-items:center;justify-content:center;position:relative}
.gx-dl .doc:after{content:"PDF";position:absolute;bottom:-6px;right:-6px;font-size:9px;font-weight:800;background:#D4A843;color:#071E18;border-radius:4px;padding:1px 4px}
.gx-dl h4{font-family:"Source Serif 4",Georgia,serif;font-weight:700;color:#0C3B2E;margin:0;font-size:1rem;line-height:1.3}
.gx-dl small{color:#6b6b6b;font-size:12.5px}
.gx-dl p{margin:0!important;font-size:13.5px!important;line-height:1.6!important;flex:1}
.hosting-copy .gx-btn,.gx-btn{align-self:flex-start;display:inline-flex;gap:6px;align-items:center;background:#0C3B2E;color:#FDFBF6!important;text-decoration:none!important;font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:999px}
.gx-btn:hover{background:#1B6B5A}
.gx-para{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin:1.25rem 0 1.5rem;list-style:none!important;padding:0!important}
.gx-para li{margin:0!important}
.hosting-copy .gx-para a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none!important;background:#FDFBF6;border:1px solid #E4DCCA;border-radius:14px;padding:12px 6px;color:#0C3B2E;font-weight:600;transition:background .2s,transform .2s}
.hosting-copy .gx-para a:hover{background:#0C3B2E;color:#FDFBF6;transform:translateY(-2px)}
.gx-para .n{font-family:Amiri,serif;font-size:1.5rem;line-height:1;color:#D4A843}
.gx-para .t{font-size:13px}
.gx-para .s{font-size:11px;font-weight:500;opacity:.7}
@media (max-width:640px){.gx-card{padding:16px}.gx-stat b{font-size:1.7rem}.gx-steps li{padding-left:58px!important}}

.hosting-copy ul.gx-cards,.hosting-copy ul.gx-dl,.hosting-copy ul.gx-para,.hosting-copy ol.gx-steps,.hosting-copy ul.gx-check{list-style:none!important;padding-left:0!important}
.hosting-copy .gx-cards>li,.hosting-copy .gx-dl>li,.hosting-copy .gx-para>li{margin:0!important}
.hosting-copy .gx-card h4{margin:0 0 4px}
.hosting-copy .gx-table td,.hosting-copy .gx-table th{border-left:0;border-right:0;border-bottom:0}
.hosting-copy .gx-table th{border-top:0}