@charset "UTF-8";
:root{--paper:#f6f3e8;--case:#eeebdf;--ink:#303c36;--muted:#657063;--line:#c9cbbd;--green:#d5ddc3;--rose:#e6c7bb;--key:#f8f6ed;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#deded2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:24px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #835142;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.06}h1{font-size:clamp(3.5rem,7.2vw,7.1rem);margin-bottom:30px}h1 em{font-family:Georgia,serif;font-weight:normal;color:#727d60}h2{font-size:clamp(2.1rem,4.3vw,3.9rem)}.case{max-width:1440px;margin:auto;background:var(--paper);border:1px solid #b9beb0;border-radius:16px;box-shadow:0 4px 0 #bdc0b1,0 15px 30px #303c3610;overflow:hidden}header{padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-weight:700;font-size:24px;letter-spacing:-1.1px;display:flex;align-items:center;gap:10px}.brand-mark{height:30px;width:30px;background:var(--ink);color:var(--paper);border-radius:6px;font:700 29px Georgia;text-align:center;line-height:25px}.brand-mark span{color:var(--rose);font-size:20px}.brand-edition{font:9px monospace;letter-spacing:1px;border-left:1px solid var(--line);padding-left:17px;margin-left:10px;max-width:105px;line-height:1.6}nav{display:flex;gap:28px;font:12px monospace}nav a:hover,nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:80px 7% 74px}.eyebrow,.micro,.status,.row-index,.calculator,.principles,.file-demo{font-family:'Courier New',monospace}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:bold;margin-bottom:25px}.dot{display:inline-block;width:7px;height:7px;background:#7b8b65;border-radius:50%;margin-right:9px}.lede{font-size:17px;color:#596255;line-height:1.75}.key{display:inline-flex;justify-content:space-between;gap:45px;border:1px solid #26382c;border-radius:6px;padding:17px 23px;box-shadow:0 4px 0 #17291f;font:12px 'Courier New',monospace;transition:transform .15s}.key-dark{background:#3e4e40;color:#f9f7eb}.key:hover{transform:translateY(2px);box-shadow:0 2px 0 #17291f}.micro{font-size:8px;letter-spacing:.9px;margin-top:27px;color:var(--muted)}.calculator{position:relative;background:#e4e2d4;border:1px solid #b6baaa;border-radius:18px 18px 28px 28px;padding:25px 26px 23px;max-width:410px;transform:rotate(3deg);box-shadow:3px 10px 0 #c1c4b3,8px 23px 24px #303c3620}.calculator-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.calculator-top strong{font-size:14px}.calculator-top strong span{font-weight:normal}.solar{display:flex;width:110px;height:21px;margin:15px 0 20px auto;background:#534c3f;border:3px solid #767365;border-radius:2px}.solar i{width:25%;border-right:1px solid #9f8e77}.lcd{padding:18px;background:#c5cfac;border:5px solid #969d88;border-radius:4px;box-shadow:inset 2px 3px 7px #49514328;color:#3e4c33}.lcd>span{font-size:9px;letter-spacing:1.3px}.lcd strong{display:block;font-size:clamp(2rem,3.8vw,3.4rem);font-weight:normal;letter-spacing:-4px;line-height:1.4;margin:8px 0}.lcd-bottom{display:flex;justify-content:space-between}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.calc-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--key);border:1px solid #b6baac;border-radius:7px;height:77px;box-shadow:0 4px 0 #aeb3a4,inset 0 1px 1px #fff;transition:transform .15s}.calc-key b{font-size:26px;line-height:1;font-weight:normal}.calc-key span{font-size:9px}.calc-key:hover{transform:translateY(2px);box-shadow:0 2px 0 #aeb3a4}.calc-key.snapkb{background:#ced8bd}.calc-key.equals{background:#e6c3b4;border-color:#c09e90;box-shadow:0 4px 0 #b69788}.calculator-foot{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:7px;letter-spacing:.25px}.calculator-foot>span:last-child{font-size:14px;letter-spacing:3px}.principles{display:flex;justify-content:space-between;gap:20px;padding:24px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1px;background:#eceee1}.collection{padding:67px 7%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head>p{font-size:13px;color:var(--muted);margin:0 0 4px}.app-row{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:24px 5px;transition:background .15s}.app-row:last-child{border-bottom:1px solid var(--line)}.app-row:hover{background:#eceede}.row-index{font-size:10px;color:var(--muted);padding-right:9px}.app-icon{flex-shrink:0;display:inline-flex;width:55px;height:55px;align-items:center;justify-content:center;font:25px 'Courier New',monospace;border:1px solid #adb6a0;border-radius:12px;box-shadow:0 3px 0 #b8bcae;background:#d6dfc6}.plotmetric{background:#ded7bd;border-color:#c7bea0}.geotagly{background:#cbd9d5;border-color:#adbfba}.gitawave{background:#e8d4bc;border-color:#cdb598}.boardmela{background:#d9d0dd;border-color:#bfb1c5}.app-copy{display:flex;flex-direction:column;gap:7px;flex:1}.app-copy strong{font-size:20px;font-weight:500;letter-spacing:-.5px}.app-copy>span{font-size:12px;color:var(--muted)}.status{font-size:9px;border:1px solid #b9c0af;border-radius:3px;padding:6px 9px;white-space:nowrap;color:#526147}.arrow{margin-left:22px;font-size:22px}.feature{margin:0 7%;padding:45px 50px;background:#e7e9d9;border:1px solid #c5cbb6;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature h2{margin-bottom:20px}.feature p:not(.eyebrow){max-width:360px;font-size:14px}.text-link{font:12px 'Courier New',monospace;display:inline-block;border-bottom:1px solid currentColor;padding-bottom:6px;line-height:1.6}.file-demo{text-align:center;transform:rotate(-4deg)}.file-sheet{margin:0 auto;background:#faf8ef;width:220px;border:1px solid #c0c4b4;padding:18px;box-shadow:5px 6px 0 #cbd1bb;text-align:left;font-size:9px}.photo-art{height:140px;margin:18px 0;background:#d7ddc5;position:relative;overflow:hidden}.photo-art:before{content:'';position:absolute;border-radius:50%;height:35px;width:35px;background:#eee9cd;top:20px;right:25px}.photo-art:after{content:'';position:absolute;width:140px;height:140px;transform:rotate(45deg);background:#a6b59b;top:70px;left:0}.photo-art div{position:absolute;width:150px;height:150px;transform:rotate(45deg);background:#bac6a8;top:50px;right:-40px}.file-demo>p{font-size:9px!important;margin:25px auto 0}.closing{padding:80px 7%;text-align:center}.closing h2{font-size:3rem;margin-bottom:20px}.closing>p:not(.eyebrow){max-width:600px;margin:0 auto 25px;color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);margin:0 5.5%;padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}footer p{font-size:12px;grid-column:1;margin:0}footer>div{grid-column:2;grid-row:1/3;align-self:center;display:flex;justify-content:flex-end;gap:24px;font:11px monospace}footer small{font:9px monospace;color:var(--muted);grid-column:1/-1;margin-top:22px}.footbrand{font-size:21px}.page-intro{padding:70px 7% 35px}.page-intro>p:not(.eyebrow){max-width:700px}.app-intro .app-icon{margin-bottom:25px}.app-intro h1{margin-bottom:18px}.large-status{display:inline-block;margin:8px 0 25px}.detail-grid{padding:15px 7% 80px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.detail-grid h2{font-size:2.7rem}.note{background:#e9ecdf;border:1px solid var(--line);padding:30px;align-self:start;border-radius:5px;font-size:14px}.feature-list{list-style:none;padding:0;margin:25px 0}.feature-list li{padding:16px 0;border-bottom:1px solid var(--line);line-height:1.6;font-size:14px}.feature-list li:before{content:'＋';margin-right:12px;font-family:monospace}.prose{padding:55px 7% 70px;max-width:920px}.prose h1{font-size:4.4rem}.prose h2{font-size:1.9rem;margin-top:35px;letter-spacing:-.04em}.prose p{font-size:15px}.prose p a{text-decoration:underline}.notice{padding:18px 20px;background:#ebe5d2;border-left:3px solid #917e51;font-size:14px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:15px;z-index:99}.skip:focus{top:5px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:1450px){.hero{gap:13%;padding-top:100px;padding-bottom:95px}}
@media(max-width:800px){body{padding:10px}.brand-edition{display:none}header{padding:24px 6%}nav{gap:18px}.hero{grid-template-columns:1fr;gap:50px;padding:50px 8% 60px}.hero h1{font-size:4.5rem}.hero-copy{text-align:left}.calculator{width:100%;max-width:340px;justify-self:center;transform:rotate(2deg)}.lcd strong{font-size:3rem}.principles{flex-wrap:wrap;justify-content:center;font-size:8px;padding:19px 5%;gap:13px}.section-head{display:block}.section-head>p{margin-top:24px}.collection{padding-top:45px;padding-bottom:45px}.app-row{gap:13px}.row-index{display:none}.arrow{margin-left:0}.app-copy>span{max-width:220px;line-height:1.5}.status{font-size:8px;padding:5px}.feature{padding:30px;grid-template-columns:1fr;gap:40px}.feature h2{font-size:3rem}.closing{padding:60px 8%}.closing h2{font-size:2.7rem}.detail-grid{grid-template-columns:1fr;gap:30px}.page-intro h1{font-size:3.6rem}.prose h1{font-size:3.3rem}}
@media(max-width:440px){header{flex-wrap:wrap;gap:18px}.brand{font-size:22px}nav{font-size:11px;width:100%;justify-content:space-between}.hero h1{font-size:3.7rem}.lede{font-size:15px}.calculator{padding:21px}.calc-key{height:69px}.app-row{display:grid;grid-template-columns:45px 1fr 20px;gap:12px}.app-icon{width:45px;height:45px;font-size:21px;grid-row:1/3}.app-copy strong{font-size:19px}.app-copy>span{font-size:11px}.app-row .status{grid-column:2;justify-self:start}.app-row .arrow{grid-column:3;grid-row:1/3}.feature{padding:25px}.feature h2{font-size:2.7rem}footer{grid-template-columns:1fr}footer>div{grid-column:1;grid-row:3;justify-content:flex-start;margin-top:12px}.page-intro{padding-top:45px}}