/*
 * 88BB Home Pain-to-Value Conversion v2.0
 * Homepage only. Preserves live market, Pi, navigation and membership logic.
 */
body[data-page="home"]{
  --home-conversion-cyan:#6fe8ef;
  --home-conversion-gold:#ffe28a;
  --home-conversion-green:#74efb4;
}

body[data-page="home"] #start-path,
body[data-page="home"] #today,
body[data-page="home"] #tools,
body[data-page="home"] #contact{
  display:none!important;
}

body[data-page="home"] .home-hero-title{
  max-width:760px;
  letter-spacing:0;
  text-wrap:balance;
}

body[data-page="home"] .home-subtitle{
  max-width:720px;
}

body[data-page="home"] .home-mobile-subtitle{
  display:none;
}

body[data-page="home"] .home-decision-principle-card{
  border-color:rgba(255,226,138,.28);
  background:
    linear-gradient(110deg,rgba(8,20,34,.97),rgba(9,19,37,.91)),
    radial-gradient(circle at 82% 18%,rgba(111,89,255,.18),transparent 31%);
}

body[data-page="home"] .home-decision-principle-card::before{
  opacity:.42;
  background-image:
    linear-gradient(rgba(111,232,239,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,232,239,.09) 1px,transparent 1px);
}

body[data-page="home"] .home-decision-principle-card::after{
  content:"?";
  right:34px;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,226,138,.15);
  text-shadow:0 0 44px rgba(255,226,138,.06);
}

body[data-page="home"] .home-decision-principle-card .home-ai-principle-points span{
  border-color:rgba(255,226,138,.24);
  background:rgba(255,226,138,.055);
}

body[data-page="home"] #platform-overview .home-section-head{
  max-width:980px;
}

body[data-page="home"] #platform-overview .home-entry-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body[data-page="home"] #platform-overview .home-entry-grid>a{
  position:relative;
  min-height:176px;
  padding:24px 58px 23px 24px;
  overflow:hidden;
  border-top:2px solid rgba(111,232,239,.28);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

body[data-page="home"] #platform-overview .home-entry-grid>a::after{
  content:"→";
  position:absolute;
  right:22px;
  top:24px;
  color:var(--home-conversion-cyan);
  font-size:19px;
  font-weight:900;
}

body[data-page="home"] #platform-overview .home-entry-grid>a:hover,
body[data-page="home"] #platform-overview .home-entry-grid>a:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(111,232,239,.56);
  background:linear-gradient(145deg,rgba(14,35,52,.96),rgba(7,18,32,.96));
  outline:0;
}

body[data-page="home"] #platform-overview .home-entry-grid strong{
  max-width:90%;
  font-size:clamp(18px,1.55vw,23px);
  line-height:1.35;
  letter-spacing:0;
}

body[data-page="home"] #platform-overview .home-entry-grid p{
  max-width:620px;
  margin-top:11px;
  line-height:1.7;
}

body[data-page="home"] #pulse{
  border-top-color:rgba(111,232,239,.24);
}

body[data-page="home"] #pulse .home-market-head h2{
  max-width:820px;
  letter-spacing:0;
}

body[data-page="home"] .home-membership-path{
  background:
    linear-gradient(135deg,rgba(10,31,45,.9),rgba(13,18,36,.96)),
    radial-gradient(circle at 80% 15%,rgba(116,239,180,.11),transparent 30%);
}

body[data-page="home"] .home-membership-lead{
  max-width:850px;
  margin:14px auto 0;
  color:rgba(224,239,247,.76);
  font-size:15px;
  line-height:1.75;
  text-align:center;
}

body[data-page="home"] .home-membership-path .home-primary-button{
  box-shadow:0 0 0 1px rgba(111,232,239,.1),0 14px 36px rgba(68,220,211,.13);
}

@media(max-width:900px){
  body[data-page="home"] #platform-overview .home-entry-grid{
    grid-template-columns:1fr;
  }
  body[data-page="home"] #platform-overview .home-entry-grid>a{
    min-height:0;
  }
}

