:root{--blue:#1d9bd7;--dark:#10384f;--soft:#eefaff;--accent:#d8f5ff;--text:#1f2937;--muted:#64748b;--white:#fff;--shadow:0 20px 60px rgba(16,56,79,.14);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(180deg,#ffffff 0%,#f7fcff 100%);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 1px 20px rgba(16,56,79,.08)}.navbar{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.brand img{width:92px;height:auto;display:block}.nav-links{display:flex;gap:22px;align-items:center;font-weight:700;color:var(--dark)}.nav-links a:hover{color:var(--blue)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:800;transition:.25s ease}.nav-cta,.btn.primary{background:var(--blue);color:#fff;box-shadow:0 12px 25px rgba(29,155,215,.24)}.nav-cta:hover,.btn.primary:hover{transform:translateY(-2px);filter:brightness(.97)}.btn.secondary{background:#fff;color:var(--dark);border:2px solid var(--accent)}.btn.full{width:100%;border:0;cursor:pointer;font-size:1rem}.menu-toggle{display:none;border:0;background:var(--soft);font-size:1.8rem;border-radius:14px;padding:6px 12px;color:var(--dark)}.hero{position:relative;overflow:hidden;min-height:720px;padding:95px 20px 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;max-width:1180px;margin:auto}.hero-content,.hero-card,.contact-panel,.stats-card,.service-card,.why-list,.gallery-card{background:rgba(255,255,255,.88);box-shadow:var(--shadow);border:1px solid rgba(29,155,215,.14)}.hero-content{border-radius:var(--radius);padding:46px;position:relative;z-index:2}.hero-logo{width:230px;max-width:70%;display:block;margin-bottom:8px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900;color:var(--blue);margin:0 0 12px}.hero h1,.section-heading h2,.why h2,.contact h2{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.02;margin:0 0 20px;color:var(--dark);letter-spacing:-.04em}.hero-text{font-size:1.16rem;color:#334155;max-width:690px;margin-bottom:28px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-card{border-radius:var(--radius);padding:34px;position:relative;z-index:2}.hero-card h2{margin:0 0 14px;color:var(--dark);font-size:2rem}.small-note{font-size:.92rem;color:var(--muted)}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#b6ebff);opacity:.55;animation:float 9s ease-in-out infinite}.bubble-one{width:130px;height:130px;top:100px;right:36%}.bubble-two{width:70px;height:70px;bottom:115px;left:4%}.bubble-three{width:220px;height:220px;right:-70px;bottom:50px}@keyframes float{50%{transform:translateY(-25px)}}.section{padding:90px 20px;max-width:1180px;margin:auto}.section-heading{max-width:820px;margin-bottom:36px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.why h2,.contact h2{font-size:clamp(2rem,4vw,3.2rem)}.section-subtext{color:var(--muted);font-size:1.06rem}.about-grid,.why,.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.about-copy{font-size:1.1rem;color:#334155}.stats-card{border-radius:var(--radius);padding:28px}.stats-card div{padding:20px;border-bottom:1px solid #e7f7fd}.stats-card div:last-child{border-bottom:0}.stats-card strong{display:block;color:var(--dark);font-size:1.3rem}.stats-card span{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border-radius:24px;padding:28px;transition:.25s ease}.service-card:hover{transform:translateY(-6px)}.service-card span{font-size:2rem}.service-card h3{color:var(--dark);font-size:1.35rem;margin:14px 0 8px}.service-card p{color:#475569;margin:0}.why{background:linear-gradient(135deg,var(--dark),#176d93);color:#fff;border-radius:var(--radius);padding:56px}.why .eyebrow{color:#aeeaff}.why h2{color:#fff}.why p{color:#def6ff}.why-list{background:rgba(255,255,255,.12);box-shadow:none;border-color:rgba(255,255,255,.22);border-radius:22px;padding:24px;display:grid;gap:14px;font-weight:800}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{min-height:180px;border-radius:24px;display:flex;align-items:end;padding:22px;font-weight:900;color:var(--dark);background:linear-gradient(145deg,#ffffff,#dff7ff)}.contact-panel{border-radius:var(--radius);padding:38px;align-items:start}.contact-lines{margin:25px 0;padding:20px;background:var(--soft);border-radius:20px}.contact-lines p{margin:8px 0}.quote-form{display:grid;gap:14px;background:var(--soft);border-radius:24px;padding:24px}.quote-form label{font-weight:800;color:var(--dark)}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:6px;padding:14px 15px;border:1px solid #c8ecf8;border-radius:14px;font:inherit;background:#fff;color:var(--text)}.floating-call{position:fixed;right:18px;bottom:18px;z-index:30;background:var(--dark);color:#fff;padding:14px 20px;border-radius:999px;font-weight:900;box-shadow:0 18px 35px rgba(16,56,79,.24)}footer{text-align:center;padding:28px 20px;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.thank-you-page{min-height:100vh;display:grid;place-items:center;padding:20px}.thank-you-box{max-width:620px;text-align:center;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:50px}.thank-you-box img{width:220px;max-width:85%}@media (max-width:900px){.menu-toggle{display:block}.nav-links{position:absolute;left:20px;right:20px;top:82px;background:#fff;box-shadow:var(--shadow);border-radius:22px;padding:20px;display:none;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-cta{display:none}.hero,.about-grid,.why,.contact-panel{grid-template-columns:1fr}.hero{padding-top:50px;min-height:auto}.hero-content{padding:30px}.hero-logo{width:180px}.service-grid,.gallery-grid{grid-template-columns:1fr}.section{padding:64px 20px}.floating-call{left:18px;right:18px;text-align:center}.brand img{width:78px}}@media (min-width:901px) and (max-width:1100px){.service-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}
