/* WEB53 — corporate clarity and conversion enhancement */
:root{--w53-ink:#14273c;--w53-blue:#2368d1;--w53-line:#d8e3f0}
body.site{background:#fff}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 12%,rgba(44,124,226,.14),transparent 36%),radial-gradient(ellipse at 9% 87%,rgba(85,155,225,.1),transparent 43%),#fff}
.hero::before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:linear-gradient(rgba(30,93,160,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(30,93,160,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent 18%,#000)}
.hero-inner{position:relative;z-index:1}
.hero h1{letter-spacing:-.058em;line-height:1.04;max-width:1000px}
.hero h1 span{background:linear-gradient(100deg,#1265ca,#24a3c6);color:transparent;background-clip:text;-webkit-background-clip:text}
.w53-proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:21px auto 12px;max-width:860px}
.w53-proof-strip span{padding:11px 13px;background:#fff;border:1px solid #dce7f2;border-radius:999px;font-size:.82rem;line-height:1.35;color:#607185;text-align:center;box-shadow:0 10px 25px rgba(18,57,97,.04)}
.w53-proof-strip b{color:#19466f}
.w53-showcase{border-radius:25px!important;background:linear-gradient(130deg,#f0f6fc,#fff)!important;border:1px solid #d8e6f4;box-shadow:0 18px 44px rgba(12,48,86,.06)}
.w53-showcase .w52-home-links a{transition:transform .2s,box-shadow .2s}
.w53-showcase .w52-home-links a:hover{transform:translateY(-4px);box-shadow:0 18px 30px rgba(23,80,140,.11)}
.w52-project-card{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.w52-project-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#296cbe,#40b5d9)}
.w52-project-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(18,56,90,.11)}
.w52-project-card small{font-size:.72rem;letter-spacing:.02em}
.w53-callback{max-width:1110px;margin:40px auto;padding:clamp(22px,5vw,54px);border:1px solid #e0e8f2;background:linear-gradient(135deg,#f3f8fe,#fff);border-radius:26px;display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(22px,4vw,70px)}
.w53-callback h2{font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.1;letter-spacing:-.045em;color:#152b43}
.w53-callback p{color:#54687e;line-height:1.75}
.w53-privacy-line{font-size:.85rem;color:#58718b;border-left:3px solid #2982bd;padding-left:13px;margin-top:30px}
.w53-lead-form{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e2e9f2;box-shadow:0 20px 48px rgba(14,52,88,.07);padding:clamp(18px,3vw,30px);border-radius:20px}
.w53-lead-form>label:not(.w53-consent){font-size:.85rem;font-weight:650;color:#304962}
.w53-lead-form em{color:#b42b3d}
.w53-lead-form input:not([type=checkbox]),.w53-lead-form textarea{width:100%;box-sizing:border-box;border:1px solid #cedced;background:#fff;border-radius:11px;padding:13px 14px;color:#162b42;font:inherit}
.w53-lead-form textarea{min-height:105px;resize:vertical}
.w53-lead-form :focus-visible{outline:3px solid #78b5e4;outline-offset:2px}
.w53-consent{display:flex;align-items:flex-start;gap:10px;color:#52677d;font-size:.82rem;line-height:1.5;margin:12px 0}
.w53-form-status{font-size:.87rem;min-height:1.7em}
.w53-form-status[data-type=error]{color:#a32335}
.w53-form-status[data-type=success]{color:#126847}
@media(max-width:770px){.w53-callback{grid-template-columns:1fr}.w53-proof-strip{grid-template-columns:1fr;max-width:450px}.w53-showcase{margin:15px}.hero::before{background-size:32px 32px}}
@media(prefers-reduced-motion:reduce){.w52-project-card,.w53-showcase .w52-home-links a{transition:none}}

/* WEB53 mobile WhatsApp compact control and project schematic artwork */
@media(max-width:650px){.floating-wa{width:51px!important;height:51px!important;right:14px!important;bottom:15px!important;padding:0!important;border-radius:50%!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:40}.floating-wa::before{content:"WA";font-size:14px!important;letter-spacing:-.04em;font-weight:850;color:#fff}.w53-showcase{margin:18px 0 0!important}}
.w53-project-art{display:flex;align-items:center;justify-content:space-between;gap:5px;background:radial-gradient(circle at 87% 16%,#237fb8,#132c53 73%);min-height:90px;border-radius:13px;padding:12px 13px;margin:15px 0 8px;overflow:hidden;position:relative}
.w53-project-art::after{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(90deg,transparent 94%,#fff 95%),linear-gradient(transparent 94%,#fff 95%);background-size:20px 20px;pointer-events:none}
.w53-project-art span{position:relative;z-index:1;color:#e6f7ff;background:#ffffff18;border:1px solid #ffffff44;border-radius:9px;padding:9px 6px;min-width:0;text-align:center;flex:1;font-size:clamp(.58rem,.75vw,.7rem);font-weight:750;letter-spacing:.04em}
.w53-project-art i{color:#92d3ef;font-style:normal;font-size:.75rem}
.w53-live-reviews{max-width:1140px;margin:40px auto;padding:28px 0}
.w53-live-reviews h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em}
.w53-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}
.w53-review{margin:0;border:1px solid #dce8f3;border-radius:18px;background:#f7fafd;padding:24px;overflow-wrap:anywhere}
.w53-review p{line-height:1.75;color:#263d55}
.w53-review footer{border-top:1px solid #dce8f3;padding-top:12px;font-size:.83rem;font-weight:700;color:#49617b}
@media(max-width:760px){.w53-review-grid{grid-template-columns:1fr}}
