:root{
  --bg:#0b1119;--bg2:#101925;--paper:#f2ede2;--ink:#17202b;--muted:#8490a0;
  --gold:#dfb96a;--gold2:#f0d392;--line:rgba(255,255,255,.11);--card:#121c28;
  --serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#edf2f7;font-family:var(--sans);line-height:1.55}
a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));position:sticky;top:0;background:rgba(11,17,25,.92);backdrop-filter:blur(18px);z-index:20}
.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:39px;height:39px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:700 12px var(--serif)}.brand strong{display:block;font-family:var(--serif);font-size:17px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em}.site-header nav{display:flex;gap:26px;font-size:13px;color:#aab4c0}.site-header nav a:hover{color:var(--gold2)}
.hero{min-height:680px;display:grid;grid-template-columns:1.45fr .75fr;gap:80px;align-items:center;padding-block:90px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--gold);margin:0 0 20px}.hero h1,.section h2,.method-section h2{font:400 clamp(54px,8vw,102px)/.88 var(--serif);letter-spacing:-.045em;margin:0}.hero h1 em{color:var(--gold);font-weight:400}.lead{max-width:680px;color:#a9b3bf;font-size:18px;margin:30px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--line);padding:13px 18px;font-size:13px}.btn.primary{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}.hero-panel{border-top:2px solid var(--gold);background:var(--card);padding:28px}.status{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.status i{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:8px}.hero-panel>p{color:#96a2b0;font-size:14px;margin:22px 0 30px}.hero-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:0}.hero-panel dl div{background:var(--card);padding:18px 0}.hero-panel dt{font:400 31px var(--serif);color:var(--gold2)}.hero-panel dd{margin:3px 0 0;color:#778492;font-size:11px}
.insight-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.insight-strip>div{padding:31px;border-right:1px solid var(--line);display:flex;gap:18px}.insight-strip>div:last-child{border-right:0}.insight-strip span{font:italic 18px var(--serif);color:var(--gold)}.insight-strip p{margin:0;color:#8995a3;font-size:13px}.insight-strip b{color:#e6ebf0}
.section{padding-block:110px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.section-head h2{font-size:clamp(40px,5vw,66px)}.section-head>p{max-width:420px;color:#8592a0;font-size:14px;margin:0 0 6px}
.compare-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.chart-card,.note-card{background:var(--card);border:1px solid var(--line);padding:28px}.control-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}label,.kicker{color:#788695;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}select,input{background:#0c141e;color:#e8edf2;border:1px solid var(--line);padding:11px 13px;font:inherit;outline:none}select:focus,input:focus{border-color:var(--gold)}
.gospel-bars{padding-top:30px}.bar-row{display:grid;grid-template-columns:75px 1fr 44px;gap:15px;align-items:center;margin:20px 0}.bar-label{font:17px var(--serif)}.bar-track{height:10px;background:#1d2a38;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));transform-origin:left;animation:grow .6s ease both}.bar-value{text-align:right;font:20px var(--serif);color:var(--gold2)}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.note-card h3{font:34px var(--serif);margin:18px 0}.note-card>p:not(.kicker){color:#8d99a7;font-size:14px}.mini-stat{margin-top:45px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between}.mini-stat span{color:#7f8c99;font-size:12px}.mini-stat strong{font:30px var(--serif);color:var(--gold)}
.explorer-section{background:var(--paper);color:var(--ink)}.explorer-section .eyebrow{color:#916f2f}.explorer-section .section-head>p{color:#68717a}.filters{display:grid;grid-template-columns:190px 220px 1fr;gap:10px;margin-bottom:25px}.explorer-section select,.explorer-section input{background:#fff;color:var(--ink);border-color:#d7d0c5}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action-card{background:#fff;border:1px solid #d9d2c7;padding:19px;min-height:150px;display:flex;flex-direction:column;transition:.2s}.action-card:hover{transform:translateY(-3px);border-color:#b99552;box-shadow:0 12px 30px rgba(39,32,22,.08)}.action-card .group{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#9b7d45;font-weight:800}.action-card h3{font:21px/1.05 var(--serif);margin:11px 0 auto}.action-card .count{font:36px var(--serif)}.action-card .count small{font:11px var(--sans);color:#85817b}.no-results{grid-column:1/-1;padding:50px;text-align:center;color:#777}
.examples .section-head h2{font-size:clamp(40px,5vw,66px)}.example-list{border-top:1px solid var(--line)}.example{display:grid;grid-template-columns:150px 1fr 1.2fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.example-ref{font:20px var(--serif);color:var(--gold2)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:10px;padding:5px 8px;border:1px solid var(--line);color:#9eabba}.example p{margin:0;color:#9aa6b4;font-size:14px}
.method-section{background:#111a24;border-top:1px solid var(--line);padding:110px 0}.method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.method-section h2{font-size:clamp(45px,6vw,78px)}.method-copy h3{font:28px var(--serif);color:var(--gold2);margin:0 0 10px}.method-copy p,.method-copy li{color:#98a4b2;font-size:14px}.method-copy h3:not(:first-child){margin-top:38px}.method-copy ol{padding-left:20px}.method-copy li{margin:7px 0}.translation-note{margin-top:40px;padding:20px;border-left:2px solid var(--gold);background:#0c141d;color:#9aa5b2;font-size:13px}
.site-footer{display:flex;justify-content:space-between;padding-block:45px;color:#798592;font-size:12px}.site-footer strong{font:20px var(--serif);color:#e9edf1}.site-footer p{margin:6px 0}.site-footer>div:last-child{display:flex;gap:22px;align-items:center}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:30px;min-height:auto}.hero-panel{max-width:560px}.insight-strip{grid-template-columns:1fr}.insight-strip>div{border-right:0;border-bottom:1px solid var(--line)}.compare-grid,.method-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.example{grid-template-columns:120px 1fr}.example p{grid-column:2}.section-head{align-items:start;flex-direction:column}.method-grid{gap:50px}}
@media(max-width:560px){.shell{width:min(100% - 26px,1180px)}.site-header{height:70px;padding:0 13px}.brand small{display:none}.hero{padding-block:65px}.hero h1{font-size:57px}.lead{font-size:16px}.hero-panel dl{grid-template-columns:1fr 1fr}.section{padding-block:75px}.action-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filters input{grid-column:auto}.example{grid-template-columns:1fr}.example p{grid-column:auto}.site-footer{flex-direction:column;gap:25px}.site-footer>div:last-child{align-items:flex-start;flex-direction:column;gap:5px}}