.web-apps{--apps-ink:#172b3a;--apps-muted:#526572;--apps-line:#dce4e8;max-width:1280px;margin:auto;padding:64px 0 80px;color:var(--apps-ink)}.web-apps-heading{max-width:760px;margin:0 0 44px}.web-apps-heading h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.045em;margin:14px 0 20px}.web-apps-heading>p:not(.eyebrow){font-size:1.16rem;line-height:1.65;color:var(--apps-muted);max-width:650px}.web-apps-count{display:inline-flex;margin-top:12px;padding:8px 14px;background:#fff6cc;border:1px solid #e6d57d;border-radius:99px;font-size:.8rem;font-weight:700}.web-apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.web-app-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--apps-line);background:#fff;color:var(--apps-ink);text-decoration:none!important;border-radius:22px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.web-app-card:hover{transform:translateY(-4px);border-color:#c7ac27;box-shadow:0 18px 40px #172b3a12}.web-app-card:focus-visible{outline:3px solid #927500;outline-offset:5px}.web-app-browser{padding:16px 16px 0;background:#edf2f4;overflow:hidden}.web-app-browser-bar{height:29px;border-radius:9px 9px 0 0;background:white;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;font-size:10px;color:#576773}.web-app-browser-bar>span:first-child{color:#c2ccd2;letter-spacing:3px}.web-app-browser>img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:top;border-radius:0;max-height:none}.web-app-placeholder{display:grid;place-items:center;aspect-ratio:1.8;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff8d4,#d7ebee)}.web-app-card-body{padding:28px;display:flex;flex:1;flex-direction:column;gap:14px}.web-app-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.web-app-card-title h2{font-size:1.8rem;margin:0;letter-spacing:-.035em}.web-app-card-title>span{display:grid;place-items:center;flex:0 0 38px;height:38px;background:var(--brand,#f1ce32);color:#172b3a;border-radius:50%;font-size:1.3rem}.web-app-summary{font-size:1.02rem;line-height:1.55;margin:0;color:var(--apps-muted)}.web-app-card-audience{padding:18px 0;margin-top:auto}.web-app-card-audience>span{font-size:.65rem;font-weight:800;letter-spacing:.1em;color:#657785}.web-app-card-audience p{font-size:.9rem;line-height:1.6;margin:8px 0 0}.web-app-card-foot{border-top:1px solid var(--apps-line);padding-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:.8rem}.web-app-card-foot>span{color:#5d6e79;overflow-wrap:anywhere}.web-app-card-foot strong{font-size:.85rem}.web-app-dialog{width:min(1050px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #dce4e8;border-radius:24px;color:#172b3a;background:#fff;box-shadow:0 30px 100px #0005;overflow:auto}.web-app-dialog::backdrop{background:#142733b3;backdrop-filter:blur(4px)}.web-app-close{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;background:#fff!important;color:#172b3a!important;border:1px solid #c5d0d6!important;width:44px;height:44px;padding:0!important;border-radius:50%;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #172b3a22}.web-app-detail{display:grid;grid-template-columns:1fr 1fr;min-width:0}.web-app-detail-image{width:100%;height:100%;min-height:450px;object-fit:cover;object-position:top;background:#edf2f4}.web-app-detail-copy{padding:64px 36px 36px;min-width:0}.web-app-detail-copy h2{font-size:2.2rem;line-height:1.1;letter-spacing:-.04em;margin:14px 0 24px}.web-app-detail-copy p{line-height:1.7}.web-app-description{font-size:1rem;color:#526572;white-space:normal}.web-app-audience{padding:18px;background:#f2f6f7;border-radius:14px;margin:22px 0}.web-app-audience h3{font-size:.85rem;margin:0}.web-app-audience p{font-size:.9rem;margin:8px 0 0}.web-app-domain{font-size:.75rem;color:#526572;overflow-wrap:anywhere}.web-app-fallback{border:1px solid #dce4e8;border-radius:20px;overflow:hidden;margin-top:48px}.web-app-fallback>a{display:block;padding:22px}.web-app-fallback[hidden]{display:none}.web-app-open{overflow:hidden}.web-apps-teaser{margin:40px auto 64px;max-width:1280px;padding:36px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #e1d378;background:linear-gradient(120deg,#fff8d4,#f6f8ee)}.web-apps-teaser h2{margin:8px 0;font-size:2rem}.web-apps-teaser p{max-width:650px}.web-apps-teaser .button{flex-shrink:0}
@media(max-width:720px){.web-apps{padding:34px 0 48px}.web-apps-heading{margin-bottom:28px}.web-apps-grid{grid-template-columns:1fr;gap:24px}.web-app-card-body{padding:22px}.web-app-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.web-app-detail{grid-template-columns:1fr}.web-app-detail-image{height:auto;min-height:0;aspect-ratio:1.8}.web-app-detail-copy{padding:28px 24px}.web-app-detail-copy h2{font-size:2rem}.web-apps-teaser{padding:24px;align-items:flex-start;flex-direction:column}.web-apps-teaser h2{font-size:1.7rem}}
@media(prefers-color-scheme:dark){body:not([data-theme=light]) .web-apps{--apps-ink:#ecf3f7;--apps-muted:#b8c8d2;--apps-line:#42545e}body:not([data-theme=light]) .web-app-card{background:#1d303c}body:not([data-theme=light]) .web-app-card-audience>span,body:not([data-theme=light]) .web-app-card-foot>span{color:#b8c8d2}body:not([data-theme=light]) .web-apps-count{background:#413b1e;color:#fff2b3}body:not([data-theme=light]) .web-apps-teaser{background:#2d352c;color:#ecf3f7}}
@media(prefers-reduced-motion:reduce){.web-app-card{transition:none}.web-app-card:hover{transform:none}}

.web-app-detail-copy .eyebrow{color:#526572}.web-app-card:hover{color:var(--apps-ink)}