@font-face{font-family:"Desk Sans";src:url("/vendor/fonts/dm-sans/dm-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Desk Sans";src:url("/vendor/fonts/dm-sans/dm-sans-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Desk Mono";src:url("/vendor/fonts/dm-mono/dm-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Desk Display";src:url("/vendor/fonts/lora/lora-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}

:root{
  color-scheme:dark;font-family:"Desk Sans",ui-sans-serif,system-ui,sans-serif;
  --color-background:#0a1014;--color-surface:#10181d;--color-surface-elevated:#172128;--color-navigation:#0c1317;
  --color-border:#263238;--color-border-strong:#3b4a50;--color-text:#f0f2ee;--color-text-secondary:#9aa6a5;
  --color-accent:#47e3ae;--color-accent-strong:#71efc4;--color-accent-soft:#15372c;
  --color-success:#47e3ae;--color-warning:#f4bd62;--color-error:#ff7d78;
  --radius-small:5px;--radius-medium:8px;--radius-large:12px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;
  --shadow-card:0 18px 45px rgb(0 0 0/24%);--shadow-soft:0 10px 28px rgb(0 0 0/15%);--shadow-dialog:0 30px 90px rgb(0 0 0/60%);
  --type-small:12px;--type-body:14px;--type-display:clamp(44px,5.6vw,76px)
}

*{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--color-background);color:var(--color-text);line-height:1.5}::selection{background:var(--color-accent);color:#07130f}button,input{font:inherit}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.product-shell{min-height:100vh}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:var(--radius-small);background:var(--color-accent);color:#07130f;font-size:13px;font-weight:600;text-decoration:none}.skip-link:focus{top:12px}

.topbar{height:68px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 26px;gap:18px;background:rgb(10 16 20/96%);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{border:0;background:none;color:var(--color-text);font-size:17px;font-weight:600;letter-spacing:-.025em;cursor:pointer;display:flex;align-items:center;gap:11px;padding:0}.brand-mark{display:block;width:34px;height:34px;overflow:hidden;border:1px solid #2e4d45;border-radius:9px;background:#0a1715}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.tagline{border-left:1px solid var(--color-border);padding-left:18px;color:#7f8b8c;font-size:12px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.header-status{display:inline-flex;align-items:center;gap:8px;color:#879393;font-family:"Desk Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.header-status>span{width:6px;height:6px;border-radius:50%;background:var(--color-success)}.install-cta{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--color-accent);border-radius:var(--radius-small);padding:9px 13px;background:var(--color-accent);color:#071711;font-size:12px;font-weight:600;cursor:pointer;box-shadow:3px 3px 0 #164c3d;transition:translate .15s ease,box-shadow .15s ease}.install-cta:hover{translate:1px 1px;box-shadow:2px 2px 0 #164c3d}.install-cta span{font-family:"Desk Mono",monospace;font-size:14px}

.body-grid{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{border-right:1px solid var(--color-border);padding:24px 12px 18px;overflow:auto;max-height:calc(100vh - 68px);position:sticky;top:68px;background:var(--color-navigation);scrollbar-color:#324047 transparent;scrollbar-width:thin}.primary-nav{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7f8b8c;font-family:"Desk Mono",monospace;font-size:10px;margin:0 9px 12px}.nav-home,.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;text-align:left;border:1px solid transparent;border-radius:var(--radius-small);background:transparent;color:#a6b0af;padding:8px 10px;margin:2px 0;cursor:pointer;font-size:12px;transition:color .15s ease,background .15s ease,border-color .15s ease}.nav-home:hover,.nav-item:hover{background:#121d22;color:var(--color-text);border-color:#202c31}.nav-home.active,.nav-item.active{background:var(--color-accent-soft);color:#eafff8;border-color:#275946}.nav-secondary{color:#818e8e;font-size:11px}.tools-label{margin:24px 9px 7px}.nav-glyph{width:19px;color:#7e8d8c;text-align:center;font-family:"Desk Mono",monospace;font-size:13px}.nav-item.active .nav-glyph{color:var(--color-accent)}.tool-search{display:grid;gap:6px;margin:16px 4px 0;color:var(--color-text-secondary);font-size:11px}.tool-search>label{font-family:"Desk Mono",monospace;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.search-control{position:relative}.tool-search input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:9px 34px 9px 10px;background:#0a1115;color:var(--color-text);transition:border-color .15s ease}.tool-search input:focus{border-color:#4b8b76}.tool-search input::placeholder{color:#667374}.search-control button{position:absolute;right:4px;top:50%;translate:0 -50%;width:27px;height:27px;border:0;border-radius:4px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:17px}.search-control button:hover{background:#1b272c;color:var(--color-text)}.search-status{min-height:15px;color:#748181;font-size:10px}.nav-empty{margin:16px 8px;color:var(--color-text-secondary);font-size:12px}.sidebar-foot{display:flex;gap:8px;align-items:flex-start;margin:28px 5px 0;padding:12px 10px;border-top:1px solid var(--color-border);color:#748182;font-size:10px;line-height:1.5}.sidebar-foot>span:first-child{color:var(--color-accent)}.mobile-tool-nav{display:none}

.workspace{padding:54px clamp(24px,5vw,76px) 80px;max-width:1460px;width:100%;min-width:0}.hero-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:clamp(36px,6vw,90px);align-items:end;padding:28px 0 58px;border-bottom:1px solid var(--color-border)}.hero{max-width:800px}.hero h1,.not-found h1,.info-page h1{font-family:"Desk Display",Georgia,serif;font-size:var(--type-display);font-weight:600;line-height:.99;letter-spacing:-.045em;margin:0 0 24px;color:#f2f3ed}.hero>.eyebrow{margin-left:0;color:var(--color-accent)}.hero>p:not(.eyebrow){color:var(--color-text-secondary);font-size:17px;line-height:1.65;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}.hero-actions a{text-decoration:none}.hero-primary{display:inline-flex;align-items:center;gap:24px}.hero-primary span{transition:transform .15s ease}.hero-primary:hover span{transform:translateX(3px)}
.quick-start{border-top:3px solid var(--color-accent);background:var(--color-surface);padding:5px 0 0}.quick-start-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 15px 11px;border-bottom:1px solid var(--color-border);font-family:"Desk Mono",monospace;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.quick-start-heading small{color:#728080;font-size:9px}.quick-start>button{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);padding:13px 15px;text-align:left;cursor:pointer;transition:background .15s ease}.quick-start>button:hover{background:#162229}.quick-start>button>span:nth-child(2){display:grid;gap:2px}.quick-start>button strong{font-size:12px;font-weight:600}.quick-start>button small{color:#7f8c8c;font-size:10px}.quick-start>button>span:last-child{color:var(--color-accent)}.quick-glyph{color:var(--color-accent);font-family:"Desk Mono",monospace}.quick-start>p{margin:0;padding:11px 15px;color:#748181;font-size:10px;line-height:1.45}
.hero-rule{display:flex;gap:28px;flex-wrap:wrap;padding:15px 0;margin:0 0 42px;color:#84908f;font-family:"Desk Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.hero-rule span::before{content:"✓";color:var(--color-accent);margin-right:8px}.continue-card{width:min(100%,540px);display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;border:1px solid #356151;background:#10231c;color:var(--color-text);border-radius:var(--radius-medium);padding:13px 15px;cursor:pointer;text-align:left;margin-bottom:44px;transition:border-color .15s ease,background .15s ease}.continue-card:hover{border-color:var(--color-accent);background:#142a22}.continue-card small,.continue-card strong{display:block}.continue-card small{color:#88a098;margin-bottom:2px;font-size:10px}.continue-glyph{display:grid;place-items:center;width:38px;height:38px;border:1px solid #315949;border-radius:50%;color:var(--color-accent)}
.catalog-heading{max-width:680px;margin:68px 0 10px;scroll-margin-top:96px}.catalog-heading .eyebrow{margin-left:0}.catalog-heading h2{font-family:"Desk Display",Georgia,serif;margin:0 0 9px;font-size:clamp(32px,3.3vw,46px);line-height:1.1;letter-spacing:-.035em}.catalog-heading>p:last-child{margin:0;color:var(--color-text-secondary)}.tool-category{margin-top:44px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--color-border-strong)}.section-heading h2{margin:0;color:#aab3b1;font-family:"Desk Mono",monospace;font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.section-heading>span{color:#6f7d7c;font-family:"Desk Mono",monospace;font-size:9px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{position:relative;display:grid;grid-template-columns:36px 1fr auto;gap:13px;text-align:left;border:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:transparent;border-radius:0;padding:20px 17px;color:var(--color-text);cursor:pointer;min-height:126px;transition:background .15s ease}.tool-card:nth-child(3n){border-right:0}.tool-card:hover,.tool-card.active{background:#111d22}.tool-card:hover .tool-arrow{color:var(--color-accent);transform:translate(2px,-2px)}.tool-icon{width:36px;height:36px;border:1px solid #33433f;border-radius:50%;color:var(--color-accent);display:grid;place-items:center;font-family:"Desk Mono",monospace;font-size:13px}.tool-copy{display:grid;align-content:start;gap:5px}.tool-copy strong{font-size:13px;font-weight:600}.tool-copy small{color:#899695;line-height:1.45;font-size:11px}.tool-copy em{margin-top:3px;font-style:normal;color:#657372;font-family:"Desk Mono",monospace;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.tool-arrow{color:#53615f;font-size:12px;transition:color .15s ease,transform .15s ease}

.back-link{border:0;background:none;color:var(--color-accent);padding:0;margin-bottom:18px;cursor:pointer;font-size:12px}.button-primary,.button-secondary{border-radius:var(--radius-small);padding:10px 14px;cursor:pointer;font-weight:600;font-size:12px;transition:translate .15s ease,border-color .15s ease,background .15s ease}.button-primary{border:1px solid var(--color-accent);background:var(--color-accent);color:#071711}.button-secondary{border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text)}.button-primary:hover,.button-secondary:hover{translate:0 -1px}.button-primary:hover{background:var(--color-accent-strong)}.button-secondary:hover{border-color:#59696d;background:#121b20}.not-found{max-width:650px;padding-top:48px}.not-found p:not(.eyebrow){color:var(--color-text-secondary);line-height:1.6;margin-bottom:24px}
.info-page{max-width:1020px;padding-top:20px}.info-page>.eyebrow{margin-left:0;color:var(--color-accent)}.info-page h1{max-width:820px}.info-lede{max-width:760px;color:var(--color-text-secondary);font-size:16px;line-height:1.7}.principles{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:34px 0;padding:14px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:#a1acab;font-family:"Desk Mono",monospace;font-size:10px}.principles span:nth-child(even){color:var(--color-accent)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border-strong);border-left:1px solid var(--color-border);margin-top:34px}.info-grid article{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:24px}.info-grid h2{margin:28px 0 10px;font-size:16px;font-weight:600}.info-grid p{margin:0;color:var(--color-text-secondary);line-height:1.65;font-size:12px}.info-number{color:var(--color-accent);font-family:"Desk Mono",monospace;font-size:10px}.info-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:20px 22px;border-left:3px solid var(--color-accent);background:var(--color-surface)}.info-callout p{margin:4px 0 0;color:var(--color-text-secondary);font-size:12px}.info-callout button{flex:0 0 auto}.privacy-summary{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin:34px 0}.privacy-summary>div{min-height:108px;display:grid;align-content:center;gap:5px;padding:18px;border-top:2px solid #335f50;background:var(--color-surface)}.privacy-summary>div span{color:var(--color-text-secondary);font-size:11px;line-height:1.5}.privacy-summary>span{color:var(--color-accent);align-self:center}

.notifications{position:fixed;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));display:grid;gap:8px;z-index:60;pointer-events:none}.notification{pointer-events:auto;display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:start;background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);padding:13px 14px;border-radius:var(--radius-medium);box-shadow:var(--shadow-card)}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);margin-top:5px}.notification-error .notification-dot{background:var(--color-error)}.notification-warning .notification-dot{background:var(--color-warning)}.notification-success .notification-dot{background:var(--color-success)}.notification-copy{display:grid;gap:3px}.notification-copy strong{font-family:"Desk Mono",monospace;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.notification-copy span{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.notification>button{border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:20px;line-height:1}.dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgb(0 0 0/72%)}.download-dialog{width:min(430px,100%);background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-large);box-shadow:var(--shadow-dialog);padding:32px;text-align:center}.download-mark{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 16px;border:1px solid #346650;border-radius:50%;color:var(--color-success);font-size:20px}.download-dialog h2{margin:0 0 12px}.download-dialog p{word-break:break-word;color:var(--color-text-secondary);margin:0 0 6px}.download-dialog small{color:#71808f}.dialog-actions,.state-actions{display:flex;justify-content:center;gap:8px;margin-top:24px}

@media(max-width:1120px) and (min-width:821px){.body-grid{grid-template-columns:224px minmax(0,1fr)}.workspace{padding:42px 34px 68px}.hero-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:38px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card:nth-child(3n){border-right:1px solid var(--color-border)}.tool-card:nth-child(2n){border-right:0}}
@media(max-width:820px){.topbar{padding:0 15px;height:62px;position:static;gap:12px}.tagline,.header-status{display:none}.topbar-actions{gap:0}.install-cta{padding:8px 10px;box-shadow:none}.body-grid{display:block;min-height:calc(100vh - 62px)}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);padding:11px;position:static;max-height:none}.primary-nav>.eyebrow{display:none}.primary-nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.nav-home{margin:0;justify-content:center}.tool-search{grid-column:1/-1;margin:6px 0 2px}.desktop-tool-nav{display:none}.mobile-tool-nav{display:grid;grid-column:1/-1;gap:5px}.mobile-nav-group{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.mobile-nav-group summary{cursor:pointer;padding:10px 12px;color:var(--color-text-secondary);font-size:11px;font-weight:600}.mobile-nav-links{padding:0 6px 7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav-links .nav-item{margin:2px 0;min-width:0}.sidebar-foot{display:none}.workspace{padding:32px 17px 56px}.hero-layout{display:block;padding:16px 0 36px}.quick-start{margin-top:34px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero-rule{gap:9px;flex-direction:column;margin-bottom:34px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card:nth-child(3n){border-right:1px solid var(--color-border)}.tool-card:nth-child(2n){border-right:0}.info-grid{grid-template-columns:1fr}.info-callout{align-items:flex-start;flex-direction:column}.privacy-summary{grid-template-columns:1fr}.privacy-summary>span{transform:rotate(90deg);justify-self:center}.notifications{right:16px;bottom:16px}}
@media(max-width:500px){.brand{font-size:15px}.brand-mark{width:31px;height:31px}.install-cta{font-size:11px}.mobile-nav-links{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions>*{width:100%;justify-content:center;text-align:center}.tool-grid{grid-template-columns:1fr}.tool-card,.tool-card:nth-child(2n),.tool-card:nth-child(3n){border-right:0}}
