.public-webapps{background:#fff;padding-block:85px 95px;scroll-margin-top:105px}.webapps-intro{max-width:830px;text-align:center;margin:0 auto 38px}.webapps-intro .eyebrow{color:var(--red);font-size:12px}.webapps-intro h2{font-size:clamp(38px,4.6vw,62px);line-height:1.04;margin-bottom:22px}.webapps-intro h2 span{color:var(--red)}.webapps-intro>p:last-child{font-size:18px;line-height:1.75;max-width:720px;margin:0 auto;color:var(--muted)}.showcase-controls{display:none;justify-content:center;gap:10px;margin:0 0 35px;padding:2px 0 8px;overflow:auto;scrollbar-width:thin}.is-interactive .showcase-controls{display:flex}.showcase-controls button{flex:none;background:#fff;border:1px solid #ded7d9;border-radius:40px;min-height:44px;padding:10px 20px;white-space:nowrap;font-size:14px;font-weight:600}.showcase-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.webapps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.webapp-example{display:block;min-width:0;border:1px solid #e8e1e3;border-radius:20px;overflow:hidden;background:#fff;transition:box-shadow .25s,border-color .25s}.webapp-example:hover{border-color:#bd8690;box-shadow:0 12px 30px #5d263214}.webapp-example-visual{height:270px;position:relative;overflow:hidden;background:#f4e9e8}.sector-photo{width:100%;height:100%;object-fit:cover;transition:transform .55s}.webapp-example:hover .sector-photo{transform:scale(1.035)}.webapp-example-label{position:absolute;top:17px;left:17px;border:1px solid #ffffff80;border-radius:30px;background:#fffffff2;padding:5px 11px;color:#292126;font-size:11px;line-height:1.5;font-weight:650}.webapp-example-copy{padding:24px}.webapp-example-copy>small{font-size:11px;text-transform:uppercase;letter-spacing:.09em;display:block;color:var(--red);margin-bottom:10px;font-weight:650}.webapp-example-copy h3{font-size:29px;line-height:1.08;letter-spacing:-.035em;margin-bottom:13px}.webapp-example-copy p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:23px;min-height:76px}.showcase-card-link{font-size:14px;font-weight:700;display:inline-block;border-bottom:1px solid #a9999e;padding-bottom:4px;line-height:1.4}.showcase-real .webapp-example-visual{background:#eed9b3}.webapp-real-brand{position:absolute;top:80px;left:24px;font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:27px;line-height:1.04;font-weight:750;letter-spacing:-.04em;color:#5a341e;max-width:145px}.webapp-real-brand>span{display:block}.webapp-real-brand>small{display:block;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:500;letter-spacing:0;font-size:11px;line-height:1.7;margin-top:17px;max-width:120px}.webapp-example-phone{position:absolute;left:47%;top:30px;width:174px;background:#fff;padding:5px;border-radius:22px 22px 0 0;box-shadow:0 14px 30px #5138202b;transform:rotate(7deg)}.webapp-example-phone img{width:100%;height:auto;aspect-ratio:1/2;border-radius:18px 18px 0 0;object-fit:cover;object-position:top}.showcase-expand{text-align:center;margin-top:27px}.showcase-result{font-size:12px;color:var(--muted);margin:13px 0 0;min-height:1.5em}.webapps-outro{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:25px}.webapps-outro>p{font-size:12px;line-height:1.7;max-width:500px;color:var(--muted);margin:0}.webapps-outro>a{font-size:15px;text-align:right;max-width:340px}.showcase-phone-real{padding:6px!important;background:#fff;overflow:hidden}.showcase-phone-real>a{display:block;position:relative;width:100%;height:100%;border-radius:25px;overflow:hidden;color:#fff}.showcase-phone-real img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:inherit}.real-app-open{position:absolute;left:10px;right:10px;bottom:13px;display:block;text-align:center;background:#1b171cf2;border:1px solid #ffffff40;border-radius:30px;padding:12px;font-size:11px;font-weight:700}.sector-wheel-card{overflow:hidden;background:#fff}.sector-wheel-card>a{height:100%;display:flex;flex-direction:column;padding:10px;color:var(--ink)}.sector-wheel-brand{display:block;font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:17px;line-height:1.1;margin:5px 2px 12px;font-weight:700;letter-spacing:-.03em}.sector-wheel-photo{width:100%;height:170px;object-fit:cover;border-radius:9px}.sector-wheel-copy{padding:13px 3px}.sector-wheel-copy>small{display:block;font-size:7px;letter-spacing:.04em;text-transform:uppercase;color:var(--red);margin-bottom:6px}.sector-wheel-copy>strong{font-size:14px;line-height:1.15;display:block;letter-spacing:-.02em}.sector-wheel-copy>span{display:block;font-size:8px;color:var(--muted);line-height:1.7;margin-top:9px}.sector-wheel-demo{display:block;font-size:6px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:auto;padding:8px 3px 4px}
@media(max-width:1100px){.webapps-grid{gap:24px 18px}.webapp-example-copy{padding:21px}.webapp-example-copy h3{font-size:26px}.webapp-example-visual{height:245px}.webapp-real-brand{font-size:23px;left:20px;max-width:110px}.webapp-example-phone{left:44%;width:160px}.webapp-example-copy p{font-size:14px}.sector-wheel-photo{height:135px}.sector-wheel-brand{font-size:15px}.sector-wheel-copy>strong{font-size:12px}}
@media(max-width:800px){.webapps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-controls{justify-content:flex-start}.webapps-outro{display:block}.webapps-outro>p{margin-bottom:20px}.webapps-outro>a{text-align:left;max-width:none}.sector-wheel-photo{height:115px}.sector-wheel-brand{font-size:13px}.sector-wheel-copy>strong{font-size:11px}}
@media(max-width:540px){.public-webapps{padding-block:60px 65px}.webapps-intro{text-align:left;margin-bottom:27px}.webapps-intro .eyebrow{font-size:10px;letter-spacing:.08em;line-height:1.7}.webapps-intro h2{font-size:40px;line-height:1.05}.webapps-intro>p:last-child{font-size:16px;line-height:1.75}.showcase-controls{margin-bottom:26px;gap:8px}.showcase-controls button{font-size:13px;padding-inline:16px}.webapps-grid{grid-template-columns:1fr;gap:24px}.webapp-example-visual{height:265px}.webapp-example-copy{padding:24px}.webapp-example-copy h3{font-size:31px}.webapp-example-copy>small{font-size:11px}.webapp-example-copy p{font-size:16px;min-height:0;margin-bottom:22px}.showcase-card-link{font-size:15px}.webapp-real-brand{font-size:29px;left:24px;max-width:135px}.webapp-example-phone{width:185px;left:47%;top:25px}.webapp-example-label{font-size:11px}.webapps-outro>a{font-size:16px}.showcase-phone-real{padding:4px!important}.showcase-phone-real>a{border-radius:19px}.real-app-open{left:5px;right:5px;bottom:8px;font-size:8px;padding:9px}.sector-wheel-card>a{padding:6px}.sector-wheel-brand{font-size:10px;margin-bottom:7px}.sector-wheel-photo{height:108px;border-radius:5px}.sector-wheel-copy{padding:9px 2px}.sector-wheel-copy>small{font-size:5px}.sector-wheel-copy>strong{font-size:8px}.sector-wheel-copy>span{font-size:5px;margin-top:6px}.sector-wheel-demo{font-size:4px;padding-top:6px}}
@media(prefers-reduced-motion:reduce){.webapp-example,.sector-photo{transition:none}.webapp-example:hover .sector-photo{transform:none}}