/* ==========================================================================
   LOOK FASHION landing page — custom.css
   Headings: Jost · Body: Poppins (Google Fonts)
   Structure: Base → Container → Animations → Sections (by page order) → Responsive helpers
   ========================================================================== */

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html:has(.page-landing-page) { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; font-family: Poppins, Helvetica, Arial, sans-serif; font-weight: 500; color: #13110F; background: #fff; -webkit-font-smoothing: antialiased; overflow-x: clip; }
img { max-width: 100%; }
iframe { max-width: none; }
a { color: inherit; text-decoration: none; }
a:hover { color: #B4472F; }
.page-landing-page a:hover { color: #F47503; }
input, button, textarea, select { font-family: inherit; }
template { display: none; }

/* ---------- Hybrid container ----------
   Small/medium: 100% width with responsive side padding (set on each section's inner container).
   Large/XL: capped at 1920px (fluid between 1660px and 1920px) and centred.
   Section backgrounds sit on the outer <section>, so they stay full width. */
.site-container { width: 100%; max-width: 1920px; margin-left: auto; margin-right: auto; }
@media (min-width: 1660px) { .site-container { max-width: clamp(1660px, 100vw, 1920px); } }

/* ---------- Animations ---------- */
@keyframes lpFloat { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-12px) } }
@keyframes lpProgress { from { transform: scaleX(0) } to { transform: scaleX(1) } }
@keyframes lpMarquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }
@keyframes lpMarqueeRev { from { transform: translateX(-50%) } to { transform: translateX(0) } }
@keyframes lpPulse { 0% { box-shadow: 0 0 0 0 rgba(244,117,3,0.55) } 70% { box-shadow: 0 0 0 10px rgba(244,117,3,0) } 100% { box-shadow: 0 0 0 0 rgba(244,117,3,0) } }
@keyframes lpGlow { 0%,100% { transform: translate(0,0) scale(1) } 50% { transform: translate(-40px,30px) scale(1.12) } }
@keyframes lpShine { from { background-position: 200% 0 } to { background-position: -200% 0 } }
@keyframes lpBar { from { transform: scaleY(0) } to { transform: scaleY(1) } }

