body.th-modern{--navy:#0f3d3a;--navy2:#0a2a28;--gold:#ff7a3d;--teal:#12a594;--bg:#f6faf8;--ink:#14231f;--mut:#5d716b}
.th-modern header{background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}.th-modern .logo i{background:linear-gradient(135deg,#ff7a3d,#12a594)}.th-modern .btn{color:#fff;box-shadow:0 8px 20px rgba(255,122,61,.35);border-radius:40px}
.m-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;max-width:1180px;margin:auto;padding:60px 20px 40px}
.m-pill{display:inline-block;background:#e0f5f1;color:#0c7d70;font-weight:700;padding:6px 18px;border-radius:30px;font-size:.9rem}
.m-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.3;color:var(--navy);margin:16px 0}.m-hero h1 em{font-style:normal;color:var(--gold);background:linear-gradient(transparent 70%,rgba(255,122,61,.22) 70%)}
.m-hero p{color:var(--mut);font-size:1.1rem;max-width:34em}.m-cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 20px;align-items:center}.m-cta .btn{margin:0}
.m-ghost{display:inline-block;padding:11px 26px;border-radius:40px;border:2px solid var(--navy);color:var(--navy);font-weight:800;text-decoration:none}.m-ghost.light{border-color:#fff;color:#fff}
.m-trust{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;color:var(--mut);font-weight:600;font-size:.95rem}
.m-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:230px 230px;gap:14px}.m-collage img{width:100%;height:100%;object-fit:cover;border-radius:30px;box-shadow:0 14px 34px rgba(15,61,58,.18)}
.m-collage img:first-child{grid-row:span 2;border-radius:30px 120px 30px 30px}.m-collage img:nth-child(3){border-radius:30px 30px 120px 30px}
.m-sec{padding:76px 0}.m-tint{background:#eaf4f0}.m-hd{text-align:center;margin-bottom:38px}.m-hd span{color:var(--gold);font-weight:800}.m-hd h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:900;color:var(--navy)}
.m-svc{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.m-svc article{background:#fff;border-radius:24px;padding:28px 24px;transition:.25s;border:1px solid #e1ece7}.m-svc article:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,61,58,.12)}
.m-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e0f5f1;font-size:1.7rem;margin-bottom:12px}.m-svc h3{color:var(--navy);margin-bottom:4px}.m-svc p{color:var(--mut);font-size:.93rem}
.m-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px}.m-bento figure{margin:0;position:relative;border-radius:24px;overflow:hidden}.m-bento img{width:100%;height:100%;object-fit:cover;transition:.5s}.m-bento figure:hover img{transform:scale(1.07)}
.m-bento figure:nth-child(1){grid-column:span 2;grid-row:span 2}
.m-bento figcaption{position:absolute;inset-inline:0;bottom:0;padding:30px 14px 10px;color:#fff;font-size:.8rem;line-height:1.4;background:linear-gradient(transparent,rgba(10,42,40,.85));opacity:0;transition:.3s}.m-bento figure:hover figcaption{opacity:1}
.m-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}.m-steps li{text-align:center;position:relative}.m-steps b{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--navy);color:#fff;font-size:1.4rem;box-shadow:0 0 0 8px #e0f5f1}
.m-steps li:not(:last-child):after{content:"";position:absolute;top:32px;inset-inline-end:-50%;width:100%;border-top:2px dashed #b8d6cf;z-index:-1}.m-steps h3{color:var(--navy)}.m-steps p{color:var(--mut);font-size:.93rem}
.m-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.th-modern details{background:#fff;border:1px solid #e1ece7;border-radius:18px;padding:16px 22px}.th-modern summary{font-weight:800;color:var(--navy);cursor:pointer}.th-modern details p{color:var(--mut);margin-top:8px}
.m-band{background:linear-gradient(135deg,var(--navy),#12706a);color:#fff;border-radius:36px;text-align:center;padding:60px 24px}.m-band h2{color:#fff;font-size:2.2rem;font-weight:900}.m-band p{margin:8px 0 22px;opacity:.9}.m-band .btn{margin:0 4px}
@media(max-width:900px){.m-hero{grid-template-columns:1fr}.m-svc,.m-steps{grid-template-columns:1fr 1fr}.m-bento{grid-template-columns:1fr 1fr}.m-faq{grid-template-columns:1fr}.m-steps li:after{display:none}.m-collage{grid-template-rows:170px 170px}}
@media(max-width:560px){.m-svc,.m-steps{grid-template-columns:1fr}}
.th-modern .btn.bo{color:var(--navy);border-color:var(--navy)}