/* Utilities used by newer pages (reviews, tokens, dashboard) that are missing
   from the precompiled Tailwind build in app.css. Selectors follow Tailwind's
   escaping so the existing markup works unchanged. */

/* ── Spacing / sizing ── */
.p-12{padding:3rem}
.pb-16{padding-bottom:4rem}
.pt-1{padding-top:.25rem}
.pl-5{padding-left:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.w-8{width:2rem}
.h-8{height:2rem}
.w-80{width:20rem}
.w-fit{width:fit-content}
.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}
.self-end{align-self:flex-end}
.text-right{text-align:right}
.leading-none{line-height:1}
.list-disc{list-style-type:disc}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.last\:border-0:last-child{border-width:0}

@media (min-width:640px){
  .sm\:p-10{padding:2.5rem}
  .sm\:p-14{padding:3.5rem}
}
@media (min-width:1024px){
  .lg\:text-6xl{font-size:3.75rem;line-height:1}
  .lg\:top-28{top:7rem}
  .lg\:self-start{align-self:flex-start}
  .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* ── Backgrounds ── */
.bg-emerald-500\/10{background-color:rgb(16 185 129/.1)}
.bg-red-500\/10{background-color:rgb(239 68 68/.1)}
.bg-red-400\/15{background-color:rgb(248 113 113/.15)}
.bg-amber-400\/15{background-color:rgb(251 191 36/.15)}
.bg-amber-400\/\[0\.07\]{background-color:rgb(251 191 36/.07)}
.bg-sky-400\/15{background-color:rgb(56 189 248/.15)}
.bg-champagne-400\/20{background-color:rgb(207 162 74/.2)}
.bg-champagne-500\/10{background-color:rgb(196 147 59/.1)}
.bg-champagne-500\/\[0\.06\]{background-color:rgb(196 147 59/.06)}
.bg-obsidian\/50{background-color:rgb(10 11 13/.5)}
.hover\:bg-red-400\/20:hover{background-color:rgb(248 113 113/.2)}

/* ── Borders ── */
.border-emerald-400\/30{border-color:rgb(52 211 153/.3)}
.border-red-400\/30{border-color:rgb(248 113 113/.3)}
.border-red-400\/40{border-color:rgb(248 113 113/.4)}
.border-amber-400\/25{border-color:rgb(251 191 36/.25)}
.border-white\/12{border-color:rgb(255 255 255/.12)}
.border-white\/15{border-color:rgb(255 255 255/.15)}
.border-white\/30{border-color:rgb(255 255 255/.3)}
.border-champagne-400\/40{border-color:rgb(207 162 74/.4)}
.hover\:border-champagne-300\/40:hover{border-color:rgb(220 185 111/.4)}
.hover\:border-champagne-400\/50:hover{border-color:rgb(207 162 74/.5)}
.hover\:border-white\/25:hover{border-color:rgb(255 255 255/.25)}
.focus\:border-champagne-300\/60:focus{border-color:rgb(220 185 111/.6)}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}

/* ── Text ── */
.text-amber-300{color:rgb(252 211 77)}
.text-amber-100{color:rgb(254 243 199)}
.text-amber-100\/70{color:rgb(254 243 199/.7)}
.text-sky-300{color:rgb(125 211 252)}
.text-red-300{color:rgb(252 165 165)}
.text-white\/90{color:rgb(255 255 255/.9)}
.text-white\/30{color:rgb(255 255 255/.3)}
.text-champagne-100\/70{color:rgb(247 236 212/.7)}
.text-champagne-100\/80{color:rgb(247 236 212/.8)}
.hover\:text-red-300:hover{color:rgb(252 165 165)}
.hover\:opacity-80:hover{opacity:.8}
.placeholder-white\/30::placeholder{color:rgb(255 255 255/.3)}

