@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:#11131a; --paper:#191c25; --ink:#f3f4f8; --muted:#9ca4b8; --line:#303543; --accent:#6c63ff; --accent-2:#242841; --dark:#090a0e; --light:#fff; --width:1240px; }
.site-header{background:#11131a}.nav-links .nav-cta,.button{border-radius:7px}.hero{background:radial-gradient(circle at 80% 30%,#24204c,transparent 35%)}
.hero-layout{grid-template-columns:.7fr 1.3fr}.concept-stage{min-height:540px;border-color:#3b4051;border-radius:14px;box-shadow:0 35px 80px #08090d}
.os-stage{height:100%;background:#11131a}.os-bar{display:flex;height:42px;padding:0 15px;align-items:center;gap:7px;background:#232631;border-bottom:1px solid #3b4051}.os-bar i{width:8px;height:8px;background:#6c63ff;border-radius:50%}.os-bar span{margin-left:10px;color:#9ca4b8;font-size:10px}
.os-body{display:grid;min-height:496px;grid-template-columns:100px 1fr}.os-body aside{display:flex;padding:22px 13px;flex-direction:column;gap:20px;background:#0d0f15;border-right:1px solid #303543;font-size:11px}.os-body aside b{display:grid;width:38px;height:38px;place-items:center;background:#6c63ff;border-radius:10px}.os-body aside span{color:#9ca4b8}
.os-work{padding:22px}.command{padding:14px;color:#7e879b;background:#0d0f15;border:1px solid #303543;border-radius:8px;font-size:11px}.os-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.os-cards article{padding:18px;background:#20232d;border:1px solid #343949;border-radius:9px}.os-cards small{font-size:9px;letter-spacing:.1em}.os-cards strong{display:block;margin:20px 0 5px;font-size:30px}.os-cards span{color:#9ca4b8;font-size:10px}
.activity{display:flex;margin-top:16px;padding:18px;flex-direction:column;background:#171a22;border:1px solid #303543;border-radius:9px}.activity b{margin-bottom:12px}.activity span{padding:12px 0;border-top:1px solid #303543;color:#c2c7d3;font-size:11px}.activity em{float:right;color:#757f95}
.feature{background:#191c25;border-radius:10px}.about-mark{border-radius:14px;background:linear-gradient(145deg,#6c63ff,#3f399c)}.section.alt{background:#0d0f15}
.showcase{background:#171a22;border:1px solid #303543;border-radius:14px}.showcase-art{right:5%;top:10%;width:42%;height:80%;background:linear-gradient(#242841,#12141c);border:1px solid #3b4051;border-radius:12px;box-shadow:-20px 20px 0 #6c63ff}
@media(max-width:820px){.os-body{grid-template-columns:70px 1fr}.os-cards{grid-template-columns:1fr}.os-cards article:nth-child(n+2){display:none}.hero-layout{grid-template-columns:1fr}}