body{margin:0;background:var(--kit-paper)}
a{color:#C2410C}a:hover{color:var(--kit-ink)}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;box-sizing:border-box}
.card{background:var(--kit-card);border:1px solid var(--kit-line);border-radius:20px}
.tool:hover{border-color:#C2410C}
.chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #D6D2C7;font:500 14px 'Instrument Sans',sans-serif;color:var(--kit-ink2);background:var(--kit-card);cursor:pointer}
.chip-on{background:var(--kit-ink);color:#fff;border-color:var(--kit-ink)}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.ok{background:#DDEFE3;color:#1D6B43}.test{background:#F6E7C8;color:#7A4B00}.dev{background:#E6E8EE;color:#41495A}

.eco-s0{font-family: 'Instrument Sans', system-ui, sans-serif; color: var(--kit-ink); background: var(--kit-paper); min-height: 100vh}
.eco-s1{border-bottom: 1px solid var(--kit-line)}
.eco-s2{max-width: 1280px; margin: 0 auto; padding: 14px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px}
.eco-s3{display: flex}
.eco-s4{height: 28px}
.eco-s5{font-size: 12px; color: var(--kit-muted)}
.eco-s6{display: flex; gap: 20px; flex: 1 1 auto; flex-wrap: wrap; font-size: 15px}
.eco-s7{color: var(--kit-ink); text-decoration: none}
.eco-s8{color: var(--kit-ink); text-decoration: none}
.eco-s9{color: var(--kit-ink); text-decoration: none}
.eco-s10{background: #C2410C; color: #fff; min-height: 44px}
.eco-s11{max-width: 1280px; margin: 0 auto; padding: 80px 24px 56px; display: flex; flex-direction: column; gap: 20px; max-width: 1280px}
.eco-s12{font-size: 13px; color: #C2410C}
.eco-s13{margin: 0; font-size: clamp(48px, 6vw, 84px); line-height: 0.95; letter-spacing: -0.045em; max-width: 900px}
.eco-s14{color: #E8590C}
.eco-s15{margin: 0; font-size: 19px; color: var(--kit-ink2); max-width: 620px; line-height: 1.5}
.eco-s16{max-width: 1280px; margin: 0 auto; padding: 24px 24px 96px; display: flex; flex-direction: column; gap: 28px}
.eco-s17{background: #0F1B2D; color:var(--kit-on-ink)}
.eco-s18{max-width: 1280px; margin: 0 auto; padding: 96px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 20px}
.eco-s19{border: 1px solid #2B3B5A; border-radius: 24px; padding: 40px; display: flex; flex-direction: column; gap: 16px}
.eco-s20{font-size: 13px; color: #F4A26B}
.eco-s21{margin: 0; font-size: 42px; letter-spacing: -0.03em}
.eco-s22{margin: 0; color: #C3C7D0; line-height: 1.55}
.eco-s23{margin: 0; font-size: 13px; color: #8E94A0}
.eco-s24{background: var(--kit-paper); color: var(--kit-ink); align-self: flex-start; margin-top: auto}
.eco-s25{border: 1px solid #2B3B5A; border-radius: 24px; padding: 40px; display: flex; flex-direction: column; gap: 16px}
.eco-s26{font-size: 13px; color: #F4A26B}
.eco-s27{margin: 0; font-size: 42px; letter-spacing: -0.03em}
.eco-s28{margin: 0; color: #C3C7D0; line-height: 1.55}
.eco-s29{margin: 0; font-size: 13px; color: #8E94A0}
.eco-s30{color:var(--kit-on-ink); border-color: #4A5A78; align-self: flex-start; margin-top: auto}
.eco-s31{max-width: 1280px; margin: 0 auto; padding: 96px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 48px; align-items: center}
.eco-s32{width: 100%; max-width: 420px; height: 440px; object-fit: cover; border-radius: 24px}
.eco-s33{display: flex; flex-direction: column; gap: 18px}
.eco-s34{font-size: 13px; color: #C2410C}
.eco-s35{margin: 0; font-size: 36px; line-height: 1.15; letter-spacing: -0.025em; font-weight: 500}
.eco-s36{font-weight: 600; font-size: 18px}
.eco-s37{font-weight: 400; color: var(--kit-muted)}