:root{color:#101416;background:#f4f5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button,input,textarea,select{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(13,148,136,.12),transparent 34%),linear-gradient(135deg,#f7f8f5,#eef2ed)}.phone{width:min(100%,390px);min-height:760px;border:10px solid #101416;border-radius:42px;overflow:hidden;background:#eef2ed;box-shadow:0 28px 70px #1014162e}.statusbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;background:#fff;font-size:17px;font-weight:900}.status-dot{width:54px;height:5px;border-radius:999px;background:#101416}.hero{--accent-color: #0d9488;--primary-color: #101416;--hero-title-color: #ffffff;min-height:252px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:18px;padding:28px;border-radius:32px;color:#fff;background:linear-gradient(136deg,var(--accent-color),#214a63 48%,var(--primary-color))}.hero[data-position=center]{align-items:center}.hero[data-position=bottom]{align-items:flex-end}.hero[data-align=center]{text-align:center}.hero[data-align=right]{text-align:right}.hero-copy{min-width:0;flex:1}.hero-copy p{margin:0 0 14px;color:#ffffffb8;font-size:13px;font-weight:900}.hero-copy h1{margin:0;color:var(--hero-title-color);font-size:clamp(34px,8vw,46px);line-height:1.08;letter-spacing:0;font-weight:950;overflow-wrap:anywhere}.hero-badge{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#ffffff29;font-size:21px;font-weight:950}.banner{margin:0 18px 14px;padding:14px;border-radius:18px;background:#fff;color:#101416;font-size:14px;font-weight:800}.primary-button{width:calc(100% - 36px);min-height:58px;margin:0 18px 18px;border:0;border-radius:24px;background:#fff;color:#101416;font-size:17px;font-weight:900;cursor:pointer}.metric-grid{display:grid;gap:14px;margin:0 18px 18px}.metric-card{display:grid;gap:8px;min-height:112px;padding:18px;border-radius:24px;background:#fff}.metric-card span{color:#68706b;font-size:13px;font-weight:900}.metric-card strong{font-size:32px;line-height:1;letter-spacing:0}.metric-card p{margin:0;color:#68706b;font-size:14px}.config-footer{display:flex;justify-content:space-between;gap:12px;padding:0 18px 22px;color:#68706b;font-size:12px;font-weight:800}.config-footer span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell[data-spacing=compact] .hero{min-height:204px;margin-bottom:12px}.shell[data-spacing=compact] .metric-grid{gap:10px}.shell[data-spacing=spacious] .hero{min-height:300px;margin-bottom:24px}.shell[data-spacing=spacious] .metric-grid{gap:18px}@media(max-width:460px){.shell{padding:0}.phone{min-height:100vh;border:0;border-radius:0}}