/* ============================================================
   ShareMatch v2 — brand-true redesign (see DESIGN.md)
   Emerald-forward. Inter + Fraunces. One accent: amber.
   ============================================================ */
:root{
  --emerald:#074E2C; --emerald-2:#053C22; --card:#0A3A26;
  --paper:#F8FFFE; --mist:rgba(248,255,254,.66); --faint:rgba(248,255,254,.42);
  --amber:#FBBF24; --up:#34D399; --down:#F8857F;
  --line:rgba(248,255,254,.14); --ink:#06251A;
  --maxw:1200px; --ease:cubic-bezier(.16,1,.3,1);
  --serif:"Fraunces",Georgia,serif; --sans:"Inter",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--emerald);color:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input{font-family:inherit}
::selection{background:var(--amber);color:var(--ink)}

/* type */
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.04;letter-spacing:-.01em;text-wrap:balance}
.display{font-size:clamp(2.8rem,5.6vw,4.7rem)}
.h2{font-size:clamp(2rem,3.8vw,3.1rem)}
em.amber{font-style:italic;color:var(--amber)}
.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-weight:600}
.kicker::before{content:"";width:26px;height:1px;background:var(--amber)}
.lead{color:var(--mist);font-size:1.18rem;line-height:1.5;max-width:46ch}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:600;font-size:15px;padding:15px 26px;border-radius:999px;transition:transform .3s var(--ease),box-shadow .3s,background .3s}
.btn svg{width:16px;height:16px}
.btn--amber{background:var(--amber);color:var(--ink)}
.btn--amber:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(251,191,36,.28)}
.btn--ghost{color:var(--paper);border:1px solid var(--line)}
.btn--ghost:hover{border-color:var(--paper);transform:translateY(-2px)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,4vw,64px);transition:background .5s var(--ease),padding .5s var(--ease),border-color .5s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(5,40,29,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-top:13px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.nav__logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:1.22rem}
.nav__logo img{height:42px}
.nav__links{display:flex;gap:28px}
.nav__links a{font-size:14px;color:var(--mist);padding:10px 0;position:relative;transition:color .3s}
.nav__links a:hover,.nav__links a.active{color:var(--paper)}
.nav__links a.active::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:var(--amber)}
.nav__cta{background:var(--amber);color:var(--ink);font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px}
@media(max-width:920px){.nav__links{display:none}}

/* reveal */
.reveal{opacity:0;transform:translateY(28px)}
.section{position:relative;padding-top:clamp(80px,12vh,150px);padding-bottom:clamp(80px,12vh,150px)}
.section--panel.wrap{padding-top:clamp(56px,7vw,84px);padding-bottom:clamp(56px,7vw,84px)}
.section--panel{background:var(--emerald-2)}
.sec-no{font-family:var(--serif);font-size:.85rem;color:var(--amber);font-weight:600;letter-spacing:.04em}
.sec-head{max-width:60ch;margin-bottom:clamp(36px,5vw,60px)}
.sec-head h2{margin:14px 0 16px}

/* hero — emerald-toned video + floating 3D cards */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;perspective:1500px;background:var(--emerald)}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg video{width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.5) contrast(1.03);transform:scale(1.08);will-change:transform}
.hero__bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(95deg, var(--emerald) 6%, rgba(7,78,44,.82) 42%, rgba(7,78,44,.4) 72%, rgba(5,40,29,.62) 100%),
  linear-gradient(180deg, transparent 50%, var(--emerald) 100%)}
.hero__inner{position:relative;z-index:2;width:100%;padding-top:90px}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,80px);align-items:center;width:100%}
.hero h1{margin:22px 0 24px;max-width:14ch}
.hero .lead{margin-bottom:34px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap}
.iatstack{transform-style:preserve-3d}
.floaty{animation:floaty 6.5s ease-in-out infinite;animation-delay:calc(var(--d) * -2.1s);will-change:transform}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero .iatcard{transition:transform .25s ease-out;backface-visibility:hidden}
.scrollcue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.scrollcue .dot{width:1px;height:42px;background:linear-gradient(var(--amber),transparent)}
@media(max-width:880px){.hero__grid{grid-template-columns:1fr}.hero{min-height:auto}.hero__inner{padding:120px 0 70px}}
@media(prefers-reduced-motion:reduce){.floaty{animation:none}}