@media(max-width:620px){
  body[data-page="home"] .home-hero{
    padding-bottom:24px;
  }
  body[data-page="home"] .home-hero-grid{
    gap:24px;
  }
  body[data-page="home"] .home-hero-title{
    font-size:clamp(32px,10vw,42px);
    line-height:1.12;
  }
  body[data-page="home"] .home-subtitle{
    display:none;
  }
  body[data-page="home"] .home-mobile-subtitle{
    display:block;
    margin:14px 0 0;
    color:rgba(255,226,138,.9);
    font-size:15px;
    line-height:1.75;
  }
  body[data-page="home"] .home-war-line{
    margin-top:18px;
  }
  html[lang="en"] body[data-page="home"] .home-hero-notes{
    display:none;
  }
  body[data-page="home"] .home-decision-principle-card{
    min-height:192px;
    padding:18px;
    border-radius:18px;
  }
  body[data-page="home"] .home-decision-principle-card .home-kicker{
    margin-bottom:10px;
  }
  body[data-page="home"] .home-decision-principle-card h3{
    margin-bottom:0;
    font-size:25px;
    line-height:1.14;
  }
  body[data-page="home"] .home-decision-principle-card .home-ai-principle-copy>p:not(.home-kicker){
    display:none;
  }
  body[data-page="home"] .home-decision-principle-card .home-ai-principle-points{
    margin-top:14px;
  }
  body[data-page="home"] .home-decision-principle-card::after{
    right:18px;
    font-size:96px;
  }
  body[data-page="home"] #platform-overview .home-entry-grid>a{
    padding:21px 46px 20px 20px;
    border-radius:8px;
  }
  body[data-page="home"] #platform-overview .home-entry-grid>a::after{
    right:17px;
    top:21px;
  }
  body[data-page="home"] #platform-overview .home-entry-grid strong{
    max-width:100%;
    font-size:19px;
  }
  body[data-page="home"] .home-membership-lead{
    margin-top:12px;
    font-size:14px;
    text-align:left;
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-page="home"] #platform-overview .home-entry-grid>a{
    transition:none;
  }
  body[data-page="home"] #platform-overview .home-entry-grid>a:hover,
  body[data-page="home"] #platform-overview .home-entry-grid>a:focus-visible{
    transform:none;
  }
}


/* Friendly market-overload card v2.1
 * Uses the empty right side of the hero card for an empathetic trader/Edge AI visual.
 * Homepage only; no shared shell, member page, app, service worker, or live API changes.
 */
body[data-page="home"] .home-decision-principle-card {
  min-height: 400px;
  align-items: stretch;
  padding: clamp(30px, 3.6vw, 48px);
  background:
    radial-gradient(circle at 84% 72%, rgba(111, 232, 239, .13), transparent 30%),
    radial-gradient(circle at 78% 18%, rgba(126, 102, 255, .16), transparent 28%),
    linear-gradient(115deg, rgba(8, 20, 34, .98), rgba(8, 17, 34, .94));
}

body[data-page="home"] .home-decision-principle-card::after {
  display: none;
}

body[data-page="home"] .home-decision-principle-card .home-ai-principle-copy {
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
}

body[data-page="home"] .home-decision-principle-card .home-ai-principle-copy h3 {
  max-width: 100%;
  margin-bottom: 20px;
  font-size: clamp(27px, 2.05vw, 33px);
  line-height: 1.18;
}

body[data-page="home"] .home-decision-card-body {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 158px;
  gap: clamp(16px, 2vw, 24px);
  align-items: end;
}

body[data-page="home"] .home-decision-message {
  align-self: center;
  min-width: 0;
}

body[data-page="home"] .home-decision-message > p {
  max-width: 355px;
  margin: 0;
  color: rgba(224, 236, 247, .78);
  font-size: clamp(14px, 1vw, 15.5px);
  line-height: 1.76;
}

body[data-page="home"] .home-decision-message .home-ai-principle-points {
  margin-top: 20px;
}

body[data-page="home"] .home-decision-visual {
  position: relative;
  min-height: 174px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-top: 38px;
}

body[data-page="home"] .home-overload-coins {
  position: absolute;
  inset: 0 0 auto;
  height: 78px;
  pointer-events: none;
}

