/* ==========================================================
   Halden House — Landing page
   custom.css: all styles extracted from inline attributes.
   Structure: base > layout (hybrid container) > sections in page order.
   ========================================================== */

/* BASE & ANIMATIONS */
html{font-size:16px;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#f5f3ee;color:#0f1714;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(1rem,0.94rem + 0.2vw,1.1875rem);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:#0f1714;text-decoration:none}a:hover{color:#b8862f}
@keyframes lpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes lpMarq{to{transform:translateX(-50%)}}
@keyframes lpWord{0%{opacity:0;transform:translateY(40%)}100%{opacity:1;transform:none}}
@keyframes lpGlow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes lpOrbit{to{transform:rotate(360deg)}}
@keyframes lpOrbitR{to{transform:rotate(-360deg)}}
@keyframes lpType{0%,100%{opacity:1}50%{opacity:0}}
@keyframes lpCol{to{transform:translateY(-50%)}}
@keyframes lpBlink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes lpCard{0%,100%{transform:perspective(1200px) rotateY(-16deg) rotateX(8deg) rotateZ(-4deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) rotateZ(-2deg) translateY(-14px)}}
@keyframes lpSweep{0%{transform:translateX(-120%) skewX(-20deg)}60%,100%{transform:translateX(260%) skewX(-20deg)}}
@keyframes lpUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes lpRing{to{transform:rotate(360deg)}}
@keyframes lpProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lpFade{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes lpShine{to{background-position:200% center}}
@media (max-width:1100px){.features-section__box-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.features-section__box-5{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* LAYOUT — hybrid container
   Small/medium: 100% width with fluid side padding.
   Large/XL: centred, capped at 1760px (within the 1660–1920px range).
   Section backgrounds stay full width; only .site-container is capped. */
html, body { max-width: 100%; overflow-x: clip; }
img { max-width: 100%; height: auto; }
.site-container {
  width: 100% !important;
  max-width: 1760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 4vw, 64px) !important;
  padding-right: clamp(20px, 4vw, 64px) !important;
  box-sizing: border-box;
}
/* Font scale: fluid between 320px and 1920px, frozen above so 1660–1920px stays proportional */
@media (min-width: 1920px) { body { font-size: 1.1875rem; } }

/* ==========================================================
   HEADER SECTION
   ========================================================== */
.header-section {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  box-shadow:none;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom:1px solid transparent;
  color:#f4efe4;
  transition:background .4s ease,box-shadow .4s ease,border-color .4s ease;
}
.header-section__box-1 {
  max-width:1760px;
  margin:0 auto;
  height:76px;
  padding:0 clamp(20px,4vw,64px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.header-section__btn-2 {
  display:flex;
  align-items:center;
  gap:14px;
  flex-shrink:0;
  white-space:nowrap;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  color:#f4efe4;
}
.header-section__item-3 {
  position:relative;
  width:46px;
  height:46px;
  flex-shrink:0;
  display:grid;
  place-items:center;
}
.header-section__item-4 {
  position:absolute;
  inset:0;
  border-radius:14px;
  background:conic-gradient(from 0deg,#D4A24C,#f3d79a,#8a5e17,#D4A24C);
  animation:lpRing 6s linear infinite;
}
.header-section__item-5 {
  position:absolute;
  inset:1.5px;
  border-radius:12.5px;
  background:linear-gradient(145deg,#1f2b26,#0b110f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.header-section__item-6 {
  position:relative;
  font-family:Georgia,serif;
  font-weight:700;
  font-size:1.375rem;
  line-height:1;
  background:linear-gradient(180deg,#f7e3b4,#D4A24C);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.header-section__item-7 {
  position:absolute;
  right:-3px;
  top:-3px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#D4A24C;
  border:2px solid #0f1714;
  box-shadow:0 0 12px rgba(212,162,76,.8);
}
.header-section__item-8 {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.1;
  gap:4px;
}
.header-section__item-9 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:1.125rem;
  letter-spacing:0.14em;
}
.header-section__item-10 {
  color:#D4A24C;
}
.header-section__item-11 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:0.625rem;
  font-weight:600;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#9aa39d;
}
.header-section__item-12 {
  width:16px;
  height:1px;
  background:#D4A24C;
}
.header-section__box-13 {
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.header-section__link-14 {
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:44px;
  padding:0 18px;
  border-radius:10px;
  background:#1a2721;
  border:1px solid rgba(244,239,228,.22);
  color:#fff;
  font-weight:600;
  font-size:0.9375rem;
  transition:background .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.header-section__link-14:hover {
  background:#D4A24C !important;
  border-color:#D4A24C !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 30px -12px rgba(212,162,76,.65) !important;
}
.header-section__link-14:active {
  transform:translateY(0) scale(.97) !important;
}
.header-section__btn-15 {
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:44px;
  padding:0 18px;
  border-radius:10px;
  background:#1a2721;
  border:1px solid rgba(244,239,228,.22);
  color:#fff;
  font-weight:600;
  font-size:0.9375rem;
  cursor:pointer;
  transition:background .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.header-section__btn-15:hover {
  background:#D4A24C !important;
  border-color:#D4A24C !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 30px -12px rgba(212,162,76,.65) !important;
}
.header-section__btn-15:active {
  transform:translateY(0) scale(.97) !important;
}
.header-section__link-16 {
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:44px;
  padding:0 18px;
  border-radius:10px;
  background:#1a2721;
  border:1px solid rgba(244,239,228,.22);
  color:#fff;
  font-weight:600;
  font-size:0.9375rem;
  transition:background .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.header-section__link-16:hover {
  background:#D4A24C !important;
  border-color:#D4A24C !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 30px -12px rgba(212,162,76,.65) !important;
}
.header-section__link-16:active {
  transform:translateY(0) scale(.97) !important;
}
.header-section__img-17 {
  height:19px;
  width:auto;
  display:block;
}

/* ==========================================================
   HERO SECTION
   ========================================================== */
.hero-section {
  position:relative;
  overflow:hidden;
  background:#0f1714;
  color:#f4efe4;
}
.hero-section__box-1 {
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(244,239,228,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(244,239,228,.05) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 80%);
  mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 80%);
  pointer-events:none;
}
.hero-section__box-2 {
  position:absolute;
  left:50%;
  top:-10%;
  width:min(900px,90vw);
  aspect-ratio:1;
  margin-left:calc(min(900px,90vw) / -2);
  border-radius:50%;
  background:radial-gradient(circle,rgba(212,162,76,.22),transparent 62%);
  animation:lpGlow 9s ease-in-out infinite;
  pointer-events:none;
}
.hero-section__box-3 {
  position:relative;
  max-width:1760px;
  margin:0 auto;
  padding:calc(76px + clamp(56px,6vw,104px)) clamp(20px,4vw,64px) 0;
  text-align:center;
}
.hero-section__box-4 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 16px 7px 8px;
  border-radius:999px;
  border:1px solid rgba(244,239,228,.16);
  background:rgba(244,239,228,.04);
  font-size:0.8125rem;
  font-weight:500;
  color:#d8d1c2;
}
.hero-section__item-5 {
  background:#D4A24C;
  color:#fff;
  padding:3px 10px;
  border-radius:999px;
  font-weight:600;
  font-size:0.75rem;
}
.hero-section__title-6 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2.5rem,1.3rem + 4vw,5.75rem);
  line-height:1.02;
  letter-spacing:-0.04em;
  margin:26px auto 0;
  max-width: 20ch;
  text-wrap:balance;
}
.hero-section__item-7 {
  display:inline-block;
  position:relative;
  vertical-align:bottom;
  min-width:7ch;
}
.hero-section__item-8 {
  display:inline-block;
  background:linear-gradient(90deg,#D4A24C,#f3d79a,#D4A24C);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:lpWord .7s cubic-bezier(.2,.7,.2,1) both,lpShine 3s linear infinite;
}
.hero-section__text-9 {
  margin:24px auto 0;
  max-width:60ch;
  color:#b9b3a5;
  font-size:clamp(1.0625rem,0.98rem + 0.35vw,1.3125rem);
  line-height:1.65;
  text-wrap:pretty;
}
.hero-section__box-10 {
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:34px;
}
.hero-section__link-11 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  height:48px;
  padding:0 22px;
  border-radius:10px;
  background:#1a2721;
  border:1px solid rgba(244,239,228,.22);
  color:#fff;
  font-weight:600;
  font-size:0.9375rem;
  transition:background .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.hero-section__link-11:hover {
  background:#D4A24C !important;
  border-color:#D4A24C !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 30px -12px rgba(212,162,76,.65) !important;
}
.hero-section__link-11:active {
  transform:translateY(0) scale(.97) !important;
}
.hero-section__btn-12 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  height:48px;
  padding:0 22px;
  border-radius:10px;
  background:#D4A24C;
  border:1px solid #D4A24C;
  color:#fff;
  font-weight:600;
  font-size:0.9375rem;
  cursor:pointer;
  transition:background .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.hero-section__btn-12:hover {
  background:#fff !important;
  border-color:#fff !important;
  color:#0f1714 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 30px -12px rgba(255,255,255,.45) !important;
}
.hero-section__btn-12:active {
  transform:translateY(0) scale(.97) !important;
}
.hero-section__box-13 {
  display:flex;
  justify-content:center;
  gap:clamp(16px,3vw,44px);
  flex-wrap:wrap;
  margin-top:36px;
  font-size:0.875rem;
  color:#9aa39d;
}
.hero-section__item-14 {
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.hero-section__icon-15 {
  color:#D4A24C;
}
.hero-section__box-16 {
  position:relative;
  max-width:1320px;
  margin:clamp(48px,6vw,88px) auto 0;
  height:clamp(260px,38vw,580px);
}
.hero-section__box-17 {
  position:absolute;
  left:-6%;
  top:30%;
  width:28%;
  z-index:1;
  animation:lpFloat 9s ease-in-out infinite;
  animation-delay:-5s;
  cursor:zoom-in;
}
.hero-section__box-18 {
  border-radius:14px 14px 0 0;
  overflow:hidden;
  background:#1d2723;
  border:1px solid rgba(244,239,228,.14);
  border-bottom:0;
  box-shadow:0 50px 90px -40px rgba(0,0,0,.8);
  transform:scale(1);
  transform-origin:left center;
  transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s,border-color .6s;
}
.hero-section__box-19 {
  height:30px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  background:#26312c;
}
.hero-section__item-20 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e06c5a;
}
.hero-section__item-21 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e3b04b;
}
.hero-section__item-22 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#62b86b;
}
.hero-section__item-23 {
  margin-left:12px;
  flex:1;
  max-width:260px;
  height:16px;
  border-radius:5px;
  background:rgba(244,239,228,.08);
  font-size:0.625rem;
  line-height:16px;
  color:#9aa39d;
  text-align:left;
  padding-left:8px;
  font-family:'JetBrains Mono',monospace;
}
.hero-section__box-24 {
  position:relative;
  aspect-ratio:16/10;
  background:#2a332f url('https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.hero-section__box-25 {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.15) 40%,rgba(0,0,0,.6));
}
.hero-section__box-26 {
  position:absolute;
  left:0;
  right:0;
  top:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:4% 5%;
  color:#fff;
  font-size:clamp(0.4375rem,0.6vw,0.75rem);
  font-weight:600;
  letter-spacing:0.1em;
}
.hero-section__item-27 {
  display:flex;
  gap:1.6em;
  opacity:.85;
  font-weight:500;
  letter-spacing:0.04em;
}
.hero-section__item-28 {
  background:#c2a06a;
  padding:.6em 1.2em;
  border-radius:4px;
}
.hero-section__box-29 {
  position:absolute;
  left:5%;
  bottom:9%;
  right:30%;
  text-align:left;
  color:#fff;
}
.hero-section__box-30 {
  font-size:clamp(0.4375rem,0.55vw,0.6875rem);
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:#c2a06a;
  font-weight:600;
}
.hero-section__box-31 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(0.875rem,1.9vw,2.25rem);
  line-height:1.05;
  letter-spacing:-0.03em;
  margin-top:.3em;
}
.hero-section__box-32 {
  position:absolute;
  left:78%;
  top:30%;
  width:28%;
  z-index:1;
  animation:lpFloat 9.5s ease-in-out infinite;
  animation-delay:-1s;
  cursor:zoom-in;
}
.hero-section__box-33 {
  border-radius:14px 14px 0 0;
  overflow:hidden;
  background:#1d2723;
  border:1px solid rgba(244,239,228,.14);
  border-bottom:0;
  box-shadow:0 50px 90px -40px rgba(0,0,0,.8);
  transform:scale(1);
  transform-origin:right center;
  transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s,border-color .6s;
}
.hero-section__box-34 {
  position:relative;
  aspect-ratio:16/10;
  background:#2a332f url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.hero-section__item-35 {
  background:#2f6fb0;
  padding:.6em 1.2em;
  border-radius:4px;
}
.hero-section__box-36 {
  font-size:clamp(0.4375rem,0.55vw,0.6875rem);
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:#2f6fb0;
  font-weight:600;
}
.hero-section__box-37 {
  position:absolute;
  left:-1%;
  top:20%;
  width:34%;
  z-index:2;
  animation:lpFloat 8.5s ease-in-out infinite;
  animation-delay:-3s;
  cursor:zoom-in;
}
.hero-section__box-38 {
  position:relative;
  aspect-ratio:16/10;
  background:#2a332f url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.hero-section__item-39 {
  background:#2b8a5c;
  padding:.6em 1.2em;
  border-radius:4px;
}
.hero-section__box-40 {
  font-size:clamp(0.4375rem,0.55vw,0.6875rem);
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:#2b8a5c;
  font-weight:600;
}
.hero-section__box-41 {
  position:absolute;
  left:67%;
  top:20%;
  width:34%;
  z-index:2;
  animation:lpFloat 8s ease-in-out infinite;
  animation-delay:-6s;
  cursor:zoom-in;
}
.hero-section__box-42 {
  position:relative;
  aspect-ratio:16/10;
  background:#2a332f url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.hero-section__item-43 {
  background:#e3a857;
  padding:.6em 1.2em;
  border-radius:4px;
}
.hero-section__box-44 {
  font-size:clamp(0.4375rem,0.55vw,0.6875rem);
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:#e3a857;
  font-weight:600;
}
.hero-section__box-45 {
  position:absolute;
  left:6%;
  top:9%;
  width:40%;
  z-index:3;
  animation:lpFloat 7.5s ease-in-out infinite;
  animation-delay:-2s;
  cursor:zoom-in;
}
.hero-section__box-46 {
  position:relative;
  aspect-ratio:16/10;
  background:#2a332f url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.hero-section__item-47 {
  background:#e9a85f;
  padding:.6em 1.2em;
  border-radius:4px;
}
.hero-section__box-48 {
  font-size:clamp(0.4375rem,0.55vw,0.6875rem);
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:#e9a85f;
  font-weight:600;
}
.hero-section__box-49 {
  position:absolute;
  left:54%;
  top:9%;
  width:40%;
  z-index:3;
  animation:lpFloat 7s ease-in-out infinite;
  animation-delay:-4s;
  cursor:zoom-in;
}
.hero-section__box-50 {
  border-radius:14px 14px 0 0;
  overflow:hidden;
  background:#1d2723;
  border:1px solid rgba(244,239,228,.14);
  border-bottom:0;
  box-shadow:0 50px 90px -40px rgba(0,0,0,.8);
  transform:scale(1);
  transform-origin:center;
  transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s,border-color .6s;
}
.hero-section__box-51 {
  position:relative;
  aspect-ratio:16/10;
  background:#2a332f url('https://images.unsplash.com/photo-1590490360182-c33d57733427?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.hero-section__item-52 {
  background:#9a5b34;
  padding:.6em 1.2em;
  border-radius:4px;
}
.hero-section__box-53 {
  font-size:clamp(0.4375rem,0.55vw,0.6875rem);
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:#9a5b34;
  font-weight:600;
}
.hero-section__box-54 {
  position:absolute;
  left:26%;
  top:0%;
  width:48%;
  z-index:4;
  animation:lpFloat 8s ease-in-out infinite;
  animation-delay:0s;
  cursor:zoom-in;
}
.hero-section__box-55 {
  position:relative;
  aspect-ratio:16/10;
  background:#2a332f url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.hero-section__item-56 {
  background:#D4A24C;
  padding:.6em 1.2em;
  border-radius:4px;
}
.hero-section__box-57 {
  font-size:clamp(0.4375rem,0.55vw,0.6875rem);
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:#D4A24C;
  font-weight:600;
}

/* ==========================================================
   BOARDING SECTION
   ========================================================== */
.boarding-section {
  position:relative;
  background:#0b110f;
  border-top:1px solid rgba(244,239,228,.08);
  border-bottom:1px solid rgba(244,239,228,.08);
  overflow:hidden;
}
.boarding-section__box-1 {
  max-width:1760px;
  margin:0 auto;
  padding:18px clamp(20px,4vw,64px) 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  font-family:'JetBrains Mono',monospace;
  font-size:0.75rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#9aa39d;
}
.boarding-section__item-2 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#D4A24C;
}
.boarding-section__item-3 {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#62b86b;
  animation:lpBlink 1.6s ease-in-out infinite;
}
.boarding-section__box-4 {
  padding:18px 0 26px;
}
.boarding-section__box-5 {
  display:flex;
  width:max-content;
  gap:18px;
  animation:lpMarq 60s linear infinite;
}
.boarding-section__box-5:hover {
  animation-play-state:paused !important;
}
.boarding-section__link-6 {
  display:flex;
  align-items:stretch;
  flex-shrink:0;
  width:360px;
  border-radius:14px;
  background:#f4efe4;
  color:#0f1714;
  overflow:hidden;
  box-shadow:0 20px 40px -24px rgba(0,0,0,.9);
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
.boarding-section__link-6:hover {
  transform:translateY(-6px) rotate(-1deg) !important;
  color:#0f1714 !important;
}
.boarding-section__item-7 {
  flex:1;
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.boarding-section__item-8 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-family:'JetBrains Mono',monospace;
  font-size:0.625rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#6c736e;
}
.boarding-section__item-9 {
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.boarding-section__item-10 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#D4A24C;
}
.boarding-section__item-11 {
  display:flex;
  align-items:center;
  gap:12px;
}
.boarding-section__item-12 {
  width:44px;
  height:44px;
  flex-shrink:0;
  border-radius:10px;
  background:#2a332f url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.boarding-section__item-13 {
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:1.25rem;
  letter-spacing:-0.02em;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.boarding-section__item-14 {
  display:flex;
  gap:18px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.625rem;
  text-transform:uppercase;
  letter-spacing:0.1em;
  color:#6c736e;
}
.boarding-section__b-15 {
  display:block;
  font-size:0.875rem;
  color:#0f1714;
  letter-spacing:0;
}
.boarding-section__b-16 {
  display:block;
  font-size:0.875rem;
  color:#2b7a43;
  letter-spacing:0;
}
.boarding-section__item-17 {
  width:0;
  border-left:2px dashed #cfc7b5;
  margin:10px 0;
}
.boarding-section__item-18 {
  width:74px;
  flex-shrink:0;
  background:#D4A24C;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.boarding-section__item-19 {
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:1.625rem;
  line-height:1;
}
.boarding-section__icon-20 {
  font-size:1rem;
  transform:rotate(45deg);
}
.boarding-section__item-21 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e9a85f;
}
.boarding-section__item-22 {
  width:44px;
  height:44px;
  flex-shrink:0;
  border-radius:10px;
  background:#2a332f url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.boarding-section__item-23 {
  width:74px;
  flex-shrink:0;
  background:#e9a85f;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.boarding-section__item-24 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#9a5b34;
}
.boarding-section__item-25 {
  width:44px;
  height:44px;
  flex-shrink:0;
  border-radius:10px;
  background:#2a332f url('https://images.unsplash.com/photo-1590490360182-c33d57733427?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.boarding-section__item-26 {
  width:74px;
  flex-shrink:0;
  background:#9a5b34;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.boarding-section__item-27 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e3a857;
}
.boarding-section__item-28 {
  width:44px;
  height:44px;
  flex-shrink:0;
  border-radius:10px;
  background:#2a332f url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.boarding-section__item-29 {
  width:74px;
  flex-shrink:0;
  background:#e3a857;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.boarding-section__item-30 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2b8a5c;
}
.boarding-section__item-31 {
  width:44px;
  height:44px;
  flex-shrink:0;
  border-radius:10px;
  background:#2a332f url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.boarding-section__item-32 {
  width:74px;
  flex-shrink:0;
  background:#2b8a5c;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.boarding-section__item-33 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2f6fb0;
}
.boarding-section__item-34 {
  width:44px;
  height:44px;
  flex-shrink:0;
  border-radius:10px;
  background:#2a332f url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.boarding-section__item-35 {
  width:74px;
  flex-shrink:0;
  background:#2f6fb0;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.boarding-section__item-36 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#c2a06a;
}
.boarding-section__item-37 {
  width:44px;
  height:44px;
  flex-shrink:0;
  border-radius:10px;
  background:#2a332f url('https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.boarding-section__item-38 {
  width:74px;
  flex-shrink:0;
  background:#c2a06a;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}

/* ==========================================================
   HIGHLIGHTS SECTION
   ========================================================== */
.highlights-section {
  background:#0b110f;
  color:#f4efe4;
  border-bottom:1px solid rgba(244,239,228,.08);
}
.highlights-section__box-1 {
  max-width:1760px;
  margin:0 auto;
  padding:clamp(36px,4vw,60px) clamp(20px,4vw,64px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  gap:clamp(20px,2.4vw,40px);
}
.highlights-section__box-2 {
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.highlights-section__item-3 {
  width:52px;
  height:52px;
  flex-shrink:0;
  border-radius:14px;
  border:1px solid rgba(212,162,76,.4);
  color:#D4A24C;
  display:grid;
  place-items:center;
  font-size:1.375rem;
  background:rgba(212,162,76,.06);
}
.highlights-section__item-4 {
  display:block;
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:1.125rem;
}
.highlights-section__item-5 {
  display:block;
  margin-top:4px;
  color:#9aa39d;
  font-size:0.875rem;
  line-height:1.55;
}

/* ==========================================================
   DEMOS SECTION
   ========================================================== */
.demos-section {
  scroll-margin-top:76px;
  max-width:1760px;
  margin:0 auto;
  padding:clamp(72px,8vw,140px) clamp(20px,4vw,64px);
}
.demos-section__box-1 {
  text-align:center;
  max-width:820px;
  margin:0 auto clamp(32px,4vw,56px);
  position:relative;
}
.demos-section__box-2 {
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:clamp(7rem,4rem + 10vw,15rem);
  line-height:.8;
  letter-spacing:-0.06em;
  color:transparent;
  -webkit-text-stroke:1.5px rgba(165,125,51,.35);
  margin-bottom:calc(-1 * clamp(2.2rem,1.2rem + 3vw,4.6rem));
}
.demos-section__title-3 {
  position:relative;
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2rem,1.3rem + 2.4vw,4rem);
  line-height:1.05;
  letter-spacing:-0.035em;
  margin:0 0 16px;
}
.demos-section__text-4 {
  margin:0;
  color:#5b6660;
}
.demos-section__box-5 {
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
  margin-top:28px;
  padding:6px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e4dfd3;
}
.demos-section__btn-6 {
  border:0;
  padding:10px 20px;
  border-radius:999px;
  background:#0f1714;
  color:#fff;
  font-weight:600;
  font-size:0.875rem;
  cursor:pointer;
  transition:background .3s,color .3s;
}
.demos-section__item-7 {
  opacity:.6;
  font-weight:500;
}
.demos-section__btn-8 {
  border:0;
  padding:10px 20px;
  border-radius:999px;
  background:transparent;
  color:#0f1714;
  font-weight:600;
  font-size:0.875rem;
  cursor:pointer;
  transition:background .3s,color .3s;
}
.demos-section__box-9 {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));
  gap:clamp(24px,2.6vw,44px);
}
.demos-section__link-10 {
  display:block;
  color:#0f1714;
  animation:lpUp .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:0ms;
}
.demos-section__link-10:hover {
  color:#0f1714 !important;
}
.demos-section__box-11 {
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e4dfd3;
  box-shadow:0 30px 60px -40px rgba(15,23,20,.45);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;
}
.demos-section__box-11:hover {
  transform:translateY(-10px) !important;
  box-shadow:0 50px 80px -40px rgba(15,23,20,.55) !important;
}
.demos-section__box-12 {
  height:30px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  background:#efebe2;
  border-bottom:1px solid #e4dfd3;
}
.demos-section__item-13 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e06c5a;
}
.demos-section__item-14 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e3b04b;
}
.demos-section__item-15 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#62b86b;
}
.demos-section__item-16 {
  margin-left:10px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.6875rem;
  color:#7a786f;
}
.demos-section__box-17 {
  position:relative;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#2a332f url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.demos-section__box-18 {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.1) 40%,rgba(0,0,0,.65));
}
.demos-section__box-19 {
  position:absolute;
  left:0;
  right:0;
  top:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 20px;
  color:#fff;
  font-size:0.6875rem;
  font-weight:600;
  letter-spacing:0.1em;
}
.demos-section__item-20 {
  background:#D4A24C;
  padding:6px 12px;
  border-radius:4px;
  letter-spacing:0.06em;
}
.demos-section__box-21 {
  position:absolute;
  left:20px;
  right:20px;
  bottom:20px;
  color:#fff;
}
.demos-section__box-22 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(1.375rem,1.1rem + 0.8vw,2rem);
  line-height:1.08;
  letter-spacing:-0.03em;
  max-width:16ch;
}
.demos-section__box-23 {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:rgba(15,23,20,.55);
  opacity:0;
  transition:opacity .4s;
}
.demos-section__box-23:hover {
  opacity:1 !important;
}
.demos-section__item-24 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  color:#0f1714;
  padding:12px 22px;
  border-radius:10px;
  font-weight:600;
  font-size:0.9375rem;
}
.demos-section__box-25 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:18px 4px 0;
}
.demos-section__box-26 {
  display:flex;
  align-items:center;
  gap:12px;
}
.demos-section__item-27 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#D4A24C;
}
.demos-section__item-28 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:1.125rem;
}
.demos-section__item-29 {
  font-size:0.8125rem;
  color:#5b6660;
  white-space:nowrap;
}
.demos-section__link-30 {
  display:block;
  color:#0f1714;
  animation:lpUp .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:80ms;
}
.demos-section__link-30:hover {
  color:#0f1714 !important;
}
.demos-section__box-31 {
  position:relative;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#2a332f url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.demos-section__item-32 {
  background:#e9a85f;
  padding:6px 12px;
  border-radius:4px;
  letter-spacing:0.06em;
}
.demos-section__item-33 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#e9a85f;
}
.demos-section__link-34 {
  display:block;
  color:#0f1714;
  animation:lpUp .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:160ms;
}
.demos-section__link-34:hover {
  color:#0f1714 !important;
}
.demos-section__box-35 {
  position:relative;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#2a332f url('https://images.unsplash.com/photo-1590490360182-c33d57733427?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.demos-section__item-36 {
  background:#9a5b34;
  padding:6px 12px;
  border-radius:4px;
  letter-spacing:0.06em;
}
.demos-section__item-37 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#9a5b34;
}
.demos-section__link-38 {
  display:block;
  color:#0f1714;
  animation:lpUp .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:240ms;
}
.demos-section__link-38:hover {
  color:#0f1714 !important;
}
.demos-section__box-39 {
  position:relative;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#2a332f url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.demos-section__item-40 {
  background:#e3a857;
  padding:6px 12px;
  border-radius:4px;
  letter-spacing:0.06em;
}
.demos-section__item-41 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#e3a857;
}
.demos-section__link-42 {
  display:block;
  color:#0f1714;
  animation:lpUp .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:320ms;
}
.demos-section__link-42:hover {
  color:#0f1714 !important;
}
.demos-section__box-43 {
  position:relative;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#2a332f url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.demos-section__item-44 {
  background:#2b8a5c;
  padding:6px 12px;
  border-radius:4px;
  letter-spacing:0.06em;
}
.demos-section__item-45 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2b8a5c;
}
.demos-section__link-46 {
  display:block;
  color:#0f1714;
  animation:lpUp .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:400ms;
}
.demos-section__link-46:hover {
  color:#0f1714 !important;
}
.demos-section__box-47 {
  position:relative;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#2a332f url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.demos-section__item-48 {
  background:#2f6fb0;
  padding:6px 12px;
  border-radius:4px;
  letter-spacing:0.06em;
}
.demos-section__item-49 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2f6fb0;
}
.demos-section__link-50 {
  display:block;
  color:#0f1714;
  animation:lpUp .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:480ms;
}
.demos-section__link-50:hover {
  color:#0f1714 !important;
}
.demos-section__box-51 {
  position:relative;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#2a332f url('https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1400&h=900&q=80') center/cover;
}
.demos-section__item-52 {
  background:#c2a06a;
  padding:6px 12px;
  border-radius:4px;
  letter-spacing:0.06em;
}
.demos-section__item-53 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#c2a06a;
}

