@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:#f1f5fb; --paper:#fff; --ink:#182943; --muted:#66738a; --line:#cdd7e7; --accent:#3168d9; --accent-2:#dce8ff; --dark:#182943; --width:1120px; }
.site-header{background:#fff}.button,.nav-links .nav-cta{border-radius:7px}.hero-layout{grid-template-columns:.72fr 1.28fr}
.concept-stage{min-height:590px;padding:24px;background:#dce8ff;border:0;border-radius:18px}.calculator-stage{display:flex;min-height:542px;padding:30px;flex-direction:column;background:#fff;border-radius:13px;box-shadow:0 22px 55px rgba(24,41,67,.13)}
.calc-head{display:flex;margin-bottom:28px;align-items:center;justify-content:space-between}.calc-head small{font-size:10px;font-weight:900;letter-spacing:.13em}.calc-head b{font-size:18px}
.calculator-stage label{display:grid;padding:20px 0;grid-template-columns:170px 1fr 75px;gap:18px;align-items:center;border-top:1px solid #dce3ee;font-size:12px;font-weight:800}.calculator-stage label span{text-align:right}.calculator-stage input{width:100%;accent-color:#3168d9}
.calc-result{margin-top:auto;padding:24px;color:#fff;background:#182943;border-radius:10px}.calc-result small{font-size:9px;letter-spacing:.14em}.calc-result strong{display:block;margin:9px 0 4px;color:#8db1ff;font-size:48px;letter-spacing:-.05em}.calc-result span{color:#b8c4d6;font-size:11px}
.feature{border-radius:12px;box-shadow:0 10px 30px rgba(24,41,67,.06)}.feature:nth-child(2){background:#dce8ff}.about-mark{border-radius:15px;box-shadow:0 18px 45px rgba(49,104,217,.2)}
.showcase{background:linear-gradient(135deg,#182943,#3168d9);border-radius:18px}.showcase-art{right:8%;top:13%;width:310px;height:310px;border:50px solid #8db1ff;border-right-color:rgba(255,255,255,.15);border-radius:50%;transform:rotate(25deg)}
@media(max-width:520px){.calculator-stage label{grid-template-columns:1fr 60px}.calculator-stage input{grid-row:2;grid-column:span 2}.calc-result strong{font-size:38px}}