:root {
  --blue: #126cff;
  --ink: #090b10;
  --muted: #687083;
  --line: #e5e8ee;
  --soft: #f5f7fb;
}

/* Landing page redesign */
.home {color:#07111f;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
.home-wrap{width:min(1440px,calc(100% - 72px));margin-inline:auto}
.home-header{background:#f0f7ff;position:relative;z-index:5}
.home-nav{min-height:84px;display:flex;align-items:center;gap:32px;justify-content:space-between}
.home-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:1.4rem;letter-spacing:-.065em;color:#07111f}
.home-brand strong span{color:#0869f8}.brand-mark{font-size:2.1rem;font-weight:1000;font-style:italic;letter-spacing:-.2em;color:#07111f;padding-right:7px}.brand-mark span{color:#056afb}
.home-links,.home-nav-actions,.home-actions{display:flex;align-items:center;gap:24px}.home-links{font-size:.86rem;color:#1d3557;white-space:nowrap}.home-links a:hover{color:#0669fb}.home-nav-actions{gap:12px}
.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 25px;border-radius:100px;font-size:.92rem;font-weight:750;border:1px solid #126dff;cursor:pointer;transition:transform .2s,box-shadow .2s;background:transparent;white-space:nowrap}.home-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #075eed2b}.home-btn.primary{background:#0668f9;color:#fff;border-color:#0668f9;box-shadow:0 7px 16px #086bfa26}.home-btn.outline{color:#075ce0;background:#fff9}.play-dot{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#076aff;color:#fff;font-size:.65rem}
.home-hero{overflow:hidden;background:radial-gradient(circle at 74% 38%,#b8d9ff 0,#e8f4ff 39%,#f8fbff 80%);border-bottom:1px solid #dfeaf8}.hero-layout{min-height:615px;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative}.hero-text{position:relative;z-index:2;padding:44px 0 28px}.home-kicker{color:#0568f7;font-weight:850;font-size:.82rem;letter-spacing:.135em}.hero-text h1{font-size:clamp(3.6rem,5.55vw,6.6rem);line-height:.94;letter-spacing:-.085em;margin:23px 0 24px;font-weight:900}.hero-text h1 em{font-style:normal;color:#0868f5;white-space:nowrap}.hero-text p{max-width:540px;font-weight:560;font-size:1.03rem;line-height:1.52;margin:0}.home-actions{gap:13px;margin-top:30px}.hero-benefits{display:flex;gap:24px;margin-top:43px;align-items:center;color:#16375b;font-size:.8rem;line-height:1.2}.hero-benefits span{display:flex;align-items:center;gap:8px;white-space:nowrap}.hero-benefits b{width:29px;height:29px;border:2px solid #066aff;border-radius:50%;display:grid;place-items:center;color:#066aff;font-size:1.05rem;flex:none}
.hero-visual{height:550px;position:relative;align-self:end}.dashboard-frame{position:absolute;right:-68px;top:12px;width:90%;height:470px;padding:16px;background:#05121e;border:5px solid #123456;border-radius:25px 25px 8px 8px;color:#f7fbff;box-shadow:0 18px 55px #005eac4a;transform:perspective(1100px) rotateY(-5deg) rotateX(1deg);overflow:hidden}.dash-top{height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.77rem}.dash-top i{color:#1686ff;font-style:italic}.dash-top small{color:#6f859b}.dash-status{border-radius:40px;background:#142433;padding:7px 11px;color:#7ee3ce}.dash-body{display:grid;grid-template-columns:24% 1fr;gap:12px;height:calc(100% - 42px)}.dash-body aside{border-radius:9px;background:#071722;padding:9px 5px;display:grid;align-content:start;gap:3px;font-size:.68rem;color:#7e93a7}.dash-body aside div{padding:8px 7px;border-radius:5px}.dash-body aside .active{background:#075cc9;color:white}.dash-main{display:grid;grid-template-rows:1.35fr 1fr;gap:10px}.account-panel,.dash-mini>div{position:relative;background:linear-gradient(130deg,#0c1e2b,#0a1420);border:1px solid #1a3548;border-radius:12px;padding:16px;overflow:hidden}.account-panel small,.dash-mini small{display:block;color:#a4b3c5}.account-panel strong{display:block;font-size:2rem;line-height:1.2}.account-panel span,.dash-mini span{color:#1be5b5;font-size:.78rem}.account-panel svg{position:absolute;right:4%;bottom:13%;width:50%;height:48%}.dash-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-mini>div{padding:12px}.dash-mini strong{display:block;font-size:1.2rem}.dash-mini .bar{display:block;background:linear-gradient(90deg,#15cfa8 70%,#253d4b 70%);height:8px;border-radius:9px;margin-top:20px}.blue-detail,.green-detail{display:block;color:#168aff;margin-top:16px;letter-spacing:4px}.green-detail{color:#12cda8;letter-spacing:2px}.hero-robot{position:absolute;bottom:-44px;left:-60px;width:44%;z-index:2}.hero-robot img{width:100%;mix-blend-mode:multiply}.hero-robot span{position:absolute;right:-105px;top:52%;background:#fff;border-radius:13px;box-shadow:0 12px 30px #05294326;padding:12px 16px;font-weight:800;font-size:.85rem;line-height:1.2}
.process{text-align:center;padding:40px 0 52px}.process h2,.lower h2{font-size:clamp(2rem,3vw,2.9rem);letter-spacing:-.06em;line-height:1.1;margin:0}.process>p{margin:3px 0 28px;color:#1b3b64}.process-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.process-grid>div{position:relative;padding:0 4px}.process-grid>div:not(:last-child):after{content:'→';position:absolute;right:-13px;top:23px;color:#3a7fdf;font-size:1.5rem}.process-grid span{height:70px;width:70px;display:grid;place-items:center;background:#f0f7ff;border-radius:18px;margin:auto;color:#0784ff;font-size:2.2rem;font-weight:800}.process-grid h3{font-size:.9rem;letter-spacing:-.03em;margin:11px 0 5px}.process-grid p{font-size:.78rem;line-height:1.3;color:#31517b;margin:0}
.demo{background:radial-gradient(circle at 47% 60%,#073661,#041321 47%,#03101a 100%);color:#fff;border-radius:19px;border:1px solid #1466bd;box-shadow:0 14px 40px #122b4930;min-height:440px;display:grid;grid-template-columns:35% 18% 47%;padding:28px 34px;gap:0;overflow:hidden}.demo h2{font-size:clamp(2.2rem,3.3vw,3.4rem);line-height:.98;letter-spacing:-.06em;margin:8px 0}.demo-controls>p{font-size:.88rem;max-width:370px;color:#c9d6e6}.demo fieldset{border:0;padding:0;margin-top:20px}.demo legend,.range-label{font-size:.83rem;margin-bottom:9px;color:#d7e7ff}.size-options{display:flex;gap:4px}.size-options button{background:#1d354d;border:1px solid #294864;color:#fff;border-radius:7px;padding:8px 11px;font:inherit;font-size:.75rem;cursor:pointer}.size-options button.selected{background:#086cff;border-color:#086cff}.range-label{display:flex;justify-content:space-between;margin-top:17px}.demo output{font-weight:800;color:#fff}.demo input[type=range]{width:100%;accent-color:#0675ff;cursor:pointer}.run-demo{width:100%;margin-top:16px}.demo-feedback{min-height:30px;margin:8px 0 0!important;font-size:.74rem!important;color:#9db0c4!important}.demo-mascot{position:relative;align-self:end}.demo-mascot img{width:115%;max-width:none;mix-blend-mode:screen;filter:contrast(1.1)}.demo-bubble{background:#fff;color:#153354;position:absolute;top:8px;left:-13%;z-index:2;border-radius:12px;padding:13px;font-size:.78rem;line-height:1.25;box-shadow:0 10px 25px #0003}.demo-board{border:1px solid #16354c;border-radius:18px;background:#051625;padding:18px;align-self:center;min-height:340px}.board-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.board-title h3{margin:0;font-size:1.02rem}.board-title h3 span{font-weight:400;color:#b5c5d2}.board-title small{font-size:.72rem;color:#1ce0b4}.board-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-list{display:grid;gap:7px}.agent-list article,.demo-result{background:linear-gradient(145deg,#152c3f,#0c1c2b);border:1px solid #284055;border-radius:8px;padding:12px}.agent-list article{display:flex;gap:9px;align-items:center}.agent-list b{font-size:1.6rem;color:#04a9ff}.agent-list article:nth-child(2) b{color:#18cbad}.agent-list article:nth-child(3) b{color:#ffb344}.agent-list strong,.agent-list span{display:block}.agent-list strong{font-size:.77rem}.agent-list span{font-size:.69rem;color:#a9bbcb}.demo-result small,.demo-result span{display:block;color:#acbdcd;font-size:.72rem}.demo-result strong{display:block;font-size:1.7rem}.scenario-line{height:55px;border-bottom:2px solid #126fff;margin:15px 0 18px;clip-path:polygon(0 80%,20% 60%,35% 75%,55% 25%,70% 40%,100% 0,100% 100%,0 100%);background:linear-gradient(0deg,#035daa33,transparent)}.result-track{background:#294355;height:9px;border-radius:9px;margin:9px 0}.result-track i{display:block;width:35%;height:100%;border-radius:9px;background:#15d6b4}
.lower{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:50px;padding:48px 24px 52px}.lower h3{margin:4px 0 10px;font-size:1.22rem}.lower p{color:#31517a;font-size:.9rem}.lower ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:8px;font-size:.88rem}.lower li{position:relative}.lower ul li:before{content:'✓';display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#086bfa;color:#fff;font-size:.7rem;margin-right:9px}.founder-card{padding:28px;background:#081a2a;color:#fff;border-radius:17px;box-shadow:0 14px 25px #03182f1c}.founder-card h3{font-size:1.6rem;line-height:1.1;margin:22px 0 10px}.founder-card p{color:#a7bad0}.founder-card ul li:before{content:'✓';background:transparent;color:#13a7ff;font-size:1rem;margin-right:0}.founder-card a{display:block;text-align:center;border-radius:40px;background:#eef5ff;color:#10284b;font-size:.86rem;font-weight:800;padding:12px}.roadmap ol{list-style:none;padding:0;margin:22px 0 0 7px;border-left:3px solid #1d78fa}.roadmap ol li{display:flex;gap:17px;position:relative;padding:0 0 23px 21px;font-size:.83rem}.roadmap ol li:before{content:'';position:absolute;left:-9px;top:2px;border:4px solid #126fff;background:#fff;width:11px;height:11px;border-radius:50%}.roadmap ol li>b{min-width:62px}.roadmap strong,.roadmap small{display:block}.roadmap small{color:#4d6688;font-size:.8rem}.home-metrics{border-block:1px solid #e0e9f5;background:#f9fbff}.metric-row{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;padding:22px 0}.metric-row>div{border-right:1px solid #dce6f3;padding:0 20px}.metric-row>div:first-child{padding-left:0}.metric-row>div:last-child{border:0}.metric-row strong,.metric-row span{display:block}.metric-row strong{font-size:1.65rem}.metric-row span{font-size:.8rem;color:#34567e}.metric-note{font-size:.8rem;text-align:center}.metric-note b{color:#076afb;font-size:1.15rem}.home-final{background:linear-gradient(90deg,#06162aee,#061b32b0),radial-gradient(circle at 67% 100%,#2b71b9,#02101f 65%);color:#fff;padding:34px 0}.final-content{display:flex;justify-content:space-between;align-items:center;gap:30px}.home-final h2{font-size:clamp(1.65rem,2.5vw,2.65rem);line-height:1.07;letter-spacing:-.04em;margin:0}.home-final p{margin:9px 0 0;color:#d4deeb}.home-footer{padding:23px 0;color:#62728b;font-size:.78rem}.home-footer>div{display:flex;gap:26px;flex-wrap:wrap}.home-footer>div span:last-child{margin-left:auto}
@media(max-width:1200px){.home-links{gap:13px;font-size:.77rem}.home-nav{gap:15px}.home-brand{font-size:1.12rem}.home-nav-actions .home-btn{padding:0 15px;font-size:.8rem}.hero-benefits{gap:12px}.dashboard-frame{right:-35px}.process-grid{grid-template-columns:repeat(4,1fr);row-gap:25px}.process-grid>div:nth-child(4):after{display:none}.demo{grid-template-columns:39% 16% 45%;padding:25px}.board-columns{grid-template-columns:1fr}.demo-result{display:none}.lower{gap:24px}}
@media(max-width:850px){.home-wrap{width:min(100% - 36px,650px)}.home-nav{flex-wrap:wrap;padding:12px 0;gap:10px}.home-links{order:3;width:100%;overflow-x:auto;justify-content:space-between;padding:7px 0;font-size:.8rem}.home-nav-actions .outline{display:none}.home-nav-actions .home-btn{min-height:38px}.hero-layout{grid-template-columns:1fr}.hero-text{padding:55px 0 0}.hero-text h1{font-size:clamp(3.3rem,10vw,5.5rem)}.hero-visual{height:440px;align-self:stretch}.dashboard-frame{right:-22px;width:85%;height:360px;top:38px}.hero-robot{left:-35px;bottom:-10px;width:42%}.hero-benefits{margin-top:30px}.demo{grid-template-columns:1fr 1fr;gap:18px}.demo-controls{grid-column:1 / -1}.demo-mascot{max-width:190px}.demo-board{align-self:stretch}.lower{grid-template-columns:1fr 1fr}.roadmap{grid-column:1 / -1}.metric-row{grid-template-columns:repeat(4,1fr)}.metric-note{display:none}}
@media(max-width:600px){.home-brand{font-size:1.05rem}.brand-mark{font-size:1.7rem}.home-links{gap:18px;justify-content:flex-start}.home-links a{flex:none}.home-nav-actions .home-btn{font-size:.72rem;padding:0 11px}.hero-text{padding-top:35px}.hero-text h1{font-size:clamp(2.9rem,11vw,4.2rem)}.hero-text p{font-size:.96rem}.home-actions{gap:8px}.home-actions .home-btn{font-size:.78rem;padding:0 13px;min-height:44px}.hero-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:.75rem}.hero-visual{height:305px}.dashboard-frame{height:245px;width:90%;right:-35px;top:22px;padding:7px;border-width:3px}.dash-top{height:23px;font-size:.4rem}.dash-top small{display:none}.dash-body{grid-template-columns:24% 1fr;gap:4px;height:calc(100% - 23px)}.dash-body aside{font-size:.35rem}.dash-body aside div{padding:4px 2px}.account-panel{padding:7px}.account-panel strong{font-size:1rem}.account-panel small,.dash-mini small,.dash-mini span{font-size:.4rem}.dash-mini{gap:3px}.dash-mini>div{padding:5px}.dash-mini strong{font-size:.58rem}.blue-detail,.green-detail{font-size:.5rem;letter-spacing:0;margin-top:5px}.dash-mini .bar{margin-top:6px}.hero-robot{left:-27px;width:48%;bottom:-18px}.hero-robot span{right:-67px;top:52%;font-size:.55rem;padding:7px}.process{padding:32px 0}.process-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.process-grid>div:after{display:none}.process-grid span{width:54px;height:54px;font-size:1.65rem}.demo{display:block;padding:24px 18px}.demo h2{font-size:2.5rem}.demo-mascot{display:none}.demo-board{margin-top:20px;min-height:0}.board-columns{grid-template-columns:1fr 1fr}.demo-result{display:block}.agent-list article{padding:8px}.agent-list b{font-size:1.1rem}.agent-list strong{font-size:.65rem}.agent-list span{font-size:.6rem}.lower{display:block;padding:40px 0}.founder-card,.roadmap{margin-top:36px}.metric-row{grid-template-columns:repeat(2,1fr);gap:15px}.metric-row>div:nth-child(2){border:0}.metric-row>div{padding:0 12px}.final-content{display:block}.final-content .home-btn{margin-top:20px}.home-footer>div span:last-child{margin-left:0}}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  line-height: 1.55;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
}
.shell {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}
.nav {
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  gap: 28px;
}
.nav-logo {
  width: 190px;
  height: 54px;
  object-fit: cover;
}
.links {
  display: flex;
  gap: 30px;
  color: #4a5060;
  font-size: 0.95rem;
}
.links a:hover,
.links .active {
  color: var(--blue);
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: #fff;
  border-radius: 100px;
  font-weight: 760;
  transition: 0.2s;
}
.btn:hover {
  background: var(--blue);
  border-color: var(--blue);
  transform: translateY(-1px);
}
.btn.blue {
  background: var(--blue);
  border-color: var(--blue);
}
.btn.ghost {
  background: #fff;
  color: var(--ink);
}
.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.75rem;
  color: var(--blue);
  font-weight: 850;
}
.hero {
  position: relative;
  min-height: 760px;
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  align-items: center;
  gap: 20px;
  overflow: hidden;
}
.hero-copy {
  position: relative;
  z-index: 2;
}
.hero h1,
.page-head h1,
.investor-hero h1 {
  font-size: clamp(3.7rem, 7.5vw, 7.4rem);
  letter-spacing: -0.078em;
  line-height: 0.88;
  margin: 20px 0 28px;
}
.hero h1 span,
.page-head h1 span,
.investor-hero h1 span {
  color: var(--blue);
}
.hero p,
.page-head p {
  font-size: 1.14rem;
  color: var(--muted);
  max-width: 600px;
}
.actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 34px;
}
.hero-art {
  height: 680px;
  position: relative;
  display: grid;
  place-items: center;
}
.hero-art:before {
  content: "";
  position: absolute;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: #edf4ff;
}
.robot {
  position: relative;
  width: min(610px, 98%);
  z-index: 1;
  mix-blend-mode: multiply;
}
.watermark {
  position: absolute;
  left: -4%;
  right: -4%;
  bottom: 3%;
  width: 108%;
  height: 210px;
  object-fit: cover;
  opacity: 0.055;
  mix-blend-mode: multiply;
}
.stats {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.stat {
  padding: 32px;
  border-right: 1px solid var(--line);
}
.stat:last-child {
  border-right: 0;
}
.stat b {
  font-size: 1.8rem;
  display: block;
}
.stat span {
  color: var(--muted);
  font-size: 0.9rem;
}
.section {
  padding: 110px 0;
}
.soft {
  background: var(--soft);
}
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: 48px;
}
.section h2,
.cta h2,
.thesis h2 {
  font-size: clamp(2.4rem, 4.5vw, 4.6rem);
  line-height: 0.98;
  letter-spacing: -0.06em;
  margin: 14px 0;
}
.section-head p {
  max-width: 470px;
  color: var(--muted);
}
.grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.card {
  border-top: 2px solid var(--ink);
  padding: 30px 4px 20px;
  min-height: 220px;
}
.num {
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  color: var(--blue);
  font-weight: 850;
}
.card h3 {
  font-size: 1.4rem;
  margin: 45px 0 10px;
}
.card p {
  color: var(--muted);
  margin: 0;
}
.brand-stage {
  position: relative;
  min-height: 600px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.brand-stage .wordmark {
  width: 100%;
  opacity: 0.08;
  mix-blend-mode: multiply;
}
.brand-stage .robot-small {
  position: absolute;
  width: 420px;
  mix-blend-mode: multiply;
}
.list {
  display: grid;
  gap: 22px;
  margin-top: 30px;
}
.list-item {
  display: flex;
  gap: 16px;
}
.check {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e9f2ff;
  color: var(--blue);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  font-weight: 900;
}
.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 75px;
  align-items: center;
}
.cta {
  padding: 100px 0;
}
.cta-box {
  background: var(--blue);
  color: #fff;
  border-radius: 28px;
  padding: clamp(38px, 7vw, 78px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  position: relative;
  overflow: hidden;
}
.cta-box:after {
  content: "TB";
  position: absolute;
  right: 4%;
  font-size: 15rem;
  font-weight: 900;
  opacity: 0.07;
  line-height: 1;
}
.cta-box > * {
  position: relative;
  z-index: 1;
}
.cta .eyebrow {
  color: #fff;
}
.investor-hero ~ .cta .cta-box {
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
}
.investor-hero ~ .cta .cta-box > div {
  max-width: 880px;
}
.investor-hero ~ .cta .btn {
  min-width: 270px;
  min-height: 60px;
  padding: 0 36px;
  font-size: 1rem;
}
.page-head {
  text-align: center;
  padding: 100px 0 50px;
}
.page-head p {
  margin: auto;
}
.toggle {
  width: max-content;
  margin: 38px auto 0;
  padding: 5px;
  background: var(--soft);
  border-radius: 100px;
}
.toggle button {
  border: 0;
  background: transparent;
  border-radius: 100px;
  padding: 12px 20px;
  font: inherit;
  font-weight: 750;
  color: #6f7786;
  cursor: pointer;
}
.toggle button.on {
  background: var(--ink);
  color: #fff;
}
.pricing {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding: 32px 0 110px;
}
.price-card {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
}
.price-card.featured {
  border: 2px solid var(--blue);
  box-shadow: 0 22px 55px rgba(18, 108, 255, 0.12);
}
.tag {
  position: absolute;
  top: -12px;
  right: 18px;
  background: var(--blue);
  color: #fff;
  padding: 5px 11px;
  border-radius: 100px;
  font-size: 0.7rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.price-card h2 {
  font-size: 1.35rem;
  margin: 4px 0;
}
.price {
  font-size: 2.55rem;
  font-weight: 880;
  letter-spacing: -0.055em;
  margin: 22px 0 2px;
}
.period {
  font-size: 0.86rem;
  color: var(--muted);
  min-height: 42px;
}
.features {
  list-style: none;
  padding: 22px 0;
  margin: 18px 0;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 13px;
  flex: 1;
  color: #464d5c;
}
.features li:before {
  content: "✓";
  color: var(--blue);
  font-weight: 900;
  margin-right: 9px;
}
.fine {
  text-align: center;
  color: var(--muted);
  font-size: 0.84rem;
  padding: 0 20px 90px;
}
.investor-hero {
  min-height: 650px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 55px;
  align-items: center;
}
.investor-note {
  border-left: 3px solid var(--blue);
  padding-left: 26px;
  color: var(--muted);
}
.metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 110px;
}
.metric {
  padding: 36px;
  border-right: 1px solid var(--line);
}
.metric:last-child {
  border: 0;
}
.metric b {
  font-size: 2.2rem;
  display: block;
}
.metric span {
  color: var(--muted);
}
.thesis {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 72px;
  padding-bottom: 110px;
}
.thesis-points {
  display: grid;
  gap: 12px;
}
.thesis-point {
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.thesis-point h3 {
  margin: 0 0 6px;
}
.thesis-point p {
  margin: 0;
  color: var(--muted);
}
.brand-banner {
  height: 300px;
  display: grid;
  place-items: center;
  border-block: 1px solid var(--line);
  overflow: hidden;
}
.brand-banner img {
  width: min(850px, 90%);
  height: 220px;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.sponsor-band {
  padding: 92px 0 54px;
  border-block: 1px solid var(--line);
  background: linear-gradient(180deg, #fff 0%, #f8faff 100%);
  overflow: hidden;
}
.sponsor-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 50px;
  margin-bottom: 44px;
}
.sponsor-heading h2 {
  font-size: clamp(2.6rem, 5vw, 5rem);
  line-height: 0.92;
  letter-spacing: -0.065em;
  margin: 14px 0 0;
}
.sponsor-heading h2 span { color: var(--blue); }
.sponsor-heading p { max-width: 390px; margin: 0; color: var(--muted); }
.sponsor-window { position: relative; overflow: hidden; padding: 8px 0; }
.sponsor-window::before, .sponsor-window::after {
  content: ""; position: absolute; z-index: 3; top: 0; bottom: 0;
  width: min(12vw, 170px); pointer-events: none;
}
.sponsor-window::before { left: 0; background: linear-gradient(90deg, #fafcff, transparent); }
.sponsor-window::after { right: 0; background: linear-gradient(-90deg, #fafcff, transparent); }
.sponsor-track { display: flex; width: max-content; animation: sponsor-scroll 32s linear infinite; }
.sponsor-window:hover .sponsor-track { animation-play-state: paused; }
.sponsor-set { display: flex; gap: 14px; padding-right: 14px; }
.sponsor-set a {
  width: 250px; min-height: 126px; padding: 25px 28px;
  border: 1px solid #dfe4ee; border-radius: 18px; background: rgba(255,255,255,.9);
  display: flex; flex-direction: column; justify-content: space-between;
  transition: transform .2s, border-color .2s, box-shadow .2s;
}
.sponsor-set a:hover { transform: translateY(-3px); border-color: #b9d1ff; box-shadow: 0 18px 40px rgba(18,108,255,.1); }
.sponsor-set strong { font-size: 1.45rem; letter-spacing: -.035em; }
.sponsor-set img { width: auto; height: 44px; max-width: 160px; object-fit: contain; object-position: left center; }
.sponsor-set a:nth-child(1) img { height: 40px; max-width: 172px; }
.sponsor-set a:nth-child(2) img { width: 48px; }
.sponsor-set a:nth-child(3) img {
  width: 96px;
  height: 64px;
  max-width: 96px;
  object-fit: contain;
  object-position: left center;
  transform: none;
}
.sponsor-set a:nth-child(4) img { height: 46px; max-width: 130px; }
.sponsor-set a:nth-child(5) img { height: 42px; max-width: 135px; }
.sponsor-set a:nth-child(6) img { height: 44px; max-width: 120px; }
.sponsor-set small { color: #7d8492; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; }
.sponsor-note { display: flex; align-items: center; gap: 14px; margin-top: 30px; color: #858c9a; }
.sponsor-note span { color: var(--blue); font-size: .72rem; font-weight: 850; }
.sponsor-note p { margin: 0; font-size: .74rem; }
@keyframes sponsor-scroll { to { transform: translateX(-50%); } }
.risk {
  font-size: 0.77rem;
  color: #7e8594;
}
.footer {
  border-top: 1px solid var(--line);
  padding: 36px 0;
  color: #727987;
  font-size: 0.86rem;
}
.footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.footer-logo {
  width: 155px;
  height: 44px;
  object-fit: cover;
}
@media (max-width: 900px) {
  .hero,
  .split,
  .investor-hero,
  .thesis {
    grid-template-columns: 1fr;
  }
  .hero {
    padding: 65px 0 0;
  }
  .hero-art {
    height: 540px;
  }
  .grid3,
  .pricing {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-head, .sponsor-heading {
    align-items: start;
    flex-direction: column;
  }
  .links {
    display: none;
  }
  .stats-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .stat:nth-child(2) {
    border-right: 0;
  }
  .stat:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }
  .metrics {
    grid-template-columns: 1fr;
  }
  .metric {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .cta-box {
    align-items: start;
    flex-direction: column;
  }
}
@media (max-width: 580px) {
  .shell {
    width: min(100% - 28px, 1180px);
  }
  .nav-logo {
    width: 145px;
  }
  .nav > .btn {
    padding: 0 16px;
  }
  .investor-hero ~ .cta .btn {
    width: 100%;
    min-width: 0;
  }
  .hero h1,
  .page-head h1,
  .investor-hero h1 {
    font-size: 3.3rem;
  }
  .hero-art {
    height: 430px;
  }
  .hero-art:before {
    width: 350px;
    height: 350px;
  }
  .grid3,
  .pricing {
    grid-template-columns: 1fr;
  }
  .section {
    padding: 80px 0;
  }
  .brand-stage {
    min-height: 440px;
  }
  .brand-stage .robot-small {
    width: 310px;
  }
  .sponsor-band { padding: 68px 0 42px; }
  .sponsor-heading { margin-bottom: 32px; }
  .sponsor-set a { width: 210px; min-height: 112px; padding: 22px; }
  .sponsor-window { overflow-x: auto; scrollbar-width: none; }
  .sponsor-window::-webkit-scrollbar { display: none; }
  .footer-row {
    align-items: start;
    flex-direction: column;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sponsor-track { animation: none; }
  .sponsor-window { overflow-x: auto; }
  .sponsor-set[aria-hidden="true"] { display: none; }
}

/* Approved hero artwork, with accessible links matching the visible controls. */
.approved-hero{position:relative;width:100%;background:#edf6ff;line-height:0}
.approved-hero img{display:block;width:100%;height:auto}
.approved-hotspots{position:absolute;inset:0}
.hotspot{position:absolute;display:block;border-radius:999px}
.hotspot:focus-visible{outline:3px solid #0a6bff;outline-offset:3px;background:#ffffff55}
.hotspot.logo{left:3.8%;top:1.3%;width:18.5%;height:10.5%}
.hotspot.technology{left:26.2%;top:2%;width:6%;height:9%}
.hotspot.how{left:33.5%;top:2%;width:6.6%;height:9%}
.hotspot.roadmap-link{left:41.5%;top:2%;width:5.8%;height:9%}
.hotspot.founders{left:47.8%;top:2%;width:10%;height:9%}
.hotspot.investors{left:58.7%;top:2%;width:6.3%;height:9%}
.hotspot.signin{left:71.7%;top:1.3%;width:8%;height:10.5%}
.hotspot.nav-reserve{left:80.4%;top:1.3%;width:15.5%;height:10.5%}
.hotspot.hero-reserve{left:4.4%;top:79.5%;width:18.4%;height:10.2%}
.hotspot.watch{left:23.6%;top:79.5%;width:13.5%;height:10.2%}
@media(min-width:851px){.home>.home-header,.home .home-hero{display:none}}
@media(max-width:850px){.approved-hero{display:none}}

/* Approved How Trade Buddie Works visual. Keep readable layout on narrow screens. */
.approved-works{max-width:1600px;margin:0 auto}
.approved-works img{display:block;width:100%;height:auto}
@media(min-width:851px){.works-section>.process{display:none}}
@media(max-width:850px){.approved-works{display:none}}

/* Selected demo artwork with live controls aligned to its illustrated form. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-art{position:relative;padding:0;line-height:0;max-width:1600px;width:min(1600px,calc(100% - 48px));border-radius:20px;overflow:hidden}
.demo-art>img{display:block;width:100%;height:auto}
.demo-art-controls{position:absolute;left:3.7%;top:54.5%;width:31.5%;height:8.6%;display:grid;grid-template-columns:repeat(4,1fr);gap:1%;background:#0b2035}
.demo-art-controls button{border:0;border-radius:10px;background:#203950;color:#fff;font:700 clamp(.78rem,1.28vw,1.25rem)/1 Inter,system-ui,sans-serif;cursor:pointer}
.demo-art-controls button.selected{background:#086bfa}
.demo-art-controls button:focus-visible,.demo-art-run:focus-visible,.demo-art-goal input:focus-visible{outline:3px solid #fff;outline-offset:2px}
.demo-art-goal{position:absolute;left:3.7%;top:67%;width:31.5%;height:9%;display:flex;align-items:end;gap:3%;background:#081b2e;color:#fff;font:700 clamp(.75rem,1.12vw,1.1rem) Inter,system-ui,sans-serif}
.demo-art-goal label{position:absolute;left:0;top:0;line-height:1.1}.demo-art-goal input{width:76%;margin:0 0 2%;accent-color:#076fff;cursor:pointer}.demo-art-goal output{white-space:nowrap;margin-bottom:1.2%;line-height:1}
.demo-art-run{position:absolute;left:3.75%;top:79.4%;width:30.7%;height:10.2%;border:0;border-radius:100px;background:transparent;cursor:pointer}
.demo-art-run:hover{background:#ffffff18}
.demo-art-result{position:absolute;left:76.3%;top:28.4%;width:21%;height:15%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-content:center;gap:8%;padding:1%;background:#10263b;color:#fff;line-height:1.1;font-size:clamp(.65rem,1vw,1rem)}
.demo-art-result span{grid-row:2;color:#b2c8dc}.demo-art-result strong{grid-row:1;font-size:clamp(1rem,1.7vw,1.8rem)}.demo-art-result strong:last-child{color:#12d8ae}
.demo-art-note{font-size:.8rem;color:#48617e;margin:6px auto 24px;text-align:right}
@media(min-width:1101px){.demo-section>.demo{display:none}}
@media(max-width:1100px){.demo-section>.demo-art,.demo-art-note{display:none}}

/* Show the uploaded artwork without painted controls until a visitor interacts. */
.demo-art-controls{background:transparent}
.demo-art-controls button,.demo-art-controls button.selected{background:transparent;color:transparent}
.demo-art-controls.is-engaged{background:#0b2035}
.demo-art-controls.is-engaged button{background:#203950;color:#fff}
.demo-art-controls.is-engaged button.selected{background:#086bfa}
.demo-art-goal{background:transparent}
.demo-art-goal label,.demo-art-goal output{color:transparent}
.demo-art-goal input{opacity:0}
.demo-art-goal.is-engaged{background:#081b2e}
.demo-art-goal.is-engaged label,.demo-art-goal.is-engaged output{color:#fff}
.demo-art-goal.is-engaged input{opacity:1}
.demo-art-result{display:none}
.demo-art-result.is-engaged{display:grid}
/* Show the supplied demo artwork at every viewport. Narrow screens can pan it. */
.demo-section>.demo{display:none}
.demo-section>.demo-art,.demo-section>.demo-art-note{display:block}
@media(max-width:1100px){
  .demo-section{overflow-x:auto;overscroll-behavior-x:contain}
  .demo-section>.demo-art{width:1024px;max-width:none;margin:0 16px}
  .demo-section>.demo-art-note{width:1024px;max-width:none;margin:6px 16px 24px}
}

/* Approved three-column founding membership and roadmap artwork. */
.founding-roadmap{background:#fff;overflow-x:auto;overscroll-behavior-x:contain}
.founding-art{position:relative;max-width:1600px;width:min(1600px,calc(100% - 48px));line-height:0}
.founding-art img{display:block;width:100%;height:auto}
.founding-hit{position:absolute;display:block;border-radius:999px}
.founding-hit.reserve{left:4.2%;top:77.3%;width:18.6%;height:12%}
.founding-hit.join{left:34.8%;top:74.8%;width:24.6%;height:12.3%}
.founding-hit:focus-visible{outline:3px solid #076cff;outline-offset:3px;background:#ffffff22}
.roadmap-anchor{position:absolute;left:64%;top:0;width:1px;height:1px}
.founding-note{font-size:.8rem;color:#48617e;text-align:right;margin:0 auto 16px}
@media(max-width:1100px){.founding-art,.founding-note{width:1100px;max-width:none;margin-left:16px;margin-right:16px}}

/* Approved compact statistics and logos strip. */
.home-metrics{overflow-x:auto;overscroll-behavior-x:contain;background:#fff}
.metrics-art{height:clamp(125px,10vw,170px);max-width:1600px;width:min(1600px,calc(100% - 48px));overflow:hidden}
.metrics-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
@media(max-width:1100px){.metrics-art{width:1100px;max-width:none;height:145px;margin:0 16px}}

/* Approved mountain call to action, with its button mapped to the membership section. */
.home-final{padding:0;background:#041525;overflow-x:auto;overscroll-behavior-x:contain}
.final-art{position:relative;width:100%;max-width:1600px;margin:auto;line-height:0}
.final-art img{display:block;width:100%;height:auto}
.final-reserve{position:absolute;left:76.6%;top:39.5%;width:20%;height:12.5%;border-radius:999px}
.final-reserve:focus-visible{outline:3px solid #fff;outline-offset:4px;background:#ffffff22}
@media(max-width:1100px){.final-art{width:1100px;max-width:none}}
/* Keep the clickable target aligned with the lowered button artwork. */
.final-reserve{top:41.8%}

/* Button target follows the approved lower CTA artwork. */
.final-reserve{top:68.9%}