*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#06152d;--deep:#091e3d;--blue:#164c91;--ice:#dcecff;--white:#f7faff;--muted:#9fb3ce;--line:rgba(210,230,255,.14)}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;background:var(--navy);color:var(--white);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 75% 25%,rgba(29,92,173,.28),transparent 28%),radial-gradient(circle at 15% 75%,rgba(16,67,130,.22),transparent 30%);pointer-events:none}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}.navbar{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(6,21,45,.55);backdrop-filter:blur(14px)}
.logo{font-size:15px;letter-spacing:.18em;font-weight:700}.logo span{font-weight:400;color:#83b6f4}
nav{display:flex;gap:38px;color:#b9c9df;font-size:13px}nav a:hover{color:white}.nav-btn{border:1px solid var(--line);padding:11px 17px;border-radius:100px;font-size:12px}.nav-btn span{margin-left:9px}
.hero{min-height:calc(100vh - 84px);padding:70px 7vw 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.eyebrow{font-size:10px;letter-spacing:.25em;color:#8eafd4;display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow span{width:22px;height:1px;background:#6da8ee}
h1,h2{font-family:"Playfair Display",serif;font-weight:500;line-height:.94;letter-spacing:-.04em}h1{font-size:clamp(56px,7vw,100px);max-width:700px}h1 em,h2 em{font-style:italic;color:#8dbaf0}.hero-text{max-width:460px;color:var(--muted);line-height:1.8;font-size:14px;margin:28px 0}
.hero-actions{display:flex;align-items:center;gap:26px}.primary-btn{display:inline-flex;align-items:center;gap:28px;background:#eaf4ff;color:#071a35;padding:15px 20px;border-radius:3px;font-size:12px;font-weight:700;transition:.3s}.primary-btn:hover{transform:translateY(-3px);background:white}.primary-btn span{font-size:18px}.text-btn{font-size:12px;color:#b5c7df;border-bottom:1px solid #5e7595;padding-bottom:4px}
.mini-stats{display:flex;gap:40px;margin-top:65px}.mini-stats div{display:flex;align-items:center;gap:10px}.mini-stats strong{font-family:"Playfair Display";font-size:23px;font-weight:500}.mini-stats span{font-size:9px;line-height:1.35;color:#7992b2;text-transform:uppercase;letter-spacing:.08em}
.hero-visual{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:390px;height:390px;border-radius:50%;background:#1257a2;filter:blur(100px);opacity:.32}
.slider{width:min(430px,80vw);height:560px;position:relative}.slide{position:absolute;inset:0;opacity:0;transform:translateX(35px) scale(.96);transition:opacity .6s,transform .6s;pointer-events:none}.slide.active{opacity:1;transform:none;pointer-events:auto}.product-card{height:100%;border:1px solid rgba(206,229,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-radius:220px 220px 18px 18px;padding:22px;position:relative;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.3)}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 28%,transparent 70%,rgba(255,255,255,.04));pointer-events:none}.product-card img{width:100%;height:87%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(18px 24px 18px rgba(0,0,0,.35));animation:float 4s ease-in-out infinite}.badge{position:absolute;top:24px;left:28px;z-index:2;font-size:9px;letter-spacing:.18em;color:#9eb8d7}.product-info{position:absolute;bottom:23px;left:28px;right:28px;display:flex;justify-content:space-between;z-index:2;font-size:10px;letter-spacing:.12em;color:#9db4d1}.product-info strong{color:#e9f3ff}
@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}
.slider-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:18px}.slider-controls button{border:1px solid var(--line);background:transparent;color:white;width:38px;height:38px;border-radius:50%;cursor:pointer}.slider-controls button:hover{background:rgba(255,255,255,.08)}.dots{display:flex;gap:7px}.dot{width:5px;height:5px;border-radius:50%;background:#506884;transition:.3s}.dot.active{width:20px;border-radius:10px;background:#b9d8fb}
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:14px 0;color:#7189a8;font-size:10px;letter-spacing:.3em;white-space:nowrap}.marquee div{animation:marquee 20s linear infinite}.marquee span{color:#8cb9ec;margin:0 22px}@keyframes marquee{to{transform:translateX(-50%)}}
.collection{padding:120px 7vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-heading h2{font-size:65px}.section-heading>p:last-child{color:#7890ae;font-size:12px}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.collection-grid article{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:15px;transition:.4s}.collection-grid article:hover{transform:translateY(-8px);background:rgba(255,255,255,.06)}.collection-grid img{width:100%;height:260px;object-fit:contain}.collection-grid article div{padding:14px 4px}.collection-grid span{font-size:9px;color:#6682a6}.collection-grid h3{font-family:"Playfair Display";font-size:22px;font-weight:500;margin:5px 0}.collection-grid p{font-size:10px;color:#7189a8}
.about{padding:20px 7vw 120px}.about-box{max-width:920px;margin:auto;border:1px solid var(--line);padding:75px 9%;background:linear-gradient(135deg,rgba(29,86,155,.2),rgba(255,255,255,.025));text-align:center}.about-box .eyebrow{justify-content:center}.about h2{font-size:72px}.about-box>p:not(.eyebrow){color:#8da4c0;max-width:580px;margin:25px auto 32px;line-height:1.8;font-size:13px}
footer{border-top:1px solid var(--line);padding:30px 7vw;display:flex;justify-content:space-between;align-items:center;color:#6f87a5;font-size:10px;letter-spacing:.05em}
.sound-btn{position:fixed;right:25px;bottom:25px;z-index:20;border:1px solid rgba(190,220,255,.2);background:rgba(8,27,54,.82);backdrop-filter:blur(12px);color:#c8def8;padding:10px 14px;border-radius:100px;cursor:pointer;font-size:12px}.sound-btn span{font-size:9px;margin-left:5px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:540px}.collection-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading>p:last-child{margin-top:15px}.about h2{font-size:55px}}
@media(max-width:560px){.navbar{padding:0 5vw}.nav-btn{display:none}.hero{padding:50px 5vw 35px}h1{font-size:54px}.mini-stats{gap:18px;margin-top:45px}.mini-stats span{font-size:7px}.hero-visual{min-height:470px}.slider{height:450px}.collection{padding:80px 5vw}.section-heading h2{font-size:50px}.collection-grid{grid-template-columns:1fr 1fr}.collection-grid img{height:200px}.about{padding:10px 5vw 80px}.about-box{padding:55px 25px}.about h2{font-size:45px}footer{padding:25px 5vw;gap:15px;flex-wrap:wrap}.sound-btn{right:15px;bottom:15px}}