:root{--ink:#15241d;--muted:#66726c;--paper:#f5f3eb;--card:#fffefa;--line:#d8d8cd;--green:#174c37;--mint:#bce7cf;--lime:#ddeb7e;--prefix:75%;font-family:Inter,Avenir,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}header{height:76px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:22px;font-weight:700;text-decoration:none;color:var(--ink)}.brand span{color:#247354}header>p{color:var(--muted);font-size:13px;margin-right:auto}.archive-link{color:var(--ink);font-size:13px;text-underline-offset:4px}main{max-width:1180px;margin:auto;padding:72px 24px 120px}.hero{display:grid;grid-template-columns:1.15fr .7fr;align-items:end;margin-bottom:64px}.hero .kicker{grid-column:1/-1}.kicker{font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#247354}.hero h1{font-size:clamp(46px,6vw,76px);line-height:.92;letter-spacing:-.055em;margin:16px 0 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#247354}.hero>p:last-child{color:var(--muted);line-height:1.65;max-width:410px;margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:24px}.tabs button{background:none;border:0;padding:14px 2px;color:var(--muted);font-size:14px}.tabs button.active{color:var(--ink);border-bottom:2px solid #247354}.workspace{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #1a382b0b;overflow:hidden}.input-card{padding:36px;border-bottom:1px solid var(--line)}label{font-size:12px;font-weight:700;display:block;margin-bottom:9px}.address-input{display:grid;grid-template-columns:1fr auto;gap:10px}.address-input input,input,textarea{width:100%;border:1px solid #bfc5bd;border-radius:9px;padding:14px;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.address-input input{font-size:22px;padding:17px 18px}.address-input button,form button,.share-row button{border:0;border-radius:9px;background:var(--green);color:white;padding:0 25px;font-weight:700}.examples{display:flex;gap:8px;align-items:center;margin-top:13px;font-size:11px;color:var(--muted)}.examples button{border:1px solid var(--line);border-radius:99px;background:transparent;padding:5px 9px}.error{color:#a13e35!important;min-height:1em;font-size:13px}.result-heading{display:flex;justify-content:space-between;padding:38px 36px 24px}.result-heading h2{font:500 clamp(25px,4vw,39px) ui-monospace,SFMono-Regular,Consolas,monospace;margin:6px 0;word-break:break-all}.result-heading>div>p:last-child{color:#247354;font-size:12px}.copy,.mini-copy{border:1px solid var(--line);background:white;border-radius:8px;height:38px;padding:0 14px}.ribbon-wrap{padding:8px 36px 32px}.ribbon-labels{display:grid;grid-template-columns:var(--prefix) 48px 1fr;align-items:center;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;margin-bottom:8px}.ribbon-labels span:last-child{text-align:right}.ribbon-labels strong{text-align:center;color:#247354}.ribbon{height:52px;position:relative;border-radius:8px;background:repeating-linear-gradient(90deg,#e7ebe5 0,#e7ebe5 calc(3.125% - 1px),#fff calc(3.125% - 1px),#fff 3.125%);overflow:visible}.network-fill{position:absolute;inset:0 auto 0 0;width:var(--prefix);background:linear-gradient(90deg,var(--green),#277a58);border-radius:8px 0 0 8px;opacity:.94}.boundary{position:absolute;left:var(--prefix);top:-5px;bottom:-5px;width:3px;background:var(--lime);transform:translateX(-1px);box-shadow:0 0 0 4px #ddeb7e44}.ribbon input{position:absolute;inset:-12px 0;width:100%;opacity:0;cursor:ew-resize}.ribbon-wrap>p{font-size:11px;color:var(--muted);text-align:right;margin:8px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics article{padding:22px 20px;min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.metrics article:nth-child(4n){border-right:0}.metrics p,.explanation p{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metrics strong{display:block;font:500 14px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.mini-copy{position:absolute;right:8px;top:8px;height:24px;font-size:9px;opacity:0}.metrics article:hover .mini-copy{opacity:1}details{padding:22px 36px;border-bottom:1px solid var(--line)}summary{font-weight:700;font-size:13px;cursor:pointer}summary span{float:right}.explanation,#explanation{display:grid;gap:14px;margin-top:20px}code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;color:#295f48}.share-row{padding:20px 36px;display:flex;gap:10px;align-items:center}.share-row button{padding:12px 18px}.share-row button:nth-child(2){background:transparent;color:var(--ink);border:1px solid var(--line)}#toast{font-size:12px;color:#247354}.tool-panel{padding:42px}.tool-intro h2{font-size:36px;letter-spacing:-.04em;margin:8px 0}.tool-intro>p:last-child{color:var(--muted)}.tool-grid{display:grid;grid-template-columns:320px 1fr;gap:40px;margin-top:34px}form label{margin-bottom:18px}form button{min-height:48px}.output-list{max-height:420px;overflow:auto;border-left:1px solid var(--line);padding-left:30px}.output-list>p{color:var(--muted)}.output-list button{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px;text-align:left}.output-list small{color:var(--muted)}.join-box{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}.join-box form{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px}.stack-form{max-width:620px;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.stack-form button{align-self:end;margin-bottom:18px}.stack-form textarea,.stack-form label:nth-child(2){grid-column:1/-1}.callout{margin-top:30px;background:#edf6ef;border-radius:12px;padding:25px}.status{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}.status.yes{color:#a15b13}.status.no{color:#247354}.table-wrap{overflow:auto;margin-top:30px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px}th{font-size:10px;text-transform:uppercase;color:var(--muted)}td button{font:inherit;border:0;background:none;color:#247354;padding:0}footer{max-width:1180px;margin:auto;padding:38px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}footer strong{font-size:17px;color:var(--ink)}
@media(max-width:720px){header{height:64px;padding:0 18px}header>p{display:none}.archive-link{font-size:11px}main{padding:42px 14px 72px}.hero{display:block;margin-bottom:40px}.hero h1{font-size:47px;margin:13px 0 25px}.hero>p:last-child{font-size:14px}.tabs{gap:0;overflow:auto;justify-content:space-between}.tabs button{white-space:nowrap;font-size:12px;padding:12px 8px}.workspace{border-radius:13px}.input-card{padding:22px 16px}.address-input{display:block}.address-input input{font-size:17px;padding:15px}.address-input button{width:100%;height:48px;margin-top:9px}.examples{overflow:auto}.examples span{display:none}.examples button{white-space:nowrap}.result-heading{padding:26px 17px 16px;display:block}.result-heading .copy{margin-top:12px}.result-heading h2{font-size:23px}.ribbon-wrap{padding:12px 17px 24px}.ribbon{height:46px}.ribbon-labels{grid-template-columns:1fr auto 1fr}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2n){border-right:0}.metrics article{padding:18px 14px}.metrics strong{font-size:12px}.mini-copy{opacity:1}details{padding:20px 17px}.share-row{padding:16px 17px;flex-wrap:wrap}.share-row button{flex:1}.tool-panel{padding:25px 17px}.tool-intro h2{font-size:29px}.tool-grid{grid-template-columns:1fr;gap:20px}.output-list{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.output-list button{display:block}.output-list small{display:block;margin-top:5px}.join-box form{grid-template-columns:1fr}.join-box form span{display:none}.stack-form{grid-template-columns:1fr}.stack-form label,.stack-form label:nth-child(2){grid-column:1}table{min-width:670px}footer{display:block;padding:28px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.result-actions{display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.special-tag{display:block;width:max-content;max-width:100%;margin:5px 0;padding:5px 9px;border-radius:99px;background:#edf6ef;color:#247354;font-size:11px}.special-tag.ordinary{background:#f1f1eb;color:var(--muted)}.dns-warning{padding:12px;border-left:3px solid #d79b41;background:#fff8e8;color:#76511c;font-size:12px}.route-form label:first-child{grid-column:1/-1}.route-results{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:32px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.route-results article{background:var(--card);padding:24px}.route-results h3{overflow-wrap:anywhere}.route-results article>button{display:block;border:0;background:none;color:#247354;font:13px ui-monospace,SFMono-Regular,Consolas,monospace;padding:4px 0}.route-results article>p:last-child{font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:720px){.result-actions{justify-content:flex-start;margin-top:14px}.result-actions .copy{margin:0}.result-actions .copy:last-child{width:100%}.route-results{grid-template-columns:1fr}.route-form label:first-child{grid-column:1}}
.history{margin-top:110px;border-top:1px solid var(--line);padding-top:70px}.history-heading{display:grid;grid-template-columns:.65fr 1.35fr;align-items:start;margin-bottom:52px}.history-heading .kicker{margin-top:12px}.history-heading h2{font-size:clamp(36px,5vw,59px);letter-spacing:-.045em;line-height:1.02;margin:0}.history-heading em{font-family:Georgia,serif;font-weight:400;color:#247354}.history-grid{display:grid;grid-template-columns:1fr 1fr .82fr;gap:42px}.history-grid article{padding-top:15px;border-top:3px solid var(--green)}.section-number{font:500 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#247354}.history-grid h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}.history-grid article>p:not(.section-number),.archive-card>p:not(.section-number){color:var(--muted);font-size:14px;line-height:1.75}.archive-card{background:#e7efe7;border-radius:14px;padding:24px;align-self:start}.archive-card img{display:block;width:100%;height:210px;object-fit:cover;object-position:top;border-radius:8px;filter:saturate(.72);margin:15px 0 22px}.archive-card a{color:var(--ink);font-size:13px;font-weight:700;text-underline-offset:4px}footer nav{display:flex;gap:18px;align-items:center}footer nav a{color:var(--muted);text-underline-offset:4px}
@media(max-width:900px){.history-grid{grid-template-columns:1fr 1fr}.archive-card{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;gap:0 24px}.archive-card .section-number,.archive-card img{grid-row:1/5}.archive-card .section-number{display:none}.archive-card img{height:200px;margin:0}.archive-card h3{margin-top:8px}}
@media(max-width:720px){.history{margin-top:70px;padding-top:46px}.history-heading{display:block;margin-bottom:36px}.history-heading h2{font-size:36px;margin-top:14px}.history-grid{grid-template-columns:1fr;gap:34px}.archive-card{grid-column:auto;display:block}.archive-card .section-number{display:block}.archive-card img{height:230px;margin:15px 0 22px}footer nav{margin:20px 0}footer>p:last-child{margin-top:22px}}