body[data-page="home"] .home-overload-coins span {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 27px;
  padding: 4px 8px;
  border: 1px solid rgba(112, 231, 239, .22);
  border-radius: 999px;
  background: rgba(8, 24, 38, .88);
  color: rgba(222, 248, 251, .8);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
}

body[data-page="home"] .home-overload-coins span:nth-child(1) {
  left: 2px;
  top: 24px;
  transform: rotate(-8deg);
  animation: homeCoinFloatA 4.6s ease-in-out infinite;
}

body[data-page="home"] .home-overload-coins span:nth-child(2) {
  right: 2px;
  top: 7px;
  transform: rotate(7deg);
  animation: homeCoinFloatB 5.2s ease-in-out infinite;
}

body[data-page="home"] .home-overload-coins span:nth-child(3) {
  right: 20px;
  top: 52px;
  border-color: rgba(255, 226, 138, .24);
  color: rgba(255, 232, 161, .86);
  animation: homeCoinFloatC 4.9s ease-in-out infinite;
}

body[data-page="home"] .home-pain-icon {
  position: relative;
  z-index: 1;
  margin-bottom: 7px;
  font-size: 59px;
  line-height: 1;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .28));
  animation: homePainBreathe 4.2s ease-in-out infinite;
}

body[data-page="home"] .home-edge-response {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  border: 1px solid rgba(111, 232, 239, .28);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(13, 41, 55, .96), rgba(12, 25, 43, .96));
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28), 0 0 24px rgba(111, 232, 239, .07);
}

body[data-page="home"] .home-edge-mark {
  flex: 0 0 31px;
  width: 31px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(111, 232, 239, .24), rgba(122, 93, 255, .24));
  color: #9af8f2;
  font-size: 18px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

body[data-page="home"] .home-edge-response > span:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body[data-page="home"] .home-edge-response strong {
  color: #f3fdff;
  font-size: 12px;
  line-height: 1.15;
  letter-spacing: .02em;
}

body[data-page="home"] .home-edge-response small {
  color: rgba(206, 241, 245, .72);
  font-size: 10.5px;
  line-height: 1.3;
  white-space: nowrap;
}

@keyframes homeCoinFloatA {
  0%, 100% { translate: 0 0; }
  50% { translate: 4px -7px; }
}

@keyframes homeCoinFloatB {
  0%, 100% { translate: 0 0; }
  50% { translate: -5px 6px; }
}

@keyframes homeCoinFloatC {
  0%, 100% { translate: 0 0; }
  50% { translate: 3px -5px; }
}

@keyframes homePainBreathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.025); }
}

@media (max-width: 1180px) {
  body[data-page="home"] .home-decision-principle-card {
    min-height: 350px;
  }

  body[data-page="home"] .home-decision-card-body {
    grid-template-columns: minmax(0, 1fr) 170px;
  }

  body[data-page="home"] .home-decision-message > p {
    max-width: 520px;
  }
}

@media (max-width: 760px) {
  body[data-page="home"] .home-decision-principle-card {
    min-height: auto;
    padding: 25px 21px 22px;
  }

  body[data-page="home"] .home-decision-principle-card .home-ai-principle-copy h3 {
    margin-bottom: 15px;
    font-size: clamp(25px, 7vw, 30px);
    line-height: 1.18;
  }

  body[data-page="home"] .home-decision-card-body {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body[data-page="home"] .home-decision-message > p {
    max-width: none;
    font-size: 14px;
    line-height: 1.68;
  }

  body[data-page="home"] .home-decision-message .home-ai-principle-points {
    margin-top: 15px;
  }

  body[data-page="home"] .home-decision-visual {
    min-height: 72px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 0;
  }

  body[data-page="home"] .home-overload-coins {
    display: none;
  }

  body[data-page="home"] .home-pain-icon {
    margin: 0;
    font-size: 48px;
    text-align: center;
  }

  body[data-page="home"] .home-edge-response {
    width: auto;
  }
}

@media (max-width: 420px) {
  body[data-page="home"] .home-decision-message .home-ai-principle-points span:nth-child(3) {
    display: none;
  }

  body[data-page="home"] .home-edge-response small {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .home-overload-coins span,
  body[data-page="home"] .home-pain-icon {
    animation: none !important;
  }
}