:root{--paper:#f5f1e8;--paper2:#ebe5da;--ink:#1f211e;--ink2:#50534c;--muted:#76796f;--line:#d5cdbf;--accent:#c94f2e;--green:#2e7356;--night:#1c211e;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Hiragino Sans","Yu Gothic",system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip{position:fixed;left:1rem;top:-5rem;z-index:10;padding:.6rem 1rem;color:white;background:var(--ink)}.skip:focus{top:1rem}header{width:min(1400px,calc(100% - 48px));height:76px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;width:max-content;font:800 1.05rem "Avenir Next",sans-serif}.brand>i{position:relative;width:26px;height:26px}.brand>i b{position:absolute;width:12px;height:12px;background:var(--ink);border-radius:3px}.brand>i b:nth-child(2){right:0;background:var(--accent)}.brand>i b:nth-child(3){left:7px;bottom:0}header nav{display:flex;gap:2rem;font-size:.75rem;font-weight:700;color:var(--ink2)}header a:hover,.site-footer a:hover{color:var(--accent)}.github{justify-self:end;font-size:.75rem;font-weight:800}.hero{width:min(1400px,calc(100% - 48px));min-height:720px;margin:auto;padding:72px 0 88px;display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;align-items:center}.hero-copy{padding-left:2vw}.eyebrow,.kicker{color:var(--green);font:800 .65rem/1.3 Menlo,monospace;letter-spacing:.12em}.eyebrow i{display:inline-block;width:8px;height:8px;margin-right:.5rem;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #2e73561d}.hero h1,.section h2,.safety h2,.cta h2{margin:1.3rem 0;font:700 clamp(3rem,5.5vw,6rem)/1.07 "Avenir Next","Hiragino Sans",sans-serif;letter-spacing:-.06em}.hero h1 em{color:var(--accent);font-style:normal}.lead{color:var(--ink2);font-size:1.05rem}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.button{min-height:50px;padding:.7rem 1.2rem;display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:9px;font-size:.78rem;font-weight:800}.primary{min-width:220px;color:var(--white);background:var(--accent);border-color:var(--accent)}.hero-copy>small{display:block;margin-top:.8rem;color:var(--muted);font:600 .62rem Menlo,monospace}.app-preview{color:var(--white);background:var(--night);border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #372e2336}.window{height:50px;padding:0 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#999;font:600 .58rem Menlo,monospace;background:#171a18;border-bottom:1px solid #343a36}.window>span{color:#c94f2e}.window em{justify-self:end;color:#8db9a4;font-style:normal}.app-body{min-height:450px;display:grid;grid-template-columns:150px 1fr}.app-body aside{padding:1.3rem .8rem;display:flex;flex-direction:column;gap:.3rem;color:#9ba19b;background:#202521;font-size:.6rem}.app-body aside>b{margin:.2rem .4rem 1rem;color:white}.app-body aside span{padding:.55rem .6rem;border-radius:5px}.app-body aside .active{color:white;background:#353b36}.app-body aside button{margin-top:auto;padding:.55rem;color:#e89b88;background:none;border:1px solid #603b32;border-radius:5px}.canvas{padding:2rem;color:var(--ink);background:#f3eee5}.canvas-head{display:flex;justify-content:space-between;align-items:end}.canvas-head small{color:var(--accent);font:700 .5rem Menlo,monospace}.canvas-head h2{margin:.25rem 0;font:700 1.3rem "Avenir Next",sans-serif}.canvas-head button{padding:.45rem .6rem;color:white;background:var(--accent);border:0;border-radius:5px;font-size:.52rem}.routine{margin-top:1.2rem;padding:1rem;background:#fbf8f2;border:1px solid var(--line);border-radius:9px}.routine>div{display:flex;justify-content:space-between}.routine h3{margin:0;font-size:.72rem}.routine>div span{padding:.2rem .4rem;color:var(--green);background:#e4eee8;border-radius:20px;font-size:.48rem}.routine>p{margin:.2rem 0;color:var(--muted);font-size:.55rem}.routine dl{display:flex;gap:.4rem;margin:1rem 0}.routine dd{margin:0;padding-right:.5rem;color:#676b64;border-right:1px solid var(--line);font:600 .48rem Menlo,monospace}.routine footer{padding-top:.7rem;display:flex;justify-content:flex-end;gap:.4rem;border-top:1px solid var(--line)}.routine footer button{padding:.35rem .45rem;background:white;border:1px solid var(--line);border-radius:4px;font-size:.48rem}.routine footer button:last-child{color:white;background:var(--ink)}.ready{display:flex;gap:.7rem;padding:.7rem;color:#61645e;background:#e9e3d8;border-radius:7px;font-size:.52rem}.ready i{width:7px;height:7px;margin-top:.3rem;background:var(--green);border-radius:50%}.caption{height:40px;padding:0 1.3rem;display:flex;align-items:center;justify-content:space-between;color:#858c85;background:#171a18;font:700 .5rem Menlo,monospace;letter-spacing:.1em}.facts{width:min(1400px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.facts>div{padding:1.2rem 1.4rem;border-right:1px solid var(--line)}.facts>div:last-child{border:0}.facts small{display:block;color:var(--muted);font:700 .55rem Menlo,monospace;letter-spacing:.1em}.facts b{font:700 .86rem "Avenir Next",sans-serif}.section{width:min(1180px,calc(100% - 48px));margin:auto;padding:125px 0}.section-head{margin-bottom:3.5rem;display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end}.section h2{margin:.8rem 0 0;font-size:clamp(2.2rem,4vw,4.2rem)}.section-head>p{margin:0;color:var(--ink2);font-size:.9rem}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.feature-grid article{min-height:320px;padding:2rem;position:relative;background:var(--paper)}.feature-grid article>span{position:absolute;right:2rem;color:#ded6c8;font:800 4.5rem "Avenir Next",sans-serif}.feature-grid h3{position:relative;margin:7rem 0 .8rem;font:700 1.6rem "Avenir Next","Hiragino Sans",sans-serif}.feature-grid p{color:var(--ink2);font-size:.82rem}.how{border-top:1px solid var(--line)}.how>h2{margin-bottom:3rem}.how ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.how li{padding:1.7rem 0;display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid var(--line)}.how li>b{color:var(--accent);font:700 2.4rem "Avenir Next",sans-serif}.how h3{margin:0;font-size:1.25rem}.how li p{margin:.3rem 0;color:var(--ink2);font-size:.82rem}.safety{padding:125px 24px;color:var(--white);background:var(--night)}.safety>div{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:7rem}.safety .kicker{color:#e88e75}.safety h2{font-size:clamp(2.4rem,4vw,4.4rem)}.safety>div>div>p:last-child{color:#b2b8b2}.safety dl{margin:0;border-top:1px solid #424943}.safety dl>div{padding:1.5rem 0;display:grid;grid-template-columns:120px 1fr;gap:2rem;border-bottom:1px solid #424943}.safety dt{color:#f2b29f;font-weight:700}.safety dd{margin:0;color:#c7cbc6;font-size:.8rem}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status-grid article{padding:1.8rem;background:#fbf8f2;border:1px solid var(--line);border-radius:16px}.status-grid h3{margin:0;padding-bottom:1rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:1rem}.status-grid h3 small{color:var(--green);font:700 .55rem Menlo,monospace}.status-grid dl{margin:0}.status-grid dl>div{padding:1rem 0;display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #e5ded2}.status-grid dt{color:var(--muted);font-size:.7rem}.status-grid dd{margin:0}.status-grid dd b,.status-grid dd small{display:block}.status-grid dd small{color:var(--muted);font-size:.62rem}.status-grid ul{margin:0;padding:0;list-style:none}.status-grid li{padding:.9rem 0;color:var(--ink2);border-bottom:1px solid #e5ded2;font-size:.7rem}.status-grid li b{display:block;color:var(--ink);font-size:.76rem}.maintenance details{border-bottom:1px solid var(--line)}.maintenance summary{padding:1.2rem 0;display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.maintenance details>p{padding:0 0 1.5rem;margin:0;color:var(--ink2);font-size:.78rem}.doc-links{display:flex;gap:.6rem;flex-wrap:wrap}.doc-links a{padding:.5rem .7rem;background:var(--paper2);border-radius:5px}.cta{padding:125px 24px;text-align:center;background:var(--paper2);border-top:1px solid var(--line)}.cta h2{font-size:clamp(3rem,5.5vw,6rem)}.cta>p:not(.kicker){color:var(--ink2)}.site-footer{width:min(1400px,calc(100% - 48px));min-height:170px;margin:auto;display:grid;grid-template-columns:1fr auto;align-content:center;gap:1rem}.site-footer>div{display:flex;gap:1rem;align-items:center}.site-footer>div span,.site-footer small{color:var(--muted);font:600 .58rem Menlo,monospace}.site-footer nav{display:flex;gap:1.2rem;font-size:.68rem;font-weight:700}.site-footer small{grid-column:1/-1}@media(max-width:900px){header nav{display:none}header{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr}.hero-copy{padding:0}.section-head,.safety>div{grid-template-columns:1fr;gap:2rem}}@media(max-width:650px){header,.hero,.facts,.site-footer{width:calc(100% - 32px)}.hero{padding:55px 0}.hero h1{font-size:14vw}.actions,.button{width:100%}.app-body{grid-template-columns:1fr;min-height:360px}.app-body aside{display:none}.canvas{padding:1.2rem}.window em{display:none}.facts{grid-template-columns:1fr 1fr}.facts>div:nth-child(2){border-right:0}.section{width:calc(100% - 32px);padding:85px 0}.feature-grid,.status-grid{grid-template-columns:1fr}.safety{padding:85px 16px}.safety dl>div{grid-template-columns:90px 1fr;gap:1rem}.how li{grid-template-columns:55px 1fr}.site-footer{padding:3rem 0;grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}}
