@import url("../assets/framework-base.css");
.showcase { padding: clamp(28px, 6vw, 68px); }
.showcase-number { display: block; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.showcase > strong { position: relative; z-index: 2; display: block; max-width: 800px; margin-top: 20px; font-size: clamp(48px, 8vw, 105px); line-height: .85; letter-spacing: -.07em; }
.showcase > p { position: relative; z-index: 2; max-width: 420px; margin-top: 25px; color: #b9bec5; line-height: 1.5; }
.showcase-art { position: absolute; pointer-events: none; }

:root { --bg:#e9eee8; --paper:#f8faf5; --ink:#21372f; --muted:#667a72; --line:#bdcbc5; --accent:#1d8c72; --accent-2:#c8e5da; --dark:#21372f; --width:1220px; }
.button,.nav-links .nav-cta{border-radius:999px}.hero-layout{grid-template-columns:.75fr 1.25fr}
.concept-stage{min-height:600px;border:0;background:#d9e4dc;border-radius:45% 8px 45% 8px}.map-stage{position:relative;height:100%;min-height:600px;background:radial-gradient(circle at 35% 30%,#eef3ed 0 9%,transparent 9%),radial-gradient(circle at 72% 68%,#c2d6c7 0 14%,transparent 14%),linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.5) 47% 53%,transparent 53%)}
.route-line{position:absolute;height:5px;background:#1d8c72;border-radius:5px;transform-origin:left}.r1{left:13%;top:25%;width:64%;transform:rotate(29deg)}.r2{left:28%;top:70%;width:52%;transform:rotate(-42deg)}.route-line:after{content:"";position:absolute;inset:-5px;border:1px dashed #1d8c72;border-radius:8px}
.marker{position:absolute;padding:0;border:0;background:transparent;color:#21372f;cursor:pointer}.marker i{display:block;width:34px;height:34px;margin:auto;background:#ef6a4e;border:7px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 0 0 1px #21372f;transform:rotate(-45deg)}.marker span{display:block;margin-top:9px;padding:7px 9px;background:#fff;border:1px solid #21372f;border-radius:4px;font-size:10px;font-weight:900}.m1{left:10%;top:18%}.m2{left:48%;top:47%}.m3{right:8%;bottom:15%}
.map-key{position:absolute;left:6%;bottom:6%;display:flex;padding:14px;gap:16px;background:#21372f;color:#fff;border-radius:8px;font-size:10px}.map-key b{color:#7fe2c8}.feature{border-radius:8px}.feature small{display:grid;width:44px;height:44px;place-items:center;color:#fff;background:#1d8c72;border-radius:50%}.about-mark{border-radius:50% 50% 6px 6px}
.showcase{background:#d9e4dc;color:#21372f;border-radius:250px 8px 8px 8px}.showcase>p{color:#667a72}.showcase-art{inset:0;background:linear-gradient(28deg,transparent 49.5%,#1d8c72 50%,transparent 50.5%)}.showcase-art:after{content:"";position:absolute;right:12%;top:17%;width:54px;height:54px;background:#ef6a4e;border:12px solid #fff;border-radius:50%}