/* IAT cards */
.iatstack{display:flex;flex-direction:column;gap:14px}
.iatcard{display:flex;align-items:center;gap:14px;background:var(--emerald-2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:transform .4s var(--ease),border-color .4s}
.iatcard:hover{transform:translateY(-3px);border-color:rgba(251,191,36,.5)}
.iatcard.lift{transform:translateX(-16px) scale(1.03);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.iatcard img{width:46px;height:46px;border-radius:50%;background:var(--card);padding:6px;flex:0 0 46px;object-fit:contain}
.iatcard .meta{flex:1;min-width:0}
.iatcard .nm{font-weight:600;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iatcard .ix{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mist);margin-top:3px}
.iatcard .sb{display:flex;flex-direction:column;gap:5px;text-align:right;font-variant-numeric:tabular-nums;flex:0 0 auto}
.tag{font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:8px}
.tag.sell{color:var(--down);background:rgba(248,133,127,.12)}
.tag.buy{color:var(--up);background:rgba(52,211,153,.14)}

/* ticker */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--emerald-2);padding:16px 0;overflow:hidden;font-variant-numeric:tabular-nums}
.ticker__track{display:flex;gap:48px;white-space:nowrap;width:max-content;will-change:transform}
.ticker__item{display:inline-flex;align-items:center;gap:10px;font-size:.95rem}
.ticker__item img{width:24px;height:24px;border-radius:50%;background:var(--card);padding:2px}
.ticker__item .tx{color:var(--amber);font-size:.72rem;letter-spacing:.1em}
.ticker__item .tp{font-weight:600}

/* the asset — 2col */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,84px);align-items:center}
@media(max-width:880px){.split{grid-template-columns:1fr}}

/* proof */
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);border-top:1px solid var(--line);padding-top:40px}
.proof .col .n{font-size:.8rem;letter-spacing:.12em;color:var(--amber);font-weight:600;margin-bottom:12px}
.proof .col h3{font-size:1.35rem;margin-bottom:8px}
.proof .col p{color:var(--mist);font-size:.98rem;line-height:1.45}
@media(max-width:760px){.proof{grid-template-columns:1fr;gap:28px}}

/* market wall */
.wall{display:flex;flex-direction:column;gap:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.wall__row{display:flex;gap:14px;width:max-content;will-change:transform}
.wall__row .iatcard{width:300px;flex:0 0 300px}

/* HAL browser frame */
.browser{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 90px rgba(0,0,0,.45);background:var(--ink)}
.browser__bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:rgba(6,37,26,.9);border-bottom:1px solid var(--line)}
.browser__bar span{width:10px;height:10px;border-radius:50%;background:rgba(248,255,254,.18)}
.browser__bar em{margin-left:12px;font-style:normal;font-size:12px;letter-spacing:.06em;color:var(--mist)}
.browser video{width:100%;display:block;aspect-ratio:1152/720;object-fit:cover}
.hal__list{list-style:none;margin-top:24px}
.hal__list li{position:relative;padding:15px 0 15px 30px;border-top:1px solid var(--line);color:var(--paper)}
.hal__list li:last-child{border-bottom:1px solid var(--line)}
.hal__list li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--amber)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(28px,4vw,64px);row-gap:8px}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{padding:28px 0 34px;border-top:1px solid var(--line)}
.step .num{font-family:var(--serif);font-size:2.4rem;color:transparent;-webkit-text-stroke:1px rgba(251,191,36,.55);line-height:1}
.step h3{font-size:1.3rem;margin:14px 0 8px}
.step p{color:var(--mist);font-size:.98rem;max-width:34ch}

/* close / cta */
.cta{text-align:center}
.cta h2{max-width:16ch;margin:14px auto 18px}
.cta .lead{margin:0 auto 34px}
.cta__form{display:flex;gap:12px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.cta__form input{flex:1;min-width:220px;padding:15px 20px;border-radius:999px;background:var(--emerald-2);border:1px solid var(--line);color:var(--paper);font-size:15px}
.cta__form input:focus{outline:none;border-color:var(--amber)}
.cta__note{margin-top:16px;font-size:13px;color:var(--faint)}

/* footer */
footer{border-top:1px solid var(--line);padding:48px 0 40px;background:var(--emerald-2)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.foot img{height:36px}
.foot__links{display:flex;gap:24px;font-size:14px;color:var(--mist);flex-wrap:wrap}
.foot__links a{padding:8px 0;display:inline-block}
.foot__links a:hover{color:var(--amber)}
.foot__legal{width:100%;margin-top:26px;font-size:12px;color:var(--faint);max-width:80ch}

.flag{position:fixed;left:16px;bottom:16px;z-index:300;background:var(--amber);color:var(--ink);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:7px 13px;border-radius:999px}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.wall,.ticker__track{mask-image:none;-webkit-mask-image:none}}