.screen-showcase{margin-top:64px;scroll-margin-top:28px}.screen-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.screen-heading .eyebrow{margin-bottom:10px}.screen-heading h2{font-size:28px;font-weight:780;line-height:1.45}.screen-heading>p{color:var(--muted);padding-bottom:6px;font-size:12px}.screen-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px;display:grid}.screen-tabs button{appearance:none;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:12px;min-height:56px;margin-bottom:-1px;padding:18px 12px;font-size:13px;font-weight:650;display:flex}.screen-tabs button>span{opacity:.65;font-variant-numeric:tabular-nums;font-size:10px}.screen-tabs button svg{opacity:0;margin-left:auto}.screen-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);background:linear-gradient(0deg,var(--tint),transparent)}.screen-tabs button[aria-pressed=true] svg,.screen-tabs button:hover svg{opacity:1}.screen-project{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.screen-stage{background:#f2f4f8;border-radius:18px;min-width:0;padding:30px 26px 18px}.screen-browser{background:#fff;border:1px solid #d8dfea;border-radius:10px;transition:transform .25s;display:block;overflow:hidden;box-shadow:0 16px 40px -22px #1a2c5255}.screen-browser:hover{transform:translateY(-3px)}.screen-browser-bar{color:#69758a;background:#fff;border-bottom:1px solid #e2e7ef;justify-content:space-between;align-items:center;gap:16px;height:32px;padding:0 12px;font-size:9px;display:flex}.screen-dots{gap:4px;display:flex}.screen-dots i{background:#d7dde7;border-radius:50%;width:5px;height:5px}.screen-capture{aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%;height:auto}.screen-caption{color:#64748b;justify-content:space-between;gap:16px;margin-top:17px;font-size:9px;display:flex}.screen-copy{padding:12px 0}.screen-category{color:var(--muted);letter-spacing:.12em;margin-bottom:17px;font-size:9px;font-weight:650}.screen-service-name{color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:700}.screen-copy h3{word-break:keep-all;font-size:29px;font-weight:800;line-height:1.4}.screen-description{color:var(--muted);word-break:keep-all;max-width:360px;margin-top:16px;font-size:12px;line-height:1.95}.screen-features{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.screen-features li{align-items:baseline;gap:12px;display:flex}.screen-features li>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:9px}.screen-features li>div{flex-wrap:wrap;align-items:baseline;gap:5px 12px;display:flex}.screen-features strong{font-size:11px;font-weight:650}.screen-features small{color:var(--muted);font-size:10px}.screen-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;display:flex}.screen-actions .eds-button{gap:12px}.screen-footnote{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:22px;margin-top:30px;padding-bottom:24px;font-size:10px;display:flex}.screen-footnote>span:first-child{font-variant-numeric:tabular-nums;color:var(--accent)}[data-dark=true] .screen-stage{background:#1c293d}@media (max-width:1000px){.screen-project{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px}.screen-stage{padding:22px 16px 16px}.screen-copy h3{font-size:25px}.screen-tabs button{gap:8px;font-size:11px}}@media (max-width:760px){.screen-showcase{margin-top:40px}.screen-heading{margin-bottom:20px;display:block}.screen-heading h2{font-size:23px}.screen-heading>p{margin-top:8px;font-size:11px}.screen-tabs{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;margin-bottom:24px}.screen-tabs button{border-bottom-color:var(--line);min-height:48px;padding:14px 8px;font-size:11px}.screen-tabs button svg{width:12px}.screen-project{grid-template-columns:1fr;gap:24px}.screen-stage{border-radius:12px;padding:18px 14px 14px}.screen-browser-bar{gap:8px;height:27px;padding-inline:8px;font-size:8px}.screen-caption{gap:8px;margin-top:12px;font-size:8px}.screen-copy{padding:0}.screen-category{margin-bottom:12px;font-size:8px}.screen-copy h3{font-size:28px}.screen-features{gap:14px}.screen-features strong{font-size:12px}.screen-features small{font-size:11px}.screen-description{max-width:none;font-size:13px}.screen-footnote{align-items:baseline;gap:16px;margin-top:24px;font-size:9px}}