/* ==========================================================
   ADMIN SECTION
   ========================================================== */
.admin-section {
  scroll-margin-top:76px;
  background:#0f1714;
  color:#f4efe4;
}
.admin-section__box-1 {
  max-width:1760px;
  margin:0 auto;
  padding:clamp(72px,8vw,140px) clamp(20px,4vw,64px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));
  gap:clamp(36px,5vw,96px);
  align-items:center;
}
.admin-section__box-2 {
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:#D4A24C;
}
.admin-section__title-3 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2rem,1.3rem + 2.4vw,3.75rem);
  line-height:1.05;
  letter-spacing:-0.035em;
  margin:14px 0 18px;
  max-width:14ch;
}
.admin-section__text-4 {
  margin:0 0 28px;
  color:#b9b3a5;
  max-width:46ch;
}
.admin-section__box-5 {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.admin-section__box-6 {
  display:flex;
  gap:14px;
  align-items:center;
}
.admin-section__item-7 {
  width:40px;
  height:40px;
  flex-shrink:0;
  border-radius:10px;
  background:rgba(212,162,76,.14);
  color:#D4A24C;
  display:grid;
  place-items:center;
}
.admin-section__box-8 {
  grid-column:span 2;
  min-width:0;
  border-radius:16px;
  overflow:hidden;
  background:#f5f3ee;
  color:#0f1714;
  box-shadow:0 60px 100px -50px rgba(0,0,0,.9);
  border:1px solid rgba(244,239,228,.12);
}
.admin-section__box-9 {
  height:32px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  background:#e9e5dc;
}
.admin-section__item-10 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e06c5a;
}
.admin-section__item-11 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e3b04b;
}
.admin-section__item-12 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#62b86b;
}
.admin-section__item-13 {
  margin-left:10px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.6875rem;
  color:#7a786f;
}
.admin-section__box-14 {
  display:grid;
  grid-template-columns:minmax(0,170px) minmax(0,1fr);
}
.admin-section__box-15 {
  background:#0f1714;
  color:#c9c2b2;
  padding:18px 14px;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:0.8125rem;
}
.admin-section__item-16 {
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:8px;
  background:rgba(212,162,76,.16);
  color:#D4A24C;
}
.admin-section__item-17 {
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:8px;
  background:transparent;
  color:#c9c2b2;
}
.admin-section__box-18 {
  padding:clamp(16px,2vw,26px);
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.admin-section__box-19 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:10px;
}
.admin-section__box-20 {
  background:#fff;
  border:1px solid #e4dfd3;
  border-radius:12px;
  padding:14px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
}
.admin-section__box-21 {
  font-size:0.6875rem;
  color:#6c736e;
  text-transform:uppercase;
  letter-spacing:0.08em;
}
.admin-section__box-22 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:1.5rem;
  margin-top:2px;
}
.admin-section__item-23 {
  width:34px;
  height:34px;
  border-radius:9px;
  background:#fbf0dc;
  color:#9a6b14;
  display:grid;
  place-items:center;
}
.admin-section__item-24 {
  width:34px;
  height:34px;
  border-radius:9px;
  background:#e3f3e7;
  color:#2b7a43;
  display:grid;
  place-items:center;
}
.admin-section__item-25 {
  width:34px;
  height:34px;
  border-radius:9px;
  background:#e2ecf8;
  color:#2a5d96;
  display:grid;
  place-items:center;
}
.admin-section__item-26 {
  width:34px;
  height:34px;
  border-radius:9px;
  background:#f3e6f5;
  color:#7a3b8c;
  display:grid;
  place-items:center;
}
.admin-section__box-27 {
  background:#fff;
  border:1px solid #e4dfd3;
  border-radius:12px;
  padding:14px 16px;
}
.admin-section__box-28 {
  display:flex;
  justify-content:space-between;
  font-size:0.8125rem;
  font-weight:600;
  margin-bottom:10px;
}
.admin-section__item-29 {
  color:#6c736e;
  font-weight:500;
}
.admin-section__box-30 {
  display:flex;
  align-items:flex-end;
  gap:6px;
  height:90px;
}
.admin-section__item-31 {
  flex:1;
  height:52%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-32 {
  flex:1;
  height:60%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-33 {
  flex:1;
  height:48%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-34 {
  flex:1;
  height:70%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-35 {
  flex:1;
  height:66%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-36 {
  flex:1;
  height:78%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-37 {
  flex:1;
  height:74%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-38 {
  flex:1;
  height:82%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-39 {
  flex:1;
  height:88%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-40 {
  flex:1;
  height:80%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__item-41 {
  flex:1;
  height:92%;
  border-radius:4px 4px 0 0;
  background:#D4A24C;
}
.admin-section__item-42 {
  flex:1;
  height:86%;
  border-radius:4px 4px 0 0;
  background:#0f1714;
}
.admin-section__box-43 {
  background:#fff;
  border:1px solid #e4dfd3;
  border-radius:12px;
  overflow:hidden;
  font-size:0.8125rem;
}
.admin-section__box-44 {
  display:grid;
  grid-template-columns:1.2fr 1.4fr 1fr auto;
  gap:10px;
  align-items:center;
  padding:11px 16px;
  border-top:1px solid #efebe2;
}
.admin-section__item-45 {
  font-family:'JetBrains Mono',monospace;
  color:#6c736e;
}
.admin-section__item-46 {
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-section__item-47 {
  color:#6c736e;
}
.admin-section__item-48 {
  padding:3px 10px;
  border-radius:999px;
  background:#e3f3e7;
  color:#2b7a43;
  font-weight:600;
  font-size:0.75rem;
}
.admin-section__item-49 {
  padding:3px 10px;
  border-radius:999px;
  background:#e2ecf8;
  color:#2a5d96;
  font-weight:600;
  font-size:0.75rem;
}
.admin-section__item-50 {
  padding:3px 10px;
  border-radius:999px;
  background:#fbf0dc;
  color:#9a6b14;
  font-weight:600;
  font-size:0.75rem;
}

/* ==========================================================
   FEATURES SECTION
   ========================================================== */
.features-section {
  scroll-margin-top:76px;
  max-width:1760px;
  margin:0 auto;
  padding:clamp(72px,8vw,140px) clamp(20px,4vw,64px);
}
.features-section__box-1 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));
  gap:24px;
  align-items:end;
  margin-bottom:clamp(36px,4vw,64px);
}
.features-section__box-2 {
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:#a57d33;
}
.features-section__title-3 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2rem,1.3rem + 2.4vw,4rem);
  line-height:1.05;
  letter-spacing:-0.035em;
  margin:14px 0 0;
  max-width:15ch;
}
.features-section__text-4 {
  margin:0;
  color:#5b6660;
  max-width:46ch;
  justify-self:end;
}
.features-section__box-5 {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.features-section__box-6 {
  padding:clamp(22px,2.4vw,30px);
  border-radius:16px;
  background:#fff;
  border:1px solid #e4dfd3;
  transition:transform .4s,box-shadow .4s,border-color .4s;
}
.features-section__box-6:hover {
  transform:translateY(-6px) !important;
  box-shadow:0 30px 50px -36px rgba(15,23,20,.5) !important;
  border-color:#D4A24C !important;
}
.features-section__item-7 {
  width:48px;
  height:48px;
  border-radius:12px;
  background:#0f1714;
  color:#D4A24C;
  display:grid;
  place-items:center;
  font-size:1.25rem;
}
.features-section__heading-8 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:1.1875rem;
  margin:20px 0 8px;
}
.features-section__text-9 {
  margin:0;
  color:#5b6660;
  font-size:0.9375rem;
  line-height:1.6;
}

/* ==========================================================
   SCREENS SECTION
   ========================================================== */
.screens-section {
  scroll-margin-top:76px;
  position:relative;
  overflow:hidden;
  background:#0f1714;
  color:#f4efe4;
}
.screens-section__box-1 {
  position:absolute;
  left:-10%;
  top:20%;
  width:60%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(212,162,76,.14),transparent 62%);
  pointer-events:none;
}
.screens-section__box-2 {
  position:relative;
  max-width:1760px;
  margin:0 auto;
  padding:clamp(80px,9vw,150px) clamp(20px,4vw,64px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));
  gap:clamp(40px,5vw,96px);
  align-items:center;
}
.screens-section__box-3 {
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:#D4A24C;
}
.screens-section__title-4 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2rem,1.3rem + 2.4vw,3.75rem);
  line-height:1.05;
  letter-spacing:-0.035em;
  margin:14px 0 14px;
}
.screens-section__text-5 {
  margin:0 0 30px;
  color:#b9b3a5;
  max-width:48ch;
}
.screens-section__box-6 {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));
  gap:8px;
}
.screens-section__btn-7 {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  height:44px;
  padding:0 18px;
  border-radius:10px;
  border:1px solid #D4A24C;
  background:#1a2721;
  color:#fff;
  cursor:pointer;
  font-size:0.9375rem;
  font-weight:600;
  white-space:nowrap;
  transition:background .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.screens-section__btn-7:hover {
  background:#D4A24C !important;
  border-color:#D4A24C !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 30px -12px rgba(212,162,76,.65) !important;
}
.screens-section__btn-7:active {
  transform:translateY(0) scale(.97) !important;
}
.screens-section__item-8 {
  font-family:'JetBrains Mono',monospace;
  font-size:0.6875rem;
  font-weight:400;
  color:#D4A24C;
}
.screens-section__item-9 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#D4A24C;
  transform-origin:left;
  animation:lpProg 3.8s linear both;
}
.screens-section__btn-10 {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  height:44px;
  padding:0 18px;
  border-radius:10px;
  border:1px solid rgba(244,239,228,.22);
  background:#1a2721;
  color:#fff;
  cursor:pointer;
  font-size:0.9375rem;
  font-weight:600;
  white-space:nowrap;
  transition:background .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.screens-section__btn-10:hover {
  background:#D4A24C !important;
  border-color:#D4A24C !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 30px -12px rgba(212,162,76,.65) !important;
}
.screens-section__btn-10:active {
  transform:translateY(0) scale(.97) !important;
}
.screens-section__item-11 {
  font-family:'JetBrains Mono',monospace;
  font-size:0.6875rem;
  font-weight:400;
  color:#6f7a74;
}
.screens-section__box-12 {
  position:relative;
}
.screens-section__box-13 {
  border-radius:18px;
  overflow:hidden;
  background:#f5f3ee;
  box-shadow:0 70px 120px -50px rgba(0,0,0,.9);
  border:1px solid rgba(244,239,228,.12);
}
.screens-section__box-14 {
  height:36px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  background:#e9e5dc;
}
.screens-section__item-15 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e06c5a;
}
.screens-section__item-16 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e3b04b;
}
.screens-section__item-17 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#62b86b;
}
.screens-section__item-18 {
  margin-left:12px;
  flex:1;
  max-width:320px;
  height:20px;
  border-radius:6px;
  background:#fff;
  font-family:'JetBrains Mono',monospace;
  font-size:0.6875rem;
  line-height:20px;
  color:#6c736e;
  padding-left:10px;
  overflow:hidden;
  white-space:nowrap;
}
.screens-section__box-19 {
  aspect-ratio:16/11;
  display:grid;
  grid-template-rows:58% 1fr;
  animation:lpFade .8s cubic-bezier(.2,.7,.2,1) both;
}
.screens-section__box-20 {
  position:relative;
  background:#2a332f url('https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?auto=format&fit=crop&w=800&h=500&q=75') center/cover;
}
.screens-section__box-21 {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.65));
}
.screens-section__box-22 {
  position:absolute;
  left:0;
  right:0;
  top:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 20px;
  color:#fff;
  font-size:0.6875rem;
  font-weight:600;
  letter-spacing:0.12em;
}
.screens-section__item-23 {
  display:flex;
  gap:16px;
  font-weight:500;
  letter-spacing:0.04em;
  opacity:.85;
}
.screens-section__box-24 {
  position:absolute;
  left:20px;
  bottom:18px;
  color:#fff;
}
.screens-section__box-25 {
  font-size:0.6875rem;
  letter-spacing:0.16em;
  opacity:.8;
}
.screens-section__box-26 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(1.5rem,1.1rem + 1.4vw,2.5rem);
  letter-spacing:-0.03em;
  line-height:1.05;
  margin-top:4px;
}
.screens-section__box-27 {
  padding:16px 20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.screens-section__item-28 {
  border-radius:10px;
  background:#ddd7ca url('https://images.unsplash.com/photo-1590490360182-c33d57733427?auto=format&fit=crop&w=400&h=300&q=70') center/cover;
}
.screens-section__item-29 {
  border-radius:10px;
  background:#ddd7ca url('https://images.unsplash.com/photo-1611892440504-42a792e24d32?auto=format&fit=crop&w=400&h=300&q=70') center/cover;
}
.screens-section__item-30 {
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:center;
}
.screens-section__item-31 {
  height:8px;
  border-radius:4px;
  background:#d9d3c4;
}
.screens-section__item-32 {
  height:8px;
  width:70%;
  border-radius:4px;
  background:#e4dfd3;
}
.screens-section__item-33 {
  height:28px;
  width:60%;
  border-radius:8px;
  background:#D4A24C;
  margin-top:4px;
}
.screens-section__box-34 {
  position:absolute;
  right:-10px;
  bottom:-20px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-radius:14px;
  background:#fff;
  color:#0f1714;
  box-shadow:0 24px 44px -24px rgba(0,0,0,.7);
}
.screens-section__item-35 {
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:1.5rem;
  color:#a57d33;
}
.screens-section__item-36 {
  font-size:0.75rem;
  line-height:1.3;
  color:#5b6660;
}

/* ==========================================================
   DOWNLOAD SECTION
   ========================================================== */
.download-section {
  scroll-margin-top:76px;
  position:relative;
  overflow:hidden;
  background:#f5f3ee;
}
.download-section__box-1 {
  position:absolute;
  right:-10%;
  top:10%;
  width:55%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(212,162,76,.16),transparent 65%);
  pointer-events:none;
}
.download-section__box-2 {
  position:relative;
  max-width:1760px;
  margin:0 auto;
  padding:clamp(72px,8vw,140px) clamp(20px,4vw,64px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));
  gap:clamp(40px,5vw,96px);
  align-items:center;
}
.download-section__box-3 {
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:#a57d33;
}
.download-section__title-4 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2rem,1.3rem + 2.4vw,3.75rem);
  line-height:1.05;
  letter-spacing:-0.035em;
  margin:14px 0 18px;
  max-width:14ch;
}
.download-section__text-5 {
  margin:0 0 32px;
  color:#5b6660;
  max-width:48ch;
}
.download-section__box-6 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:14px;
}
.download-section__box-7 {
  padding:22px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e4dfd3;
  display:flex;
  gap:16px;
  align-items:flex-start;
  transition:transform .4s,border-color .4s,box-shadow .4s;
}
.download-section__box-7:hover {
  transform:translateY(-4px) !important;
  border-color:#D4A24C !important;
  box-shadow:0 26px 44px -32px rgba(15,23,20,.5) !important;
}
.download-section__item-8 {
  width:46px;
  height:46px;
  flex-shrink:0;
  border-radius:12px;
  background:#0f1714;
  color:#D4A24C;
  display:grid;
  place-items:center;
  font-size:1.25rem;
}
.download-section__item-9 {
  display:block;
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:1.0625rem;
}
.download-section__item-10 {
  display:block;
  margin-top:4px;
  color:#5b6660;
  font-size:0.875rem;
  line-height:1.55;
}
.download-section__box-11 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.download-section__item-12 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #ddd7ca;
  font-size:0.8125rem;
  font-weight:500;
}
.download-section__icon-13 {
  color:#a57d33;
}
.download-section__box-14 {
  position:relative;
}
.download-section__box-15 {
  border-radius:18px;
  overflow:hidden;
  background:#0f1714;
  box-shadow:0 60px 100px -50px rgba(15,23,20,.75);
  border:1px solid rgba(15,23,20,.9);
}
.download-section__box-16 {
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 16px;
  background:#17221d;
  border-bottom:1px solid rgba(244,239,228,.08);
}
.download-section__item-17 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#e06c5a;
}
.download-section__item-18 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#e3b04b;
}
.download-section__item-19 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#62b86b;
}
.download-section__item-20 {
  margin-left:14px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.75rem;
  color:#9aa39d;
}
.download-section__box-21 {
  padding:16px 14px 72px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.8125rem;
}
.download-section__box-22 {
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 12px 9px 12px;
  border-radius:8px;
  transition:background .3s;
}
.download-section__box-22:hover {
  background:rgba(212,162,76,.08) !important;
}
.download-section__icon-23 {
  color:#D4A24C;
  font-size:1rem;
  width:18px;
  text-align:center;
}
.download-section__item-24 {
  color:#D4A24C;
  font-weight:500;
  white-space:nowrap;
}
.download-section__item-25 {
  margin-left:auto;
  color:#6f7a74;
  font-size:0.75rem;
  white-space:nowrap;
}
.download-section__box-26 {
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 12px 9px 34px;
  border-radius:8px;
  transition:background .3s;
}
.download-section__box-26:hover {
  background:rgba(212,162,76,.08) !important;
}
.download-section__item-27 {
  color:#e9e3d6;
  font-weight:500;
  white-space:nowrap;
}
.download-section__box-28 {
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 12px 9px 58px;
  border-radius:8px;
  transition:background .3s;
}
.download-section__box-28:hover {
  background:rgba(212,162,76,.08) !important;
}
.download-section__box-29 {
  position:absolute;
  left:clamp(-28px,-2vw,-12px);
  bottom:-22px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e4dfd3;
  box-shadow:0 24px 44px -24px rgba(15,23,20,.5);
}
.download-section__item-30 {
  width:38px;
  height:38px;
  border-radius:10px;
  background:#D4A24C;
  color:#fff;
  display:grid;
  place-items:center;
}
.download-section__item-31 {
  line-height:1.3;
}
.download-section__item-32 {
  display:block;
  font-weight:600;
  font-size:0.9375rem;
}
.download-section__item-33 {
  display:block;
  font-size:0.75rem;
  color:#5b6660;
}

