@charset "UTF-8";
.mode-grid br::after{content:' '}@media(max-width:500px){.mode-grid p br{display:initial!important}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101415;color:#eef2ef;font:15px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}:focus-visible{outline:2px solid #caedaa;outline-offset:4px}::selection{background:#caedaa;color:#152014}.page{max-width:1400px;padding-inline:48px;margin:auto}.eyebrow{font:10px/1.7 Consolas,monospace;letter-spacing:1.4px;color:#a3b6aa;margin:0 0 22px}.first-use{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:60px;padding:58px 0 46px}.intro-copy h1{font-size:clamp(40px,4.4vw,64px);font-weight:550;line-height:1.09;letter-spacing:-2.8px;margin:0 0 25px}.intro-copy h1 span{color:#bdcebd}.lead{font-size:16px;line-height:1.8;color:#afbbb7;max-width:440px;margin:0 0 29px}.primary-link{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;min-height:50px;border:1px solid #caedaa;background:#caedaa;color:#172016;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:650;transition:background .16s,transform .16s}.primary-link:hover{background:#e0f6cb;transform:translateY(-1px)}.primary-link>span{font-size:21px;font-weight:400}.quiet{color:#91a298;font-size:11px;margin:15px 0 0}.demo{border:1px solid #45544d;border-radius:12px;background:#17201e;overflow:hidden;box-shadow:0 15px 50px #0002}.demo-top{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34463c;gap:15px}.demo-title{font:10px Consolas,monospace;letter-spacing:1px;color:#e1efdd;display:flex;align-items:center;gap:8px}.demo-title i{background:#caedaa;width:6px;height:6px;border-radius:50%}.demo-privacy{font-size:11px;color:#9eafa5}.demo-stage{position:relative;height:350px;background:#121c25}.demo-stage iframe{height:100%;width:100%;display:block;border:0;touch-action:pan-y}.demo-loading{position:absolute;inset:0;background:#142027e8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:30px;text-align:center;color:#c3d6c6;font-size:13px}.loading-mark{width:26px;height:26px;border:2px solid #52685b;border-top-color:#caedaa;border-radius:50%;animation:loading .9s linear infinite}.demo-loading[data-error=true] .loading-mark{display:none}.demo-loading p{margin:0}.demo-loading button{background:#273a2c;color:#d4ecc4;border:1px solid #769167;border-radius:6px;padding:10px 18px;min-height:44px}.demo-hint{position:absolute;bottom:13px;left:16px;font-size:11px;color:#bac8c1;padding:5px 9px;background:#132028d9;border-radius:4px;pointer-events:none}.demo-bottom{display:flex;gap:4px;align-items:center;min-height:65px;padding:10px 12px;border-top:1px solid #34463c}.demo-tabs{display:flex;gap:3px;margin-right:auto;padding:3px;background:#111a17;border-radius:6px}.demo-bottom button{border:0;color:#aebeb2;background:none;border-radius:4px;font-size:12px;min-height:40px;padding:9px 12px;transition:background .16s,color .16s}.demo-bottom button:hover{background:#2d3a30;color:#ecf5e9}.demo-tabs button[aria-pressed=true]{background:#35472f;color:#e6f5dc}.demo-caption{border-top:1px solid #303f36;font-size:11px;color:#cddccf;margin:0;padding:10px 16px;min-height:42px}.demo-caption span{color:#879e8c}.canvas-paths{padding:33px 0 43px;border-top:1px solid #324039}.section-intro{margin-bottom:24px}.section-intro .eyebrow{margin-bottom:10px}.section-intro h2{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:0}.section-intro>p:last-child:not(.eyebrow){color:#99ada0;font-size:13px;margin:14px 0 0}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #35423b;border-radius:9px;overflow:hidden}.mode-grid>a{padding:22px 24px;background:#151d19;border-left:1px solid #35423b;transition:background .18s}.mode-grid>a:first-child{border-left:0}.mode-grid>a:hover{background:#223022}.mode-number{font:11px Consolas,monospace;color:#94ad8c}.mode-grid h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:11px 0 8px}.mode-grid p{font-size:12px;color:#9fb2a4;line-height:1.8;margin:0 0 19px}.mode-action{font-size:11px;color:#c8e2b8}.other-tools{border-top:1px solid #324039;padding:37px 0 40px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.other-tools .section-intro{padding-top:18px}.tool-row{display:flex;align-items:center;gap:20px;min-height:112px;border-bottom:1px solid #354239;padding:20px 4px;transition:background .18s}.tool-row:first-child{border-top:1px solid #354239}.tool-row:hover{background:#18241b}.tool-symbol{font-size:26px;font-weight:400;letter-spacing:-1.5px;min-width:48px;height:48px;display:grid;place-items:center;color:#bcd3b2}.tool-symbol.mono{font:23px Consolas,monospace}.tool-row>div{flex:1}.tool-row h3{font-size:18px;font-weight:500;margin:0 0 5px;letter-spacing:-.3px}.tool-row p{font-size:12px;color:#99ada0;max-width:360px;margin:0}.tool-status{font-size:9px;white-space:nowrap;color:#82988a}.tool-status.local{color:#b8d6a2}.tool-row>b{font-weight:400;color:#c8dfb7;font-size:21px}.before-start{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;border-top:1px solid #324039;padding:35px 0 46px}.before-start h2{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:12px 0}.before-start details{border-bottom:1px solid #354239;padding:13px 0}.before-start summary{cursor:pointer;font-size:13px;min-height:28px;color:#c0d0c2}.before-start details p{font-size:12px;line-height:1.8;color:#9fb3a5;padding:7px 0 3px;max-width:600px}.before-start details a{color:#d0e6be;text-decoration:underline;text-underline-offset:3px}.product-footer{border-top:1px solid #354239;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:26px;padding-bottom:30px;color:#9eb09e}.product-footer strong{font-size:23px;color:#d2e1ca;letter-spacing:-1px}.product-footer p{font-size:11px;line-height:1.7;margin:6px 0 0}.product-footer>div:last-child{display:grid;gap:12px;font-size:12px;text-align:right}.product-footer>div:last-child span{font-size:10px;color:#7d9683}.product-footer a:hover{color:#e4f7d6}.intro-copy{animation:appear .45s ease-out both}.about-page{max-width:920px;padding-block:55px 65px}.about-page h1{font-size:44px;font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:0 0 24px}.about-page>p{max-width:740px;font-size:16px;color:#b2c0b5}.about-page section{padding-top:28px;margin-top:28px;border-top:1px solid #35443b}.about-page h2{font-size:23px;font-weight:500}.about-page h3{font-size:17px;font-weight:500}.about-page p,.about-page li{color:#a6bba9;line-height:1.9}.about-page a:not(.primary-link){color:#cce9b5;text-decoration:underline;text-underline-offset:4px}.status-list{display:grid;gap:15px;padding:0;list-style:none}.status-list li{padding:15px 20px;border-left:2px solid #729661;background:#18231b;font-size:14px}.status-list strong{color:#d4e4ce;display:block;font-weight:500}.about-back{margin-top:30px;display:inline-flex}@keyframes loading{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.first-use{padding-block:70px 60px}.demo-stage{height:410px}}@media(max-width:1100px){.page{padding-inline:32px}.first-use{gap:35px;grid-template-columns:.9fr 1.1fr}.intro-copy h1{font-size:45px}.lead{font-size:14px}.demo-stage{height:320px}.demo-caption span{display:none}.demo-bottom button{padding:9px}.mode-grid>a{padding:20px 17px}.mode-grid p{font-size:11px}.mode-action{font-size:10px}.other-tools,.before-start{gap:40px}.tool-status{display:none}}@media(max-width:820px){.first-use{grid-template-columns:1fr;padding:32px 0;gap:25px}.intro-copy{max-width:630px}.intro-copy .eyebrow{font-size:9px;margin-bottom:16px}.intro-copy h1{font-size:48px;letter-spacing:-2px;margin-bottom:18px}.lead{max-width:600px;font-size:14px;margin-bottom:20px}.primary-link{min-height:48px;font-size:13px}.quiet{font-size:11px;margin-top:10px}.demo-stage{height:350px}.demo-caption span{display:inline}.mode-grid{grid-template-columns:1fr 1fr}.mode-grid>a:nth-child(3){border-left:0}.mode-grid>a:nth-child(n+3){border-top:1px solid #35423b}.mode-grid>a{padding:22px}.mode-grid p{font-size:12px}.mode-action{font-size:11px}.other-tools,.before-start{grid-template-columns:1fr;gap:12px}.other-tools .section-intro{padding:0;margin-bottom:8px}.before-start h2{margin:0}.section-intro h2{font-size:27px}.tool-status{display:block}.other-tools{padding-block:31px}.before-start{padding-block:27px 32px}}@media(max-width:500px){.page{padding-inline:20px}.first-use{padding-top:27px;gap:22px}.intro-copy h1{font-size:41px;letter-spacing:-1.8px}.intro-copy .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:13px}.lead{font-size:13px;line-height:1.8;margin-bottom:18px}.quiet{font-size:10px}.demo-stage{height:270px}.demo-top{padding:0 12px;height:42px}.demo-privacy{font-size:10px}.demo-title{font-size:9px}.demo-bottom{padding:8px;gap:2px}.demo-bottom button{min-height:44px;padding:10px 8px;font-size:11px}.demo-tabs{gap:1px}.demo-bottom>button>span{display:none}.demo-bottom>button{font-size:21px;min-width:42px}.demo-caption{padding:9px 12px;font-size:10px}.demo-caption span{display:none}.demo-hint{left:10px;bottom:10px;font-size:10px;padding:5px 7px}.canvas-paths{padding:28px 0 30px}.section-intro h2{font-size:24px;max-width:260px}.mode-grid>a{padding:17px 14px}.mode-grid h3{font-size:16px}.mode-grid p{font-size:11px;line-height:1.7;min-height:38px;margin-bottom:13px}.mode-grid p br{display:none}.mode-action{font-size:10px}.tool-row{gap:12px;padding:20px 0}.tool-symbol{min-width:35px;font-size:23px}.tool-row h3{font-size:17px}.tool-row p{font-size:11px}.tool-status{display:none}.before-start summary{font-size:12px;min-height:34px}.product-footer{align-items:flex-start;padding-block:23px;gap:20px}.product-footer>div:last-child{font-size:11px;text-align:right;max-width:120px}.product-footer p{font-size:10px}.about-page{padding-top:32px}.about-page h1{font-size:34px}.about-page>p{font-size:14px}.about-page p,.about-page li{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.primary-link:hover{transform:none}}
/* v6 — editorial typography, warm paper, espresso actions, restrained brass. */
html{background:#f7f4ee}
body{background:#f7f4ee;color:#28231f}
:focus-visible{outline-color:#81591f}::selection{background:#e5cd9f;color:#28231f}
.eyebrow{color:#8a693d;font-family:"Segoe UI",sans-serif;letter-spacing:1.9px;font-weight:600;font-size:10px}
.first-use{gap:64px;padding-top:60px}
.intro-copy h1{font-weight:550;letter-spacing:-3px}
.intro-copy h1 span{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:#78573d;letter-spacing:-2.5px}
.lead{color:#6e6459;font-size:15px}
.primary-link{border:1px solid #30261e;background:#30261e;color:#fffaf0;border-radius:30px;padding:9px 10px 9px 23px;gap:30px;min-height:54px;font-size:13px;font-weight:550;box-shadow:none}
.primary-link>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d6b474;color:#31251a}
.primary-link:hover{background:#64472f;border-color:#64472f;transform:none}
.quiet{color:#7b7164}
.demo{border-color:#d2c3ad;border-radius:16px;background:#fcfaf5;box-shadow:0 16px 35px #6046290a}
.demo-top{border-color:#dacebc;background:#eee7dc}
.demo-title{color:#584532;font-family:"Segoe UI",sans-serif;font-size:10px;font-weight:600;letter-spacing:1.5px}.demo-title i{background:#a57b39;border-radius:0;transform:rotate(45deg)}
.demo-privacy{color:#756653}.demo-stage{background:#27231f}.demo-loading{background:#2d2723f5;color:#eadbc3}.loading-mark{border-color:#685741;border-top-color:#dab678}.demo-loading button{background:#dac293;color:#30261e;border-color:#dac293;border-radius:24px}
.demo-hint{background:#221d18b8;color:#d6c5ac;border-radius:20px;padding:6px 12px}
.demo-bottom{border-color:#dacebc;padding:10px 14px}.demo-tabs{background:#ece5d9;border-radius:22px;padding:3px}
.demo-bottom button{border-radius:22px;color:#685039;min-height:40px;font-weight:500}
.demo-bottom button:hover{background:#e5d8c5;color:#30261e}.demo-tabs button[aria-pressed=true]{background:#30261e;color:#f9edda}
.demo-caption{border-color:#e4dace;color:#5c4936;font-size:11px}.demo-caption span{color:#82715d}
.canvas-paths,.other-tools,.before-start{border-color:#d9cfc0}
.section-intro h2{font-size:30px;letter-spacing:-1px;font-weight:500}.section-intro>p:last-child:not(.eyebrow){color:#786b5b}
.mode-grid{border:0;border-radius:0;gap:14px;overflow:visible}
.mode-grid>a{border:1px solid #ded2c0!important;border-radius:9px;background:transparent;padding:25px 24px 23px;position:relative}
.mode-grid>a:hover{background:#fffdf8;border-color:#bca27c!important}
.mode-grid h3{font-size:19px;font-weight:500;color:#3c3026}.mode-number{color:#9b7c50;font-size:12px}
.mode-grid p{color:#7a6c5c;font-size:12px}.mode-action{color:#765238;font-weight:600}
.tool-row,.tool-row:first-child{border-color:#d9cfc0}.tool-row:hover{background:#f0e9dd}.tool-symbol{color:#947045;border:1px solid #dacbb3;border-radius:50%;width:47px;height:47px;font-size:22px;margin-right:3px}
.tool-row h3{color:#382e25}.tool-row p{color:#7b6b58}.tool-row>b{color:#8b683c}.tool-status,.tool-status.local{color:#826c50}
.before-start details{border-color:#d9cfc0}.before-start summary{color:#574636}.before-start details p{color:#786956}.before-start details a{color:#795225}
.product-footer{border-color:#d9cfc0;color:#7d6d59}.product-footer strong{color:#3c2e23;font-weight:600}.product-footer>div:last-child span{color:#85745e}.product-footer a:hover{color:#805623}
.about-page h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.5px;font-size:48px;color:#674830}.about-page>p{color:#6f6051}.about-page section{border-color:#d9cfc0}.about-page p,.about-page li{color:#746451}.about-page a:not(.primary-link){color:#795225}.status-list li{background:#efe7da;border-left:2px solid #b99457;border-radius:0 6px 6px 0}.status-list strong{color:#423225}
@media(max-width:1100px){.first-use{gap:36px}.intro-copy h1{font-size:44px;letter-spacing:-2px}.intro-copy h1 span{letter-spacing:-1.7px}.mode-grid{gap:9px}.mode-grid>a{padding:21px 17px}.tool-symbol{min-width:44px}}
@media(max-width:820px){.first-use{padding-top:32px;gap:26px}.intro-copy h1{font-size:50px}.section-intro h2{font-size:28px}.mode-grid{gap:12px}}
@media(max-width:500px){.first-use{padding-top:30px;gap:26px}.intro-copy h1{font-size:41px;letter-spacing:-1.9px}.intro-copy h1 span{letter-spacing:-1.5px}.intro-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.lead{font-size:13px}.primary-link{min-height:50px}.section-intro h2{font-size:25px}.demo-bottom{padding:8px}.demo-bottom button{min-height:44px}.mode-grid{gap:8px}.mode-grid>a{padding:18px 14px}.mode-grid h3{font-size:16px}.mode-grid p{font-size:11px}.mode-action{font-size:10px}.tool-symbol{min-width:39px;width:39px;height:39px;font-size:20px}.tool-symbol.mono{font-size:18px}.about-page h1{font-size:36px}}
