:root{
  --bg:#050607;--panel:#0b0d10;--panel2:#101318;--line:#252a31;--text:#f7f7f5;
  --muted:#9ca3ad;--cyan:#cfd6df;--violet:#8e98a5;--success:#93c4aa;
  --shadow:0 26px 80px rgba(0,0,0,.42);--radius:24px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.5;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-2}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.14;z-index:-1}.ambient-one{width:520px;height:520px;background:#58616d;top:-220px;right:-180px}.ambient-two{width:480px;height:480px;background:#2c333d;bottom:-240px;left:-220px}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,76px);background:rgba(3,4,5,.94);border-bottom:1px solid rgba(214,220,228,.12);box-shadow:0 14px 35px rgba(0,0,0,.28);backdrop-filter:blur(20px)}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:48px;height:48px}.brand-copy{display:flex;flex-direction:column;line-height:.9}.brand-copy strong{font:700 23px/1 "Manrope",sans-serif;letter-spacing:-.055em}.brand-copy strong span{color:#d9dee5}.brand-copy small{font-weight:600}.brand-copy small{font-size:9px;letter-spacing:.42em;color:var(--muted);margin-top:8px}
.desktop-nav{display:flex;gap:34px;color:#aeb5bf;font-size:13px;letter-spacing:.04em}.desktop-nav a{position:relative}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#d8dde4;transition:.25s}.desktop-nav a:hover{color:#fff}.desktop-nav a:hover::after{right:0}.cart-button{border:1px solid #30353d;background:#0d0f12;color:white;border-radius:999px;padding:10px 12px 10px 18px;display:flex;gap:12px;align-items:center;cursor:pointer}.cart-button b{display:grid;place-items:center;width:26px;height:26px;background:linear-gradient(135deg,#f0f2f4,#aeb6c0);color:#0a0b0d;border-radius:50%}
main{width:min(1440px,100%);margin:auto}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:80px clamp(22px,7vw,110px)}.hero-copy{max-width:720px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;color:#b7bec8}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0}h1{font-size:clamp(54px,7vw,100px);line-height:.96;letter-spacing:-.065em;margin:22px 0 28px}.hero-copy>p{font-size:20px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;margin:34px 0}.primary-btn,.secondary-btn{border-radius:999px;padding:15px 23px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:0}.primary-btn{background:linear-gradient(135deg,#f1f2f3,#aeb5bf);color:#0a0b0d;box-shadow:0 12px 35px rgba(0,0,0,.28);transition:.25s transform,.25s box-shadow}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.4)}.secondary-btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:white}.full{width:100%}.hero-notes{display:flex;gap:22px;flex-wrap:wrap;color:#bac5d6;font-size:13px}.hero-notes span::before{content:"•";color:var(--cyan);margin-right:8px}.hero-visual{display:grid;place-items:center}.orb{width:min(480px,84vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 45% 35%,rgba(221,226,232,.13),rgba(112,120,132,.05) 48%,transparent 70%);border:1px solid rgba(210,216,224,.12);box-shadow:inset 0 0 80px rgba(255,255,255,.025),0 0 100px rgba(0,0,0,.32);animation:float 7s ease-in-out infinite}.orb svg{height:88%;animation:turn 18s linear infinite}@keyframes float{50%{transform:translateY(-16px)}}@keyframes turn{to{transform:rotateY(360deg)}}
.trust-strip{margin:0 clamp(22px,5vw,76px);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border-radius:var(--radius);display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.trust-strip article{display:flex;gap:18px;padding:28px;border-right:1px solid var(--line)}.trust-strip article:last-child{border:0}.trust-strip b{color:var(--cyan);font-family:"Manrope"}.trust-strip h3{font-size:17px}.trust-strip p{color:var(--muted);font-size:14px;margin:7px 0 0}
.catalog-section,.faq-section{padding:120px clamp(22px,5vw,76px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2,.about-section h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;margin:10px 0}.section-heading p{color:var(--muted)}.catalog-tools{display:flex;gap:12px}.search-box,.select-box{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.search-box input,.select-box select{width:230px;background:var(--panel);border:1px solid var(--line);color:white;border-radius:14px;padding:13px 14px;outline:none}.status-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:24px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;min-height:300px;display:flex;flex-direction:column;background:linear-gradient(155deg,#121925,#0b1018);border:1px solid var(--line);border-radius:22px;padding:24px;transition:.25s transform,.25s border-color}.product-card:hover{transform:translateY(-5px);border-color:#45647e}.product-top{display:flex;justify-content:space-between;gap:12px}.pill{font-size:11px;letter-spacing:.09em;text-transform:uppercase;border:1px solid #324157;color:#b9c8dc;border-radius:999px;padding:6px 9px}.stock{font-size:12px;color:var(--success)}.stock.special{color:#f4c77b}.product-card h3{font-size:25px;margin:26px 0 12px}.product-card p{color:var(--muted);font-size:14px;margin:0 0 25px}.product-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between}.price{font:800 25px "Manrope"}.price small{display:block;color:var(--muted);font:400 11px "DM Sans";margin-top:3px}.add-btn{border:0;border-radius:12px;background:white;color:#091019;padding:11px 15px;font-weight:700;cursor:pointer}
.about-section{margin:40px clamp(22px,5vw,76px);padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:linear-gradient(135deg,rgba(117,214,255,.08),rgba(161,132,255,.08));border:1px solid var(--line);border-radius:30px}.about-section>p{font-size:19px;color:#b8c4d5}
.faq-section{max-width:1000px}.compact{margin-bottom:20px}.faq-section details{border-bottom:1px solid var(--line);padding:22px 4px}.faq-section summary{cursor:pointer;font:600 18px "Manrope"}.faq-section details p{color:var(--muted);max-width:760px}
footer{margin-top:70px;border-top:1px solid var(--line);padding:40px clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.footer-brand{color:white}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:39}.cart-drawer{position:fixed;right:0;top:0;height:100dvh;width:min(460px,100%);z-index:40;background:#0c1119;border-left:1px solid var(--line);padding:26px;transform:translateX(105%);transition:.3s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-header,.dialog-header{display:flex;justify-content:space-between;align-items:start}.drawer-header h2,.dialog-header h2{font-size:34px}.icon-btn{border:1px solid var(--line);background:#151d29;color:white;width:42px;height:42px;border-radius:50%;font-size:25px;cursor:pointer}.empty-cart{color:var(--muted);padding:50px 0}.cart-items{overflow:auto;display:grid;gap:12px}.cart-item{border:1px solid var(--line);border-radius:15px;padding:14px}.cart-item-head{display:flex;justify-content:space-between;gap:15px}.cart-item h4{margin:0}.cart-item button{border:0;background:none;color:#ff9eaa;cursor:pointer}.qty-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.qty-controls{display:flex;align-items:center;gap:12px}.qty-controls button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;color:white;background:#151d29}.cart-summary{margin-top:auto;border-top:1px solid var(--line);padding:18px 0}.cart-summary div{display:flex;justify-content:space-between;margin:8px 0}.cart-summary small{color:var(--muted)}
dialog{width:min(760px,calc(100% - 30px));border:1px solid var(--line);border-radius:24px;background:#0d131c;color:white;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}dialog form{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#c5d0df}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea{background:#111925;border:1px solid var(--line);border-radius:12px;color:white;padding:12px;outline:none}.consent{display:flex;gap:10px;color:var(--muted);font-size:13px;margin:18px 0}.submit-status{min-height:24px;font-size:13px;color:#ffb3bd}.success-dialog{text-align:center;padding:38px}.success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:rgba(127,224,169,.14);color:var(--success);font-size:32px}.success-dialog h2{font-size:34px;margin:10px 0}.success-dialog p{color:var(--muted)}
@media(max-width:960px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{margin-top:30px}.trust-strip{grid-template-columns:1fr}.trust-strip article{border-right:0;border-bottom:1px solid var(--line)}.product-grid{grid-template-columns:repeat(2,1fr)}.about-section{grid-template-columns:1fr;padding:40px;gap:15px}.section-heading{align-items:start;flex-direction:column}.catalog-tools{width:100%}.search-box,.select-box{width:50%}.search-box input,.select-box select{width:100%}footer{flex-direction:column;gap:18px;text-align:center}}
@media(max-width:620px){.site-header{padding:12px 16px}.brand-copy strong{font-size:18px}.brand-mark{width:42px;height:42px}.cart-button span{display:none}.hero{padding:58px 20px}.hero h1{font-size:52px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.hero-visual{display:none}.catalog-section,.faq-section{padding:85px 18px}.product-grid{grid-template-columns:1fr}.catalog-tools{flex-direction:column}.search-box,.select-box{width:100%}.about-section{margin:20px 18px;padding:28px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}

.header-divider{height:32px;width:1px;background:linear-gradient(transparent,rgba(220,225,232,.24),transparent);margin:0 10px}
.brand-mark-header{filter:drop-shadow(0 0 10px rgba(255,255,255,.08))}
.site-header::after{content:"";position:absolute;left:clamp(20px,5vw,76px);right:clamp(20px,5vw,76px);bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(233,236,240,.15),transparent)}
.hero-copy h1{max-width:780px}
.product-card{box-shadow:0 18px 55px rgba(0,0,0,.18)}
.product-card:hover{box-shadow:0 24px 70px rgba(0,0,0,.3)}


/* Concept 2 — Luxury wordmark header */
.site-header{
  min-height:104px;
  padding:16px clamp(24px,4.8vw,76px);
  display:grid;
  grid-template-columns:minmax(400px,1fr) auto auto;
  column-gap:42px;
  background:rgba(3,4,5,.975);
  border-bottom:1px solid rgba(225,228,232,.14);
  box-shadow:0 20px 55px rgba(0,0,0,.38);
}
.brand-concept-two{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
  color:#f4f4f2;
  white-space:nowrap;
}
.luxury-word{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(27px,2.15vw,42px);
  font-weight:500;
  line-height:1;
  letter-spacing:.115em;
  text-shadow:0 1px 0 rgba(255,255,255,.2);
}
.luxury-x{
  width:78px;
  height:60px;
  flex:0 0 auto;
  overflow:visible;
  filter:drop-shadow(0 2px 5px rgba(255,255,255,.06));
}
.desktop-nav{
  align-self:center;
  gap:30px;
}
.cart-button{
  align-self:center;
}
.site-header::after{
  left:clamp(24px,4.8vw,76px);
  right:clamp(24px,4.8vw,76px);
  background:linear-gradient(90deg,transparent,rgba(235,237,240,.2),transparent);
}
.footer-concept-two{
  gap:8px;
}
.footer-concept-two .luxury-word{
  font-size:18px;
  letter-spacing:.1em;
}
.footer-concept-two .luxury-x{
  width:44px;
  height:34px;
}

@media(max-width:1120px){
  .site-header{
    grid-template-columns:1fr auto;
  }
  .desktop-nav{display:none}
}
@media(max-width:760px){
  .site-header{
    min-height:78px;
    padding:11px 16px;
    grid-template-columns:1fr auto;
    column-gap:14px;
  }
  .brand-concept-two{gap:7px}
  .luxury-word{
    font-size:clamp(17px,5vw,24px);
    letter-spacing:.075em;
  }
  .luxury-x{
    width:48px;
    height:38px;
  }
  .footer-concept-two{
    max-width:100%;
    justify-content:center;
  }
  .footer-concept-two .luxury-word{font-size:14px}
  .footer-concept-two .luxury-x{width:34px}
}
@media(max-width:430px){
  .luxury-word{
    font-size:15px;
    letter-spacing:.055em;
  }
  .luxury-x{
    width:39px;
    height:31px;
  }
}
