.circular-showcase{background:#fff;}
.showcase-hero{position:relative; min-height:92vh; display:flex; align-items:end; overflow:hidden; color:#fff;}
.showcase-hero picture,.showcase-hero img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.hero-overlay{position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,19,36,.98) 0%,rgba(13,19,36,.82) 36%,rgba(13,19,36,.28) 72%,rgba(13,19,36,.48) 100%);}
.hero-content{position:relative; z-index:1; padding-top:170px; padding-bottom:44px;}
.hero-content h1{font-size:clamp(44px,7vw,88px); line-height:.98; max-width:960px; color:#fff; margin-bottom:22px;}
.hero-content p{font-size:20px; color:#C7CFDD; max-width:670px;}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin:30px 0 54px;}
.hero-proof{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; max-width:980px;}
.hero-proof span{border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.07); border-radius:8px; padding:14px 16px; color:#fff; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em;}
.showcase-band{padding:96px 0;}
.showcase-head{max-width:760px; margin-bottom:42px;}
.showcase-head h2,.value-layout h2,.dashboard-copy h2,.showcase-cta h2{font-size:clamp(30px,4vw,48px); line-height:1.08;}
.process-line{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px;}
.process-line article,.value-grid article,.r-grid article,.metric-board div{border:1px solid var(--grey); border-radius:10px; padding:22px; background:#fff; box-shadow:0 18px 42px -32px rgba(13,19,36,.42);}
.process-line article strong{display:block; color:var(--gold); font-size:12px; letter-spacing:.14em; margin-bottom:18px;}
.process-line article h3,.value-grid article h3{font-size:17px; margin-bottom:10px;}
.process-line article p,.value-grid article p,.r-grid article p{font-size:13px; margin:0;}
.value-layout{display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:start;}
.value-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
.value-grid article span{font-size:11px; color:var(--gold); font-weight:800; letter-spacing:.12em; text-transform:uppercase;}
.r-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;}
.r-grid article{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12);}
.r-grid article strong{display:block; color:var(--gold); margin-bottom:12px;}
.r-grid article p{color:#AEB9CB;}
.demo-dashboard{display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; align-items:center; border:1px solid var(--grey); border-radius:14px; padding:34px; background:linear-gradient(135deg,#F7F8FA 0%,#fff 52%,#F3F5F8 100%);}
.metric-board{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}
.metric-board div{min-height:118px;}
.metric-board span{display:block; min-height:30px; color:var(--slate); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em;}
.metric-board strong{display:block; margin-top:14px; color:var(--navy); font-size:18px;}
.sell-layout{display:grid; grid-template-columns:.9fr 1.1fr; gap:42px; align-items:start;}
.sell-copy h2{font-size:clamp(30px,4vw,46px); line-height:1.08;}
.seller-types{display:flex; gap:8px; flex-wrap:wrap; margin:28px 0;}
.seller-types span{border:1px solid var(--grey); background:#fff; border-radius:999px; padding:8px 12px; color:var(--steel); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em;}
.sell-points{display:grid; gap:10px; margin-top:26px;}
.sell-points article{display:flex; align-items:center; gap:14px; border:1px solid var(--grey); border-radius:10px; padding:14px 16px; background:#fff;}
.sell-points strong{display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--navy); color:var(--gold); font-size:13px;}
.sell-points span{font-weight:800; color:var(--navy);}
.sell-form{background:#fff; border:1px solid var(--grey); border-radius:14px; padding:28px; box-shadow:0 24px 60px -42px rgba(13,19,36,.45);}
.sell-form h3{font-size:24px; margin-bottom:22px;}
.form-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px;}
.sell-form .form-field{margin-bottom:16px;}
.sell-form textarea{min-height:122px;}
.sell-form .form-success{margin-top:18px;}
.showcase-cta{padding:92px 0; background:#0D1324; color:#fff; text-align:center;}
.showcase-cta h2,.showcase-cta p{margin-left:auto; margin-right:auto; color:#fff;}
.showcase-cta p{color:#AEB9CB;}

@media (max-width:1100px){
  .process-line,.r-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .value-layout,.demo-dashboard,.sell-layout{grid-template-columns:1fr;}
  .metric-board{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .showcase-hero{min-height:86vh;}
  .hero-content{padding-bottom:28px;}
  .hero-proof,.process-line,.value-grid,.r-grid,.metric-board,.form-grid{grid-template-columns:1fr;}
  .showcase-band{padding:70px 0;}
  .demo-dashboard,.sell-form{padding:22px;}
}