:root{--ink:#151414;--muted:#706e69;--cream:#f5f1e9;--paper:#fffcf6;--gold:#c79947;--deep-gold:#8f6423;--blue:#274453;--line:#dfd7ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.shell{max-width:1180px;margin:auto;padding-left:30px;padding-right:30px}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px);z-index:-1}.ambient-one{width:440px;height:440px;background:radial-gradient(circle,#e8d5b6 0%,transparent 69%);top:-160px;right:-60px}.ambient-two{width:540px;height:540px;background:radial-gradient(circle,#dfe8e4 0%,transparent 69%);top:730px;left:-250px}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.17em}.brand-mark{height:30px;width:30px;border:1.6px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Playfair Display;font-size:17px;letter-spacing:0}.nav nav{display:flex;gap:32px}.nav nav a{color:#595651;text-decoration:none;font-size:13px;font-weight:600}.nav-cta{font-size:12px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px;font-weight:700}.nav-cta span{font-size:17px;margin-left:5px}.hero{min-height:590px;padding-top:94px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--deep-gold);display:flex;align-items:center;gap:9px;margin:0 0 20px}.eyebrow span{width:25px;height:1px;background:var(--gold)}h1,h2{letter-spacing:-.055em;margin:0;font-weight:700}h1{font-size:clamp(56px,7.2vw,100px);line-height:1.01;max-width:900px}h1 em,h2 em{font-family:Playfair Display,serif;font-weight:600;color:var(--deep-gold)}.hero-copy{max-width:470px;font-size:15px;line-height:1.8;color:var(--muted);margin:29px 0}.hero-bottom{margin-top:95px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted)}.hero-bottom b{color:var(--gold);font-size:18px;margin:0 8px}.scroll-cue{display:flex;gap:10px;align-items:center}.scroll-cue i{width:24px;height:38px;border:1px solid #aaa49b;border-radius:18px;display:block;position:relative}.scroll-cue i:after{content:"";position:absolute;width:3px;height:8px;background:var(--gold);left:9px;top:8px;border-radius:3px;animation:scroll 1.8s infinite}@keyframes scroll{50%{transform:translateY(12px);opacity:.2}}.converter{padding-top:92px;padding-bottom:135px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:40px}.status{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#76716a}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79a080;margin-right:7px;box-shadow:0 0 0 4px #d9e5da}.conversion-card{background:var(--paper);border:1px solid var(--line);display:grid;grid-template-columns:1fr 82px 1fr;box-shadow:0 22px 60px #56472a0c}.input-panel,.result-panel{padding:45px 48px}.input-panel label,.result-panel>p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#58554f;margin:0}.input-panel label span,.result-panel p span{font-family:DM Mono;color:var(--gold);font-size:9px;margin-left:7px}.input-wrap{border-bottom:1px solid var(--ink);display:flex;align-items:center;margin-top:14px}.prefix{font-family:DM Mono;color:var(--gold);font-size:28px}input{font-family:DM Mono,monospace;width:100%;border:0;outline:0;background:transparent;font-size:42px;letter-spacing:.03em;color:var(--ink);padding:8px 0}#clear{border:0;background:transparent;font-size:25px;color:#aaa49b;cursor:pointer}.input-hint{margin:11px 0 0;font-size:11px;color:#8b867e}.presets{display:flex;gap:8px;margin-top:27px}.presets button{font:500 10px DM Mono;background:transparent;border:1px solid #d8d0c3;padding:7px 9px;color:#77716a;cursor:pointer;border-radius:2px}.presets button:hover{border-color:var(--gold);color:var(--deep-gold)}.arrow-divider{display:grid;place-items:center}.arrow-divider span{display:grid;place-items:center;width:33px;height:33px;color:var(--gold);font-size:23px;border:1px solid #e3d8c9;border-radius:50%}.result-panel{background:#f1eadf}.result-panel>p{color:#716a60}.result-panel output{font:500 48px DM Mono;letter-spacing:.04em;display:block;margin-top:11px;color:var(--blue)}.result-meta{border-top:1px solid #d8cebf;margin-top:17px;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;color:#80796e}.result-meta strong{font-family:DM Mono;color:var(--ink);font-weight:500}.process{padding-bottom:145px;display:grid;grid-template-columns:330px 1fr;gap:80px}.process-intro h2{font-size:44px;line-height:1.08}.process-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin-top:25px}.legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#77716a}.legend i{width:8px;height:8px;display:inline-block;margin-right:5px}.legend .gold{background:var(--gold)}.legend .blue{background:var(--blue)}.diagram-card{background:#1e282b;color:#f7f0e7;padding:29px 31px 24px;box-shadow:16px 17px 0 #d8cdbb}.diagram-head{display:flex;justify-content:space-between;border-bottom:1px solid #405155;padding-bottom:16px;color:#9aa9a8;font:500 9px DM Mono;letter-spacing:.11em}.diagram-head span:last-child{color:#dfbf81}.flow-row{display:flex;align-items:center;padding:23px 0;gap:24px}.row-label{width:55px;color:#92a2a2;font:500 9px DM Mono;letter-spacing:.08em}.row-label small{display:block;font-size:8px;opacity:.55;margin-top:3px}.digit-track,.hex-track,.bit-track{display:flex;min-height:42px;align-items:center}.digit-cell,.hex-cell{font:500 19px DM Mono;width:37px;height:37px;display:grid;place-items:center;border:1px solid #af803d;color:#f2d192;margin-right:5px}.hex-cell{border-color:#638390;color:#b9dce0}.bit-cluster{display:flex;border-left:1px solid #af803d;padding-left:8px;margin-right:10px;gap:6px;font:500 14px DM Mono;color:#f4eee5}.bit-cluster.hex-boundary{border-left-color:#638390}.connector{display:flex;align-items:center;gap:10px;color:#829090}.connector span{height:1px;background:#405155;flex:1}.connector p{font:500 9px DM Mono;white-space:nowrap;margin:0}.diagram-note{margin:4px 0 0 79px;color:#829090;font-size:9px;font-style:italic}.method{border-top:1px solid var(--line);padding-top:65px;padding-bottom:130px;display:grid;grid-template-columns:130px 1fr 1fr;gap:30px}.method-number{font:500 60px Playfair Display;color:#d1c2aa;line-height:1}.method h2{font-size:41px;line-height:1.1}.method>p{margin:8px 0 0;font-size:14px;line-height:1.8;color:var(--muted);max-width:380px}footer{border-top:1px solid var(--line);height:105px;display:flex;align-items:center;gap:30px;color:#77716a;font-size:11px}footer span:last-child{margin-left:auto;font:10px DM Mono;color:#9c958b}@media(max-width:760px){.shell{padding-left:20px;padding-right:20px}.nav nav{display:none}.nav-cta{font-size:10px}.hero{min-height:510px;padding-top:66px}.hero-bottom{margin-top:58px}.section-heading{align-items:start}.status{margin-top:7px;white-space:nowrap}.section-heading h2{font-size:31px}.conversion-card{grid-template-columns:1fr}.arrow-divider{height:40px}.arrow-divider span{transform:rotate(90deg)}.input-panel,.result-panel{padding:31px 25px}.process{grid-template-columns:1fr;gap:40px;padding-bottom:90px}.diagram-card{padding:22px 16px;box-shadow:9px 10px 0 #d8cdbb;overflow:hidden}.diagram-head{font-size:8px}.flow-row{gap:8px}.row-label{width:52px;flex:0 0 52px}.digit-cell,.hex-cell{width:30px;height:30px;font-size:15px;margin-right:3px}.bit-cluster{padding-left:4px;margin-right:4px;gap:3px;font-size:11px}.connector p{font-size:7px}.diagram-note{margin-left:59px;font-size:8px}.method{grid-template-columns:65px 1fr;gap:17px;padding-bottom:80px}.method>p{grid-column:2}.method-number{font-size:40px}footer{gap:14px}.hero-copy{font-size:14px}}