:root{--blue:#0578d1;--deep:#083c78;--navy:#06284d;--sky:#48c8f1;--ink:#10243b;--muted:#60758a;--line:#dceaf5;--white:#fff}
*{box-sizing:border-box}
html{min-width:320px;background:#eef7fc}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff 0,#eef8fd 44%,#dff2fb 100%);min-height:100vh}
a{color:inherit}
.page-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);overflow:hidden;position:relative}
.hero{padding:clamp(28px,5vw,72px) clamp(24px,7vw,104px) 30px;display:flex;flex-direction:column;position:relative;z-index:2;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 78%,rgba(255,255,255,0) 100%)}
.brand img{display:block;width:min(100%,720px);height:auto;object-fit:contain;object-position:left center}
.content{margin:auto 0;padding:44px 0 36px;max-width:780px}
.eyebrow{margin:0 0 18px;color:#0868ad;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.eyebrow span{width:36px;height:3px;background:linear-gradient(90deg,var(--blue),var(--sky));border-radius:3px}
h1{font-size:clamp(2.8rem,5.2vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin:0;color:var(--navy);font-weight:300}
h1 strong{font-weight:800;background:linear-gradient(100deg,#067ad1,#04aadc);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro{font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.7;color:var(--muted);max-width:620px;margin:28px 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.button{min-height:50px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}
.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.button-primary{background:linear-gradient(135deg,#0376cc,#08a7df);color:#fff;box-shadow:0 12px 25px rgba(4,119,203,.22)}
.button-secondary{background:#fff;color:var(--deep);border:1px solid #cfe2ef}
.button:hover{transform:translateY(-2px)}
.button:focus-visible{outline:3px solid #7dd8f5;outline-offset:3px}
.contact-grid{margin-top:38px;padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(132px,.9fr) minmax(138px,1.05fr) minmax(180px,1.7fr);gap:16px}
.contact-item{font-style:normal;font-size:.9rem;line-height:1.6;color:#49647d}
.contact-item span{display:block;color:#7890a5;text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:800;margin-bottom:5px}
.contact-item a{display:block;text-decoration:none;font-weight:700;color:var(--deep)}
.contact-item a[href^="tel:"]{white-space:nowrap}
.contact-item a:hover{text-decoration:underline;text-underline-offset:3px}
footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:20px;color:#7890a5;font-size:.78rem}
footer p{margin:0}.status{display:flex;align-items:center;gap:8px;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%;background:#18b879;box-shadow:0 0 0 5px rgba(24,184,121,.11)}
.visual{position:relative;background:linear-gradient(150deg,#0c90dc 0%,#056cbd 50%,#064b92 100%);overflow:hidden;isolation:isolate}
.visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18) 0 1px,transparent 2px);background-size:35px 35px;opacity:.4}
.orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.22)}.orb-one{width:500px;height:500px;right:-180px;top:-170px}.orb-two{width:270px;height:270px;left:30px;bottom:120px}
.droplet{position:absolute;width:min(25vw,320px);aspect-ratio:.78;top:42%;left:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:68% 33% 67% 32%;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(115,224,255,.32) 40%,rgba(0,47,118,.3));box-shadow:inset 18px 18px 28px rgba(255,255,255,.28),inset -18px -18px 32px rgba(0,38,101,.18),0 35px 70px rgba(0,35,91,.3);backdrop-filter:blur(2px)}
.droplet-shine{position:absolute;width:30%;height:12%;background:rgba(255,255,255,.8);border-radius:50%;top:20%;left:18%;filter:blur(3px)}
.wave{position:absolute;left:-10%;bottom:-10px;width:120%;height:34%;filter:drop-shadow(0 -6px 15px rgba(0,47,104,.12))}.wave-back{fill:rgba(77,207,242,.38);bottom:6%}.wave-front{fill:rgba(255,255,255,.96)}
.visual>p{position:absolute;right:9%;bottom:8%;z-index:3;color:rgba(255,255,255,.85);font-weight:300;font-size:clamp(2.4rem,5vw,5.2rem);line-height:.75;letter-spacing:.12em;text-align:right;margin:0}.visual>p span{font-weight:800}
@media(max-width:1000px){.page-shell{grid-template-columns:1fr}.visual{position:absolute;inset:0 0 auto auto;width:42vw;height:42vw;min-width:250px;min-height:250px;border-radius:0 0 0 100%;opacity:.92}.hero{min-height:100svh;padding-right:clamp(24px,7vw,84px);background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.93))}.brand img{width:min(72%,650px)}.visual .wave,.visual>p{display:none}.droplet{width:34%;top:45%;left:56%}.contact-grid{grid-template-columns:1fr 1fr}.contact-address{grid-column:1/-1}}
@media(max-width:620px){.hero{padding:22px 20px 20px}.brand img{width:82%;max-width:430px}.visual{width:180px;height:180px;min-width:0;min-height:0}.content{padding:42px 0 26px}h1{font-size:clamp(2.65rem,14vw,4rem)}.intro{margin:22px 0 24px}.actions{display:grid;grid-template-columns:1fr 1fr}.button{padding:0 15px}.contact-grid{margin-top:30px;grid-template-columns:1fr;gap:18px}.contact-address{grid-column:auto}footer{align-items:flex-start;flex-direction:column-reverse;gap:12px}.status{white-space:normal}}
@media(prefers-reduced-motion:no-preference){.droplet{animation:float 6s ease-in-out infinite}.status i{animation:pulse 2s ease-in-out infinite}@keyframes float{50%{transform:translate(-50%,-54%) rotate(45deg)}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(24,184,121,0)}}}