@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@500;700;800&family=Plus+Jakarta+Sans:wght@500;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#ecf5ff;background:#07101f;margin:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07101fc2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:82px;padding:0 6%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-family:Plus Jakarta Sans;font-size:22px;font-weight:900;display:flex}.brand img{object-fit:contain;width:50px;height:50px}.links{color:#cbd9ee;align-items:center;gap:24px;font-weight:700;display:flex}.links a:hover{color:#ffd166}.hamb{color:#fff;background:0 0;border:0;display:none}.mobile{z-index:60;background:#0b1425;border-bottom:1px solid #26354d;gap:18px;padding:25px;display:grid;position:fixed;top:82px;left:0;right:0}.btn{color:#101827;background:linear-gradient(135deg,#ffd166,#f59e0b);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-weight:900;transition:all .35s;display:inline-flex;box-shadow:0 12px 35px #f59e0b40}.btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 60px #f59e0b5c}.btn.ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff29}.btn.small{padding:10px 17px;font-size:14px}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;min-height:calc(100vh - 82px);padding:80px 6%;display:grid;position:relative;overflow:hidden}.orb{filter:blur(26px);opacity:.55;border-radius:50%;animation:7s ease-in-out infinite float;position:absolute}.o1{background:#00e5ff;width:380px;height:380px;top:60px;right:-90px}.o2{background:#f59e0b;width:330px;height:330px;animation-delay:1.2s;bottom:10px;left:-120px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:#ffd166;font-size:13px;font-weight:900}.hero h1,.section h2{background:linear-gradient(135deg,#fff,#cfe8ff,#ffd166);color:#0000;-webkit-background-clip:text;margin:12px 0;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:clamp(39px,6vw,78px);line-height:1.02}.section h2{font-size:clamp(32px,4vw,56px)}.lead,.sub,.card p,.product p,.shot p,.about p,.contact p{color:#b8c7dd;font-size:17px;line-height:1.75}.heroBtns{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.stats{grid-template-columns:repeat(3,auto auto);align-items:end;gap:8px 12px;margin-top:36px;display:grid}.stats b{color:#ffd166;font-size:30px}.stats span{color:#b8c7dd}.heroCard{z-index:1;background:linear-gradient(145deg,#ffffff24,#ffffff0a);border:1px solid #ffffff29;border-radius:34px;padding:35px;animation:1.2s both rise;position:relative;box-shadow:0 40px 100px #00000059}.heroCard img{width:170px;margin:auto;display:block}.heroCard h3{font-size:30px}.miniGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px;display:grid}.miniGrid span,.chips span{text-align:center;background:#ffffff14;border:1px solid #ffffff1c;border-radius:999px;padding:12px;font-weight:800}.section{padding:95px 6%;position:relative}.alt{background:linear-gradient(#ffffff09,#ffffff04)}.grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px;display:grid}.card,.product,.price,.shot,.glass,form{opacity:0;background:#fff1;border:1px solid #ffffff1c;border-radius:28px;padding:26px;transition:all .4s;transform:translateY(26px);box-shadow:0 24px 65px #0000002e}.card.show,.product.show,.price.show,.shot.show,.reveal.show{opacity:1;transform:none}.card:hover,.product:hover,.price:hover,.shot:hover{background:#ffffff1a;border-color:#ffd16680;transform:translateY(-10px)}.icon,.product svg{color:#ffd166;width:34px;height:34px}.card h3,.product h3,.price h3,.shot h3{font-size:22px}.card b,.price strong{color:#ffd166;margin:16px 0;display:block}.card a{color:#5eead4;align-items:center;gap:7px;font-weight:900;display:flex}.product>div{align-items:center;gap:14px;display:flex}.product ul{color:#d9e7fb;padding:0;list-style:none}.product li,.price span,.ticks span{align-items:center;gap:8px;margin:10px 0;display:flex}.price strong{font-size:31px}.showcase{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px;display:grid}.browser{background:#121e32;border-radius:15px;align-items:center;gap:7px;height:36px;margin-bottom:25px;padding-left:14px;display:flex}.browser i{background:#ffd166;border-radius:50%;width:9px;height:9px}.chips{flex-wrap:wrap;gap:12px;display:flex}.mt{margin-top:60px}.about{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.ticks{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ticks svg,.price svg{color:#5eead4}.glass p{border-bottom:1px solid #ffffff14;padding:13px 0}.glass b{color:#ffd166;margin-right:10px}.contact{grid-template-columns:.9fr 1.1fr;gap:40px;display:grid}.contact p{align-items:center;gap:10px;display:flex}form{opacity:1;gap:15px;display:grid;transform:none}input,select,textarea{color:#fff;width:100%;font:inherit;background:#0c1729;border:1px solid #26354d;border-radius:16px;padding:16px 18px}textarea{min-height:150px}footer{background:#030712;border-top:1px solid #ffffff14;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding:50px 6%;display:grid}footer img{width:70px}footer a{color:#aab8cc;margin:11px 0;display:block}.float{color:#fff;z-index:80;background:#25d366;border-radius:50%;place-items:center;width:60px;height:60px;animation:1.8s infinite pulse;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 40px #25d36666}.reveal{opacity:0;transition:all .7s;transform:translateY(25px)}.cards .card:nth-child(2n),.product:nth-child(2n),.price:nth-child(2n){transition-delay:80ms}.cards .card:nth-child(3n),.product:nth-child(3n),.price:nth-child(3n){transition-delay:.16s}@keyframes float{50%{transform:translateY(-34px)translate(20px)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)rotate(2deg)}to{opacity:1;transform:none}}@media (width<=1050px){.grid,.showcase{grid-template-columns:repeat(2,1fr)}.hero,.about,.contact{grid-template-columns:1fr}.links{display:none}.hamb{display:block}.stats{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.nav{padding:0 4%}.hero,.section{padding:60px 4%}.grid,.showcase,footer{grid-template-columns:1fr}.hero h1{font-size:42px}.stats{grid-template-columns:1fr 1fr}.ticks{grid-template-columns:1fr}.heroBtns{flex-direction:column}.btn{width:100%}}