/* ---------- Landing Nav ---------- */
.landing-nav {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom:1px solid transparent;
  box-shadow:none;
  transition:background 0.3s,box-shadow 0.3s,border-color 0.3s;
}
.landing-nav-box {
  padding:0 clamp(20px,3.2vw,60px);
  height:clamp(64px,4.4vw,84px);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(16px,1.6vw,32px);
}
.landing-nav-link {
  display:flex;
  align-items:center;
  justify-self:start;
}
.landing-nav-image {
  height:clamp(26px,1.9vw,36px);
  width:auto;
  display:block;
}
.landing-nav-box-2 {
  justify-self:center;
  display:flex;
  gap:clamp(16px,1.5vw,32px);
  font-size:clamp(13.5px,0.85vw,16px);
  white-space:nowrap;
}
.landing-nav-link-2 {
  position:relative;
  padding:6px 0;
  color:#F47503;
  transition:color 0.3s;
}
.landing-nav-item {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:2px;
  background:#F47503;
  transform-origin:0 50%;
  transform:scaleX(1);
  transition:transform 0.35s;
}
.landing-nav-link-3 {
  position:relative;
  padding:6px 0;
  color:#13110F;
  transition:color 0.3s;
}
.landing-nav-item-2 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:2px;
  background:#F47503;
  transform-origin:0 50%;
  transform:scaleX(0);
  transition:transform 0.35s;
}
.landing-nav-box-3 {
  display:flex;
  gap:10px;
  justify-self:end;
  align-items:center;
  grid-column:3;
}
.landing-nav-link-4 {
  height:clamp(40px,2.5vw,48px);
  padding:0 clamp(16px,1.2vw,24px);
  border-radius:999px;
  border:1px solid #13110F;
  display:flex;
  align-items:center;
  font-size:clamp(12.5px,0.8vw,15px);
  letter-spacing:0.08em;
  text-transform:uppercase;
  gap:8px;
  white-space:nowrap;
}
.landing-nav-link-5 {
  white-space:nowrap;
  flex:0 0 auto;
  height:clamp(40px,2.5vw,48px);
  padding:0 clamp(16px,1.2vw,24px);
  border-radius:999px;
  background:#13110F;
  color:#fff;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:clamp(12.5px,0.8vw,15px);
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.landing-nav-link-5:hover {
  background:#2A2622;
  color:#fff;
}
.landing-nav-image-2 {
  height:clamp(14px,0.95vw,18px);
  width:auto;
  display:block;
}
.landing-nav-button {
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid #13110F;
  background:#fff;
  color:#13110F;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-nav-box-4 {
  background:rgba(255,255,255,0.96);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-top:1px solid #EAE7E2;
  box-shadow:0 20px 40px rgba(19,17,15,0.1);
}
.landing-nav-box-5 {
  padding:8px clamp(20px,3.2vw,60px) 16px;
  display:flex;
  flex-direction:column;
}
.landing-nav-link-6 {
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #EAE7E2;
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:18px;
  color:#F47503;
}
.landing-nav-link-7 {
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #EAE7E2;
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:18px;
  color:#13110F;
}
.landing-nav-box-6 {
  padding:0 clamp(20px,3.2vw,60px) 18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.landing-nav-link-8 {
  flex:1 1 140px;
  height:46px;
  border-radius:999px;
  border:1px solid #13110F;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:13.5px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.landing-nav-link-9 {
  flex:1 1 100%;
  height:48px;
  border-radius:999px;
  background:#13110F;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:13.5px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.landing-nav-image-3 {
  height:16px;
  width:auto;
  display:block;
}
.landing-nav-2 {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  background:rgba(255,255,255,0.72);
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid rgba(19,17,15,0.08);
  box-shadow:0 8px 30px rgba(19,17,15,0.06);
  transition:background 0.3s,box-shadow 0.3s,border-color 0.3s;
}

/* ---------- Landing Hero ---------- */
.landing-hero-section {
  background:#F1E8DE;
  overflow:hidden;
  position:relative;
}
.landing-hero-box {
  position:absolute;
  right:-8%;
  top:-10%;
  width:clamp(420px,46vw,900px);
  height:clamp(420px,46vw,900px);
  border-radius:999px;
  background:radial-gradient(circle,rgba(244,117,3,0.28),rgba(244,117,3,0) 65%);
  animation:lpGlow 14s ease-in-out infinite;
  pointer-events:none;
}
.landing-hero-box-2 {
  position:absolute;
  left:-12%;
  bottom:-30%;
  width:clamp(360px,36vw,700px);
  height:clamp(360px,36vw,700px);
  border-radius:999px;
  background:radial-gradient(circle,rgba(255,255,255,0.8),rgba(255,255,255,0) 65%);
  animation:lpGlow 18s ease-in-out infinite reverse;
  pointer-events:none;
}
.landing-hero-box-3 {
  padding:calc(clamp(64px,4.4vw,84px) + clamp(56px,5vw,110px)) clamp(20px,3.2vw,60px) clamp(56px,5vw,110px);
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap:clamp(36px,4vw,80px);
  align-items:center;
}
.landing-hero-box-4 {
  display:flex;
  flex-direction:column;
  gap:clamp(18px,1.5vw,28px);
}
.landing-hero-item {
  align-self:flex-start;
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border-radius:999px;
  padding:8px 16px;
  font-size:clamp(12px,0.78vw,14px);
  letter-spacing:0.14em;
  text-transform:uppercase;
}
.landing-hero-item-2 {
  width:8px;
  height:8px;
  border-radius:999px;
  background:#F47503;
  animation:lpPulse 2s infinite;
}
.landing-hero-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-weight:500;
  font-size:clamp(40px,4.2vw,82px);
  line-height:1.04;
  letter-spacing:-0.03em;
  text-wrap:balance;
}
.landing-hero-item-3 {
  background:linear-gradient(90deg,#F47503 0%,#F47503 40%,#FFB36B 50%,#F47503 60%,#F47503 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:lpShine 6s linear infinite;
}
.landing-hero-text {
  margin:0;
  max-width:640px;
  font-size:clamp(15px,1.05vw,20px);
  line-height:1.8;
  color:#4A433C;
}
.landing-hero-box-5 {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.landing-hero-link {
  height:clamp(50px,3.1vw,60px);
  padding:0 clamp(26px,2vw,40px);
  border-radius:999px;
  background:#F47503;
  color:#fff;
  display:flex;
  align-items:center;
  font-size:clamp(13.5px,0.88vw,16px);
  letter-spacing:0.12em;
  text-transform:uppercase;
  gap:10px;
}
.landing-hero-link:hover {
  background:#13110F;
  color:#fff;
  transform:translateY(-2px);
}
.landing-hero-link-2 {
  height:clamp(50px,3.1vw,60px);
  padding:0 clamp(26px,2vw,40px);
  border-radius:999px;
  border:1px solid #13110F;
  display:flex;
  align-items:center;
  font-size:clamp(13.5px,0.88vw,16px);
  letter-spacing:0.12em;
  text-transform:uppercase;
  gap:10px;
}
.landing-hero-link-2:hover {
  background:#13110F;
  color:#fff;
}
.landing-hero-box-6 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));
  background:rgba(255,255,255,0.75);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.9);
  border-radius:16px;
  box-shadow:0 16px 40px rgba(19,17,15,0.07);
  max-width:680px;
  overflow:hidden;
}
.landing-hero-box-7 {
  padding:clamp(14px,1.1vw,20px) clamp(16px,1.3vw,24px);
  border-left:1px solid rgba(19,17,15,0.08);
  margin-left:-1px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.landing-hero-item-4 {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:clamp(11px,0.7vw,12.5px);
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#4A433C;
}
.landing-hero-item-5 {
  width:6px;
  height:6px;
  border-radius:999px;
  background:#F47503;
}
.landing-hero-item-6 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(19px,1.35vw,26px);
  font-weight:500;
  line-height:1.1;
  white-space:nowrap;
}
.landing-hero-box-8 {
  position:relative;
}
.landing-hero-box-9 {
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 40px 100px rgba(19,17,15,0.22);
  transform:perspective(1600px) rotateY(-4deg) rotateX(2deg);
}
.landing-hero-box-10 {
  height:34px;
  background:#F7F6F3;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  border-bottom:1px solid #EAE7E2;
}
.landing-hero-item-7 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#13110F;
}
.landing-hero-item-8 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#F47503;
}
.landing-hero-item-9 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#D8D3CB;
}
.landing-hero-item-10 {
  margin-left:14px;
  font-size:12px;
  color:#7C766E;
}
.landing-hero-box-11 {
  position:relative;
  aspect-ratio:1866/995;
  overflow:hidden;
}
.landing-hero-preview {
  position:absolute;
  top:0;
  left:0;
  width:1440px;
  height:900px;
  border:0;
  transform-origin:0 0;
  pointer-events:none;
}
.landing-hero-box-12 {
  animation:lpFloat 5s ease-in-out infinite;
  position:absolute;
  left:clamp(-28px,-1.5vw,-12px);
  bottom:clamp(-28px,-1.5vw,-14px);
  background:#13110F;
  color:#fff;
  border-radius:12px;
  padding:clamp(14px,1vw,20px) clamp(16px,1.2vw,24px);
  display:flex;
  align-items:center;
  gap:14px;
  box-shadow:0 20px 50px rgba(19,17,15,0.25);
}
.landing-hero-item-11 {
  width:clamp(38px,2.4vw,46px);
  height:clamp(38px,2.4vw,46px);
  border-radius:999px;
  background:#F47503;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-hero-text-2 {
  margin:0;
  font-size:clamp(14px,0.95vw,17px);
  color:#fff;
}
.landing-hero-text-3 {
  margin:2px 0 0;
  font-size:clamp(12px,0.78vw,14px);
  color:#fff;
}
.landing-hero-box-13 {
  animation:lpFloat 6s ease-in-out 1.2s infinite;
  position:absolute;
  right:clamp(-20px,-1vw,-8px);
  top:clamp(60px,5vw,100px);
  background:#fff;
  border-radius:12px;
  padding:clamp(14px,1vw,18px);
  box-shadow:0 20px 50px rgba(19,17,15,0.16);
}
.landing-hero-text-4 {
  margin:0 0 10px;
  font-size:clamp(11.5px,0.75vw,13px);
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#7C766E;
}
.landing-hero-box-14 {
  display:flex;
  gap:6px;
}
.landing-hero-item-12 {
  border-radius:999px;
  background:#13110F;
  color:#fff;
  padding:6px 14px;
  font-size:13px;
}
.landing-hero-item-13 {
  border-radius:999px;
  border:1px solid #13110F;
  padding:6px 14px;
  font-size:13px;
}

