/* Landing — emerald green brand */
html,body{margin:0;background:#020a06;color:#f0fdf4;font-family:"DM Sans",sans-serif;overflow-x:hidden}
*{box-sizing:border-box}

body.clean-landing .ambient,
body.clean-landing .hero-glow,
body.clean-landing .hero-stars,
body.clean-landing .marquee,
body.clean-landing .orb,
body.clean-landing .premium-strip,
body.clean-landing .trust-line,
body.clean-landing .showcase,
body.clean-landing .how-block{display:none!important}

body.clean-landing .site-nav{
  position:fixed;inset:0 0 auto;z-index:20;
  height:56px;padding:0 14px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:rgba(2,10,6,.88);
  border-bottom:1px solid rgba(57,255,20,.12);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
body.clean-landing .site-nav .wordmark{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-width:0!important;flex:1 1 auto!important;text-decoration:none!important;color:#fff!important;
}
body.clean-landing .site-nav .brand-logo{
  width:32px!important;height:32px!important;border-radius:9px!important;
  object-fit:cover!important;flex:0 0 32px!important;
  box-shadow:0 0 0 1px rgba(217,249,157,.4), 0 0 16px rgba(57,255,20,.25)!important;
}
body.clean-landing .site-nav .wordmark-text,
body.clean-landing .site-nav span.wordmark-text{
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;
  min-width:0!important;width:auto!important;max-width:100%!important;height:auto!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;overflow:hidden!important;
}
body.clean-landing .site-nav .wordmark-text b{
  display:block!important;font:700 12px/1.15 Syne,sans-serif!important;color:#ecfccb!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.clean-landing .site-nav .wordmark-text small{
  display:block!important;font:600 8px/1 "DM Sans",sans-serif!important;letter-spacing:.16em!important;
  color:#86efac!important;text-transform:uppercase!important;
}
body.clean-landing .nav-login{
  flex:0 0 auto;color:#fff;text-decoration:none;font-size:13px;font-weight:600;
  padding:8px 12px;border:1px solid rgba(57,255,20,.35);border-radius:999px;
}

body.clean-landing .hero{
  min-height:100svh;min-height:100dvh;
  display:flex;flex-direction:column;
  padding:56px 0 0!important;margin:0!important;
  background:#020a06!important;background-image:none!important;
  align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;
}
body.clean-landing .hero-visual{
  flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:hidden;
  background:
    linear-gradient(180deg, rgba(2,10,6,.35) 0%, rgba(2,10,6,.05) 32%, rgba(2,10,6,.55) 72%, #020a06 88%, #020a06 100%),
    url("/images/hero-green.jpg?v=2") center 46% / cover no-repeat;
}
body.clean-landing .hero-visual::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:min(72px,14vh);
  background:linear-gradient(180deg, transparent, #020a06 72%);
  pointer-events:none;
}

body.clean-landing .hero-content{
  flex:0 0 auto;width:100%!important;max-width:100%!important;
  padding:10px 16px 14px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  text-align:left!important;background:#020a06!important;animation:none!important;
  position:relative;z-index:2;
}
body.clean-landing .hero-brand-row{display:flex;align-items:center;gap:10px;margin:0 0 8px}
body.clean-landing .hero-brand-icon{
  width:44px;height:44px;border-radius:12px;object-fit:cover;flex:0 0 auto;
  box-shadow:0 0 0 1px rgba(217,249,157,.45), 0 0 20px rgba(57,255,20,.3);
}
body.clean-landing .hero-brand-text{display:grid;gap:2px;line-height:1.1;min-width:0}
body.clean-landing .hero-brand-text b{font:800 22px/1 Syne,sans-serif;color:#ecfccb}
body.clean-landing .hero-brand-text span{
  font:600 10px/1.2 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#86efac;
}
body.clean-landing .hero-tag{margin:0 0 6px;color:#d9f99d;font:700 9px/1.3 "DM Sans",sans-serif;letter-spacing:.14em}
body.clean-landing .hero h1{
  margin:0 0 6px!important;max-width:16ch!important;
  font:700 22px/1.2 Syne,sans-serif!important;color:#fff!important;
}
body.clean-landing .hero-copy{margin:0!important;color:#9db8a6!important;font:400 13px/1.45 "DM Sans",sans-serif!important}
body.clean-landing .hero-actions{
  display:grid!important;grid-template-columns:1.15fr .85fr!important;
  gap:8px!important;width:100%!important;margin:12px 0 8px!important;
}
body.clean-landing .hero-actions .btn{
  width:100%!important;padding:12px 10px!important;border-radius:11px!important;font-size:13px!important;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;
}
body.clean-landing .btn.primary{background:linear-gradient(120deg,#15803d,#22c55e)!important;color:#fff!important;border:0!important;box-shadow:0 10px 28px rgba(34,197,94,.35)!important}
body.clean-landing .btn.ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(57,255,20,.35)!important}
body.clean-landing .hero-meta{margin:0;color:#7fa892;font:600 11px/1.35 "DM Sans",sans-serif}

body.clean-landing .compact-foot,
body.clean-landing .site-foot{
  display:flex!important;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin:0!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(57,255,20,.12)!important;background:#031208!important;
}
body.clean-landing .compact-foot .wordmark{display:flex!important;align-items:center;gap:8px;text-decoration:none;min-width:0}
body.clean-landing .compact-foot .brand-logo,
body.clean-landing .brand-logo-sm{width:26px!important;height:26px!important;border-radius:7px!important;object-fit:cover!important;flex:0 0 26px!important}
body.clean-landing .compact-foot .wordmark-text,
body.clean-landing .compact-foot span.wordmark-text{display:flex!important;flex-direction:column!important;gap:1px!important}
body.clean-landing .compact-foot .wordmark-text b{font:700 11px/1.1 Syne,sans-serif!important;color:#ecfccb!important}
body.clean-landing .compact-foot .wordmark-text small{font:600 7px/1 "DM Sans",sans-serif!important;letter-spacing:.14em!important;color:#86efac!important;text-transform:uppercase!important}
body.clean-landing .foot-links{display:flex;gap:12px;flex-wrap:wrap}
body.clean-landing .foot-links a{color:#86efac;text-decoration:none;font-size:12px;font-weight:600}

@media(min-width:860px){
  body.clean-landing .site-nav{height:64px;padding:0 40px}
  body.clean-landing .hero{
    display:grid!important;grid-template-columns:.95fr 1.05fr!important;
    min-height:100vh!important;padding-top:64px!important;
  }
  body.clean-landing .hero-visual{
    order:2;min-height:100%;
    background:
      linear-gradient(90deg, #020a06 0%, rgba(2,10,6,.15) 20%, transparent 50%),
      url("/images/hero-green.jpg?v=2") center center / cover no-repeat;
  }
  body.clean-landing .hero-content{order:1;justify-content:center;padding:48px 48px 40px!important;max-width:520px}
  body.clean-landing .hero-brand-icon{width:58px;height:58px;border-radius:16px}
  body.clean-landing .hero-brand-text b{font-size:30px}
  body.clean-landing .hero h1{font-size:36px!important}
  body.clean-landing .hero-actions{grid-template-columns:auto auto!important;width:auto!important}
  body.clean-landing .hero-actions .btn{min-width:150px!important;width:auto!important}
  body.clean-landing .compact-foot{padding:16px 40px!important}
}