:root{
  --bg:#070806;
  --bg-2:#0b0d0b;
  --surface:#10120f;
  --surface-2:#151713;
  --paper:#f1eee5;
  --gold:#e2b447;
  --gold-light:#f4d779;
  --blue:#8fb3ec;
  --green:#9fc58e;
  --text:#f7f5ed;
  --muted:#aca89d;
  --line:rgba(255,255,255,.11);
  --line-gold:rgba(226,180,71,.30);
  --shadow:0 28px 80px rgba(0,0,0,.32);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{display:block;max-width:100%}
a{color:inherit}
p{margin-top:0}

.shell{
  width:min(1240px,calc(100% - 64px));
  margin-inline:auto;
}

.section{padding:104px 0}

.eyebrow,
.card-label,
.position-label,
.stat-label,
.market-meta,
.market-note-label{
  margin:0;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.eyebrow{color:#87877e}
.gold-text{color:var(--gold)}

/* NAV */
.site-header{
  position:absolute;
  inset:0 0 auto;
  z-index:50;
}

.nav{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  border-bottom:1px solid var(--line);
}

.brand{
  font-family:'Space Grotesk',sans-serif;
  font-size:22px;
  font-weight:600;
  letter-spacing:-.045em;
  text-decoration:none;
}
.brand span{color:var(--gold)}
.brand b{font-weight:600;color:var(--blue)}

.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{
  font-size:13px;
  font-weight:400;
  color:#c1bdb1;
  text-decoration:none;
  transition:color .2s ease,border-color .2s ease,background .2s ease;
}
.nav-links a:hover{color:#fff}
.nav-cta{
  padding:10px 15px;
  border:1px solid var(--line-gold);
  border-radius:999px;
  color:#f1cf72!important;
}

/* HERO */
.hero{
  min-height:860px;
  padding-top:126px;
  padding-bottom:70px;
}

.hero-kicker{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-bottom:20px;
  margin-bottom:28px;
  border-bottom:1px solid var(--line);
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  font-weight:600;
  letter-spacing:.15em;
  color:#908d83;
}
.hero-kicker span:first-child{color:var(--gold)}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);
  gap:52px;
  align-items:center;
}

.hero-media{
  margin:0;
  min-width:0;
  position:relative;
  border:1px solid rgba(255,255,255,.10);
  background:#0a0b09;
  box-shadow:var(--shadow);
}

.hero-photo{
  width:100%;
  height:auto;
  max-height:650px;
  object-fit:contain;
  object-position:center;
}

.hero-media figcaption{
  min-height:50px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid var(--line);
  font-family:'IBM Plex Mono',monospace;
  font-size:9px;
  font-weight:600;
  letter-spacing:.15em;
  color:#77776f;
}
.hero-media figcaption span:first-child{color:var(--gold)}

.hero-copyblock{min-width:0}

.domain{
  margin:16px 0 0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(32px,9vw,60px);
  font-weight:500;
  letter-spacing:-.07em;
  line-height:.80;
  white-space:nowrap;
}
.domain span{
  background:linear-gradient(100deg,#fff0a0,#dfaa30,#f0ca62);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.domain b{font-weight:400;color:var(--blue)}

.hero-statement{
  margin:30px 0 0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(34px,4.2vw,57px);
  font-weight:300;
  letter-spacing:-.055em;
  line-height:1.02;
}
.hero-statement strong{
  font-weight:300;
  color:var(--gold-light);
}

.hero-copy{
  max-width:610px;
  margin:24px 0 0;
  font-size:17px;
  line-height:1.72;
  color:var(--muted);
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:34px;
}

.btn{
  min-height:52px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:7px;
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  transition:transform .2s ease,filter .2s ease,border-color .2s ease;
}
.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.btn-gold{
  background:linear-gradient(105deg,#f3d36f,#d79e2d);
  color:#181106;
}
.btn-outline{
  border:1px solid #424941;
  background:#0c0e0c;
  color:#dce0d9;
}
.btn-whatsapp{
  border:1px solid #2f735d;
  background:#0e2b23;
  color:#7fe4ba;
}

.hero-meta{
  margin-top:42px;
  padding-top:24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  border-top:1px solid var(--line);
}
.hero-meta div{min-width:0}
.hero-meta span{
  display:block;
  margin-bottom:6px;
  font-family:'IBM Plex Mono',monospace;
  font-size:9px;
  font-weight:600;
  letter-spacing:.13em;
  color:#77786f;
}
.hero-meta strong{
  font-family:'Space Grotesk',sans-serif;
  font-size:15px;
  font-weight:400;
  color:#e7e3d8;
}

/* SIGNAL */
.signal-strip{
  border-top:1px solid rgba(226,180,71,.25);
  border-bottom:1px solid rgba(226,180,71,.25);
  background:#151106;
}
.signal-track{
  min-height:62px;
  padding:0 5%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:13px 19px;
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  color:#d5c07e;
}
.signal-track i{font-style:normal;color:#786735}
.signal-track strong{color:var(--blue);font-weight:600}

/* HEADINGS */
.section-heading h2,
.market-heading h2,
.applications-heading h2{
  margin:12px 0 0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(42px,5vw,68px);
  font-weight:300;
  letter-spacing:-.06em;
  line-height:.98;
}
.split-heading{
  margin-bottom:48px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,420px);
  gap:60px;
  align-items:end;
}
.section-lede{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:var(--muted);
}

/* BRAND LOGIC */
.intro-section{background:#090a08}
.brand-logic-card{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  border:1px solid rgba(226,180,71,.28);
  background:
    radial-gradient(circle at 0% 0%,rgba(226,180,71,.11),transparent 34%),
    linear-gradient(135deg,#12130f,#0d0f0c 68%);
  box-shadow:0 26px 70px rgba(0,0,0,.24);
}
.brand-logic-intro{
  min-height:390px;
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-right:1px solid var(--line);
}
.brand-logic-intro h3{
  margin:22px 0 20px;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(38px,4.6vw,62px);
  font-weight:300;
  letter-spacing:-.06em;
  line-height:.98;
}
.brand-logic-intro h3 span{color:var(--gold-light)}
.brand-logic-intro > p:last-child{
  margin:0;
  max-width:480px;
  font-size:16px;
  line-height:1.7;
  color:#aaa69b;
}
.brand-logic-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.brand-logic-item{
  min-height:390px;
  padding:34px 28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-right:1px solid var(--line);
  position:relative;
}
.brand-logic-item:last-child{border-right:0}
.brand-logic-item::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:currentColor;
}
.logic-gold{color:var(--gold)}
.logic-now{color:var(--green)}
.logic-us{color:var(--blue)}
.logic-label{
  margin:0 0 auto;
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:.18em;
  color:currentColor;
}
.brand-logic-item strong{
  display:block;
  margin:0 0 18px;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(38px,4vw,56px);
  font-weight:500;
  letter-spacing:-.06em;
  line-height:.9;
  color:currentColor;
}
.brand-logic-item > p:last-child{
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:#aaa69b;
}

/* STATEMENT */
.statement{
  background:var(--paper);
  color:#171712;
}
.statement-inner{text-align:center}
.statement .eyebrow{color:#756b52}
.statement h2{
  margin:24px 0 0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(42px,6vw,76px);
  font-weight:300;
  letter-spacing:-.06em;
  line-height:.98;
}
.statement-accent{
  margin:8px 0 0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(42px,6vw,76px);
  font-weight:400;
  letter-spacing:-.06em;
  line-height:.98;
  color:#aa7919;
}

/* POSITION */
.position-section{background:#0d0f0c}
.position-board{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  grid-template-rows:1fr 1fr;
  gap:16px;
}
.position-feature{
  padding:34px;
  border:1px solid var(--line);
  background:var(--surface);
}
.position-gold{
  grid-row:1 / 3;
  min-height:500px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:42px;
  background:
    radial-gradient(circle at 100% 0%,rgba(226,180,71,.15),transparent 34%),
    linear-gradient(145deg,#191408,#0f100d 72%);
  border-color:#6b5219;
}
.position-now{background:#11190f;border-color:#354c2d}
.position-us{background:#0d1520;border-color:#29466f}
.position-label{color:var(--gold)}
.position-now .position-label{color:var(--green)}
.position-us .position-label{color:var(--blue)}
.position-feature h3{
  margin:17px 0 0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(34px,4vw,52px);
  font-weight:300;
  letter-spacing:-.055em;
  line-height:1;
}
.position-feature > p:last-child{
  margin:20px 0 0;
  font-size:16px;
  line-height:1.65;
  color:#aaa69a;
}
.position-gold-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);
  gap:36px;
  align-items:end;
}
.position-gold-copy{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:#b8b09d;
}
.gold-spectrum{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(226,180,71,.25);
  border-left:1px solid rgba(226,180,71,.18);
}
.gold-spectrum > div{
  min-height:112px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto auto;
  align-content:center;
  border-right:1px solid rgba(226,180,71,.18);
  border-bottom:1px solid rgba(226,180,71,.18);
  background:rgba(226,180,71,.025);
}
.gold-spectrum strong{
  font-family:'Space Grotesk',sans-serif;
  font-size:20px;
  font-weight:500;
  letter-spacing:-.035em;
  color:#f0e8d1;
}
.gold-spectrum small{
  margin-top:5px;
  font-size:12px;
  line-height:1.35;
  color:#8f8a7f;
}

/* DESTINATION */
.destination{
  padding:82px 0;
  border-top:1px solid var(--line-gold);
  border-bottom:1px solid var(--line-gold);
  background:#171307;
}
.destination-grid{
  display:grid;
  grid-template-columns:1fr minmax(320px,.72fr);
  gap:80px;
  align-items:center;
}
.destination-domain{
  margin:12px 0 0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(56px,8vw,102px);
  font-weight:400;
  letter-spacing:-.075em;
  line-height:.88;
  color:var(--gold-light);
}
.destination-domain span{color:var(--blue)}
.destination-copy h2{
  margin:0 0 15px;
  font-family:'Space Grotesk',sans-serif;
  font-size:40px;
  font-weight:300;
  letter-spacing:-.05em;
}
.destination-copy p{
  margin:0;
  font-size:17px;
  line-height:1.7;
  color:#b0aa9b;
}

/* COMMERCIAL FIT */
.commercial-fit{
  background:var(--paper);
  color:#191812;
}
.commercial-fit .eyebrow{color:#80651e}
.commercial-fit .section-lede{color:#706a5e}
.fit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.fit-card{
  min-height:290px;
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid #d7d0c1;
  background:#faf8f3;
}
.fit-card-gold{
  background:linear-gradient(145deg,#fff6da,#f5e3ad);
  border-color:#d6bb6d;
}
.fit-card-blue{
  background:linear-gradient(145deg,#edf3ff,#dfe9fa);
  border-color:#b8c9e2;
}
.fit-card-green{
  background:linear-gradient(145deg,#eef6eb,#dfead9);
  border-color:#bfd0b6;
}
.fit-card-paper{
  background:#171712;
  border-color:#171712;
  color:#f6f2e8;
}
.fit-code{
  margin:0 0 auto;
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
  color:#7a6a3e;
}
.fit-card-blue .fit-code{color:#657b9e}
.fit-card-green .fit-code{color:#62795a}
.fit-card-paper .fit-code{color:#c5a85d}
.fit-card h3{
  margin:50px 0 14px;
  max-width:520px;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(30px,3.4vw,46px);
  font-weight:400;
  letter-spacing:-.055em;
  line-height:1.02;
}
.fit-card > p:last-child{
  margin:0;
  max-width:480px;
  font-size:15px;
  line-height:1.65;
  color:#6f695e;
}
.fit-card-paper > p:last-child{color:#aaa69b}

/* APPLICATIONS */
.applications{background:#080907}
.applications-heading{
  max-width:850px;
  margin-bottom:44px;
}
.application-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.application{
  min-height:150px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid var(--line);
  background:#10120f;
}
.application:nth-child(3n+1){border-top-color:var(--gold)}
.application:nth-child(3n+2){border-top-color:var(--blue)}
.application:nth-child(3n){border-top-color:var(--green)}
.application span{
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
  color:#777a71;
}
.application h3{
  margin:0;
  font-family:'Space Grotesk',sans-serif;
  font-size:20px;
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.18;
}

/* BRAND CLOSE */
.brand-close{
  padding:122px 0;
  background:#0e0e0a;
}
.brand-close-inner{text-align:center}
.brand-close h2,
.brand-close p:last-child{
  margin:0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(58px,8vw,104px);
  font-weight:300;
  letter-spacing:-.075em;
  line-height:.88;
}
.brand-close h2{
  margin-top:28px;
  color:#76756d;
}
.brand-close p:last-child{
  margin-top:10px;
  color:var(--gold-light);
}

/* ACQUISITION */
.acquisition{
  background:linear-gradient(120deg,#f4e4b7,#f1eee4 52%,#e7eef9);
  color:#17150f;
}
.acquisition-panel{
  display:grid;
  grid-template-columns:.85fr .9fr 1.25fr;
  gap:46px;
  align-items:center;
}
.acquisition .eyebrow{color:#775d22}
.acquisition-price h2{
  margin:10px 0 0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(52px,7vw,78px);
  font-weight:400;
  letter-spacing:-.065em;
  line-height:.95;
}
.acquisition-price > p:last-child{
  margin:10px 0 0;
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  font-weight:600;
  letter-spacing:.13em;
  color:#736b5f;
}
.acquisition-message p{
  margin:0;
  font-family:'Space Grotesk',sans-serif;
  font-size:27px;
  font-weight:300;
  letter-spacing:-.045em;
  line-height:1.25;
  color:#4b463b;
}
.acquisition-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
}
.acquisition-actions .btn-outline{
  background:rgba(255,255,255,.36);
  border-color:#aca698;
  color:#2e2a22;
}

/* FOOTER */
.site-footer{
  border-top:1px solid var(--line);
  background:#050604;
}
.footer-inner{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  font-family:'IBM Plex Mono',monospace;
  font-size:9px;
  font-weight:500;
  letter-spacing:.12em;
  color:#77736b;
}
.footer-inner p{margin:0}
.footer-domain{
  font-family:'Space Grotesk',sans-serif;
  font-size:15px;
  letter-spacing:-.035em;
  color:#bcb7aa;
}
.footer-domain span{color:var(--gold)}

/* RESPONSIVE */
@media(max-width:1000px){
  .shell{width:min(100% - 40px,900px)}
  .section{padding:82px 0}

  .hero{padding-top:112px}
  .hero-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .hero-media{max-width:760px}
  .hero-copyblock{max-width:760px}

  .brand-logic-card{grid-template-columns:1fr}
  .brand-logic-intro{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}
  .brand-logic-grid{grid-template-columns:repeat(3,1fr)}
  .brand-logic-item{min-height:280px}

  .split-heading{grid-template-columns:1fr;gap:24px}

  .position-board{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
  }
  .position-gold{grid-column:1 / 3;grid-row:auto;min-height:400px}
  .position-gold-header{grid-template-columns:1fr;gap:20px}

  .destination-grid{grid-template-columns:1fr;gap:34px}

  .fit-grid{grid-template-columns:1fr 1fr}

  .application-grid{grid-template-columns:repeat(3,1fr)}

  .acquisition-panel{grid-template-columns:1fr 1fr}
  .acquisition-actions{grid-column:1 / 3;flex-direction:row;flex-wrap:wrap}
}

@media(max-width:700px){
  .shell{width:calc(100% - 32px)}
  .section{padding:68px 0}

  .nav{min-height:70px}
  .nav-links a:not(.nav-cta){display:none}
  .nav-cta{font-size:11px!important}

  .hero{min-height:auto;padding-top:96px;padding-bottom:48px}
  .hero-kicker{display:block;line-height:2}
  .hero-kicker span{display:block}
  .hero-media figcaption{display:block;padding-top:12px;padding-bottom:12px;line-height:1.7}
  .hero-media figcaption span{display:block}

  .domain{
    font-size:clamp(32px,13vw,60px);
    line-height:.86;
  }
  .hero-statement{font-size:clamp(32px,10vw,47px)}
  .hero-copy{font-size:16px}
  .hero-actions .btn{width:100%}
  .hero-meta{grid-template-columns:1fr;gap:14px}

  .signal-track{padding:14px 18px;font-size:11px;gap:10px 12px}

  .section-heading h2,
  .applications-heading h2{font-size:clamp(38px,12vw,54px)}

  .brand-logic-intro{padding:30px}
  .brand-logic-grid{grid-template-columns:1fr}
  .brand-logic-item{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}
  .brand-logic-item:last-child{border-bottom:0}

  .position-board{grid-template-columns:1fr}
  .position-gold{grid-column:auto}
  .gold-spectrum{grid-template-columns:1fr}

  .fit-grid{grid-template-columns:1fr}
  .fit-card{min-height:240px}

  .application-grid{grid-template-columns:1fr 1fr}
  .application{min-height:135px}

  .acquisition-panel{grid-template-columns:1fr}
  .acquisition-actions{grid-column:auto;flex-direction:column}

  .footer-inner{min-height:92px;display:block;padding:20px 0;line-height:2}
}

@media(max-width:460px){
  .application-grid{grid-template-columns:1fr}
  .destination-domain{font-size:clamp(48px,18vw,74px)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
}