/* ---------- Landing Strip ---------- */
.landing-strip-section {
  background:#fff;
}
.landing-strip-box {
  padding:clamp(40px,3.4vw,64px) clamp(20px,3.2vw,60px) 0;
}
.landing-strip-box-2 {
  border-top:1px solid #EAE7E2;
  border-bottom:1px solid #EAE7E2;
}
.landing-strip-box-3 {
  display:grid;
  grid-template-columns:clamp(180px,16vw,300px) minmax(0,1fr);
  align-items:center;
}
.landing-strip-box-4 {
  padding:clamp(18px,1.5vw,28px) clamp(16px,1.4vw,28px) clamp(18px,1.5vw,28px) 0;
  border-right:1px solid #EAE7E2;
}
.landing-strip-text {
  margin:0;
  font-size:clamp(11px,0.72vw,13px);
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-strip-text-2 {
  margin:4px 0 0;
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(17px,1.15vw,22px);
  font-weight:500;
  line-height:1.2;
}
.landing-strip-box-5 {
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.landing-strip-box-6 {
  display:flex;
  width:max-content;
  align-items:center;
  animation:lpMarquee 60s linear infinite;
}
.landing-strip-box-7 {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  padding:clamp(18px,1.5vw,28px) clamp(26px,2.4vw,48px);
  border-right:1px solid #EAE7E2;
  white-space:nowrap;
}
.landing-strip-item {
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(22px,1.7vw,32px);
  font-weight:500;
  letter-spacing:-0.01em;
  line-height:1;
  color:#13110F;
}
.landing-strip-item-2 {
  border-radius:999px;
  background:#F7F6F3;
  padding:5px 11px;
  font-size:clamp(11.5px,0.74vw,13px);
  color:#4A433C;
}
.landing-strip-box-8 {
  display:grid;
  grid-template-columns:clamp(180px,16vw,300px) minmax(0,1fr);
  align-items:center;
  border-top:1px solid #EAE7E2;
}
.landing-strip-box-9 {
  display:flex;
  width:max-content;
  align-items:center;
  animation:lpMarqueeRev 60s linear infinite;
}

/* ---------- Landing Numbers ---------- */
.landing-numbers-section {
  background:#fff;
}
.landing-numbers-box {
  padding:clamp(48px,4vw,84px) clamp(20px,3.2vw,60px) 0;
}
.landing-numbers-box-2 {
  background:#13110F;
  color:#fff;
  border-radius:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
}
.landing-numbers-box-3 {
  padding:clamp(24px,2vw,40px);
  display:flex;
  align-items:center;
  gap:clamp(14px,1.2vw,22px);
}
.landing-numbers-item {
  flex:0 0 auto;
  width:clamp(52px,3.6vw,68px);
  height:clamp(52px,3.6vw,68px);
  border-radius:999px;
  background:#F47503;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-numbers-text {
  margin:0;
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(40px,3.4vw,66px);
  font-weight:500;
  line-height:1;
  color:#fff;
}
.landing-numbers-item-2 {
  color:#F47503;
}
.landing-numbers-text-2 {
  margin:10px 0 0;
  font-size:clamp(13.5px,0.9vw,16px);
  color:#fff;
}

/* ---------- Landing Storefront ---------- */
.landing-storefront-section {
  background:#fff;
}
.landing-storefront-box {
  padding:clamp(64px,5vw,110px) clamp(20px,3.2vw,60px);
}
.landing-storefront-box-2 {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  flex-wrap:wrap;
}
.landing-storefront-text {
  margin:0 0 12px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-storefront-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(34px,3.2vw,62px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-0.02em;
  max-width:900px;
}
.landing-storefront-item {
  color:#F47503;
}
.landing-storefront-text-2 {
  margin:0;
  max-width:440px;
  font-size:clamp(14px,0.95vw,17px);
  line-height:1.8;
  color:#4A433C;
}
.landing-storefront-box-3 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:12px;
  margin-top:clamp(28px,2.4vw,46px);
}
.landing-storefront-button {
  display:flex;
  align-items:center;
  gap:14px;
  padding:clamp(14px,1vw,20px);
  border-radius:12px;
  border:1px solid #EAE7E2;
  background:#13110F;
  color:#fff;
  cursor:pointer;
  text-align:left;
  position:relative;
  overflow:hidden;
  transition:background 0.3s,color 0.3s,transform 0.3s;
}
.landing-storefront-button:hover {
  transform:translateY(-3px);
}
.landing-storefront-item-2 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:#F47503;
  transform-origin:0 50%;
  transform:scaleX(0);
  animation:lpProgress 6s linear 0s 1 normal forwards;
}
.landing-storefront-item-3 {
  flex:0 0 auto;
  width:clamp(40px,2.6vw,50px);
  height:clamp(40px,2.6vw,50px);
  border-radius:999px;
  background:#F47503;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-storefront-item-4 {
  display:flex;
  flex-direction:column;
  gap:2px;
}
.landing-storefront-item-5 {
  font-size:clamp(15px,1.05vw,19px);
  font-weight:500;
}
.landing-storefront-item-6 {
  font-size:clamp(12px,0.78vw,14px);
  opacity:0.75;
}
.landing-storefront-button-2 {
  display:flex;
  align-items:center;
  gap:14px;
  padding:clamp(14px,1vw,20px);
  border-radius:12px;
  border:1px solid #EAE7E2;
  background:#fff;
  color:#13110F;
  cursor:pointer;
  text-align:left;
  position:relative;
  overflow:hidden;
  transition:background 0.3s,color 0.3s,transform 0.3s;
}
.landing-storefront-button-2:hover {
  transform:translateY(-3px);
}
.landing-storefront-item-7 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:#F47503;
  transform-origin:0 50%;
  transform:scaleX(0);
  animation:none;
}
.landing-storefront-box-4 {
  margin-top:14px;
  background:#13110F;
  color:#fff;
  border-radius:16px;
  padding:clamp(22px,2.2vw,44px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));
  gap:clamp(24px,2.6vw,52px);
  align-items:center;
}
.landing-storefront-text-3 {
  margin:0 0 8px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-storefront-title-2 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(26px,2vw,38px);
  font-weight:500;
  color:#fff;
}
.landing-storefront-text-4 {
  margin:8px 0 clamp(18px,1.4vw,26px);
  font-size:clamp(14px,0.95vw,17px);
  line-height:1.7;
  color:#fff;
}
.landing-storefront-box-5 {
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.landing-storefront-box-6 {
  position:relative;
  aspect-ratio:1866/995;
  overflow:hidden;
}
.landing-storefront-preview {
  position:absolute;
  top:0;
  left:0;
  width:1440px;
  height:900px;
  border:0;
  transform-origin:0 0;
  pointer-events:none;
}
.landing-storefront-box-7 {
  display:flex;
  flex-direction:column;
}
.landing-storefront-box-8 {
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:16px;
  padding:clamp(14px,1.05vw,20px) 0;
  border-bottom:1px solid #2E2A26;
}
.landing-storefront-item-8 {
  width:clamp(30px,1.9vw,36px);
  height:clamp(30px,1.9vw,36px);
  border-radius:999px;
  background:#2A2622;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-storefront-item-9 {
  font-size:clamp(14.5px,1vw,18px);
  color:#fff;
}
.landing-storefront-item-10 {
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:clamp(12px,0.78vw,14px);
  color:#F47503;
}
.landing-storefront-item-11 {
  font-size:clamp(12.5px,0.82vw,15px);
  line-height:1.6;
  color:#fff;
  opacity:0.75;
}

/* ---------- Landing Admin ---------- */
.landing-admin-section {
  position:relative;
  overflow:hidden;
  background:#13110F;
  color:#fff;
}
.landing-admin-box {
  position:absolute;
  right:-10%;
  top:-20%;
  width:clamp(500px,50vw,1000px);
  aspect-ratio:1;
  border-radius:999px;
  background:radial-gradient(circle,rgba(244,117,3,0.18),rgba(244,117,3,0) 62%);
  animation:lpGlow 18s ease-in-out infinite;
  pointer-events:none;
}
.landing-admin-box-2 {
  position:relative;
  padding:clamp(64px,5vw,110px) clamp(20px,3.2vw,60px);
}
.landing-admin-box-3 {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  flex-wrap:wrap;
}
.landing-admin-text {
  margin:0 0 12px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-admin-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(34px,3.2vw,62px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-0.02em;
  color:#fff;
}
.landing-admin-item {
  color:#F47503;
}
.landing-admin-text-2 {
  margin:0;
  max-width:460px;
  font-size:clamp(14px,0.95vw,17px);
  line-height:1.8;
  color:#fff;
}
.landing-admin-box-4 {
  margin-top:clamp(30px,2.6vw,50px);
  background:#1E1B18;
  border:1px solid #2E2A26;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,0.45);
}
.landing-admin-box-5 {
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 16px;
  border-bottom:1px solid #2E2A26;
}
.landing-admin-item-2 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#F47503;
}
.landing-admin-item-3 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#5A544D;
}
.landing-admin-item-4 {
  margin-left:12px;
  font-size:12px;
  color:#fff;
}
.landing-admin-box-6 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
}
.landing-admin-box-7 {
  padding:clamp(14px,1.2vw,22px);
  border-right:1px solid #2E2A26;
  display:flex;
  flex-direction:column;
  gap:4px;
  max-width:340px;
  width:100%;
}
.landing-admin-button {
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 14px;
  border-radius:10px;
  border:none;
  background:#2A2622;
  color:#fff;
  cursor:pointer;
  text-align:left;
  font-size:clamp(14px,0.92vw,16.5px);
  transition:background 0.3s;
}
.landing-admin-button:hover {
  background:#2A2622;
}
.landing-admin-icon {
  flex:0 0 auto;
}
.landing-admin-item-5 {
  flex:1;
}
.landing-admin-item-6 {
  width:6px;
  height:6px;
  border-radius:999px;
  background:#F47503;
  opacity:1;
}
.landing-admin-button-2 {
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 14px;
  border-radius:10px;
  border:none;
  background:transparent;
  color:#fff;
  cursor:pointer;
  text-align:left;
  font-size:clamp(14px,0.92vw,16.5px);
  transition:background 0.3s;
}
.landing-admin-button-2:hover {
  background:#2A2622;
}
.landing-admin-item-7 {
  width:6px;
  height:6px;
  border-radius:999px;
  background:#F47503;
  opacity:0;
}
.landing-admin-box-8 {
  grid-column:span 3;
  padding:clamp(20px,2vw,40px);
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:clamp(18px,1.6vw,28px);
}
.landing-admin-box-9 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.landing-admin-text-3 {
  margin:0;
  font-size:clamp(12px,0.78vw,14px);
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-admin-title-2 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:4px 0 0;
  font-size:clamp(26px,2vw,40px);
  font-weight:500;
  color:#fff;
}
.landing-admin-item-8 {
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #2E2A26;
  border-radius:999px;
  padding:7px 14px;
  font-size:13px;
  color:#fff;
}
.landing-admin-item-9 {
  width:7px;
  height:7px;
  border-radius:999px;
  background:#3DDC84;
}
.landing-admin-box-10 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:12px;
}
.landing-admin-box-11 {
  display:flex;
  align-items:center;
  gap:12px;
  background:#13110F;
  border:1px solid #2E2A26;
  border-radius:12px;
  padding:clamp(14px,1.1vw,20px);
}
.landing-admin-item-10 {
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:999px;
  background:#2A2622;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-admin-item-11 {
  font-size:clamp(14px,0.92vw,16.5px);
  line-height:1.5;
  color:#fff;
}
.landing-admin-box-12 {
  display:flex;
  align-items:flex-start;
  gap:12px;
  border-top:1px solid #2E2A26;
  padding-top:clamp(16px,1.4vw,24px);
}
.landing-admin-icon-2 {
  flex:0 0 auto;
  margin-top:2px;
}
.landing-admin-text-4 {
  margin:0;
  font-size:clamp(13.5px,0.88vw,16px);
  line-height:1.7;
  color:#fff;
}

