:root{--paper:#f4f0e7;--sheet:#fffdf7;--ink:#171a1f;--soft:#55584f;--cobalt:#164b78;--blue-pale:#d8e8f1;--orange:#9b3e12;--safe:#155b49;--warn:#7a4b00;--fail:#8a2635;--rule:#b7b1a5;font-family:Inter,Aptos,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-image:radial-gradient(rgba(23,26,31,.13) .7px,transparent .8px);background-size:13px 13px}a{color:inherit;text-underline-offset:3px}button,input,.button{font:inherit}.skip{position:fixed;top:-80px;left:16px;z-index:20;padding:12px 16px;background:var(--ink);color:#fff}.skip:focus{top:16px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,72px);background:#f4f0e7f5;border-bottom:2px solid var(--ink);position:relative;z-index:3}.wordmark{display:flex;align-items:center;gap:9px;font:900 18px/1 Arial Narrow,Arial,sans-serif;text-decoration:none}.lens-mark{display:grid;place-items:center;width:30px;height:30px;border:2px solid;border-radius:50%;color:var(--cobalt);font-size:15px}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:24px}.site-header nav a{font-weight:700;text-decoration:none}.nav-download{border-bottom:3px double var(--cobalt);color:var(--cobalt)}main{overflow:hidden}.ruled{border-bottom:2px solid var(--ink)}.hero{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(470px,1.22fr);min-height:calc(100vh - 69px)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(24px,5vw,80px);border-right:2px solid var(--ink)}.eyebrow,.section-number{font:850 13px/1 Arial Narrow,Arial,sans-serif;color:var(--orange);letter-spacing:.16em;text-transform:uppercase}.hero h1{font:900 clamp(52px,7vw,92px)/.86 Arial Narrow,Arial,sans-serif;letter-spacing:-.045em;margin:22px 0 28px;max-width:760px}.hero h1 em{color:var(--cobalt);font-style:normal}.lede{font-size:clamp(18px,2vw,22px);max-width:650px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 18px;border:2px solid var(--ink);font-weight:800;text-decoration:none}.button.primary{background:var(--cobalt);border-color:var(--cobalt);color:#fff;box-shadow:4px 4px 0 var(--ink);transition:transform .16s ease,box-shadow .16s ease}.button.primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.button.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.text-link{font-weight:800}.micro{margin:22px 0 0;color:var(--soft);font-size:14px}.hero-art{display:flex;flex-direction:column;justify-content:center;margin:0;padding:clamp(28px,4vw,64px);background:var(--blue-pale)}.hero-art picture{display:block;box-shadow:12px 12px 0 var(--ink);transform:rotate(.7deg)}.hero-art img{display:block;width:100%;height:auto;border:2px solid var(--ink)}figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:20px;color:var(--soft);font-size:14px}figcaption span{font:850 13px Arial Narrow,Arial,sans-serif;color:var(--orange)}.statement,.proof,.how,.install,.support{padding:96px clamp(24px,7vw,112px)}.statement{display:grid;grid-template-columns:150px 1.4fr .9fr;gap:48px;background:var(--sheet);border-bottom:2px solid var(--ink)}h2{font:900 clamp(38px,5vw,68px)/.98 Arial Narrow,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 24px}.statement>div>p{font-size:19px;max-width:700px}.principles{border-left:2px solid var(--ink);padding-left:30px}.principles p{display:grid;grid-template-columns:80px 1fr;gap:15px;margin:0;padding:15px 0;border-bottom:1px solid var(--rule)}.principles strong{font:850 17px Arial Narrow,Arial,sans-serif;color:var(--cobalt)}.proof{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(560px,1.35fr);gap:72px;border-bottom:2px solid var(--ink)}.proof-heading p:last-child{font-size:18px}.demo-sheet{align-self:center;background:var(--sheet);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--orange)}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:2px solid var(--ink);font:800 13px ui-monospace,monospace}.demo-toolbar button{min-height:44px;padding:8px 13px;border:2px solid var(--ink);background:var(--sheet);font-weight:800;cursor:pointer}.demo-toolbar button[aria-pressed=true]{background:var(--cobalt);color:#fff}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.status-tile{position:relative;min-height:154px;padding:20px 15px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid rgba(23,26,31,.7);overflow:hidden}.status-code{font:750 13px ui-monospace,monospace}.status-tile strong{font:800 18px Arial Narrow,Arial,sans-serif}.tile-pass{background:#75a783}.tile-warn{background:#b69c60}.tile-fail{background:#aa777c}.visual-label{visibility:hidden;position:absolute;left:8px;top:8px;background:var(--ink);color:#fff;padding:3px 7px;font:900 13px Arial Narrow,Arial,sans-serif;z-index:2}.lens-on .visual-label{visibility:visible}.lens-on .status-tile:after{content:"";position:absolute;inset:0;opacity:.32}.lens-on .tile-pass:after{background:radial-gradient(circle,var(--ink) 1.5px,transparent 1.8px) 0 0/9px 9px}.lens-on .tile-warn:after{background:repeating-linear-gradient(135deg,var(--ink) 0 2px,transparent 2px 9px)}.lens-on .tile-fail:after{background:repeating-linear-gradient(45deg,var(--ink) 0 1px,transparent 1px 9px),repeating-linear-gradient(135deg,var(--ink) 0 1px,transparent 1px 9px)}.demo-note{margin:0;padding:12px 18px;border-top:1px solid var(--rule);color:var(--soft)}.how{background:var(--cobalt);color:#fff}.how .section-number{color:#f2b183}.how>h2{max-width:750px}.how ol{list-style:none;padding:30px 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.how li{display:grid;grid-template-columns:68px 1fr;gap:18px}.step-pattern{width:64px;height:64px;border:2px solid #fff}.step-pattern.dots{background:radial-gradient(circle,#fff 1.5px,transparent 1.8px) 0 0/9px 9px}.step-pattern.stripes{background:repeating-linear-gradient(135deg,#fff 0 2px,transparent 2px 9px)}.step-pattern.crosshatch{background:repeating-linear-gradient(45deg,#fff 0 1px,transparent 1px 9px),repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 9px)}.how li strong{font:900 27px Arial Narrow,Arial,sans-serif}.how li p{margin:5px 0}.scope{max-width:780px;border:2px solid rgba(255,255,255,.75);padding:20px 24px;margin-top:24px}.scope p{margin:5px 0 0}.install{background:var(--sheet);border-bottom:2px solid var(--ink)}.install h2{max-width:820px}.install ol{counter-reset:install;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0 40px;list-style:none}.install li{counter-increment:install;border-top:3px solid var(--ink);padding-top:18px}.install li:before{content:"0" counter(install);display:block;color:var(--orange);font:900 22px Arial Narrow,Arial,sans-serif;margin-bottom:10px}code,kbd{font-family:ui-monospace,monospace;background:#ffffff26;border:1px solid currentColor;padding:2px 4px}.support{display:grid;grid-template-columns:1fr minmax(330px,.7fr);gap:80px}.support>div:first-child{max-width:740px}.support li{margin:8px 0}.purchase{align-self:start;background:var(--sheet);border:2px solid var(--ink);padding:28px;box-shadow:9px 9px 0 var(--cobalt)}.price{display:block;margin-bottom:18px;color:var(--soft)}.price b{font:900 44px/1 Arial Narrow,Arial,sans-serif;color:var(--ink)}.purchase .button{width:100%}.purchase form{margin-top:28px;padding-top:22px;border-top:1px solid var(--rule)}.purchase label{display:block;font-weight:800;margin-bottom:7px}.purchase form div{display:flex}.purchase input{min-width:0;flex:1;min-height:46px;border:2px solid var(--ink);padding:8px}.purchase button{min-height:46px;border:2px solid var(--ink);background:var(--ink);color:#fff;font-weight:800}.license-status{font-weight:700}.legal-small{font-size:13px;color:var(--soft)}.supporter-active .purchase{box-shadow:9px 9px 0 var(--safe)}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;padding:44px clamp(24px,5vw,72px);background:var(--ink);color:#f4f0e7}.site-footer p{margin:6px 0}.site-footer .disclosure{font-size:12px;color:#c9c5bc;text-align:right}.site-footer .wordmark{display:inline-flex}.site-footer nav a{color:#fff}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c65a20;outline-offset:4px}@media(max-width:900px){.site-header nav a:not(.nav-download){display:none}.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:2px solid var(--ink);padding-top:64px}.statement,.proof{grid-template-columns:1fr}.statement{gap:24px}.principles{border-left:0;padding-left:0}.proof{gap:30px}.how ol,.install ol{grid-template-columns:repeat(2,1fr)}.support,.site-footer{grid-template-columns:1fr}.site-footer .disclosure{text-align:left}}@media(max-width:560px){.site-header{padding:14px 20px}.wordmark{font-size:16px}.hero{min-height:auto}.hero-copy{padding:54px 24px}.hero h1{font-size:52px}.hero-art{padding:28px 20px 34px}.hero-art picture{box-shadow:7px 7px 0 var(--ink)}figcaption{display:block}.statement,.proof,.how,.install,.support{padding:68px 24px}.proof .status-grid{grid-template-columns:1fr}.status-tile{min-height:120px}.how ol,.install ol{grid-template-columns:1fr;gap:26px}.how li{grid-template-columns:58px 1fr}.step-pattern{width:54px;height:54px}.purchase{padding:22px;box-shadow:6px 6px 0 var(--cobalt)}.site-footer nav{flex-wrap:wrap}.site-footer{padding:38px 24px}.purchase form div{display:grid}.purchase button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button.primary{transition:none}.button.primary:hover{transform:none}}body{background:var(--paper)}.legal-header,.legal-footer{padding:24px clamp(22px,7vw,100px);border-bottom:2px solid var(--ink);background:var(--sheet);font-weight:800}.legal-page{width:min(100% - 44px,800px);margin:70px auto 100px;overflow:visible}.legal-page h1{font:900 clamp(48px,8vw,82px)/.95 Arial Narrow,Arial,sans-serif;letter-spacing:-.04em;margin:16px 0 44px}.legal-page h2{font-size:30px;margin:42px 0 10px}.legal-page p{font-size:17px}.legal-footer{display:flex;gap:24px;border-top:2px solid var(--ink);border-bottom:0}@media(max-width:560px){.legal-page{margin-top:48px}}