:root{--ink:#12211d;--workshop:#173b32;--deep:#0d2b24;--signal:#d9f650;--ground:#f1f4f1;--card:#fff;--rule:#cbd4cf;--muted:#566a62;--rust:#b74722;--shadow:0 24px 64px rgba(18,33,29,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ground);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#789087 .65px,transparent .65px);background-size:17px 17px}a{color:var(--workshop)}button,input,select{font:inherit}.skip,.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed!important;width:auto;height:auto;clip:auto;top:1rem;left:1rem;margin:0;padding:.7rem 1rem;background:white;z-index:30}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
header{position:sticky;top:0;z-index:20;background:rgba(241,244,241,.94);border-bottom:1px solid var(--rule);backdrop-filter:blur(14px)}.nav{max-width:1180px;min-height:72px;margin:auto;padding:.7rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font-size:1.03rem;font-weight:650;letter-spacing:-.02em}.brand b{font-weight:850}.brand-mark{width:38px;height:38px;padding:8px 7px;display:flex;align-items:flex-end;justify-content:space-between;background:var(--workshop);border-radius:5px}.brand-mark i{width:3px;height:13px;background:var(--signal)}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:17px}.nav-links{display:flex;gap:1.4rem}.nav-links a{color:var(--ink);text-decoration:none;font-weight:720;font-size:.9rem}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;overflow:hidden;color:white;background:var(--deep)}.hero:after{content:"";position:absolute;width:650px;height:650px;right:-190px;top:-300px;border:1px solid rgba(217,246,80,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(217,246,80,.035),0 0 0 140px rgba(217,246,80,.02)}.hero-inner{position:relative;z-index:1;max-width:1180px;min-height:650px;margin:auto;padding:5.6rem 1.4rem;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:5rem}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:#e7f5aa;font:750 .74rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;background:var(--signal);border-radius:50%}.eyebrow.blue{color:var(--workshop)}h1,h2,h3{line-height:1.05;letter-spacing:-.04em}.hero h1{max-width:680px;margin:.65rem 0 1.25rem;font-size:clamp(3.5rem,7.1vw,6rem)}.hero h1 em{color:var(--signal);font-style:normal}.hero-copy>p{max-width:610px;margin:0;color:#d3dfda;font-size:1.16rem}.trust{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;margin:1.8rem 0 2rem;color:#edf5f1;font-size:.9rem;font-weight:720}.trust span:before{content:"+";margin-right:.42rem;color:var(--signal);font-family:monospace}.button{display:inline-flex;min-height:50px;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--ink);background:var(--signal);border:1px solid var(--signal);border-radius:5px;text-decoration:none;font-weight:850;box-shadow:5px 5px 0 #72821e;transition:.16s}.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #72821e}
.measure-board{position:relative;padding:1.5rem 1.6rem 1.25rem;color:var(--ink);background:var(--card);border:1px solid #d4dbd1;border-radius:8px;box-shadow:var(--shadow);transform:rotate(1.2deg)}.measure-board:before{content:"";position:absolute;inset:8px;border:1px solid #dce1d8;border-radius:4px;pointer-events:none}.board-top,.readout,.conversion-line,.ruler,.board-note{position:relative;z-index:1}.board-top{display:flex;justify-content:space-between;padding-bottom:1.25rem;color:var(--muted);font:700 .68rem monospace;letter-spacing:.1em}.board-top i{width:27px;height:27px;display:grid;place-items:center;color:var(--signal);background:var(--workshop);border-radius:50%;font-style:normal}.readout{display:grid;grid-template-columns:1fr auto;align-items:end;padding:.5rem 0}.readout small{grid-column:1/-1;color:var(--muted);font:700 .65rem monospace;letter-spacing:.1em}.readout strong{font:750 clamp(3rem,6vw,5.1rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.04em}.readout>span{padding-bottom:.55rem;color:var(--workshop);font:800 .77rem monospace}.readout.result strong{color:var(--rust)}.conversion-line{display:flex;align-items:center;gap:.8rem;color:var(--muted)}.conversion-line span{height:1px;flex:1;background:var(--rule)}.conversion-line b{font:800 1rem monospace}.ruler{height:56px;margin-top:1.1rem;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:4px solid var(--workshop)}.ruler i{width:2px;height:15px;background:var(--workshop)}.ruler i.major{height:32px;background:var(--rust)}.board-note{display:flex;justify-content:space-between;padding-top:.75rem;color:var(--muted);font:700 .68rem monospace}
.proof-strip{position:relative;z-index:2;max-width:1180px;margin:-1px auto 0;display:grid;grid-template-columns:repeat(4,1fr);color:white;background:var(--workshop);border-left:1px solid #38594f}.proof-strip div{min-height:108px;padding:1.35rem 1.5rem;border-right:1px solid #38594f}.proof-strip strong,.proof-strip span{display:block}.proof-strip strong{color:var(--signal);font:800 1.55rem/1.1 ui-monospace,monospace}.proof-strip span{margin-top:.35rem;color:#d5e0dc;font-size:.84rem}
.tools-section{position:relative;max-width:1180px;margin:auto;padding:6.2rem 1.4rem}.section-head{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:3rem;margin-bottom:2.7rem}.section-head h2{max-width:730px;margin:.55rem 0 0;font-size:clamp(2.7rem,5vw,4.7rem)}.section-head>p{margin:0;color:var(--muted);font-size:1.05rem}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tool-card{min-height:180px;padding:1.35rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.15rem;align-items:start;color:var(--ink);background:rgba(255,255,255,.96);border:1px solid var(--rule);border-radius:7px;text-decoration:none;box-shadow:0 5px 0 rgba(18,33,29,.04);transition:.16s}.tool-card:nth-child(1),.tool-card:nth-child(2){min-height:218px}.tool-card:hover{transform:translateY(-3px);border-color:#75887f;box-shadow:0 13px 28px rgba(18,33,29,.09)}.tool-icon{width:50px;height:50px;display:inline-grid;place-items:center;color:var(--signal);background:var(--workshop);border-radius:4px;font:850 .9rem ui-monospace,monospace;font-style:normal}.tool-copy{display:block}.sample{display:block;color:var(--rust);font:750 .72rem ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}.sample b{color:var(--muted)}.tool-card h3{margin:.55rem 0 .42rem;font-size:1.35rem}.tool-card p{margin:0;color:var(--muted)}.card-arrow{color:var(--workshop);font-size:1.2rem}.principles{max-width:1180px;margin:0 auto 6rem;padding:4rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;color:white;background:var(--deep);border-radius:8px}.principle-intro h2{margin:.7rem 0;font-size:clamp(2.4rem,4vw,3.8rem)}.principle-intro>p{color:#b8c9c3}.principle-list article{padding:1.25rem 0;display:grid;grid-template-columns:45px 1fr;gap:1rem;border-bottom:1px solid #355148}.principle-list article:first-child{padding-top:0}.principle-list article:last-child{border:0}.principle-list b{color:var(--signal);font:800 .77rem monospace}.principle-list h3{margin:0 0 .35rem;font-size:1.25rem}.principle-list p{margin:0;color:#b8c9c3}
.tool-heading{position:relative;overflow:hidden;max-width:1180px;margin:2.4rem auto 1.5rem;padding:clamp(2.6rem,6vw,4.8rem) 1.4rem;color:white;background-color:var(--deep);background-image:radial-gradient(circle at 82% 27%,rgba(217,246,80,.16),transparent 23%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;border-radius:8px;text-align:center;box-shadow:var(--shadow)}.tool-heading:after{content:"";position:absolute;width:280px;height:280px;right:5%;bottom:-160px;border:1px solid rgba(217,246,80,.15);border-radius:50%;box-shadow:0 0 0 38px rgba(217,246,80,.035),0 0 0 78px rgba(255,255,255,.018)}.tool-heading>*{position:relative;z-index:1}.back{display:block;width:max-content;margin:0 auto 1.5rem;color:#cbd9d4;text-decoration:none;font-weight:720}.tool-icon.large{width:64px;height:64px;margin:auto;color:var(--workshop);background:var(--signal);font-size:1rem;box-shadow:5px 5px 0 #6f801d}.tool-heading h1{margin:.9rem 0 .65rem;color:white;font-size:clamp(2.7rem,5vw,4.5rem)}.tool-heading p{max-width:650px;margin:auto;color:#d1ddd8;font-size:1.08rem}.converter-wrap{max-width:1040px;margin:auto;padding:0 1.4rem 4rem}.converter{padding:clamp(1.1rem,3vw,2rem);display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;background:var(--card);border:1px solid var(--rule);border-top:7px solid var(--signal);border-radius:8px;box-shadow:0 28px 72px rgba(18,33,29,.16)}.converter:before{content:"LIVE CONVERSION  •  EDIT EITHER SIDE  •  12 SIGNIFICANT DIGITS";grid-column:1/-1;padding:0 0 1rem;color:var(--workshop);border-bottom:1px solid var(--rule);font:800 .68rem ui-monospace,monospace;letter-spacing:.09em}.conversion-side{display:grid;gap:.55rem;padding:1rem;background:#f6f9f6;border:1px solid #d7dfda;border-radius:6px}.conversion-side label{color:var(--muted);font:800 .72rem ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.conversion-side input{width:100%;min-height:88px;padding:.65rem .8rem;color:var(--ink);background:white;border:1px solid #aeb9ae;border-radius:5px;font:750 clamp(1.8rem,4vw,2.8rem) ui-monospace,monospace}.conversion-side select{width:100%;min-height:50px;padding:.65rem .8rem;color:var(--ink);background:white;border:1px solid #9daa9e;border-radius:5px;font-weight:700}.result-side{background:#f4f6e9;border-color:#cbd5a0}.result-side input{color:var(--rust);background:white;border-color:#8f9d91}.swap{width:54px;height:54px;margin-top:1.2rem;color:var(--signal);background:var(--workshop);border:0;border-radius:50%;font-size:1.35rem;font-weight:850;cursor:pointer;box-shadow:0 7px 18px rgba(13,43,36,.18)}.swap:hover{background:#245244}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(157,183,44,.45);outline-offset:3px}.converter-footer{grid-column:1/-1;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--rule)}.converter-footer p{margin:0;color:var(--muted);font:700 .82rem ui-monospace,monospace}.converter-footer p[data-kind=success]{color:#1b6d50}.converter-footer p[data-kind=error]{color:#b42318}.copy{min-height:42px;padding:.55rem .85rem;color:var(--signal);background:var(--workshop);border:1px solid var(--workshop);border-radius:4px;font-weight:800;cursor:pointer}.copy:hover{background:#245244}
.content{max-width:820px;margin:auto;padding:1rem 1.4rem 5rem}.content.standalone{min-height:65vh;padding-top:4rem}.content h1{font-size:clamp(2.6rem,5vw,4.2rem)}.content h2{margin-top:2.6rem;font-size:1.85rem}.content p,.content li{color:#4c5d56}.content li+li{margin-top:.55rem}.notice{padding:1.15rem 1.2rem;background:#eef3df;border:1px solid #c4cd9f;border-radius:5px}.notice p{margin:.25rem 0 0}.related{display:grid;gap:.7rem}.related .tool-card{min-height:auto}.related .tool-card p{display:none}.ad-slot{max-width:970px;min-height:110px;margin:2rem auto;display:grid;place-items:center;color:#6d7c75;background:#e9eeeb;border:1px dashed #9aa9a1;border-radius:5px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.ad-slot[data-active=false]{display:none}.ad-separation{padding:0 1.4rem}footer{position:relative;color:#c4d0cb;background:#0a211b;border-top:1px solid #29463e}.footer-inner{max-width:1180px;margin:auto;padding:3rem 1.4rem;display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:2rem}.footer-brand{color:white}.footer-inner p{margin:0;color:#9fb1aa}.footer-inner>div{display:flex;gap:1rem}.footer-inner a{color:#dce5e1}.footer-inner>small{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid #29463e;color:#7f958d}
@media(max-width:780px){.nav-links a:not(:first-child){display:none}.hero-inner{min-height:auto;padding:4.5rem 1.2rem 3rem;grid-template-columns:1fr;gap:3rem}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.measure-board{transform:none}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip div{min-height:90px}.section-head,.tool-grid,.principles,.footer-inner{grid-template-columns:1fr}.tools-section{padding-top:4.5rem}.section-head{gap:1rem}.tool-card,.tool-card:nth-child(1),.tool-card:nth-child(2){min-height:auto}.principles{margin:0 1rem 4rem;padding:2rem 1.3rem;gap:2rem}.converter{grid-template-columns:1fr}.swap{margin:0 auto;transform:rotate(90deg)}.converter-footer{grid-column:1;align-items:flex-start;flex-direction:column}.copy{width:100%}.footer-inner>small{grid-column:1}.board-note{gap:1rem}.readout strong{font-size:clamp(2.8rem,15vw,4rem)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}