/* Ktavly editorial layer for the static site: paper and ink, a serif for display, hairline rules instead of boxes.
   Loaded after app.css; overrides its tokens so docs, pricing and legal pages share the same voice as the landing. */
@font-face{font-family:'Frank Ruhl Libre';font-weight:400;font-display:swap;src:url(/fonts/frank-ruhl-libre-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Frank Ruhl Libre';font-weight:500;font-display:swap;src:url(/fonts/frank-ruhl-libre-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Frank Ruhl Libre';font-weight:700;font-display:swap;src:url(/fonts/frank-ruhl-libre-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Frank Ruhl Libre';font-weight:400;font-display:swap;src:url(/fonts/frank-ruhl-libre-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Frank Ruhl Libre';font-weight:500;font-display:swap;src:url(/fonts/frank-ruhl-libre-hebrew-500-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Frank Ruhl Libre';font-weight:700;font-display:swap;src:url(/fonts/frank-ruhl-libre-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Heebo';font-weight:400;font-display:swap;src:url(/fonts/heebo-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-weight:500;font-display:swap;src:url(/fonts/heebo-hebrew-500-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-weight:700;font-display:swap;src:url(/fonts/heebo-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'JetBrains Mono';font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-latin-700-normal.woff2) format('woff2')}

:root{
  --bg:#F5F2EB;--surface:#FBF9F4;--surface-2:#EEE9DF;--border:#D9D1C1;--text:#1A1813;--muted:#575247;--brand:#1F3A5F;--brand-ink:#FFFFFF;--brand-soft:#E4E8EE;
  --accent:#9E3A1A;--code-bg:#1C1A15;--code-text:#ECE6D8;--radius:6px;--shadow:0 1px 0 rgba(26,24,19,.05);
  --font:'Inter','Heebo',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--serif:'Frank Ruhl Libre','Iowan Old Style',Georgia,serif;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --t-c:#9A917E;--t-s:#D9B37A;--t-k:#E59A7A;--t-v:#9FC3E6;--t-n:#C8B5E8;--t-f:#B9C99A;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#14130F;--surface:#1B1A15;--surface-2:#24221C;--border:#36332A;--text:#EDE8DC;--muted:#ABA392;--brand:#A9C1E0;--brand-ink:#14130F;--brand-soft:#232A35;--accent:#E8916D;--code-bg:#0F0E0B;--shadow:none}}
:root[data-theme=dark]{--bg:#14130F;--surface:#1B1A15;--surface-2:#24221C;--border:#36332A;--text:#EDE8DC;--muted:#ABA392;--brand:#A9C1E0;--brand-ink:#14130F;--brand-soft:#232A35;--accent:#E8916D;--code-bg:#0F0E0B;--shadow:none}

body{font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}
h1,h2,.plan h3,.legal-body h1{font-family:var(--serif);font-weight:500;letter-spacing:-.012em}
h1{line-height:1.06}
code,kbd,pre{font-variant-ligatures:none}
pre{border-radius:4px}
::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}

/* app.css / site.css overrides: no gradients, no glows, quieter chrome */
.grad{background:none!important;color:inherit!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.hero-x{background:none!important}
.eyebrow,.pill{background:none!important;border:0!important;padding:0!important;color:var(--accent)!important;font:600 12px/1.4 var(--font)!important;letter-spacing:.12em;text-transform:uppercase}
.eyebrow .dot{display:none}
.plan-featured{background:var(--surface)!important;border:1px solid var(--text)!important}
.plan,.card,.g-card,.code-card{box-shadow:none!important;border-radius:var(--radius)!important}
.g-thumb{background:var(--surface-2)!important}
.btn{border-radius:3px!important;font-weight:600}
.btn-primary{background:var(--text)!important;border-color:var(--text)!important;color:var(--bg)!important}
.topbar{background:color-mix(in srgb,var(--bg) 92%,transparent)!important}
.logo{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:-.01em}
.logo img{border-radius:4px}
.cta-soon{border:1px solid var(--text)!important;background:transparent!important;color:var(--text)!important}
.nav a[aria-current=page]{background:none!important;color:var(--text)!important;box-shadow:inset 0 -2px 0 var(--accent);border-radius:0!important}
.site-footer .logo{font-size:20px}

/* code samples: file bar + tokens */
.code-bar{display:flex;align-items:center;justify-content:space-between;background:var(--code-bg);color:#B5AD9B;border-radius:4px 4px 0 0;padding:6px 8px 6px 16px;border-bottom:1px solid rgba(255,255,255,.08);font:500 12.5px var(--mono)}
.code-bar + pre{border-radius:0 0 4px 4px}
.code-bar .copy{position:static!important;background:rgba(255,255,255,.06)!important;color:#ECE6D8!important;border:1px solid rgba(255,255,255,.16)!important;min-height:30px}
@media (max-width:720px){.code > .code-bar + pre{padding-top:16px}}
.t-c{color:var(--t-c);font-style:italic}.t-s{color:var(--t-s)}.t-k{color:var(--t-k)}.t-v{color:var(--t-v)}.t-n{color:var(--t-n)}.t-f{color:var(--t-f)}

/* ---------- landing ---------- */
.ed-wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.ed-kicker{margin:0 0 22px;font:600 12px/1.4 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.ed-hero{border-bottom:1px solid var(--border)}
.ed-hero-grid{display:grid;gap:56px;padding-top:72px;padding-bottom:72px;align-items:center}
.ed-hero h1{font-size:clamp(46px,6.4vw,84px);margin:0 0 28px;font-weight:500}
.ed-lede{font-size:19px;line-height:1.62;color:var(--muted);max-width:34em;margin:0 0 32px}
.ed-lede a{color:var(--text)}
.ed-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ed-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid var(--text);border-radius:3px;color:var(--text);text-decoration:none;font-weight:600;font-size:16px;transition:background .15s,color .15s}
.ed-btn:hover{background:var(--surface-2)}
.ed-btn-ink{background:var(--text);color:var(--bg)}.ed-btn-ink:hover{background:color-mix(in srgb,var(--text) 86%,var(--bg))}
.ed-status{display:flex;gap:10px;align-items:baseline;margin:28px 0 0;font-size:14.5px;color:var(--muted);max-width:32em}
.ed-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translateY(-1px)}
.ed-desk{position:relative;margin:0;min-height:520px}
.ed-sheet{position:absolute;display:block;width:68%;background:#fff;box-shadow:0 1px 1px rgba(26,24,19,.08),0 18px 40px -18px rgba(26,24,19,.35);transition:transform .25s ease}
.ed-sheet img{display:block;width:100%;height:auto}
.ed-sheet-back{right:0;top:0;transform:rotate(2.2deg)}
.ed-sheet-front{left:0;top:44px;transform:rotate(-1.4deg)}
.ed-sheet:hover{transform:rotate(0) translateY(-4px)}
.ed-sheet:focus-visible{outline:3px solid var(--accent);outline-offset:4px;box-shadow:none}
.ed-desk figcaption{position:absolute;left:0;right:0;bottom:-8px;font-size:13.5px;color:var(--muted)}
.ed-desk figcaption code,.ed-spec code{font-size:12.5px}
.ed-fig{font-family:var(--serif);font-style:italic;color:var(--text)}
@media (min-width:960px){.ed-hero-grid{grid-template-columns:1.12fr .88fr}.ed-desk{min-height:640px}}
@media (max-width:959px){.ed-desk{min-height:0;aspect-ratio:1/1.08;margin-bottom:28px}.ed-hero-grid{padding-top:48px;gap:40px}}

.ed-sec{padding-top:96px;padding-bottom:16px}
.ed-sec-head{display:grid;grid-template-columns:auto 1fr;column-gap:24px;align-items:baseline;border-top:1px solid var(--text);padding-top:18px;margin-bottom:40px}
.ed-num{margin:0;font:500 15px var(--mono);color:var(--accent)}
.ed-sec-head h2{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.1}
.ed-sec-sub{grid-column:2;margin:14px 0 0;color:var(--muted);max-width:40em;font-size:17px}
.ed-req{display:grid;gap:20px}
@media (min-width:960px){.ed-req{grid-template-columns:1.25fr 1fr}}
.ed-code{min-width:0}
.ed-code-bar{display:flex;justify-content:space-between;background:var(--code-bg);color:#B5AD9B;font:500 12.5px var(--mono);padding:10px 16px;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(255,255,255,.08)}
.ed-code pre{border-radius:0 0 4px 4px;font-size:13.5px;line-height:1.62;padding:18px 18px 20px;height:calc(100% - 38px)}
.ed-code-quiet pre{color:#D8D1C2}
.ed-note{color:var(--muted);max-width:46em;margin:22px 0 0;font-size:15.5px}
.ed-specimens{display:grid;gap:40px 28px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:960px){.ed-specimens{grid-template-columns:repeat(6,minmax(0,1fr))}.ed-spec-tall{grid-column:span 2}.ed-spec-receipt{grid-column:span 2}.ed-spec-wide{grid-column:span 4}}
@media (max-width:959px){.ed-spec-wide{grid-column:1/-1}}
.ed-spec{margin:0}
.ed-spec a{display:block;background:#fff;border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}
.ed-spec a:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(26,24,19,.4)}
.ed-spec a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:none}
.ed-spec img{display:block;width:100%;height:auto}
.ed-spec-receipt a{background:#fff;padding:0 18%}
.ed-spec figcaption{margin-top:14px;font-size:14.5px;color:var(--muted);line-height:1.55}
.ed-spec figcaption strong{display:block;color:var(--text);font:500 19px/1.3 var(--serif);margin-bottom:3px}
.ed-more{margin:36px 0 0}.ed-more a{color:var(--text);font-weight:600}
.ed-principles{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:p}
.ed-principles li{display:grid;gap:8px 48px;padding:30px 0;border-bottom:1px solid var(--border)}
.ed-principles li:first-child{padding-top:0}
@media (min-width:960px){.ed-principles li{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.ed-principles li p{grid-column:2}.ed-principles li h3{grid-row:span 2}}
.ed-principles h3{margin:0;font:500 26px/1.2 var(--serif)}
.ed-principles p{margin:0;font-size:17px;line-height:1.65;max-width:38em}
.ed-proof{color:var(--muted);font-size:14.5px!important;border-left:2px solid var(--accent);padding-left:14px;margin-top:6px!important}
.ed-table-wrap{overflow-x:auto}
.ed-table{width:100%;border-collapse:collapse;font-size:16px;min-width:560px}
.ed-table th,.ed-table td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--border)}
.ed-table thead th{font:600 12px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--text)}
.ed-table tbody th{font:500 20px var(--serif)}
.ed-table td:nth-child(2){font-variant-numeric:tabular-nums;font-weight:600}
.ed-launch{margin-top:110px;background:var(--text);color:var(--bg)}
.ed-launch-in{padding-top:80px;padding-bottom:84px}
.ed-launch h2{font-size:clamp(36px,5vw,60px);margin:0 0 18px;color:var(--bg)}
.ed-launch p{max-width:38em;font-size:18px;line-height:1.62;margin:0 0 30px;color:color-mix(in srgb,var(--bg) 82%,var(--text))}
.ed-btn-paper{background:var(--bg);color:var(--text);border-color:var(--bg)}.ed-btn-paper:hover{background:color-mix(in srgb,var(--bg) 88%,var(--text))}
.ed-btn-line{border-color:color-mix(in srgb,var(--bg) 60%,transparent);color:var(--bg)}.ed-btn-line:hover{background:color-mix(in srgb,var(--bg) 10%,transparent)}
.ed-launch .ed-btn:focus-visible{box-shadow:0 0 0 3px var(--accent)}
body.ed .site-footer{margin-top:0}
.ed-404{padding-top:120px;padding-bottom:140px}.ed-404 h1{font-size:clamp(40px,6vw,72px);margin:0 0 20px}
@media (prefers-reduced-motion:reduce){.ed-sheet,.ed-spec a,.ed-btn{transition:none}}
.ed-launch .ed-demo-lead{font-size:16px;margin-bottom:12px}
.ed-demo{background:rgba(255,255,255,.06);color:#ECE6D8;border:1px solid rgba(255,255,255,.16);font-size:13.5px;margin:0 0 30px;max-width:720px}
:root[data-theme=dark] .ed-demo{background:rgba(0,0,0,.05);color:#1A1813;border-color:rgba(0,0,0,.18)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ed-demo{background:rgba(0,0,0,.05);color:#1A1813;border-color:rgba(0,0,0,.18)}}
:root[data-theme=dark] .ed-demo .t-k{color:#8A3A1C}:root[data-theme=dark] .ed-demo .t-s{color:#5E4510}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ed-demo .t-k{color:#8A3A1C}:root:not([data-theme=light]) .ed-demo .t-s{color:#5E4510}}