/* ── Gradients / group ── */
.from-champagne-500\/\[0\.08\]{--tw-gradient-from:rgb(196 147 59/.08) var(--tw-gradient-from-position);--tw-gradient-to:rgb(196 147 59/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.group:hover .group-hover\:text-champagne-300{color:rgb(220 185 111)}
.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

/* ── About v2 (editorial hero, portrait quote, pillars) ── */
.border-2{border-width:2px}
.border-champagne-400\/60{border-color:rgba(207,162,74,.6)}
.gap-8{gap:2rem}
.h-6{height:1.5rem}
.w-6{width:1.5rem}
.h-28{height:7rem}
.mt-24{margin-top:6rem}
.pt-40{padding-top:10rem}
.px-8{padding-left:2rem;padding-right:2rem}
.text-champagne-400\/50{color:rgba(207,162,74,.5)}
.shadow-\[0_0_40px_-10px_rgba\(220\,185\,111\,\.5\)\]{box-shadow:0 0 40px -10px rgba(220,185,111,.5)}
.hover\:gap-3:hover{gap:.75rem}
.group:hover .group-hover\:gap-2\.5{gap:.625rem}
@media (min-width:640px){.sm\:py-24{padding-top:6rem;padding-bottom:6rem}}
@media (min-width:1024px){.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}}

/* ── Governance / Sell / Reviews / Legal plotësime ── */
.hover\:bg-champagne-500\/20:hover{background-color:rgba(196,147,59,.2)}
.scroll-mt-28{scroll-margin-top:7rem}
.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}
.border-b{border-bottom-width:1px}
.via-obsidian{--tw-gradient-to:rgba(10,11,13,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0a0b0d var(--tw-gradient-via-position),var(--tw-gradient-to)}
.text-amber-100\/80{color:rgb(254 243 199/.8)}
.pt-8{padding-top:2rem}
.text-white\/20{color:rgb(255 255 255/.2)}

/* ── Sell v2 ── */
.pb-20{padding-bottom:5rem}
.h-44{height:11rem}
.bg-emerald-500\/90{background-color:rgb(16 185 129/.9)}

/* ── Alliance page ── */
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.h-64{height:16rem}
.border-champagne-400\/50{border-color:rgba(207,162,74,.5)}
.bg-champagne-500\/15{background-color:rgba(196,147,59,.15)}
@media (min-width:640px){.sm\:gap-8{gap:2rem}.sm\:h-80{height:20rem}}
@media (min-width:640px){.sm\:p-8{padding:2rem}.sm\:gap-4{gap:1rem}}

/* Mburoja globale kunder bleed-it horizontal te imet ne mobile */
html, body { overflow-x: clip; }

/* navbar v2 (two-tier) */
.mx-3{margin-left:.75rem;margin-right:.75rem}

/* tokenization page + co-brand strips v1 */
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.h-56{height:14rem}
.gap-x-4{column-gap:1rem}
.gap-y-1\.5{row-gap:.375rem}
.gap-x-6{column-gap:1.5rem}
.gap-y-2{row-gap:.5rem}
.flex-shrink-0{flex-shrink:0}
.max-w-\[340px\]{max-width:340px}
.max-w-\[320px\]{max-width:320px}
.bg-champagne-500\/\[0\.07\]{background-color:rgb(196 147 59/.07)}
.text-champagne-300\/90{color:rgb(220 185 111/.9)}
.from-white\/\[0\.04\]{--tw-gradient-from:rgb(255 255 255/.04) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.border-emerald-400\/40{border-color:rgb(52 211 153/.4)}
.hover\:underline:hover{text-decoration-line:underline}
.underline-offset-2{text-underline-offset:2px}
.hover\:text-white\/75:hover{color:rgb(255 255 255/.75)}
.hover\:text-white\/70:hover{color:rgb(255 255 255/.7)}
.hover\:border-champagne-400\/60:hover{border-color:rgba(207,162,74,.6)}
.group:hover .group-hover\:border-champagne-400\/40{border-color:rgba(207,162,74,.4)}
@media (min-width:640px){.sm\:p-12{padding:3rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:mx-0{margin-left:0;margin-right:0}}
@media (min-width:1024px){.lg\:text-left{text-align:left}}

/* InterAtlas Estate token banner + footer (v1) */
.self-start{align-self:flex-start}
.ml-1\.5{margin-left:.375rem}
.px-3\.5{padding-left:.875rem;padding-right:.875rem}
.text-amber-200\/70{color:rgb(253 230 138/.7)}
.hover\:opacity-90:hover{opacity:.9}
@media (min-width:640px){.sm\:p-5{padding:1.25rem}.sm\:items-start{align-items:flex-start}}
@media (min-width:1024px){.lg\:justify-between{justify-content:space-between}.lg\:self-auto{align-self:auto}}
.w-max{width:max-content;max-width:100%}

/* Hero word masks: overflow:hidden at exact line-height clipped Playfair descenders. Extend below the baseline, pull the height back out of layout. */
.wm { padding-bottom: .16em; margin-bottom: -.16em; }