/* ==========================================================
   AI TOOLS SECTION
   ========================================================== */
.ai-tools-section {
  scroll-margin-top:76px;
  position:relative;
  overflow:hidden;
  background:#0f1714;
  color:#f4efe4;
}
.ai-tools-section__box-1 {
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(244,239,228,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(244,239,228,.045) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(60% 70% at 70% 50%,#000,transparent 80%);
  mask-image:radial-gradient(60% 70% at 70% 50%,#000,transparent 80%);
  pointer-events:none;
}
.ai-tools-section__box-2 {
  position:relative;
  max-width:1760px;
  margin:0 auto;
  padding:clamp(80px,9vw,150px) clamp(20px,4vw,64px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));
  gap:clamp(48px,6vw,110px);
  align-items:center;
}
.ai-tools-section__box-3 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 16px;
  border-radius:999px;
  border:1px solid rgba(212,162,76,.4);
  background:rgba(212,162,76,.08);
  color:#D4A24C;
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
}
.ai-tools-section__title-4 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2rem,1.3rem + 2.4vw,3.75rem);
  line-height:1.06;
  letter-spacing:-0.035em;
  margin:20px 0 18px;
  max-width:18ch;
}
.ai-tools-section__item-5 {
  background:linear-gradient(90deg,#e8735a,#7b7cf5,#4f9cf9);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ai-tools-section__text-6 {
  margin:0 0 32px;
  color:#b9b3a5;
  max-width:50ch;
}
.ai-tools-section__box-7 {
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:560px;
}
.ai-tools-section__box-8 {
  display:grid;
  grid-template-columns:76px 1fr;
  gap:18px;
  align-items:center;
  padding:18px;
  border-radius:18px;
  background:rgba(244,239,228,.04);
  border:1px solid rgba(244,239,228,.1);
  transition:border-color .4s,background .4s,transform .4s;
}
.ai-tools-section__box-8:hover {
  border-color:#e8735a !important;
  background:rgba(244,239,228,.07) !important;
  transform:translateX(6px) !important;
}
.ai-tools-section__item-9 {
  width:76px;
  height:76px;
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 14px 30px -16px #e8735a;
}
.ai-tools-section__img-10 {
  width:88%;
  height:88%;
  object-fit:contain;
  display:block;
}
.ai-tools-section__item-11 {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.ai-tools-section__item-12 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:1.25rem;
  color:#fff;
}
.ai-tools-section__item-13 {
  font-size:0.6875rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  padding:3px 9px;
  border-radius:999px;
  background:#e8735a22;
  color:#e8735a;
}
.ai-tools-section__item-14 {
  display:block;
  margin-top:6px;
  color:#b9b3a5;
  font-size:0.9375rem;
  line-height:1.55;
}
.ai-tools-section__box-15 {
  display:grid;
  grid-template-columns:76px 1fr;
  gap:18px;
  align-items:center;
  padding:18px;
  border-radius:18px;
  background:rgba(244,239,228,.04);
  border:1px solid rgba(244,239,228,.1);
  transition:border-color .4s,background .4s,transform .4s;
}
.ai-tools-section__box-15:hover {
  border-color:#7b7cf5 !important;
  background:rgba(244,239,228,.07) !important;
  transform:translateX(6px) !important;
}
.ai-tools-section__item-16 {
  width:76px;
  height:76px;
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 14px 30px -16px #7b7cf5;
}
.ai-tools-section__item-17 {
  font-size:0.6875rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  padding:3px 9px;
  border-radius:999px;
  background:#7b7cf522;
  color:#7b7cf5;
}
.ai-tools-section__box-18 {
  display:grid;
  grid-template-columns:76px 1fr;
  gap:18px;
  align-items:center;
  padding:18px;
  border-radius:18px;
  background:rgba(244,239,228,.04);
  border:1px solid rgba(244,239,228,.1);
  transition:border-color .4s,background .4s,transform .4s;
}
.ai-tools-section__box-18:hover {
  border-color:#4f9cf9 !important;
  background:rgba(244,239,228,.07) !important;
  transform:translateX(6px) !important;
}
.ai-tools-section__item-19 {
  width:76px;
  height:76px;
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 14px 30px -16px #4f9cf9;
}
.ai-tools-section__item-20 {
  font-size:0.6875rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  padding:3px 9px;
  border-radius:999px;
  background:#4f9cf922;
  color:#4f9cf9;
}
.ai-tools-section__box-21 {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:28px;
}
.ai-tools-section__box-22 {
  position:relative;
  width:min(100%,460px);
  aspect-ratio:1;
}
.ai-tools-section__box-23 {
  position:absolute;
  inset:8%;
  border-radius:50%;
  border:1px dashed rgba(244,239,228,.16);
}
.ai-tools-section__box-24 {
  position:absolute;
  inset:24%;
  border-radius:50%;
  border:1px solid rgba(244,239,228,.08);
}
.ai-tools-section__box-25 {
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(212,162,76,.18),transparent 60%);
}
.ai-tools-section__box-26 {
  position:absolute;
  left:50%;
  top:50%;
  width:30%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:28px;
  background:linear-gradient(145deg,#1d2924,#0f1714);
  border:1.5px solid #D4A24C;
  display:grid;
  place-items:center;
  box-shadow:0 30px 60px -24px rgba(212,162,76,.5);
}
.ai-tools-section__item-27 {
  font-family:Georgia,serif;
  font-weight:700;
  font-size:clamp(2rem,4vw,3.25rem);
  color:#f4efe4;
}
.ai-tools-section__box-28 {
  position:absolute;
  inset:0;
  animation:lpOrbit 40s linear infinite;
}
.ai-tools-section__box-29 {
  position:absolute;
  inset:0;
  transform:rotate(0deg);
}
.ai-tools-section__box-30 {
  position:absolute;
  left:50%;
  top:50%;
  width:84px;
  height:84px;
  margin:-42px 0 0 -42px;
  transform:translateY(-190px) rotate(-0deg);
}
.ai-tools-section__box-31 {
  width:100%;
  height:100%;
  animation:lpOrbitR 40s linear infinite;
}
.ai-tools-section__item-32 {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 50px -20px rgba(0,0,0,.7);
  overflow:hidden;
}
.ai-tools-section__img-33 {
  width:86%;
  height:86%;
  object-fit:contain;
}
.ai-tools-section__box-34 {
  position:absolute;
  inset:0;
  transform:rotate(120deg);
}
.ai-tools-section__box-35 {
  position:absolute;
  left:50%;
  top:50%;
  width:84px;
  height:84px;
  margin:-42px 0 0 -42px;
  transform:translateY(-190px) rotate(-120deg);
}
.ai-tools-section__box-36 {
  position:absolute;
  inset:0;
  transform:rotate(240deg);
}
.ai-tools-section__box-37 {
  position:absolute;
  left:50%;
  top:50%;
  width:84px;
  height:84px;
  margin:-42px 0 0 -42px;
  transform:translateY(-190px) rotate(-240deg);
}
.ai-tools-section__box-38 {
  width:min(100%,520px);
  border-radius:16px;
  overflow:hidden;
  background:#17221d;
  border:1px solid rgba(244,239,228,.1);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.8);
  font-family:'JetBrains Mono',monospace;
  font-size:0.8125rem;
}
.ai-tools-section__box-39 {
  height:36px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  border-bottom:1px solid rgba(244,239,228,.08);
}
.ai-tools-section__item-40 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e06c5a;
}
.ai-tools-section__item-41 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e3b04b;
}
.ai-tools-section__item-42 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#62b86b;
}
.ai-tools-section__item-43 {
  margin-left:10px;
  color:#9aa39d;
  font-size:0.75rem;
}
.ai-tools-section__box-44 {
  padding:18px 20px;
  line-height:1.8;
  color:#d8d1c2;
}
.ai-tools-section__item-45 {
  color:#D4A24C;
}
.ai-tools-section__item-46 {
  display:inline-block;
  width:8px;
  height:1.05em;
  margin-left:4px;
  vertical-align:text-bottom;
  background:#D4A24C;
  animation:lpType 1s steps(1) infinite;
}
.ai-tools-section__box-47 {
  margin-top:10px;
  color:#62b86b;
}

