:root{
--blue:#096bd8;
--cyan:#32d7e6;
--dark:#0b0d11;
--soft:#eef9ff;
--light:#f7fbff;
--line:#d7edf8;
--shadow:0 24px 70px rgba(9,107,216,.15);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;background:#fff;color:#151515;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.hero{min-height:100vh;padding-bottom:90px;background:radial-gradient(circle at top right,rgba(50,215,230,.24),transparent 28%),radial-gradient(circle at bottom left,rgba(9,107,216,.14),transparent 30%),linear-gradient(135deg,#ffffff,#f7fbff)}
.nav{width:min(1200px,92%);margin:auto;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:22px}
.logo{width:240px;border-radius:50%;box-shadow:0 14px 40px rgba(0,0,0,.08);background:#fff}
.links{display:flex;gap:8px;padding:8px;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(14px)}
.links a{padding:12px 16px;border-radius:999px;font-size:14px;font-weight:900}
.links a:hover{background:var(--blue);color:white}
.hero-grid{width:min(1200px,92%);margin:60px auto 0;display:grid;grid-template-columns:.95fr 1.05fr;gap:68px;align-items:center}
.mini{display:inline-block;padding:10px 16px;border-radius:999px;background:var(--soft);color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px}
h1{font-size:clamp(58px,7vw,104px);line-height:.88;letter-spacing:-.07em;margin-bottom:24px;color:var(--dark)}
h2{font-size:clamp(42px,5vw,76px);line-height:.9;letter-spacing:-.055em;margin-bottom:20px;color:var(--dark)}
p{font-size:19px;line-height:1.75;color:#5f6872;font-weight:600}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}
.btn{padding:17px 26px;border-radius:999px;font-weight:900;display:inline-block}
.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:white;box-shadow:0 18px 40px rgba(9,107,216,.18)}
.secondary{background:#111;color:white}
.hero-tags,.tags{display:flex;gap:10px;flex-wrap:wrap}
.hero-tags span,.tags span{background:white;border:1px solid var(--line);padding:12px 16px;border-radius:999px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.06)}
.hero-visual{position:relative;height:650px}
.main-photo{height:100%;border-radius:52px;overflow:hidden;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.8)}
.main-photo img{width:100%;height:100%;object-fit:cover}
.float-card{position:absolute;left:-32px;bottom:44px;width:300px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:white;padding:28px;border-radius:30px;box-shadow:var(--shadow)}
.float-card strong{display:block;font-size:34px;line-height:1}
.float-card span{display:block;font-weight:800;margin-top:10px}
.metrics{width:min(1200px,92%);margin:0 auto 110px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.metrics div{background:#fff;padding:30px;border-radius:30px;box-shadow:var(--shadow);border-bottom:5px solid var(--cyan)}
.metrics div:nth-child(even){border-bottom-color:var(--blue)}
.metrics strong{display:block;font-size:28px;color:var(--dark);margin-bottom:8px}
.metrics span{font-size:15px;font-weight:800;color:#5f6872}
.company,.services,.categories,.beauty{width:min(1200px,92%);margin:auto;padding-bottom:120px}
.company,.beauty{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.company-image,.beauty-image{height:600px;border-radius:46px;overflow:hidden;box-shadow:var(--shadow)}
.company-image img,.beauty-image img{width:100%;height:100%;object-fit:cover}
.steps{display:grid;gap:18px;margin-top:30px}
.step{display:flex;gap:18px;background:white;padding:24px;border-radius:28px;box-shadow:0 12px 30px rgba(0,0,0,.07)}
.step b{min-width:60px;height:60px;display:grid;place-items:center;background:var(--soft);color:var(--blue);border-radius:20px;font-weight:900}
.step strong{display:block;font-size:23px;margin-bottom:6px;color:var(--dark)}
.section-head{max-width:820px;margin-bottom:42px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.service-grid article{background:white;border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}
.service-grid img{width:100%;height:240px;object-fit:cover}
.service-grid article div{padding:26px}
.service-grid span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--soft);color:var(--blue);font-weight:900;margin-bottom:18px}
.service-grid h3{font-size:26px;line-height:1;margin-bottom:12px;color:var(--dark)}
.service-grid p{font-size:16px;line-height:1.6}
.categories{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-card{background:white;padding:30px;border-radius:32px;box-shadow:var(--shadow);min-height:260px}
.category-card.dark{background:var(--dark);color:white}
.category-card.dark h3,.category-card.dark p{color:white}
.icon{font-size:44px;margin-bottom:20px}
.category-card h3{font-size:30px;color:var(--dark);margin-bottom:12px}
.category-card p{font-size:16px;line-height:1.6}
.gallery{width:min(1200px,92%);margin:0 auto 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gallery-card{position:relative;height:420px;border-radius:40px;overflow:hidden;box-shadow:var(--shadow)}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.gallery-card:hover img{transform:scale(1.05)}
.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(9,107,216,.82),rgba(9,107,216,.08))}
.gallery-card div{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:32px}
.gallery-card h3{font-size:32px;margin-bottom:8px;color:white}
.gallery-card p{font-size:16px;color:white}
.beauty{background:linear-gradient(135deg,#f7fbff,#ffffff);padding:52px;border-radius:46px;box-shadow:var(--shadow);margin-bottom:120px}
.list{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.list span{background:white;padding:12px 16px;border-radius:999px;font-weight:900;color:var(--blue);box-shadow:0 10px 22px rgba(0,0,0,.05);border:1px solid var(--line)}
.contact{width:min(1200px,92%);margin:0 auto 120px}
.contact-box{background:#0b0d11;border-radius:46px;padding:54px;display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;box-shadow:var(--shadow)}
.contact-box h2,.contact-box p{color:white}
.contact-card{background:white;border-radius:32px;padding:34px}
.contact-card h3{font-size:32px;margin-bottom:10px;color:var(--dark)}
.contact-card p{color:#5f6872}
.email-btn{display:inline-block;margin:18px 0;padding:17px 22px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:white;font-weight:900;word-break:break-word}
.note{font-size:14px}
footer{background:#161616;padding:24px 4%;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.footer-logo{width:150px;border-radius:50%;background:white}
footer p,footer a{color:#e8e8e8;font-weight:800;font-size:14px}
.cookie{position:fixed;right:24px;bottom:24px;width:min(420px,calc(100% - 32px));background:white;padding:20px;border-radius:30px;box-shadow:var(--shadow);display:none;z-index:9999}
.cookie.show{display:block}
.cookie-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.cookie-icon{width:54px;height:54px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:18px;font-weight:900;font-size:22px;color:white}
.cookie p{font-size:15px;color:#5f6872}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cookie-actions a,.cookie-actions button{padding:13px;border-radius:999px;border:0;font:inherit;font-weight:800;text-align:center;cursor:pointer}
.cookie-actions a{grid-column:1/-1;background:var(--soft);color:var(--blue)}
.cookie-actions button:last-child{background:linear-gradient(135deg,var(--cyan),var(--blue));color:white}
.cookie-actions button:nth-child(2){background:#111;color:white}
@media(max-width:1050px){.links{display:none}.hero-grid,.company,.categories,.beauty,.contact-box{grid-template-columns:1fr}.metrics,.service-grid,.categories-grid,.gallery{grid-template-columns:1fr 1fr}.hero-visual{height:520px}}
@media(max-width:720px){.logo{width:190px}h1{font-size:50px}h2{font-size:42px}.metrics,.service-grid,.categories-grid,.gallery{grid-template-columns:1fr}.hero-visual{height:390px}.float-card{display:none}.company-image,.beauty-image{height:360px}.beauty{padding:30px}.cookie{right:16px;bottom:16px}}