@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap");
:root{--b:#159cff;--b2:#76d7ff;--bg:#02070d;--p:#061522;--t:#eef8ff;--m:#9db3c4;--line:#23648c;--s:"Trajan Pro","Trajan Pro 3",Cinzel,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#08213a,#02070d 55%,#010408);color:var(--t);font:15px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1450px,92%);margin:auto}.serif,h1,h2,h3,.logo,.menu a{font-family:var(--s);font-weight:400;letter-spacing:.05em}.k{font:12px var(--s);letter-spacing:.22em;color:var(--b2);text-transform:uppercase}h1{font-size:clamp(42px,6vw,86px);line-height:1.03}h2{font-size:clamp(30px,4vw,52px)}p{color:var(--m);line-height:1.7}.btn{display:inline-block;border:1px solid var(--b);padding:13px 20px;border-radius:30px;font:12px var(--s);letter-spacing:.1em;text-transform:uppercase;background:#031827}.btn:hover{background:#0868a9;box-shadow:0 0 28px #159cff55}.primary{background:linear-gradient(#159cff,#07569a)}header{position:fixed;top:0;width:100%;z-index:20;background:#01060bdd;backdrop-filter:blur(12px);border-bottom:1px solid #159cff22}.top{height:58px;display:flex;justify-content:space-between;align-items:center}.logo{text-align:center;font-size:20px;line-height:.9}.logo small{font-size:8px;letter-spacing:.45em}.social{font-size:13px}.mobile{display:none}.nav{height:80px;position:relative}.branch{position:absolute;left:-3%;right:-3%;top:20px;height:11px;background:linear-gradient(#69492e,#1c120b,#593a25);border-radius:100%;transform:rotate(-1deg)}.menu{height:80px;display:flex;justify-content:center;gap:14px;position:relative}.menu a{width:130px;text-align:center;padding-top:31px;font-size:11px;text-transform:uppercase;position:relative}.bud{position:absolute;top:15px;left:50%;width:17px;height:34px;margin-left:-8px;border-radius:85% 20%;transform:rotate(35deg);background:linear-gradient(140deg,#c2f1ff,#168ee9 45%,#043d78);box-shadow:0 0 13px #078ee7;transition:.5s}.leaf{position:absolute;top:8px;left:50%;width:112px;height:55px;margin-left:-56px;opacity:0;transform:scale(.05) rotate(-12deg);transform-origin:left center;background:linear-gradient(135deg,#8de2ff,#168fe8 42%,#06478f);clip-path:polygon(0 50%,9% 34%,21% 17%,40% 6%,60% 5%,80% 18%,94% 37%,100% 50%,94% 63%,80% 82%,60% 95%,40% 94%,21% 83%,9% 66%);filter:drop-shadow(0 0 10px #159cff);transition:.5s}.leaf:after{content:"";position:absolute;left:7%;right:4%;top:49%;height:2px;background:#d9f6ff;box-shadow:0 -10px #ffffff55,0 10px #ffffff55}.menu a:hover .bud{opacity:0;transform:translateX(25px) rotate(35deg) scale(.2)}.menu a:hover .leaf{opacity:1;transform:scale(1) rotate(0)}.menu a span{opacity:0;position:relative;z-index:2;transition:.3s}.menu a:hover span{opacity:1}.hero{min-height:760px;padding:180px 0 80px;display:flex;align-items:center;background:linear-gradient(90deg,#010509f5,#010509b8 45%,#01050922),url("../images/hero.jpg") center/cover;border-bottom:1px solid #159cff22}.copy{max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:85px 0}.center{text-align:center;max-width:850px;margin:auto}.services{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.card,.panel{background:linear-gradient(160deg,#081d2df5,#020b13);border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:.3s}.card:hover,.panel:hover{transform:translateY(-5px);border-color:var(--b2);box-shadow:0 15px 35px #0008}.art{height:135px;background:radial-gradient(circle,#1176b8,#061724 65%);display:grid;place-items:center;font-size:50px;color:#65d0ff}.body{padding:15px}.body p{font-size:12px}.learn{font:10px var(--s);color:var(--b2);letter-spacing:.1em}.benefits{border-block:1px solid var(--line);background:#020c15}.benefitgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefit{text-align:center}.icon{font-size:32px;color:var(--b2)}.page{padding-top:145px;min-height:80vh}.head{padding:55px 0;border-bottom:1px solid #159cff22}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel{padding:25px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{aspect-ratio:4/3;background:radial-gradient(circle,#0d78b8,#03101b);border:1px solid var(--line);position:relative}.tile:after{content:attr(data-title);position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(transparent,#000);font:13px var(--s)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filter{background:#04121e;color:var(--m);border:1px solid var(--line);padding:8px 12px;cursor:pointer}.filter.active,.filter:hover{color:#fff;border-color:var(--b)}form{display:grid;gap:12px}input,textarea{background:#04121e;color:white;border:1px solid var(--line);padding:13px;border-radius:4px}textarea{min-height:180px}footer{padding:45px 0;text-align:center;border-top:1px solid #159cff22}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.show{opacity:1;transform:none}@media(max-width:1100px){.services{grid-template-columns:repeat(4,1fr)}.menu a{width:110px}.grid,.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.social{display:none}.mobile{display:block;background:none;color:#fff;border:1px solid var(--line);padding:7px}.nav{height:auto}.branch{display:none}.menu{display:none;height:auto;flex-wrap:wrap;padding:10px}.menu.open{display:flex}.menu a{width:45%;height:55px}.hero{min-height:680px}.services,.benefitgrid,.grid,.gallery{grid-template-columns:1fr}.page{padding-top:120px}}
