:root{--ink:#061224;--muted:#506177;--blue:#0b5cff;--bg:#f6fbff;--line:rgba(6,18,36,.08);--shadow:0 24px 90px rgba(6,18,36,.10);--cardShadow:0 22px 80px rgba(11,92,255,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}
body:before{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(180deg,#fff 0,#f7fbff 48%,#eef9ff 100%)}body:after{content:"";position:fixed;inset:0;z-index:-3;background:url('site-bg.jpg') center/cover no-repeat;opacity:.28;filter:blur(2px);transform:scale(1.03);pointer-events:none}.soft-bg{position:fixed;inset:auto -20vw -28vw auto;width:92vw;height:92vw;background:url('site-bg.jpg') center/cover no-repeat;opacity:.26;z-index:-2;animation:floatBg 16s ease-in-out infinite}.soft-bg.left{left:-55vw;right:auto;top:20vh;bottom:auto;opacity:.16;filter:blur(9px);transform:rotate(180deg)}@keyframes floatBg{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-22px,18px) scale(1.04)}}
.nav{position:sticky;top:0;z-index:20;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,100px);background:rgba(255,255,255,.82);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.brand{position:relative;font-size:30px;font-weight:900;letter-spacing:-.07em;line-height:1;color:var(--ink)}.brand:after{content:"";position:absolute;right:-17px;top:-7px;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px rgba(11,92,255,.36)}.navlinks{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:650;color:#4e5d73}.navlinks a:hover{color:var(--blue)}.whatsapp{padding:16px 23px;border-radius:999px;background:#061224;color:white;font-weight:850;box-shadow:0 18px 50px rgba(6,18,36,.15)}
.page{padding:36px clamp(28px,5vw,100px) 80px}.intro{padding:48px 0 28px;max-width:980px}.intro h1{font-size:clamp(58px,7.8vw,118px);line-height:.88;letter-spacing:-.085em;font-weight:900;margin:0 0 24px}.intro p{font-size:clamp(19px,2vw,24px);line-height:1.45;color:var(--muted);max-width:770px;margin:0}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:22px 0 74px}.card{position:relative;min-height:650px;border-radius:42px;overflow:hidden;box-shadow:var(--cardShadow);border:1px solid rgba(255,255,255,.92);background:#fff}.card.bg-dental{background:url('dental-card.jpg') center/cover no-repeat}.card.bg-optics{background:url('optics-card.jpg') center/cover no-repeat}.card.bg-studio{background:url('studio-card.jpg') center/cover no-repeat}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.84) 35%,rgba(255,255,255,.54) 74%,rgba(255,255,255,.30) 100%);z-index:1}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.24) 54%,rgba(255,255,255,.10) 100%);z-index:2}.card-content{position:absolute;inset:58px 52px;z-index:3;display:flex;flex-direction:column;justify-content:space-between}.label{font-size:16px;font-weight:800;color:#506177}.copy-block{max-width:690px}.copy-block h2{font-size:clamp(42px,4.2vw,60px);line-height:.98;letter-spacing:-.074em;font-weight:900;margin:0 0 24px;color:var(--ink)}.copy-block p{font-size:21px;line-height:1.55;color:#506177;margin:0 0 28px}.btn{display:inline-flex;border:1px solid rgba(6,18,36,.10);background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-radius:999px;padding:16px 28px;font-size:15px;font-weight:850;color:var(--ink);box-shadow:0 16px 45px rgba(6,18,36,.06)}.section-title{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:end;margin:28px 0 28px}.kicker{font-size:14px;font-weight:850;color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 15px}.section-title h2{font-size:clamp(44px,5.5vw,86px);line-height:.95;letter-spacing:-.08em;font-weight:900;margin:0}.section-title p{font-size:19px;line-height:1.65;color:var(--muted);margin:0}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:74px}.mini{min-height:260px;border-radius:34px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 70px rgba(6,18,36,.07);padding:32px}.mini small{font-size:16px;font-weight:900;color:var(--blue)}.mini h3{font-size:31px;line-height:1;letter-spacing:-.06em;margin:70px 0 14px;font-weight:900}.mini p{color:#5b6b80;line-height:1.6;margin:0}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.panel{border-radius:38px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow);padding:38px}.panel h2{font-size:clamp(44px,5vw,78px);line-height:.95;letter-spacing:-.08em;font-weight:900;margin:0 0 20px}.panel p{font-size:18px;line-height:1.65;color:var(--muted)}.contact-list{display:grid;gap:12px;margin-top:28px}.contact-list a{display:flex;justify-content:space-between;gap:18px;align-items:center;border-radius:18px;padding:18px 20px;background:rgba(247,251,255,.9);border:1px solid rgba(6,18,36,.07);color:var(--ink)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea{border:1px solid rgba(6,18,36,.10);background:rgba(255,255,255,.92);border-radius:16px;padding:16px;color:var(--ink);outline:none}textarea{grid-column:1/-1;min-height:150px;resize:vertical}.full{grid-column:1/-1}.footer{padding:42px clamp(28px,5vw,100px);display:flex;justify-content:space-between;gap:16px;color:#6c7888;font-size:13px;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(22px);transition:.75s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.navlinks{display:none}.page{padding:28px 20px 70px}.grid-two,.strip,.section-title,.contact{grid-template-columns:1fr}.card{min-height:560px}.card-content{inset:42px 34px}.copy-block h2{font-size:45px}.intro h1{font-size:62px}.section-title h2{font-size:48px}.brand{font-size:30px}.contact-list a{align-items:flex-start;flex-direction:column}.fields{grid-template-columns:1fr}textarea,.full{grid-column:auto}.footer{flex-direction:column;padding-inline:20px}}