.eng{--ink:#121010;--ink2:#1C1817;--ink3:#27211F;--paper:#EDE3CF;--dim:#B2A895;--faint:#7A7163;--gold:#E0A526;--red:#C2452D;--line:rgba(237,227,207,.13);background:radial-gradient(60% 40% at 85% 0%,rgba(194,69,45,.18),transparent 70%),radial-gradient(50% 30% at 0% 40%,rgba(224,165,38,.10),transparent 70%),var(--ink);color:var(--paper);font:400 18px/1.6 "Work Sans",system-ui,sans-serif;padding-bottom:70px}
.eng *{box-sizing:border-box}.eng .w{max-width:980px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eng .q{height:6px;background:linear-gradient(90deg,#C2452D 0 14%,#E2A93B 14% 26%,#6F93C9 26% 41%,#F1E7D0 41% 46%,#8DB580 46% 60%,#B05A8E 60% 71%,#C97B4A 71% 86%,#2B3A67 86% 100%)}
.eng .k{margin:56px 0 12px;font:600 12px "IBM Plex Mono",monospace;letter-spacing:.14em;color:var(--gold)}
.eng h1{font:900 clamp(56px,13vw,150px)/.86 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;margin:0;letter-spacing:-.01em;text-wrap:balance;color:var(--paper);background:linear-gradient(180deg,#F4EDDC 40%,#E0A526 140%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.eng .tag{font:800 clamp(22px,3.6vw,34px)/1.15 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;color:var(--gold);margin:14px 0 18px;max-width:22ch}
.eng .lede{font-size:clamp(18px,2.2vw,21px);color:#d9cfbc;max-width:62ch}
.eng h2{font:900 clamp(28px,4.6vw,42px)/1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;margin:0 0 16px;color:var(--paper)}
.eng section{margin-top:56px}
.eng .cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}
.eng a.go{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:6px;background:var(--red);color:var(--paper);font:800 20px "Big Shoulders Display",Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:0 12px 34px -12px rgba(194,69,45,.8)}
.eng a.go:hover{background:#d4502f}.eng a.ln{color:var(--gold);font-weight:600}
.eng .plate{border:1px solid rgba(224,165,38,.35);border-radius:10px;padding:22px;background:linear-gradient(160deg,rgba(44,26,32,.55),rgba(14,12,14,.9));position:relative}
.eng .plate::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(224,165,38,.18);border-radius:6px;pointer-events:none}
.eng .plate dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 24px;margin:0}
.eng .plate dt{font:600 11px "IBM Plex Mono",monospace;letter-spacing:.12em;color:var(--gold);text-transform:uppercase}
.eng .plate dd{margin:4px 0 0;color:var(--paper);font-size:16.5px}
.eng ol.how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;counter-reset:s}
.eng ol.how li{counter-increment:s;background:var(--ink2);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:8px;padding:18px}
.eng ol.how li::before{content:counter(s);display:block;font:900 44px/1 "Big Shoulders Display",Impact,sans-serif;color:var(--gold);margin-bottom:8px}
.eng ol.how b{display:block;font:800 22px/1.1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;margin-bottom:6px}
.eng ol.how span{color:var(--dim);font-size:16px}
.eng .more nav,.eng .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.eng .more a{display:flex;gap:10px;align-items:baseline;padding:12px 14px;border:1px solid var(--line);border-radius:8px;color:var(--paper);text-decoration:none;font-weight:600}
.eng .more a i,.eng .card i{font:600 11px "IBM Plex Mono",monospace;font-style:normal;color:var(--gold)}
.eng .more a:hover,.eng .card:hover{border-color:var(--gold)}
.eng .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.eng .card{display:grid;gap:6px;padding:20px;border-radius:10px;background:linear-gradient(160deg,rgba(44,26,32,.6),rgba(14,12,14,.92));border:1px solid rgba(224,165,38,.22);text-decoration:none;color:var(--paper)}
.eng .card b{font:900 30px/1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase}
.eng .card span{color:var(--dim);font-size:15.5px}

.eng .hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end}
.eng .gl{width:22px;height:22px;color:var(--gold);flex:none}
.eng .gl.big{width:clamp(96px,18vw,190px);height:auto;color:var(--gold);filter:drop-shadow(0 0 28px rgba(224,165,38,.35));margin-bottom:6px}
.eng .card .card-gl{width:48px;height:48px;color:var(--gold);margin-bottom:4px}
.eng .more a{align-items:center}
@media (max-width:560px){.eng .hero{grid-template-columns:1fr}.eng .gl.big{order:-1;width:96px;margin:40px 0 -30px}}

.eng .card{align-content:start}
.eng .state{display:inline-flex;align-items:center;gap:8px;font:600 12px "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
.eng .state::before{content:"";width:9px;height:9px;border-radius:50%}
.eng .state.l{color:#8DB580}.eng .state.l::before{background:#8DB580;box-shadow:0 0 10px #8DB580}
.eng .state.b{color:var(--gold)}.eng .state.b::before{background:var(--gold);box-shadow:0 0 10px var(--gold)}

.eng .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:28px 0 4px}
.eng .stats div{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;padding:14px 16px;background:var(--ink2)}
.eng .stats b{display:block;font:900 clamp(32px,5vw,46px)/1 "Big Shoulders Display",Impact,sans-serif;color:var(--paper)}
.eng .stats span{display:block;margin-top:6px;color:var(--dim);font-size:14px}
.eng .skills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.eng .skills span{border:1px solid rgba(224,165,38,.45);color:var(--gold);border-radius:999px;padding:5px 13px;font:600 12px "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.eng ul.can,.eng ul.uses,.eng ul.lim,.eng ul.ok{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.eng ul.can{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.eng ul.can li{background:var(--ink2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:12px 14px;color:#e4dac6}
.eng ul.uses li{padding:12px 14px 12px 44px;position:relative;border-bottom:1px solid var(--line);color:#e4dac6;font-size:17px}
.eng ul.uses li::before{content:"→";position:absolute;left:12px;top:11px;color:var(--red);font-weight:700}
.eng .pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.eng .half{margin-top:56px}
.eng ul.lim li,.eng ul.ok li{padding-left:26px;position:relative;color:#d9cfbc}
.eng ul.lim li::before{content:"!";position:absolute;left:4px;color:var(--gold);font-weight:800}
.eng ul.ok li::before{content:"✓";position:absolute;left:2px;color:#8DB580;font-weight:800}
.eng .when{font:500 12px "IBM Plex Mono",monospace;color:var(--faint);margin:-6px 0 12px}

.eng .ver{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:999px;font:600 11px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;vertical-align:middle}
.eng .st-concept{color:#7A7163}.eng .st-alpha{color:#E59A94}.eng .st-beta{color:#E0A526}.eng .st-stable{color:#8DB580}
.eng .stages dl{display:grid;gap:10px;margin:14px 0 0}.eng .stages dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}.eng .stages dd{margin:0}
.eng .stages dt.ver{margin:0;justify-self:start}
@media (max-width:520px){.eng .stages dl div{grid-template-columns:1fr;gap:4px}}

.eng .ver.free{color:#8DB580}.eng .ver.paid{color:#E59A94}
.eng .freeline{margin:14px 0 0;padding:12px 16px;border:1px solid rgba(141,181,128,.4);border-radius:10px;background:rgba(141,181,128,.08);color:#D9CFBA;max-width:70ch}.eng .freeline b{color:#8DB580}
.eng .cost{border:1px solid rgba(229,154,148,.4);border-radius:12px;padding:16px 18px;background:rgba(229,154,148,.06)}