/* ---------- Landing Payments ---------- */
.landing-payments-section {
  background:#F7F6F3;
}
.landing-payments-box {
  padding:clamp(64px,5vw,110px) clamp(20px,3.2vw,60px);
}
.landing-payments-box-2 {
  text-align:center;
  max-width:820px;
  margin:0 auto;
}
.landing-payments-text {
  margin:0 0 12px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-payments-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(34px,3.2vw,62px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-0.02em;
}
.landing-payments-item {
  color:#F47503;
}
.landing-payments-text-2 {
  margin:16px auto 0;
  max-width:620px;
  font-size:clamp(14px,0.95vw,17px);
  line-height:1.8;
  color:#4A433C;
}
.landing-payments-box-3 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  gap:14px;
  margin-top:clamp(34px,3vw,56px);
}
.landing-payments-box-4 {
  background:#fff;
  border:1px solid #EAE7E2;
  border-radius:16px;
  padding:clamp(20px,1.6vw,30px);
  display:flex;
  flex-direction:column;
  gap:14px;
  transition:transform 0.35s,box-shadow 0.35s,border-color 0.35s;
}
.landing-payments-box-4:hover {
  transform:translateY(-5px);
  box-shadow:0 20px 40px rgba(19,17,15,0.08);
  border-color:#F47503;
}
.landing-payments-item-2 {
  width:clamp(44px,2.8vw,54px);
  height:clamp(44px,2.8vw,54px);
  border-radius:999px;
  background:#13110F;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-payments-text-3 {
  margin:0;
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(20px,1.4vw,26px);
  font-weight:500;
}
.landing-payments-text-4 {
  margin:6px 0 0;
  font-size:clamp(13.5px,0.88vw,16px);
  line-height:1.65;
  color:#4A433C;
}
.landing-payments-item-3 {
  margin-top:auto;
  align-self:flex-start;
  background:#F7F6F3;
  border-radius:999px;
  padding:6px 12px;
  font-size:clamp(12px,0.78vw,14px);
}
.landing-payments-box-5 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));
  gap:14px;
  margin-top:14px;
}
.landing-payments-box-6 {
  background:#13110F;
  color:#fff;
  border-radius:16px;
  padding:clamp(22px,2vw,40px);
}
.landing-payments-text-5 {
  margin:0 0 6px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-payments-title-2 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(24px,1.8vw,34px);
  font-weight:500;
  color:#fff;
}
.landing-payments-box-7 {
  display:flex;
  flex-direction:column;
  margin-top:clamp(16px,1.4vw,26px);
}
.landing-payments-box-8 {
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 16px;
  align-items:center;
  padding:clamp(14px,1.05vw,20px) 0;
  border-top:1px solid #2E2A26;
}
.landing-payments-item-4 {
  font-size:clamp(15px,1.05vw,19px);
  color:#fff;
}
.landing-payments-item-5 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(16px,1.1vw,20px);
  color:#F47503;
}
.landing-payments-item-6 {
  font-size:clamp(13px,0.85vw,15px);
  color:#fff;
  opacity:0.75;
}
.landing-payments-box-9 {
  background:#fff;
  border:1px solid #EAE7E2;
  border-radius:16px;
  padding:clamp(22px,2vw,40px);
}
.landing-payments-title-3 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(24px,1.8vw,34px);
  font-weight:500;
}
.landing-payments-box-10 {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:clamp(13px,1vw,18px) 0;
  border-top:1px solid #EAE7E2;
}
.landing-payments-item-7 {
  font-size:clamp(14px,0.95vw,17px);
  color:#4A433C;
}
.landing-payments-item-8 {
  font-size:clamp(14px,0.95vw,17px);
  text-align:right;
}

