:root{color:#1b2420;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f5ef;font-family:DM Sans,Arial,sans-serif}body{min-width:320px;margin:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #2e694d}:root{--ink:#1b2420;--muted:#718078;--paper:#f3f5ef;--line:#d7ded6;--green:#2e694d;--lime:#d9e8a7;--serif:Georgia, serif;--mono:"Courier New", monospace}*{box-sizing:border-box}button{font:inherit}.site-shell{background:var(--paper);max-width:1280px;min-height:100vh;margin:0 auto;padding:0 5.5vw;overflow:hidden}.topbar{border-bottom:1px solid var(--line);height:92px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;text-transform:lowercase;align-items:center;gap:9px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.brand-mark{width:25px;height:25px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;display:grid}.brand-dot{color:var(--green)}.topbar-meta{color:var(--muted);align-items:center;gap:12px;display:flex}.status-dot{background:#75a852;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #dce9d3}.nav-login{color:var(--ink);border:0;border-left:1px solid var(--line);cursor:pointer;text-transform:uppercase;font:inherit;background:0 0;align-items:center;gap:7px;padding:2px 0 2px 19px;display:flex}.nav-login:hover,.tool-link:hover{color:var(--green)}.hero-section{max-width:730px;padding:clamp(80px,12vw,155px) 0 120px}.eyebrow,.section-label{color:var(--green);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow span{color:var(--muted);margin-right:17px}h1,h2,h3,p{margin:0}h1{color:var(--ink);letter-spacing:-.075em;margin:25px 0 26px;font-size:clamp(56px,7.5vw,105px);font-weight:500;line-height:.96}h1 em,h2 em{color:var(--green);font-family:var(--serif);letter-spacing:-.06em;font-weight:500}.hero-copy{max-width:390px;color:var(--muted);font-size:16px;line-height:1.6}.hero-actions{align-items:center;gap:28px;margin-top:40px;display:flex}.primary-button{color:var(--paper);background:var(--green);border:1px solid var(--green);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:25px;padding:14px 18px 14px 20px;font-size:11px;transition:background .2s,transform .2s;display:flex}.primary-button:hover{background:var(--ink);transform:translateY(-2px)}.security-caption{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;display:flex}.workspace-section{border-top:1px solid var(--line);padding:37px 0 120px}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:34px;display:flex}h2{color:var(--ink);letter-spacing:-.06em;margin-top:15px;font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1}.private-badge{color:var(--green);font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;display:flex}.tool-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tool-card{text-align:left;min-height:350px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff52;flex-direction:column;align-items:flex-start;padding:23px 24px;transition:border-color .2s,background .2s,transform .2s;display:flex}.tool-card:hover{border-color:var(--green);background:#fff;transform:translateY(-4px)}.tool-card.featured{background:var(--lime);border-color:var(--lime)}.tool-topline{width:100%;color:var(--muted);justify-content:space-between;display:flex}.tool-number{font:10px var(--mono)}.tool-icon{color:var(--green);margin-top:57px}.tool-card h3{letter-spacing:-.04em;margin-top:20px;font-size:22px;font-weight:500}.tool-card p{max-width:235px;color:var(--muted);margin-top:8px;font-size:13px;line-height:1.45}.tool-link{color:var(--ink);font:10px var(--mono);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:7px;margin-top:auto;display:flex}.principles-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.25fr;gap:12%;padding:48px 0 110px;display:grid}.principles-intro h2{font-size:clamp(37px,5vw,63px);line-height:.95}.principles-content>p{max-width:420px;color:var(--muted);padding-top:8px;font-size:16px;line-height:1.55}.principle-list{border-top:1px solid var(--line);margin-top:38px}.principle-list div{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr 1.3fr;align-items:center;gap:10px;padding:14px 0;display:grid}.principle-list span,.principle-list small{color:var(--muted);font:10px var(--mono)}.principle-list strong{font-size:13px;font-weight:500}.footer{border-top:1px solid var(--line);color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;padding:22px 0 30px;display:flex}.footer-line{background:var(--line);width:34px;height:1px;margin:0 0 3px 8px;display:inline-block}.toast{z-index:4;color:var(--paper);background:var(--ink);font:11px var(--mono);padding:12px 17px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #1b242033}@media (width<=700px){.site-shell{padding:0 22px}.topbar{height:74px}.topbar-meta{gap:8px;font-size:9px}.topbar-meta>.status-dot{display:none}.nav-login{padding-left:10px}.hero-section{padding:82px 0 90px}h1{font-size:clamp(52px,16vw,78px)}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.workspace-section{padding-bottom:85px}.section-heading{align-items:flex-end}.private-badge{font-size:8px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:280px}.tool-icon{margin-top:34px}.principles-section{grid-template-columns:1fr;gap:42px;padding-bottom:75px}.principle-list div{grid-template-columns:28px 1fr}.principle-list small{grid-column:2;margin-top:-6px}.footer{flex-direction:column;gap:15px}}
