/* CLAWOLF Art V4 — roadmap / investors / marketplace / licensing visual improvements */

/* Shared readability: web pages are visual, not micro-copy documents. */
.d1r2-site:not(.cnda-premium) .d1r2-lede,
.d1r2-site:not(.cnda-premium) .strategy-section__lede,
.d1r2-site:not(.cnda-premium) .d1r2-route-card > p:not(.d1r2-eyebrow) {
  font-size: clamp(1.2rem, 1.35vw, 1.42rem) !important;
  line-height: 1.62 !important;
}

/* ROADMAP */
.roadmap-premium .roadmap-hero__media {
  width: min(50%, 48rem) !important;
  margin: clamp(1.4rem, 3vw, 2.5rem) auto !important;
}
.roadmap-premium .roadmap-hero__media img { width: 100% !important; height: auto !important; }
.roadmap-premium .strategy-roadmap {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 1.8vw, 1.6rem) !important;
  padding-top: 5.8rem !important;
  align-items: stretch !important;
}
.roadmap-premium .strategy-roadmap::before {
  content: "";
  position: absolute;
  left: 7%; right: 7%; top: 4.4rem;
  height: .32rem;
  border-radius: 999px;
  background: linear-gradient(90deg,#0b3b95,#1569ef 42%,#2a88ff 70%,#0b3b95);
  box-shadow: 0 0 18px rgba(21,105,239,.22);
}
.roadmap-premium .strategy-milestone {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
.roadmap-premium .strategy-milestone__time {
  position: absolute !important;
  top: -5.65rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: max-content !important;
  color: #08265b !important;
  font-size: clamp(1.38rem, 1.7vw, 1.75rem) !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: -.035em !important;
  text-align: center !important;
}
.roadmap-premium .strategy-milestone__node {
  position: absolute !important;
  top: -1.7rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  border: .24rem solid #fff !important;
  border-radius: 50% !important;
  background: #1269ef !important;
  box-shadow: 0 0 0 .18rem #1269ef, 0 0 22px rgba(18,105,239,.34) !important;
  z-index: 2 !important;
}
.roadmap-premium .strategy-milestone__card {
  flex: 1 !important;
  min-height: 29rem !important;
  padding: clamp(1.5rem, 2vw, 2rem) !important;
  border: 1px solid rgba(18,74,154,.22) !important;
  border-radius: 1.45rem !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 22px 55px rgba(7,37,84,.09) !important;
  backdrop-filter: blur(10px) !important;
}
.roadmap-premium .strategy-milestone__card h3 {
  margin: 0 0 1.35rem !important;
  color: #061b3a !important;
  font-size: clamp(1.65rem, 1.8vw, 2rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}
.roadmap-premium .strategy-milestone__card ul {
  display: grid !important;
  gap: .85rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.roadmap-premium .strategy-milestone__card li,
.roadmap-premium .roadmap-foundation-step {
  position: relative;
  padding-left: 1.15rem !important;
  color: #19375d !important;
  font-size: clamp(1.04rem, 1.1vw, 1.2rem) !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}
.roadmap-premium .strategy-milestone__card li::before,
.roadmap-premium .roadmap-foundation-step::before {
  content: "";
  position: absolute;
  left: 0; top: .52em;
  width: .42rem; height: .42rem;
  border-radius: 50%;
  background: #1569ef;
}
.roadmap-premium .roadmap-foundation {
  display: grid !important;
  gap: .92rem !important;
  margin-top: .25rem !important;
}
.roadmap-premium .strategy-flagship {
  margin-top: 1.4rem !important;
  padding-top: 1.15rem !important;
  border-top: 1px solid rgba(18,74,154,.18) !important;
}
.roadmap-premium .strategy-flagship strong { font-size: 1rem !important; }
.roadmap-premium .strategy-flagship span { font-size: 1.18rem !important; line-height: 1.35 !important; }

/* INVESTORS */
.d1r2-investor-briefing-grid { gap: clamp(1.4rem, 2.4vw, 2.25rem) !important; }
.d1r2-investor-briefing-grid .d1r2-route-card { padding: clamp(2rem, 3vw, 2.8rem) !important; }
.d1r2-investor-briefing-grid .d1r2-route-card .d1r2-eyebrow { font-size: 1rem !important; }
.d1r2-investor-briefing-grid .d1r2-route-card h3 {
  font-size: clamp(2rem, 2.6vw, 2.7rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}
.d1r2-investor-briefing-grid .d1r2-route-card > p:not(.d1r2-eyebrow) {
  font-size: clamp(1.5rem, 1.75vw, 1.7rem) !important;
  line-height: 1.5 !important;
  max-width: 34ch !important;
}
.d1r2-investor-briefing-grid .d1r2-route-links a,
.d1r2-route-surface .d1r2-investor-modal__submit,
.d1r2-investor-modal__field span,
.d1r2-investor-modal__field input,
.d1r2-investor-modal__field select,
.d1r2-investor-modal__field textarea {
  font-size: clamp(1.08rem, 1.2vw, 1.3rem) !important;
}
.d1r2-investor-briefing-grid .d1r2-route-links a,
.d1r2-route-surface .d1r2-investor-modal__submit {
  min-height: 3.8rem !important;
  padding: .95rem 1.45rem !important;
}

/* MARKETPLACE */
.marketplace-showcase { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
.marketplace-port {
  display:flex; flex-direction:column; justify-content:space-between;
  min-height:15.5rem; padding:1.65rem;
  border:1px solid rgba(17,82,177,.2); border-radius:1.35rem;
  background:rgba(255,255,255,.78); backdrop-filter:blur(10px);
  box-shadow:0 20px 48px rgba(7,40,92,.08);
}
.marketplace-port__logo { min-height:5.2rem; display:flex; align-items:center; }
.marketplace-port__aws-logo { display:block; width:min(100%, 15rem); height:auto; object-fit:contain; }
.marketplace-port__brand { font-size:clamp(1.45rem,1.8vw,1.85rem); font-weight:820; letter-spacing:-.035em; color:#0a2144; }
.marketplace-port__brand small { display:block; margin-top:.22rem; font-size:.78rem; font-weight:750; letter-spacing:.11em; text-transform:uppercase; color:#527094; }
.marketplace-port__mark { display:inline-flex; align-items:center; gap:.62rem; font-size:1.55rem; font-weight:820; color:#10294b; }
.marketplace-port__mark svg { width:2.45rem; height:2.45rem; flex:none; }
.marketplace-port__date { margin-top:1.2rem; font-size:1.16rem; font-weight:820; color:#0e5bd7; }
.marketplace-port__copy { margin:.55rem 0 0; font-size:1.08rem; line-height:1.5; color:#496482; }

/* LICENSING */
.licensing-package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.35rem; align-items:stretch; }
.licensing-package {
  position:relative; padding:clamp(1.8rem,2.5vw,2.5rem);
  border-top:5px solid #0f62de; border-radius:1.45rem;
  background:rgba(255,255,255,.82); backdrop-filter:blur(10px);
  box-shadow:0 24px 58px rgba(7,38,85,.09);
}
.licensing-package__name { margin:0; color:#071d3e; font-size:clamp(2rem,2.5vw,2.65rem); line-height:1; letter-spacing:-.045em; }
.licensing-package__position { min-height:4.7rem; margin:.9rem 0 1.5rem; color:#48627f; font-size:clamp(1.14rem,1.28vw,1.32rem); line-height:1.45; font-weight:620; }
.licensing-package__label { margin:0 0 .85rem; color:#0e5bd7; font-size:.92rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.licensing-package ol { margin:0; padding-left:1.4rem; display:grid; gap:.68rem; }
.licensing-package li { color:#183859; font-size:clamp(1.02rem,1.08vw,1.17rem); line-height:1.35; font-weight:610; padding-left:.22rem; }
.licensing-subscription-band { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.35rem; }
.licensing-subscription-band > div { padding:1.35rem 1.5rem; border-left:4px solid #176cf0; background:rgba(245,249,255,.82); }
.licensing-subscription-band strong {
  display:block;
  margin-bottom:.35rem;
  color:#082b65;
  font-size:20px !important;
  line-height:1.2 !important;
}
.licensing-subscription-band span {
  color:#48627f;
  font-size:16px !important;
  line-height:1.5 !important;
}
.licensing-contact-grid { display:grid; grid-template-columns:minmax(0, 28rem); gap:1.25rem; margin-top:1.5rem; }
.licensing-contact {
  display:block; padding:1.6rem 1.75rem; border:1px solid rgba(18,80,170,.2); border-radius:1.25rem;
  background:rgba(255,255,255,.78); text-decoration:none !important; box-shadow:0 16px 38px rgba(9,42,88,.07);
}
.licensing-contact strong { display:block; color:#071f45; font-size:1.55rem; }
.licensing-contact span { display:block; margin-top:.4rem; color:#406183; font-size:1.12rem; line-height:1.45; }
#licensing-waitlist .d1r2-route-card { padding:clamp(2rem,3vw,3rem) !important; }
#licensing-waitlist .d1r2-route-card h3 { font-size:clamp(2rem,2.6vw,2.7rem) !important; }
#licensing-waitlist .d1r2-route-card > p:not(.d1r2-eyebrow) { font-size:1.28rem !important; }
#licensing-waitlist input,#licensing-waitlist select { min-height:3.7rem !important; padding:.8rem 1rem !important; }

@media(max-width:1100px){
  .roadmap-premium .strategy-roadmap { grid-template-columns:repeat(2,minmax(0,1fr)) !important; row-gap:7.5rem !important; }
  .roadmap-premium .strategy-roadmap::before { display:none; }
  .marketplace-showcase { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .licensing-package-grid { grid-template-columns:1fr; }
  .licensing-package__position { min-height:0; }
}
@media(max-width:720px){
  .roadmap-premium .roadmap-hero__media { width:100% !important; }
  .roadmap-premium .strategy-roadmap { grid-template-columns:1fr !important; }
  .roadmap-premium .strategy-milestone__card { min-height:0 !important; }
  .marketplace-showcase,.licensing-subscription-band,.licensing-contact-grid { grid-template-columns:1fr; }
}