/* ---------- Landing Pages ---------- */
.landing-pages-section {
  position:relative;
  overflow:hidden;
  background:#F1E8DE;
}
.landing-pages-box {
  position:relative;
  padding:clamp(64px,5vw,110px) clamp(20px,3.2vw,60px);
}
.landing-pages-box-2 {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  flex-wrap:wrap;
}
.landing-pages-text {
  margin:0 0 12px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-pages-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(34px,3.2vw,62px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-0.02em;
}
.landing-pages-item {
  color:#F47503;
}
.landing-pages-box-3 {
  display:flex;
  align-items:center;
  gap:16px;
}
.landing-pages-item-2 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(20px,1.5vw,28px);
}
.landing-pages-button {
  width:clamp(46px,2.9vw,56px);
  height:clamp(46px,2.9vw,56px);
  border-radius:999px;
  border:1px solid #13110F;
  background:none;
  color:#13110F;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-pages-button:hover {
  background:#13110F;
  color:#fff;
}
.landing-pages-button-2 {
  width:clamp(46px,2.9vw,56px);
  height:clamp(46px,2.9vw,56px);
  border-radius:999px;
  border:none;
  background:#F47503;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-pages-button-2:hover {
  background:#13110F;
  color:#fff;
}
.landing-pages-box-4 {
  display:flex;
  flex-wrap:wrap;
  gap:clamp(20px,2vw,40px);
  margin-top:clamp(30px,2.6vw,50px);
  align-items:flex-start;
}
.landing-pages-box-5 {
  flex:2.2 1 min(100%,600px);
  min-width:0;
}
.landing-pages-box-6 {
  background:#13110F;
  border-radius:18px;
  padding:clamp(8px,0.7vw,14px);
  box-shadow:0 40px 90px rgba(19,17,15,0.25);
}
.landing-pages-box-7 {
  height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 8px 8px;
}
.landing-pages-item-3 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#F47503;
}
.landing-pages-item-4 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#5A544D;
}
.landing-pages-item-5 {
  flex:1;
  max-width:420px;
  margin:0 auto;
  height:26px;
  border-radius:999px;
  background:#2A2622;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:12px;
  color:#fff;
}
.landing-pages-box-8 {
  position:relative;
  aspect-ratio:1866/995;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.landing-pages-box-9 {
  position:absolute;
  inset:0;
}
.landing-pages-box-10 {
  position:absolute;
  inset:0;
  overflow:hidden;
  opacity:1;
  transform:scale(1);
  transition:opacity 0.7s ease,transform 0.9s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.landing-pages-preview {
  position:absolute;
  top:0;
  left:0;
  width:1440px;
  height:900px;
  border:0;
  transform-origin:0 0;
  pointer-events:none;
}
.landing-pages-box-11 {
  position:absolute;
  inset:0;
  overflow:hidden;
  opacity:0;
  transform:scale(1.04);
  transition:opacity 0.7s ease,transform 0.9s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.landing-pages-box-12 {
  position:absolute;
  left:clamp(12px,1.2vw,22px);
  bottom:clamp(12px,1.2vw,22px);
  background:rgba(19,17,15,0.85);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-radius:12px;
  padding:clamp(10px,0.8vw,14px) clamp(14px,1.1vw,20px);
  display:flex;
  align-items:center;
  gap:12px;
}
.landing-pages-item-6 {
  width:8px;
  height:8px;
  border-radius:999px;
  background:#F47503;
  animation:lpPulse 2s infinite;
}
.landing-pages-item-7 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(17px,1.2vw,22px);
  color:#fff;
}
.landing-pages-item-8 {
  font-size:clamp(12px,0.8vw,14px);
  color:#fff;
}
.landing-pages-box-13 {
  flex:1 1 min(100%,300px);
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.landing-pages-button-3 {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:clamp(40px,2.6vw,50px) 1fr auto;
  align-items:center;
  gap:14px;
  padding:clamp(12px,0.95vw,18px) clamp(14px,1.1vw,20px);
  border-radius:12px;
  border:1px solid #13110F;
  background:#13110F;
  color:#fff;
  cursor:pointer;
  text-align:left;
  transition:background 0.35s,border-color 0.35s,color 0.35s;
}
.landing-pages-button-3:hover {
  border-color:#F47503;
}
.landing-pages-item-9 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(15px,1vw,19px);
  color:#F47503;
}
.landing-pages-item-10 {
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.landing-pages-item-11 {
  font-size:clamp(14.5px,1vw,18px);
  font-weight:500;
}
.landing-pages-item-12 {
  font-size:clamp(12px,0.78vw,14px);
  opacity:0.75;
}
.landing-pages-icon {
  opacity:1;
  transition:opacity 0.3s;
}
.landing-pages-item-13 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#F47503;
  transform-origin:0 50%;
  transform:scaleX(0);
  animation:lpProgress 5s linear 0s 1 normal forwards;
}
.landing-pages-button-4 {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:clamp(40px,2.6vw,50px) 1fr auto;
  align-items:center;
  gap:14px;
  padding:clamp(12px,0.95vw,18px) clamp(14px,1.1vw,20px);
  border-radius:12px;
  border:1px solid rgba(19,17,15,0.1);
  background:rgba(255,255,255,0.6);
  color:#13110F;
  cursor:pointer;
  text-align:left;
  transition:background 0.35s,border-color 0.35s,color 0.35s;
}
.landing-pages-button-4:hover {
  border-color:#F47503;
}
.landing-pages-icon-2 {
  opacity:0;
  transition:opacity 0.3s;
}
.landing-pages-item-14 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#F47503;
  transform-origin:0 50%;
  transform:scaleX(0);
  animation:none;
}

/* ---------- Landing Technology ---------- */
.landing-technology-section {
  background:#fff;
}
.landing-technology-box {
  padding:clamp(64px,5vw,110px) clamp(20px,3.2vw,60px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap:clamp(32px,3.6vw,72px);
  align-items:start;
}
.landing-technology-text {
  margin:0 0 12px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-technology-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(34px,3.2vw,62px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-0.02em;
}
.landing-technology-item {
  color:#F47503;
}
.landing-technology-text-2 {
  margin:16px 0 0;
  max-width:580px;
  font-size:clamp(14px,0.95vw,17px);
  line-height:1.8;
  color:#4A433C;
}
.landing-technology-box-2 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:clamp(22px,1.8vw,32px);
}
.landing-technology-item-2 {
  border:1px solid #13110F;
  border-radius:999px;
  padding:8px 16px;
  font-size:clamp(13px,0.85vw,15.5px);
}
.landing-technology-box-3 {
  display:flex;
  flex-direction:column;
  margin-top:clamp(26px,2.2vw,40px);
}
.landing-technology-box-4 {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:clamp(13px,1vw,18px) 0;
  border-top:1px solid #EAE7E2;
}
.landing-technology-item-3 {
  width:30px;
  height:30px;
  border-radius:999px;
  background:#F47503;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-technology-item-4 {
  font-size:clamp(14px,0.95vw,17px);
}
.landing-technology-item-5 {
  font-size:clamp(13px,0.85vw,15.5px);
  color:#4A433C;
  text-align:right;
}
.landing-technology-box-5 {
  background:#13110F;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(19,17,15,0.22);
}
.landing-technology-box-6 {
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 16px;
  border-bottom:1px solid #2E2A26;
}
.landing-technology-item-6 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#F47503;
}
.landing-technology-item-7 {
  width:10px;
  height:10px;
  border-radius:999px;
  background:#5A544D;
}
.landing-technology-item-8 {
  margin-left:12px;
  font-size:12px;
  color:#fff;
}
.landing-technology-box-7 {
  padding:clamp(18px,1.6vw,30px);
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:clamp(12.5px,0.82vw,15px);
  line-height:2;
  color:#fff;
  overflow-x:auto;
  white-space:pre;
}
.landing-technology-item-9 {
  color:#3DDC84;
}
.landing-technology-box-8 {
  border-top:1px solid #2E2A26;
  padding:16px clamp(18px,1.6vw,30px);
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  font-size:clamp(12.5px,0.8vw,14px);
  color:#fff;
}

/* ---------- Landing Included ---------- */
.landing-included-section {
  background:#F7F6F3;
}
.landing-included-box {
  padding:clamp(64px,5vw,110px) clamp(20px,3.2vw,60px);
}
.landing-included-box-2 {
  text-align:center;
}
.landing-included-text {
  margin:0 0 12px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-included-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(34px,3.2vw,62px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-0.02em;
}
.landing-included-item {
  color:#F47503;
}
.landing-included-box-3 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:14px;
  margin-top:clamp(32px,2.8vw,54px);
}
.landing-included-box-4 {
  background:#fff;
  border:1px solid #EAE7E2;
  border-radius:16px;
  padding:clamp(20px,1.6vw,30px);
  display:flex;
  flex-direction:column;
  gap:14px;
  transition:transform 0.35s,box-shadow 0.35s,border-color 0.35s;
}
.landing-included-box-4:hover {
  transform:translateY(-5px);
  box-shadow:0 20px 40px rgba(19,17,15,0.08);
  border-color:#F47503;
}
.landing-included-item-2 {
  width:clamp(44px,2.8vw,54px);
  height:clamp(44px,2.8vw,54px);
  border-radius:999px;
  background:#F47503;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-included-text-2 {
  margin:0;
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:clamp(14px,0.95vw,17px);
}
.landing-included-text-3 {
  margin:0;
  font-size:clamp(13.5px,0.88vw,16px);
  line-height:1.65;
  color:#4A433C;
}
.landing-included-box-5 {
  margin-top:14px;
  background:#13110F;
  color:#fff;
  border-radius:16px;
  padding:clamp(22px,2vw,40px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:clamp(20px,2.4vw,48px);
  align-items:center;
}
.landing-included-text-4 {
  margin:0 0 6px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-included-title-2 {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(24px,1.8vw,34px);
  font-weight:500;
  color:#fff;
}
.landing-included-box-6 {
  grid-column:span 2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.landing-included-item-3 {
  display:flex;
  align-items:center;
  gap:8px;
  background:#2A2622;
  border-radius:999px;
  padding:8px 14px;
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:clamp(12.5px,0.8vw,14.5px);
  color:#fff;
}

/* ---------- Landing Built To Change ---------- */
.landing-built-to-change-section {
  position:relative;
  overflow:hidden;
  background:#fff;
}
.landing-built-to-change-box {
  position:absolute;
  left:-10%;
  top:-20%;
  width:clamp(420px,40vw,780px);
  aspect-ratio:1;
  border-radius:999px;
  background:radial-gradient(circle,rgba(244,117,3,0.12),rgba(244,117,3,0) 65%);
  animation:lpGlow 16s ease-in-out infinite;
  pointer-events:none;
}
.landing-built-to-change-box-2 {
  position:relative;
  padding:clamp(64px,5vw,110px) clamp(20px,3.2vw,60px);
}
.landing-built-to-change-box-3 {
  text-align:center;
  max-width:820px;
  margin:0 auto;
}
.landing-built-to-change-text {
  margin:0 0 12px;
  font-size:clamp(12.5px,0.82vw,15px);
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#F47503;
}
.landing-built-to-change-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(34px,3.2vw,62px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-0.02em;
}
.landing-built-to-change-item {
  color:#F47503;
}
.landing-built-to-change-text-2 {
  margin:16px auto 0;
  max-width:620px;
  font-size:clamp(14px,0.95vw,17px);
  line-height:1.8;
  color:#4A433C;
}
.landing-built-to-change-box-4 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:clamp(14px,1.2vw,22px);
  margin-top:clamp(34px,3vw,56px);
}
.landing-built-to-change-box-5 {
  position:relative;
  background:#fff;
  border-radius:18px;
  padding:clamp(22px,1.8vw,34px);
  border:1px solid #EAE7E2;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:clamp(16px,1.2vw,22px);
  transition:transform 0.4s,box-shadow 0.4s,border-color 0.4s;
}
.landing-built-to-change-box-5:hover {
  transform:translateY(-8px);
  box-shadow:0 30px 60px rgba(19,17,15,0.12);
  border-color:#13110F;
}
.landing-built-to-change-item-2 {
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:#D97757;
}
.landing-built-to-change-box-6 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.landing-built-to-change-item-3 {
  width:clamp(78px,5.4vw,104px);
  height:clamp(78px,5.4vw,104px);
  border-radius:20px;
  background:#fff;
  border:1px solid #EAE7E2;
  box-shadow:0 12px 30px rgba(19,17,15,0.08);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-built-to-change-image {
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.landing-built-to-change-item-4 {
  background:#F7F6F3;
  border-radius:999px;
  padding:6px 12px;
  font-size:clamp(11.5px,0.75vw,13px);
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#4A433C;
}
.landing-built-to-change-text-3 {
  margin:0;
  font-family:Jost,Helvetica,Arial,sans-serif;
  font-size:clamp(24px,1.8vw,34px);
  font-weight:500;
  line-height:1.1;
}
.landing-built-to-change-text-4 {
  margin:8px 0 0;
  font-size:clamp(14px,0.92vw,16.5px);
  line-height:1.7;
  color:#4A433C;
}
.landing-built-to-change-item-5 {
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,#7B8CFF,#4C5BF5);
}
.landing-built-to-change-item-6 {
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,#F4B400,#EA4335,#4285F4,#34A853);
}

/* ---------- Landing Page ---------- */
.landing-page-button {
  position:fixed;
  right:clamp(16px,1.6vw,32px);
  bottom:clamp(16px,1.6vw,32px);
  z-index:60;
  width:clamp(48px,3vw,58px);
  height:clamp(48px,3vw,58px);
  border-radius:999px;
  border:none;
  background:#F47503;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 30px rgba(19,17,15,0.25);
}
.landing-page-button:hover {
  background:#13110F;
}

/* ---------- Landing Cta ---------- */
.landing-cta-section {
  background:#13110F;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.landing-cta-box {
  position:absolute;
  left:50%;
  top:-40%;
  width:clamp(500px,60vw,1100px);
  height:clamp(500px,60vw,1100px);
  margin-left:calc(clamp(500px,60vw,1100px) / -2);
  border-radius:999px;
  background:radial-gradient(circle,rgba(244,117,3,0.22),rgba(244,117,3,0) 62%);
  animation:lpGlow 16s ease-in-out infinite;
  pointer-events:none;
}
.landing-cta-box-2 {
  padding:clamp(48px,4vw,84px) clamp(20px,3.2vw,60px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:clamp(18px,1.5vw,28px);
  position:relative;
}
.landing-cta-image {
  height:clamp(30px,2.2vw,42px);
  width:auto;
  display:block;
}
.landing-cta-title {
  font-family:Jost,Helvetica,Arial,sans-serif;
  margin:0;
  font-size:clamp(40px,4.4vw,86px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-0.03em;
  color:#fff;
}
.landing-cta-item {
  color:#F47503;
}
.landing-cta-text {
  margin:0;
  max-width:600px;
  font-size:clamp(14.5px,1vw,18px);
  line-height:1.8;
  color:#fff;
}
.landing-cta-box-3 {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
.landing-cta-link {
  height:clamp(50px,3.1vw,60px);
  padding:0 clamp(26px,2vw,40px);
  border-radius:999px;
  border:1px solid #fff;
  color:#fff;
  display:flex;
  align-items:center;
  font-size:clamp(13.5px,0.88vw,16px);
  letter-spacing:0.12em;
  text-transform:uppercase;
  gap:10px;
}
.landing-cta-link:hover {
  background:#fff;
  color:#13110F;
}
.landing-cta-link-2 {
  height:clamp(50px,3.1vw,60px);
  padding:0 clamp(26px,2vw,40px);
  border-radius:999px;
  border:1px solid #fff;
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:clamp(13.5px,0.88vw,16px);
  letter-spacing:0.12em;
  text-transform:uppercase;
}
.landing-cta-link-2:hover {
  background:#2A2622;
  color:#fff;
}
.landing-cta-image-2 {
  height:clamp(16px,1.05vw,20px);
  width:auto;
  display:block;
}
.landing-cta-box-4 {
  border-top:1px solid #2E2A26;
}
.landing-cta-box-5 {
  padding:16px clamp(20px,3.2vw,60px);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  font-size:clamp(13px,0.85vw,15px);
  color:#fff;
}

/* ---------- Responsive helpers ---------- */
[hidden] { display: none !important; }
@media (min-width: 900px) { .bp-mobile-only { display: none !important; } }
@media (max-width: 899px) { .bp-desktop-only { display: none !important; } }
@media (min-width: 1536px) { .bp-narrow-only { display: none !important; } }
@media (max-width: 1535px) { .bp-wide-only { display: none !important; } }
@media (max-width: 1099px) { .bp-cta-only { display: none !important; } }
@media (max-width: 559px) { .bp-buy-only { display: none !important; } }
@media (max-width: 699px) {
  .product-gallery-responsive { flex-direction: column !important; }
  .product-thumbs-responsive { width: 100% !important; grid-template-columns: 1fr 1fr !important; order: 2 !important; }
  .product-thumb-responsive { height: 160px !important; }
  .product-main-image-responsive { height: 420px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* ---------- Landing previews (offline images) ---------- */
.landing-preview-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center top; background: #fff; display: block; }