.web-professional-intro{background:linear-gradient(120deg,#102e33,#1d5055);color:#fff;padding:64px 0}.web-intro-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px}.web-professional-intro h1{font-size:clamp(34px,4vw,58px);line-height:1.08;margin:20px 0 24px;max-width:740px}.web-lede{font-size:20px;line-height:1.65;color:#d4e9ea;max-width:650px}.web-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0}.web-jump{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:15px}.web-jump a{color:#cae9e7;text-underline-offset:4px}.web-project-image{margin:0;background:#f3f8f8;border-radius:20px;overflow:hidden;color:#173d43;border:1px solid #dce9ea}.web-project-image img{display:block;width:100%;height:auto}.web-project-image figcaption{padding:20px;font-size:14px;line-height:1.6}.web-project-image a{color:inherit}.web-step{color:#087882;font-weight:700;font-size:14px}.web-delivery .card{height:100%}.web-dependency-note{background:#eef6f6;border-left:4px solid #087c85;padding:22px;margin:28px 0;line-height:1.7}.web-next{background:#edf5f5}.web-next-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}body[data-page="webApp"] .quick-contact{position:static;justify-content:flex-end;padding:16px}body[data-page="webApp"] #web-projects,body[data-page="webApp"] #web-solution-comparison,body[data-page="webApp"] #web-delivery,body[data-page="webApp"] #web-demo-link{scroll-margin-top:110px}@media(max-width:900px){.web-intro-grid,.web-next-grid{grid-template-columns:1fr;gap:28px}.web-professional-intro{padding:38px 0}.web-project-image{max-width:720px}.web-lede{font-size:18px}}@media(max-width:520px){.web-professional-intro h1{font-size:36px}.web-actions{align-items:stretch;gap:12px}.web-actions .button{width:100%;text-align:center;justify-content:center}.web-jump{gap:12px;font-size:14px}.web-next-grid{gap:24px}.web-project-image figcaption{padding:16px}.web-professional-intro{padding:30px 0}.web-lede{line-height:1.55}}
.web-example-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}.web-evidence-note{border-left:3px solid #0d7c84;padding-left:18px;color:#456269;font-size:15px}.web-professional-intro h1{max-width:700px}body[data-page="webApp"] #web-project-example,body[data-page="webApp"] #web-starting-point{scroll-margin-top:110px}@media(max-width:900px){.web-example-grid{grid-template-columns:1fr;gap:24px}}