:root{--blue:#6d84a1;--dark:#24384f;--yellow:#f4d000;--soft:#eef3f7;--text:#253244;--muted:#6d7987}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}
.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #e7ebef}
.logo{display:flex;gap:10px;align-items:center;color:var(--dark)}.logo-eye{color:var(--yellow);font-size:35px;text-shadow:0 0 0 var(--dark)}.logo b{font-size:17px;letter-spacing:1px}.logo i{font-style:normal;color:#6f7884}.logo small{display:block;color:#8993a0;font-size:9px;letter-spacing:2px}
nav{display:flex;gap:24px;font-size:13px;font-weight:700;color:#536171}nav a:hover{color:#b59b00}.whatsapp{background:var(--yellow);padding:10px 17px;border-radius:30px;font-size:13px;font-weight:800}
.hero{min-height:700px;padding:80px 8%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:linear-gradient(135deg,#f3f6f9 0%,#dce6f0 100%);overflow:hidden}.hero-content{max-width:650px}.badge,.section-label{font-size:11px;letter-spacing:3px;font-weight:900;color:#7b8794}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.98;color:var(--dark);margin:18px 0 25px}.hero h1 span,h2 span{color:#6c83a0}.hero p{font-size:17px;color:#5d6a78;max-width:590px}.buttons,.contact-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:14px 21px;border-radius:30px;font-weight:800;font-size:13px;border:0;cursor:pointer}.btn-yellow{background:var(--yellow);color:#1f2e3e}.btn-light{background:#fff;border:1px solid #c7d0d9}.btn-dark{background:var(--dark);color:#fff}.trust{display:flex;gap:20px;margin-top:28px;color:#687482;font-size:11px;font-weight:700;flex-wrap:wrap}
.hero-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center}.circle{position:absolute;border-radius:50%;border:1px solid rgba(109,132,161,.25)}.circle-one{width:430px;height:430px}.circle-two{width:300px;height:300px}.glass-card{width:300px;height:210px;border-radius:45px;background:linear-gradient(145deg,#7088a5,#3f5872);transform:rotate(-7deg);box-shadow:0 30px 55px #425a7133;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.glass-card span{font-size:16px;letter-spacing:3px;text-align:center}.glass-card strong{color:var(--yellow)}.glass-shape{width:100px;height:65px;border:7px solid #dbe4ed;border-radius:35px;position:absolute;left:38px;top:75px}.glass-shape.second{left:auto;right:38px}.floating-card{position:absolute;right:5%;bottom:55px;background:#fff;padding:15px 20px;border-radius:17px;box-shadow:0 18px 40px #23384f1c;display:flex;gap:10px;align-items:center}.mini-icon{font-size:25px}.floating-card small{display:block;color:#8893a0;font-size:10px}
.intro{padding:90px 8% 50px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.intro h2,h2{font-size:45px;line-height:1.1;color:var(--dark);margin-top:12px}.intro>p{color:var(--muted);max-width:510px}
.services{padding:30px 8% 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.services article{padding:30px;border:1px solid #e5e9ee;border-radius:22px;transition:.25s}.services article:hover{transform:translateY(-5px);box-shadow:0 15px 40px #20364b10}.service-icon{font-size:31px}.services h3{margin:14px 0 6px;color:var(--dark)}.services p,.services a{font-size:13px;color:var(--muted)}.services a{display:block;margin-top:18px;font-weight:800;color:var(--dark)}
.catalogue{background:var(--soft);padding:90px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.outline-link{font-weight:800;font-size:13px;color:var(--dark)}.categories{display:flex;gap:10px;margin:35px 0}.categories button{border:1px solid #ccd5de;background:#fff;padding:9px 17px;border-radius:20px;cursor:pointer}.categories .active{background:var(--dark);color:#fff}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:#fff;border-radius:24px;overflow:hidden}.product-image{height:310px;display:flex;align-items:center;justify-content:center;position:relative}.product-image>span{position:absolute;top:18px;left:20px;font-size:9px;letter-spacing:2px;color:#687789}.frame-blue{background:#dfe8f0}.frame-gold{background:#eee8d7}.frame-black{background:#e2e3e2}.fake-glasses{width:155px;height:70px;border:7px solid #334b63;border-radius:40px;position:relative}.fake-glasses:after{content:"";position:absolute;width:45px;height:7px;background:#334b63;right:-53px;top:25px}.frame-gold .fake-glasses{border-color:#b59b38}.frame-gold .fake-glasses:after{background:#b59b38}.frame-black .fake-glasses{border-color:#1e2935}.frame-black .fake-glasses:after{background:#1e2935}.product-info{padding:22px}.product-info small{font-size:9px;letter-spacing:2px;color:#8994a0}.product-info h3{margin:5px 0;color:var(--dark)}
.about{padding:100px 8%;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.about-image{height:440px;border-radius:35px;background:linear-gradient(145deg,#7088a5,#3d556e);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 25px 60px #24384f22}.about-logo{font-size:100px;color:var(--yellow)}.about-image strong{font-size:22px;letter-spacing:3px}.about-image small{margin-top:4px}.about-text p{color:var(--muted);max-width:600px;margin-top:20px}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.about-points div{border-top:2px solid var(--yellow);padding-top:12px;font-size:12px;color:#84909c}.about-points b,.about-points small{display:block;color:var(--dark);margin-top:4px}.appointment{padding:80px 8%;background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.appointment h2{color:#fff}.appointment p{color:#bdc7d1;margin-top:18px}.appointment-form{background:#fff;padding:30px;border-radius:25px;display:grid;gap:12px}.appointment-form input,.appointment-form select{padding:14px;border:1px solid #dbe1e6;border-radius:10px;font:inherit;outline:0}.appointment-form input:focus,.appointment-form select:focus{border-color:#8da0b4}
.reviews{padding:95px 8%;background:#f7f9fb}.stars{color:#d1ad00;letter-spacing:3px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.review-grid article{background:#fff;padding:30px;border-radius:22px}.review-grid p{margin:18px 0;color:#596674;font-size:14px}.review-grid b{font-size:11px;color:var(--dark)}
.contact{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact p{margin-top:16px;color:var(--muted)}.map-placeholder{height:380px;border-radius:30px;background:linear-gradient(135deg,#dce5ed,#b8c8d8);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dark);box-shadow:inset 0 0 0 1px #aabaca}.map-pin{font-size:55px;margin-bottom:10px}.map-placeholder span{color:#607082;font-size:13px}
footer{background:#192b3e;color:#fff;padding:35px 8%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}footer .footer-brand{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.footer-brand .logo-eye{grid-row:span 2}.footer-brand small{color:#9eabb8}
@media(max-width:950px){nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.hero-content{margin:auto}.buttons,.trust{justify-content:center}.hero-visual{height:420px}.services{grid-template-columns:1fr 1fr}.intro,.about,.appointment,.contact{grid-template-columns:1fr}.products,.review-grid{grid-template-columns:1fr 1fr}.about-image{max-width:520px;width:100%;margin:auto}}
@media(max-width:600px){.header{padding:0 4%}.whatsapp{padding:9px 12px}.hero{padding:60px 5%}.hero-visual{height:350px}.glass-card{width:240px;height:170px}.glass-shape{left:25px;top:58px;width:80px;height:52px}.glass-shape.second{left:auto;right:25px}.intro,.catalogue,.about,.appointment,.reviews,.contact{padding:65px 5%}.services{grid-template-columns:1fr;padding:20px 5% 65px}.intro{gap:25px}.intro h2,h2{font-size:36px}.products,.review-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.categories{overflow:auto}.about-points{grid-template-columns:1fr}.appointment{gap:35px}.contact{gap:35px}.map-placeholder{height:280px}footer{flex-direction:column;align-items:flex-start;padding:30px 5%}}