/* ==========================================================
   FAQ SECTION
   ========================================================== */
.faq-section {
  scroll-margin-top:76px;
  background:#f5f3ee;
}
.faq-section__box-1 {
  max-width:1760px;
  margin:0 auto;
  padding:clamp(72px,8vw,140px) clamp(20px,4vw,64px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));
  gap:clamp(36px,5vw,96px);
  align-items:start;
}
.faq-section__box-2 {
  position:sticky;
  top:110px;
}
.faq-section__box-3 {
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:#a57d33;
}
.faq-section__title-4 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2rem,1.3rem + 2.4vw,3.75rem);
  line-height:1.05;
  letter-spacing:-0.035em;
  margin:14px 0 18px;
}
.faq-section__text-5 {
  margin:0 0 28px;
  color:#5b6660;
  max-width:42ch;
}
.faq-section__box-6 {
  display:flex;
  gap:-12px;
}
.faq-section__box-7 {
  width:clamp(140px,16vw,220px);
  aspect-ratio:1;
  border-radius:50%;
  background:#ddd7ca url('https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?auto=format&fit=crop&w=500&h=500&q=80') center/cover;
  border:6px solid #f5f3ee;
}
.faq-section__box-8 {
  width:clamp(110px,12vw,170px);
  aspect-ratio:1;
  border-radius:50%;
  background:#ddd7ca url('https://images.unsplash.com/photo-1517840901100-8179e982acb7?auto=format&fit=crop&w=400&h=400&q=80') center/cover;
  border:6px solid #f5f3ee;
  margin-left:-30px;
  align-self:flex-end;
}
.faq-section__box-9 {
  grid-column:span 2;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.faq-section__box-10 {
  border-radius:16px;
  background:#0f1714;
  border:1px solid #0f1714;
  transition:background .4s,border-color .4s;
}
.faq-section__heading-11 {
  margin:0;
}
.faq-section__btn-12 {
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  background:none;
  border:0;
  padding:22px 24px;
  cursor:pointer;
  text-align:left;
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(1rem,0.95rem + 0.3vw,1.1875rem);
  color:#fff;
}
.faq-section__item-13 {
  width:34px;
  height:34px;
  flex-shrink:0;
  border-radius:50%;
  background:#D4A24C;
  color:#fff;
  display:grid;
  place-items:center;
  transform:rotate(45deg);
  transition:transform .4s;
}
.faq-section__text-14 {
  margin:0;
  padding:0 24px 24px;
  color:#c9c2b2;
  line-height:1.7;
  max-width:64ch;
  animation:lpUp .5s both;
}
.faq-section__box-15 {
  border-radius:16px;
  background:#fff;
  border:1px solid #e4dfd3;
  transition:background .4s,border-color .4s;
}
.faq-section__btn-16 {
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  background:none;
  border:0;
  padding:22px 24px;
  cursor:pointer;
  text-align:left;
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(1rem,0.95rem + 0.3vw,1.1875rem);
  color:#0f1714;
}
.faq-section__item-17 {
  width:34px;
  height:34px;
  flex-shrink:0;
  border-radius:50%;
  background:#f5f3ee;
  color:#0f1714;
  display:grid;
  place-items:center;
  transform:rotate(0deg);
  transition:transform .4s;
}

/* ==========================================================
   LICENCE SECTION
   ========================================================== */
.licence-section {
  scroll-margin-top:76px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,#f7f1e4 0%,#efe2c6 55%,#e6cf9f 100%);
  color:#0f1714;
}
.licence-section__box-1 {
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(15,23,20,.12) 1px,transparent 1.2px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(60% 70% at 70% 50%,#000,transparent 80%);
  mask-image:radial-gradient(60% 70% at 70% 50%,#000,transparent 80%);
  pointer-events:none;
}
.licence-section__box-2 {
  position:absolute;
  right:8%;
  top:50%;
  width:min(720px,70vw);
  aspect-ratio:1;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.7),transparent 62%);
  pointer-events:none;
}
.licence-section__box-3 {
  position:relative;
  max-width:1760px;
  margin:0 auto;
  padding:clamp(80px,9vw,150px) clamp(20px,4vw,64px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));
  gap:clamp(48px,6vw,110px);
  align-items:center;
}
.licence-section__box-4 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 16px 7px 8px;
  border-radius:999px;
  border:1px solid rgba(15,23,20,.15);
  background:rgba(255,255,255,.6);
  font-size:0.8125rem;
  color:#3b4440;
}
.licence-section__item-5 {
  background:#0f1714;
  color:#fff;
  padding:3px 10px;
  border-radius:999px;
  font-weight:600;
  font-size:0.75rem;
}
.licence-section__title-6 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(2.5rem,1.5rem + 3.4vw,5rem);
  line-height:1;
  letter-spacing:-0.04em;
  margin:22px 0 20px;
  max-width:13ch;
}
.licence-section__item-7 {
  background:linear-gradient(90deg,#8a5e17,#c8902f,#8a5e17);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:lpShine 4s linear infinite;
}
.licence-section__text-8 {
  margin:0 0 20px;
  color:#4b544f;
  font-size:clamp(1.0625rem,0.98rem + 0.3vw,1.25rem);
  max-width:48ch;
}
.licence-section__list-9 {
  list-style:none;
  margin:0 0 34px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  column-gap:28px;
  max-width:560px;
}
.licence-section__list-item-10 {
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid rgba(15,23,20,.12);
}
.licence-section__item-11 {
  width:28px;
  height:28px;
  flex-shrink:0;
  border-radius:8px;
  background:#0f1714;
  color:#D4A24C;
  display:grid;
  place-items:center;
  font-size:0.875rem;
}
.licence-section__item-12 {
  color:#0f1714;
  font-weight:500;
}
.licence-section__box-13 {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.licence-section__link-14 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  height:48px;
  padding:0 22px;
  border-radius:10px;
  background:#1a2721;
  border:1px solid rgba(244,239,228,.22);
  color:#fff;
  font-weight:600;
  font-size:0.9375rem;
  transition:background .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.licence-section__link-14:hover {
  background:#D4A24C !important;
  border-color:#D4A24C !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 30px -12px rgba(212,162,76,.65) !important;
}
.licence-section__link-14:active {
  transform:translateY(0) scale(.97) !important;
}
.licence-section__img-15 {
  height:19px;
  width:auto;
  display:block;
}
.licence-section__box-16 {
  position:relative;
  display:grid;
  place-items:center;
  min-height:clamp(320px,34vw,480px);
}
.licence-section__box-17 {
  position:absolute;
  width:min(78%,440px);
  aspect-ratio:1.586;
  border-radius:22px;
  background:linear-gradient(135deg,#e7bd6c,#a97a2c);
  border:1px solid rgba(15,23,20,.1);
  transform:perspective(1200px) rotateY(-16deg) rotateX(8deg) rotateZ(6deg) translate(26px,30px);
  opacity:.85;
}
.licence-section__box-18 {
  position:relative;
  width:min(84%,480px);
  aspect-ratio:1.586;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(135deg,#1f2b26 0%,#0f1714 55%,#060a08 100%);
  color:#e9d4a6;
  border:1px solid rgba(212,162,76,.35);
  box-shadow:0 60px 100px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.4);
  animation:lpCard 8s ease-in-out infinite;
  padding:clamp(20px,2.4vw,32px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.licence-section__item-19 {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:35%;
  background:linear-gradient(90deg,transparent,rgba(212,162,76,.28),transparent);
  animation:lpSweep 5s ease-in-out infinite;
}
.licence-section__box-20 {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.licence-section__item-21 {
  display:flex;
  align-items:center;
  gap:10px;
}
.licence-section__item-22 {
  width:38px;
  height:38px;
  border-radius:10px;
  border:1.5px solid #D4A24C;
  display:grid;
  place-items:center;
  font-family:Georgia,serif;
  font-weight:700;
  font-size:1.125rem;
}
.licence-section__item-23 {
  font-family:'Poppins',sans-serif;
  font-weight:600;
  letter-spacing:0.12em;
  font-size:0.875rem;
}
.licence-section__icon-24 {
  font-size:1.375rem;
  transform:rotate(90deg);
}
.licence-section__box-25 {
  width:54px;
  height:40px;
  border-radius:8px;
  background:linear-gradient(135deg,#f6e2b0,#c99a45);
  border:1px solid rgba(26,19,7,.25);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  padding:6px;
}
.licence-section__item-26 {
  border:1px solid rgba(26,19,7,.3);
  border-radius:2px;
}
.licence-section__box-27 {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.6875rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
}
.licence-section__b-28 {
  display:block;
  font-family:'Poppins',sans-serif;
  font-size:clamp(1rem,1.4vw,1.375rem);
  letter-spacing:0;
  text-transform:none;
}
.licence-section__item-29 {
  text-align:right;
}
.licence-section__b-30 {
  display:block;
  font-family:'Poppins',sans-serif;
  font-size:clamp(1rem,1.4vw,1.375rem);
  letter-spacing:0;
}

/* ==========================================================
   FOOTER SECTION
   ========================================================== */
.footer-section {
  max-width:1760px;
  margin:0 auto;
  padding:28px clamp(20px,4vw,64px) 36px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  font-size:0.875rem;
  color:#5b6660;
}
.footer-section__item-1 {
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.footer-section__img-2 {
  height:18px;
  width:auto;
  display:block;
}


/* ==========================================================
   HEADER NAV + HAMBURGER MENU (responsive)
   ========================================================== */
.header-section__nav { display: flex; align-items: center; gap: clamp(14px, 1.6vw, 30px); white-space: nowrap; }
.header-section__nav-link { position: relative; background: none; border: 0; padding: 8px 2px; color: #d8d1c2; cursor: pointer; font-family: inherit; font-size: 0.9375rem; font-weight: 500; transition: color .3s; }
.header-section__nav-link:hover { color: #D4A24C; }
.header-section__nav-line { position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; border-radius: 2px; background: #D4A24C; transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.header-section__burger { display: none; place-items: center; align-content: center; gap: 5px; width: 46px; height: 46px; flex-shrink: 0; border-radius: 10px; background: #1a2721; border: 1px solid rgba(244,239,228,.22); cursor: pointer; padding: 0; transition: border-color .3s, background .3s; }
.header-section__burger:hover { border-color: #D4A24C; }
.header-section__burger span { display: block; width: 20px; height: 2px; border-radius: 2px; background: #fff; transition: transform .35s cubic-bezier(.2,.7,.2,1), opacity .25s; }
.header-section__burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.header-section__burger.is-open span:nth-child(2) { opacity: 0; }
.header-section__burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-menu { position: fixed; top: 76px; left: 0; right: 0; z-index: 49; max-height: calc(100vh - 76px); overflow-y: auto; background: rgba(15,23,20,.97); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid rgba(244,239,228,.1); padding: 12px clamp(20px, 4vw, 64px) 28px; display: flex; flex-direction: column; gap: 22px; opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .35s, transform .35s cubic-bezier(.2,.7,.2,1), visibility .35s; }
.mobile-menu.is-open { opacity: 1; visibility: visible; transform: none; }
.mobile-menu__nav { display: flex; flex-direction: column; }
.mobile-menu__link { text-align: left; background: none; border: 0; border-bottom: 1px solid rgba(244,239,228,.08); padding: 16px 0; color: #f4efe4; font-family: 'Poppins', sans-serif; font-size: 1.125rem; font-weight: 500; cursor: pointer; transition: color .3s, padding-left .3s; }
.mobile-menu__link:hover, .mobile-menu__link.is-active { color: #D4A24C; padding-left: 6px; }
.mobile-menu__actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
.mobile-menu__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 18px; border-radius: 10px; background: #1a2721; border: 1px solid rgba(244,239,228,.22); color: #fff; font-family: inherit; font-weight: 600; font-size: 0.9375rem; cursor: pointer; text-decoration: none; transition: background .35s, border-color .35s; }
.mobile-menu__btn:hover { background: #D4A24C; border-color: #D4A24C; color: #fff; }
.mobile-menu__btn--gold { background: #D4A24C; border-color: #D4A24C; }
.mobile-menu__logo { height: 18px; width: auto; display: block; }
@media (max-width: 1279px) {
  .header-section__nav, .header-section__box-13 { display: none !important; }
  .header-section__burger { display: inline-grid; }
}
@media (min-width: 1280px) { .mobile-menu { display: none !important; } }
@media (max-width: 480px) { .header-section__item-11 { display: none !important; } }

/* Stacked layout fixes (small screens) */
@media (max-width: 900px) {
  .faq-section__box-2 { position: static !important; }
  .admin-section__box-8, .faq-section__box-9 { grid-column: auto !important; }
}

/* Admin mock-up on phones */
@media (max-width: 640px) {
  .admin-section__box-14 { grid-template-columns: 1fr !important; }
  .admin-section__box-14 > div:first-child { display: none !important; }
  .admin-section__box-19 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .admin-section__box-44 { grid-template-columns: 1fr 1.3fr auto !important; }
  .admin-section__box-44 > span:nth-child(3) { display: none !important; }
}

/* Header logo (PNG) */
.brand-logo { text-decoration: none; }
.brand-logo__img { display: block; height: 52px; width: auto; }
@media (max-width: 640px) { .brand-logo__img { height: 40px; } }

/* Hero headline brand word */
.hero-section__brand-word { background: linear-gradient(90deg, #D4A24C, #f3d79a, #D4A24C); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: lpShine 3s linear infinite; }