@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17211f;--muted:#71807b;--line:#dfe7e2;--paper:#f8fbf8;--white:#fff;--green:#1d7359;--lime:#c9ef98;--deep:#123c32;--shadow:0 18px 50px rgba(26,61,49,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100% - 1120px)/2));gap:42px;background:rgba(248,251,248,.9)}.brand{display:flex;gap:9px;align-items:center;font-weight:800;font-size:18px;letter-spacing:-.05em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;color:white;background:var(--green);border-radius:9px;font-size:19px}.brand-dot{color:#8abf63}.top-nav{display:flex;gap:27px;font-size:13px;color:var(--muted);flex:1}.top-nav a.active,.top-nav a:hover{color:var(--ink)}.top-nav a.active{font-weight:700}.header-link{font-size:12px;font-weight:700}.header-link span{color:var(--green);margin-left:5px}.hero{padding:79px 0 62px}.eyebrow,.section-kicker,.sidebar-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--green);font-weight:500}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8bc66b;margin-right:8px;box-shadow:0 0 0 4px #e6f5d9}.hero h1{font-size:clamp(45px,6.5vw,78px);letter-spacing:-.075em;line-height:.98;margin:20px 0 21px;font-weight:800}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy{max-width:520px;font-size:16px;line-height:1.7;color:var(--muted);margin:0}.hero-meta{display:flex;gap:25px;margin-top:28px;font-size:11px;color:#52615c}.workspace{display:grid;grid-template-columns:285px 1fr;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.tool-sidebar{padding:27px 16px 20px;background:#f3f8f4;border-right:1px solid var(--line)}.sidebar-label{color:var(--muted);display:flex;justify-content:space-between;padding:0 12px 17px}.sidebar-label span{color:#a1ada7}.tool-item{border:0;background:transparent;width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 11px;border-radius:11px;cursor:pointer;color:var(--ink);font:inherit;position:relative}.tool-item:hover{background:#e8f1eb}.tool-item.selected{background:var(--white);box-shadow:0 5px 15px rgba(24,65,49,.07)}.tool-item.selected:before{content:'';position:absolute;left:-16px;width:3px;height:28px;border-radius:0 3px 3px 0;background:var(--green)}.tool-icon{width:32px;height:32px;border:1px solid #d6e3d9;color:var(--green);display:grid;place-items:center;border-radius:8px;font-family:'DM Mono';font-size:12px;font-weight:500;background:#fbfefb}.tool-item strong,.tool-item small{display:block}.tool-item strong{font-size:12px}.tool-item small{font-size:10px;color:var(--muted);margin-top:3px}.tool-item kbd{margin-left:auto;color:#a3ada8;font:10px 'DM Mono';background:#edf3ef;padding:4px 6px;border-radius:4px}.sidebar-note{border-top:1px solid var(--line);margin:25px 10px 0;padding-top:18px;display:flex;gap:9px;color:var(--muted);font-size:10px;line-height:1.5}.sidebar-note span{color:var(--green);font-size:15px}.sidebar-note p{margin:0}.tool-panel{padding:38px 41px 41px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.section-kicker{color:var(--green)}h2{font-size:25px;letter-spacing:-.05em;margin:7px 0 0}.privacy-pill{font:10px 'DM Mono';color:var(--green);background:#eff8e9;border:1px solid #d7edc6;border-radius:30px;padding:7px 10px}.privacy-pill:first-letter{font-size:8px}.panel-description{color:var(--muted);font-size:12px;margin:13px 0 26px}.tool-view{display:none}.tool-view.active{display:block}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-wrap label,.single-editor label,.timestamp-convert label{font:10px 'DM Mono';text-transform:uppercase;color:var(--muted);letter-spacing:.08em;display:flex;justify-content:space-between;margin:0 0 8px}.editor-wrap textarea,.single-editor textarea{width:100%;height:240px;border:1px solid var(--line);border-radius:9px;background:#fbfdfb;padding:15px;color:#31423b;font:12px/1.7 'DM Mono';resize:vertical;outline:none}.editor-wrap textarea:focus,.single-editor textarea:focus,.timestamp-convert input:focus{border-color:#91bea3;box-shadow:0 0 0 3px #edf7ef}.status{font-size:9px;text-transform:none;letter-spacing:0;padding:3px 7px;border-radius:4px;background:#eff3f0}.status.good{color:var(--green);background:#eaf6e3}.status.bad{color:#b94f43;background:#fff0ed}.control-row{display:flex;align-items:end;gap:9px;margin-top:15px}.button,select,input{font:600 11px Manrope;border-radius:7px}.button{border:1px solid var(--line);padding:11px 14px;cursor:pointer;background:white;color:var(--ink)}.button:hover{border-color:#94bba2}.button.primary{background:var(--deep);color:#fff;border-color:var(--deep)}.button.primary:hover{background:var(--green)}.button span{font:10px 'DM Mono';opacity:.6;margin-left:8px}.inline-control{margin-right:auto}.inline-control label{display:block;color:var(--muted);font-size:10px;margin:0 0 5px}select{border:1px solid var(--line);padding:10px 27px 10px 10px;background:white;color:var(--ink)}.single-editor textarea{height:185px}.result-box{margin-top:15px;min-height:85px;background:#f4f8f5;border:1px solid var(--line);border-radius:9px;padding:16px;font:12px/1.65 'DM Mono';white-space:pre-wrap;overflow-wrap:anywhere;color:#365348}.time-card{display:flex;align-items:center;justify-content:space-between;padding:27px;border-radius:12px;background:var(--deep);color:white}.time-card .section-kicker{color:#b9e18f}.time-card strong{display:block;font:35px 'DM Mono';letter-spacing:-.08em;margin:13px 0 5px}.time-card small{color:#bdd0c7;font-size:11px}.timestamp-convert{margin-top:24px}.timestamp-convert input{border:1px solid var(--line);padding:12px;width:250px;outline:none}.timestamp-convert .button{margin-left:6px}.timestamp-convert p{font:11px 'DM Mono';color:var(--muted);margin-top:17px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:68px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.benefits>div{background:var(--paper);padding:22px 25px}.benefit-icon{color:var(--green);font-size:19px;display:block;margin-bottom:14px}.benefits strong{font-size:12px}.benefits p{margin:6px 0 0;color:var(--muted);font-size:11px}.site-footer{display:flex;justify-content:space-between;align-items:center;color:#8a9891;font-size:10px;padding-top:26px;padding-bottom:35px}.site-footer a{color:var(--green)}@media(max-width:760px){.site-header{padding:0 20px;gap:20px}.top-nav{display:none}.header-link{margin-left:auto}.shell{width:min(100% - 30px,600px)}.hero{padding:58px 0 42px}.hero-meta{gap:12px;flex-wrap:wrap}.workspace{grid-template-columns:1fr}.tool-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:17px 12px;display:flex;gap:5px;overflow:auto}.sidebar-label,.sidebar-note{display:none}.tool-item{min-width:140px;padding:10px 8px}.tool-item.selected:before{left:0;bottom:-17px;width:100%;height:2px}.tool-item kbd{display:none}.tool-icon{display:none}.tool-panel{padding:28px 20px}.editor-grid{grid-template-columns:1fr}.editor-wrap textarea{height:170px}.control-row{flex-wrap:wrap}.inline-control{width:100%;margin:0}.time-card{display:block}.time-card .button{margin-top:18px}.timestamp-convert input{width:calc(100% - 82px)}.benefits{grid-template-columns:1fr;margin-top:42px}.site-footer{padding-bottom:25px}.site-footer span:nth-child(2){display:none}}