/* Native, upright banner motifs. All selectors are scoped to these components. */
.gw-page-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center;padding:38px;border:1px solid #dbe8ee;border-radius:18px;background:radial-gradient(ellipse at 85% 45%,#dceff3,transparent 65%),#f4f9fb;margin-bottom:40px;color:#203947}
.gw-page-hero-copy{min-width:0}
.gw-page-hero-label{display:block;font-size:.72rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:#007d98;margin-bottom:12px}
.gw-page-hero .gw-page-hero-copy h1{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.13;letter-spacing:-.035em;font-weight:800;margin:0 0 17px;color:inherit;overflow-wrap:anywhere}
.gw-page-hero .gw-page-hero-copy p{font-size:1rem;line-height:1.7;color:#536f7d;margin:0;max-width:490px}
.gw-page-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.gw-page-hero-actions>a{border-radius:7px;padding:10px 15px;text-decoration:none;font-size:.9rem;font-weight:600;background:#007f9b;color:#fff}
.gw-page-hero-actions>a:hover{background:#006a82;color:#fff}
.gw-page-hero-actions>a:focus-visible{outline:3px solid #203947;outline-offset:3px}
.gw-page-hero-art{min-width:0}
.gw-motif{width:100%;max-width:470px;margin:auto;border:1px solid #d4e2e9;border-radius:12px;background:#fff;box-shadow:0 12px 28px #1e4a5b12;color:#203947;overflow:hidden;font:12px/1.5 system-ui,sans-serif;transform:none}
.gw-motif *{box-sizing:border-box}
.gw-motif-chrome{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;border-bottom:1px solid #e2ecf1;background:#f5f9fb;color:#6b8490;font-size:10px}
.gw-motif-chrome>span:first-child{font-size:7px;letter-spacing:2px;color:#b5c8d1}
.gw-motif-example{padding:2px 5px;background:#e9f1f5;border-radius:4px;font-size:9px;white-space:nowrap}
.gw-motif-body{padding:17px}
.gw-motif-heading{font-size:14px;font-weight:700;letter-spacing:-.02em;margin-bottom:13px}
.gw-platform-search{display:flex;align-items:center;gap:8px;background:#f5fafc;border:1px solid #dce9ef;padding:9px;border-radius:7px;font-size:11px;color:#647f8d}
.gw-platform-search>span:nth-child(2){flex:1}
.gw-platform-search>span:first-child{font-size:20px;color:#008fa8;line-height:1}
.gw-platform-search>b{background:#00839d;color:#fff;border-radius:4px;padding:4px 8px;font-size:9px}
.gw-platform-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}
.gw-platform-categories>div{background:#f2f8fa;border:1px solid #e0ebf0;border-radius:7px;padding:7px 5px;text-align:center}
.gw-platform-categories img{width:100%;height:75px;object-fit:contain;display:block;margin-bottom:5px}
.gw-platform-categories strong{font-size:10px}
.gw-motif-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;border-top:1px solid #e5edf1;padding-top:10px;margin-top:10px;font-size:10px;color:#68828f}
.gw-motif-request{display:flex;align-items:center;gap:8px;background:#eff7fa;padding:9px;border-radius:6px;min-width:0}
.gw-motif-request>b{color:#168264;font-size:10px}
.gw-motif-request>code{font-size:11px;color:#315b6e;overflow-wrap:anywhere}
.gw-motif-json{padding:12px;margin:10px 0 0;border-radius:6px;background:#f5f9fb;color:#315b6e;font:11px/1.6 ui-monospace,monospace;white-space:pre-wrap}
.gw-motif-status{color:#23715d;background:#e8f7f0;border:1px solid #cfeadf;padding:2px 6px;border-radius:4px;font-size:9px}
.gw-motif-company{display:flex;gap:9px;align-items:center;padding:10px;background:#f3f8fb;border:1px solid #dfebf1;border-radius:7px}
.gw-motif-company>b{display:grid;place-items:center;background:#d6eef5;color:#18728b;border-radius:6px;width:32px;height:32px;font-size:16px}
.gw-motif-company strong,.gw-motif-company span,.gw-motif-product strong,.gw-motif-product span{display:block;font-size:11px}
.gw-motif-company span,.gw-motif-product span{font-size:10px;color:#6c8592}
.gw-motif-steps{list-style:none;margin:10px 0 0;padding:0}
.gw-motif-steps>li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e5eef2}
.gw-motif-steps>li:last-child{border-bottom:0;padding-bottom:0}
.gw-motif-steps>li>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e6f4f6;color:#127b91;font-size:11px;font-weight:700}
.gw-motif-steps strong,.gw-motif-steps small{display:block;font-size:11px}
.gw-motif-steps small{font-size:10px;color:#6c8592;margin-top:1px}
.gw-motif-table{width:100%;border-collapse:collapse;margin:12px 0 0;font-variant-numeric:tabular-nums}
.gw-motif-table th{text-align:left;color:#6d8592;background:#f5f9fb;font-size:10px;padding:7px 5px}
.gw-motif-table td{padding:9px 5px;border-bottom:1px solid #e8eff3;font-size:11px}
.gw-motif-table th:last-child,.gw-motif-table td:last-child{text-align:right}
.gw-motif-table td:last-child{color:#23715d;font-size:10px}
.gw-motif-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.gw-motif-stats>div{background:#eef8fa;border:1px solid #dfedf2;padding:10px;border-radius:7px}
.gw-motif-stats span{display:block;font-size:10px;color:#6d8592}
.gw-motif-stats strong{font-size:22px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.gw-motif-bars{display:flex;align-items:flex-end;gap:8px;height:65px;margin:12px 0 0;padding:0 3px;border-bottom:1px solid #e8eff3}
.gw-motif-bars>i{flex:1;background:linear-gradient(#00a8cc,#73cadb);border-radius:3px 3px 0 0}
.gw-motif-product{display:flex;gap:10px;align-items:center}
.gw-motif-product img{width:65px;height:48px;object-fit:contain}
.gw-motif-curve{display:block;width:100%;height:100px;margin-top:5px}
.gw-page-hero-compact{padding:24px;gap:22px;grid-template-columns:1.15fr 1fr;margin-bottom:24px}
.gw-page-hero.gw-page-hero-compact .gw-page-hero-copy h1{font-size:1.8rem}
.gw-page-hero.gw-page-hero-compact .gw-page-hero-copy p{font-size:.93rem}
.gw-deals-art{position:absolute;right:4%;width:39%;max-width:330px;z-index:2}
.gw-deals-banner .hero-banner-content{width:56%;padding:0 35px}
.gw-deals-banner .hero-title{font-size:clamp(1.8rem,3vw,2.6rem)}
.gw-deals-banner .hero-subtitle{font-size:1rem;margin:0}
.gw-deals-banner .gw-motif-body{padding:10px 12px}
.gw-deals-banner .gw-motif-heading{margin-bottom:8px}
.gw-deals-banner .gw-motif-curve{height:66px}
.gw-portal-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.gw-portal-preview>.gw-motif{max-width:none}
@media(max-width:991px){.gw-page-hero{gap:24px;padding:28px}.gw-page-hero.gw-page-hero-compact{grid-template-columns:1fr}.gw-page-hero-compact .gw-page-hero-art{max-width:420px;width:100%;margin:auto}}
@media(max-width:767px){.gw-page-hero{grid-template-columns:1fr;padding:24px;gap:25px}.gw-page-hero .gw-page-hero-copy h1{font-size:2rem}.gw-page-hero-art{width:100%;max-width:440px;margin:auto}.gw-page-hero-compact .gw-motif-json{max-height:130px}.gw-deals-art{display:none}.gw-deals-banner .hero-banner-content{width:100%;padding:20px}.gw-deals-banner .hero-title{font-size:1.7rem}}
@media(max-width:767px){.gw-portal-preview{grid-template-columns:1fr}}
@media(max-width:767px){.gw-deals-banner{height:auto!important;min-height:0!important}.gw-deals-banner .hero-title{margin-bottom:10px}.gw-deals-banner .hero-subtitle{display:block!important;font-size:.9rem}.gw-deals-banner .neon-aura,.gw-deals-banner .hero-shine{display:none}}
[data-bs-theme="dark"] .gw-page-hero{background:#1c2b34;border-color:#344851;color:#eef6fa}
[data-bs-theme="dark"] .gw-page-hero .gw-page-hero-copy p{color:#b8cbd4}
[data-bs-theme="dark"] .gw-page-hero-label{color:#71d5e8}
