@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;--kn-void: #06060c;--kn-void-deep: #03030a;--kn-void-rise: #0c0c14;--kn-void-tile: #10101a;--kn-chrome: #ece8d8;--kn-chrome-hi: #f4f4f7;--kn-chrome-mid: #9da0a8;--kn-chrome-dim: #5b6273;--kn-line: rgba(236, 232, 216, .08);--kn-line-strong: rgba(236, 232, 216, .16);--kn-magenta: #ff3c79;--kn-magenta-soft: #ff79a6;--kn-magenta-deep: #4a1230;--kn-magenta-tint: rgba(255, 60, 121, .1);--kn-magenta-bloom: rgba(255, 60, 121, .35);--kn-font-sans: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--kn-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--kn-font-display: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--syn-comment: #6a6f7a;--syn-keyword: #c4a8fa;--syn-string: #a5e8b4;--syn-number: #fcd07f;--syn-fn: #7ad9f0;--syn-prop: #ece8d8;--syn-coral: #ff79a6;--syn-rest: #9da0a8;--syn-bg: #08080f;--kn-ok: #7be0a6;--kn-warn: #fcd07f;--kn-info: #7ad9f0;--vst-ink: var(--kn-chrome);--vst-paper: var(--kn-void);--vst-panel: var(--kn-void-rise);--vst-muted: var(--kn-chrome-mid);--vst-line: var(--kn-line);--vst-accent: var(--kn-magenta);--vst-green: var(--kn-chrome);--sl-color-accent-low: var(--kn-magenta-deep);--sl-color-accent: var(--kn-magenta);--sl-color-accent-high: var(--kn-magenta-soft);--sl-color-white: var(--kn-chrome-hi);--sl-color-gray-1: var(--kn-chrome);--sl-color-gray-2: var(--kn-chrome-mid);--sl-color-gray-3: var(--kn-chrome-dim);--sl-color-gray-4: #3a3e48;--sl-color-gray-5: #1f2128;--sl-color-gray-6: #11131a;--sl-color-bg: var(--kn-void);--sl-color-bg-nav: var(--kn-void);--sl-color-bg-sidebar: #0a0a12;--sl-color-bg-inline-code: var(--kn-void-rise);--sl-color-text: var(--kn-chrome);--sl-color-text-accent: var(--kn-magenta);--sl-font: var(--kn-font-sans);--sl-font-mono: var(--kn-font-mono)}:root[data-theme=light]{color-scheme:light;--sl-color-bg: #f8f7f4;--sl-color-bg-nav: #f8f7f4;--sl-color-bg-sidebar: #efece5;--sl-color-text: var(--kn-void);--sl-color-text-accent: var(--kn-magenta);--sl-color-white: var(--kn-void);--sl-color-gray-1: var(--kn-void);--sl-color-gray-2: #3a3a44;--sl-color-gray-6: #e5e2d8}html{color:var(--kn-chrome);background:var(--kn-void);font-family:var(--kn-font-sans);font-feature-settings:"ss01","cv01","cv11";letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0}::selection{background:var(--kn-magenta);color:var(--kn-chrome-hi)}.landing-shell{position:relative;min-height:100vh;isolation:isolate;color:var(--kn-chrome);background:radial-gradient(80% 60% at 80% 12%,rgba(255,60,121,.1) 0%,transparent 60%),radial-gradient(90% 70% at 8% 100%,rgba(120,30,160,.06) 0%,transparent 60%),linear-gradient(180deg,var(--kn-void) 0%,var(--kn-void-deep) 100%)}.landing-shell:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.05;background:url(/visuals/texture-blueprint.png) center / 768px 768px repeat;mix-blend-mode:screen}.landing-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>")}.landing-shell>*{position:relative;z-index:1}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:0 auto;padding:26px 28px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--kn-chrome-hi);font-family:var(--kn-font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.brand-mark{position:relative;display:inline-grid;width:28px;height:28px;place-items:center;color:transparent}.brand-mark svg{display:block;width:100%;height:100%}.landing-nav{display:flex;align-items:center;gap:4px}.landing-nav a,.cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:8px;color:var(--kn-chrome);font-family:var(--kn-font-sans);font-size:14px;font-weight:500;letter-spacing:-.005em;text-decoration:none;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.landing-nav a:hover{color:var(--kn-chrome-hi);background:#ffffff0a}.landing-nav .cta-secondary{border-color:var(--kn-line-strong);background:#ece8d80a}.hero{position:relative;display:grid;min-height:78svh;align-items:center;overflow:hidden;border-top:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line);background-image:linear-gradient(90deg,var(--kn-void) 0%,rgba(6,6,12,.92) 38%,rgba(6,6,12,.55) 62%,rgba(6,6,12,0) 92%),radial-gradient(60% 60% at 78% 22%,rgba(255,60,121,.28) 0%,transparent 65%),url(/visuals/hero-graft.png),linear-gradient(180deg,var(--kn-void) 0%,var(--kn-void-deep) 100%);background-position:center,center,right center,center;background-size:cover,cover,auto 110%,cover;background-repeat:no-repeat}.hero:after{position:absolute;inset:auto 0 0;height:140px;pointer-events:none;background:linear-gradient(180deg,rgba(6,6,12,0),var(--kn-void));content:""}.hero-inner{position:relative;z-index:1;width:min(1240px,calc(100% - 48px));margin:0 auto;padding:80px 0 120px}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin:0 0 28px;padding:7px 11px 6px;border:1px solid var(--kn-line-strong);border-radius:999px;color:var(--kn-chrome-mid);background:#ece8d806;backdrop-filter:blur(8px);font-family:var(--kn-font-mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--kn-magenta);box-shadow:0 0 12px var(--kn-magenta)}.hero h1{max-width:920px;margin:0;color:var(--kn-chrome-hi);font-family:var(--kn-font-display);font-size:clamp(60px,9.2vw,132px);font-weight:700;line-height:.92;letter-spacing:-.04em}.hero-copy{max-width:640px;margin:32px 0 0;color:var(--kn-chrome-mid);font-size:clamp(18px,1.7vw,22px);line-height:1.45;letter-spacing:-.005em}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.cta{min-height:46px;padding:0 22px;font-size:14px;font-weight:600}.cta-primary{position:relative;color:var(--kn-void);background:var(--kn-chrome-hi);border-color:transparent;box-shadow:0 1px #ffffff80 inset,0 0 0 1px #0003,0 12px 32px -16px var(--kn-magenta-bloom)}.cta-primary:hover{background:#fff;box-shadow:0 1px #ffffff80 inset,0 0 0 1px #0003,0 20px 40px -16px var(--kn-magenta-bloom)}.cta-secondary{border-color:var(--kn-line-strong);color:var(--kn-chrome);background:#ece8d80a}.cta-secondary:hover{border-color:#ece8d852;background:#ece8d812}.signal-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1240px;margin:-56px auto 0;padding:0 28px;gap:1px;background:var(--kn-line-strong);border:1px solid var(--kn-line-strong);border-radius:12px;overflow:hidden;backdrop-filter:blur(20px)}.signal{min-height:116px;padding:22px 24px;background:#0c0c14d9;backdrop-filter:blur(20px)}.signal strong{display:block;margin-bottom:8px;color:var(--kn-chrome-hi);font-family:var(--kn-font-display);font-size:14px;font-weight:600;letter-spacing:-.01em;text-transform:none}.signal span{display:block;color:var(--kn-chrome-mid);font-size:14px;line-height:1.5}.section{max-width:1240px;margin:0 auto;padding:112px 28px}.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--kn-magenta);font-family:var(--kn-font-mono);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.section-kicker:before{content:"";width:22px;height:1px;background:var(--kn-magenta);box-shadow:0 0 8px var(--kn-magenta)}.section h2{max-width:880px;margin:0;color:var(--kn-chrome-hi);font-family:var(--kn-font-display);font-size:clamp(36px,5.2vw,68px);font-weight:600;line-height:.98;letter-spacing:-.035em}.section-intro{max-width:720px;margin:22px 0 0;color:var(--kn-chrome-mid);font-size:clamp(17px,1.4vw,19px);line-height:1.55}.problem-grid,.strategy-grid,.workflow-grid{display:grid;gap:14px;margin-top:44px}.problem-grid,.strategy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-grid{grid-template-columns:1.05fr .95fr;align-items:stretch}.tile{position:relative;padding:26px;border:1px solid var(--kn-line-strong);border-radius:14px;background:linear-gradient(180deg,#ece8d808,#ece8d803),var(--kn-void-rise);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden}.tile:after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:radial-gradient(140% 60% at 80% -10%,rgba(255,60,121,.07),transparent 60%);opacity:0;transition:opacity .2s ease}.tile:hover{border-color:#ff3c7952;transform:translateY(-2px);box-shadow:0 24px 60px -32px #ff3c7952}.tile:hover:after{opacity:1}.tile h3{margin:0 0 10px;color:var(--kn-chrome-hi);font-family:var(--kn-font-display);font-size:20px;font-weight:600;letter-spacing:-.015em}.tile p{margin:0;color:var(--kn-chrome-mid);font-size:15px;line-height:1.6}.tile-image{display:block;width:calc(100% + 52px);height:auto;margin:-26px -26px 22px;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px 14px 0 0;mask-image:linear-gradient(180deg,#000 0%,#000 86%,transparent 100%)}.strategy{position:relative;min-height:360px;overflow:hidden;padding-top:0}.strategy .tile-image+h3{margin-top:0}.strategy:before{position:absolute;top:22px;right:22px;display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;margin:0;padding:5px 10px;border:1px solid var(--kn-line-strong);border-radius:999px;background:#06060cb8;backdrop-filter:blur(8px);color:var(--kn-magenta);font-family:var(--kn-font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;z-index:2;box-shadow:none;content:"fused"}.strategy:nth-child(2):before{color:var(--kn-chrome-hi);content:"pinned"}.strategy:nth-child(3):before{color:var(--kn-chrome-mid);content:"adjacent"}.terminal{overflow:hidden;border:1px solid var(--kn-line-strong);border-radius:12px;background:radial-gradient(80% 50% at 50% 0%,rgba(255,60,121,.06) 0%,transparent 60%),#08080f;box-shadow:0 32px 80px -32px #000c}.terminal-bar{display:flex;gap:7px;padding:14px 16px;border-bottom:1px solid var(--kn-line);background:#ece8d805}.terminal-dot{width:10px;height:10px;border-radius:999px;background:var(--kn-chrome-dim);opacity:.7}.terminal-dot:nth-child(2){background:var(--kn-chrome-mid);opacity:.7}.terminal-dot:nth-child(3){background:var(--kn-magenta);box-shadow:0 0 8px var(--kn-magenta-bloom)}.terminal pre{margin:0;padding:24px 22px;overflow-x:auto;color:var(--kn-chrome);font-family:var(--kn-font-mono);font-size:13.5px;line-height:1.75;letter-spacing:0}.terminal .ok{color:var(--kn-chrome-hi)}.terminal .warn{color:var(--kn-magenta)}.check-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.check-list li{display:grid;grid-template-columns:22px 1fr;gap:14px;color:var(--kn-chrome-mid);font-size:15px;line-height:1.5}.check-list li:has(.check-list-icon):before{content:none}.check-list li:before{display:grid;width:18px;height:18px;place-items:center;margin-top:3px;border-radius:999px;color:var(--kn-magenta);background:var(--kn-magenta-tint);box-shadow:0 0 12px var(--kn-magenta-tint);content:"✓";font-family:var(--kn-font-mono);font-size:10px;font-weight:600}.check-list-icon{display:grid;width:18px;height:18px;place-items:center;margin-top:3px;border-radius:999px;color:var(--kn-magenta);background:var(--kn-magenta-tint);box-shadow:0 0 12px #ff3c792e}.final-band{position:relative;overflow:hidden;margin-top:60px;border-top:1px solid var(--kn-line);background:radial-gradient(60% 90% at 50% 100%,rgba(255,60,121,.16) 0%,transparent 60%),linear-gradient(180deg,var(--kn-void) 0%,#03030a 100%)}.final-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 40% at 50% 100%,rgba(255,60,121,.4) 0%,transparent 70%);filter:blur(40px);opacity:.6}.final-band .section-kicker{color:var(--kn-magenta)}.final-band h2{color:var(--kn-chrome-hi)}.final-band p{color:var(--kn-chrome-mid)}.landing-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;max-width:1240px;margin:0 auto;padding:36px 28px 56px;color:var(--kn-chrome-dim);font-family:var(--kn-font-mono);font-size:12px;letter-spacing:.04em}@media(max-width:940px){.signal-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-grid,.strategy-grid,.workflow-grid{grid-template-columns:1fr}}@media(max-width:820px){.landing-header{align-items:flex-start;flex-direction:column;padding:22px 20px}.landing-nav{flex-wrap:wrap}.hero{min-height:74svh;background-image:linear-gradient(180deg,#06060ceb,#06060c8c 60%,#06060ceb),radial-gradient(80% 50% at 50% 70%,rgba(255,60,121,.28) 0%,transparent 60%),url(/visuals/hero-graft.png),linear-gradient(180deg,var(--kn-void),var(--kn-void-deep));background-position:center,center,center,center;background-size:cover,cover,cover,cover}.hero-inner{width:min(100% - 32px,1240px);padding:58px 0 96px}.signal-strip{margin-top:-40px;padding:0 20px}.section{padding:84px 20px}.landing-footer{align-items:flex-start;flex-direction:column;padding-inline:20px}}.icon{display:inline-block;flex-shrink:0;vertical-align:middle}.brand-version{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:3px 8px 3px 7px;border:1px solid var(--kn-line-strong);border-radius:999px;background:#ece8d808;color:var(--kn-chrome-mid);font-family:var(--kn-font-mono);font-size:10.5px;font-weight:500;letter-spacing:.04em}.brand-version-dot{width:6px;height:6px;border-radius:999px;background:var(--kn-ok);box-shadow:0 0 8px var(--kn-ok);animation:kn-pulse 2.4s ease-in-out infinite}@keyframes kn-pulse{0%,to{opacity:1}50%{opacity:.55}}.hero-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;font-family:var(--kn-font-mono);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--kn-chrome-dim)}.hero-foot-item{display:inline-flex;align-items:center;gap:7px;color:var(--kn-chrome-mid)}.hero-foot-item code{color:var(--kn-chrome);font-family:inherit;font-size:inherit}.hero-foot-sep{opacity:.4}.cta{gap:8px}.cta-trail{transition:transform .18s ease}.cta:hover .cta-trail{transform:translate(2px)}.cta-primary .cta-trail{color:var(--kn-void)}.cta-secondary .cta-trail{color:var(--kn-chrome-mid)}.signal-icon{display:inline-grid;width:30px;height:30px;margin-bottom:12px;place-items:center;border:1px solid var(--kn-line-strong);border-radius:8px;background:#ff3c790f;color:var(--kn-magenta);box-shadow:0 0 22px -8px #ff3c7966 inset}.tile-icon{display:inline-grid;width:36px;height:36px;margin-bottom:18px;place-items:center;border:1px solid var(--kn-line-strong);border-radius:10px;background:radial-gradient(80% 80% at 30% 20%,rgba(255,60,121,.12),transparent 60%),#ece8d808;color:var(--kn-magenta);transition:color .18s ease,border-color .18s ease}.tile:hover .tile-icon{color:var(--kn-magenta-soft);border-color:#ff3c7952}.terminal-bar{align-items:center;justify-content:space-between}.terminal-dots{display:flex;gap:7px}.terminal-title{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--kn-font-mono);font-size:12px;letter-spacing:.02em;color:var(--kn-chrome-mid)}.terminal-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid rgba(122,217,240,.28);border-radius:999px;background:#7ad9f014;color:var(--kn-info);font-family:var(--kn-font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.terminal-badge:before{content:"";width:5px;height:5px;border-radius:999px;background:var(--kn-info);box-shadow:0 0 8px var(--kn-info);animation:kn-pulse 1.8s ease-in-out infinite}.terminal .t-prompt{color:var(--kn-magenta);font-weight:600}.terminal .t-cmd{color:var(--kn-chrome-hi);font-weight:600}.terminal .t-arg{color:var(--syn-keyword)}.terminal .t-str{color:var(--syn-string)}.terminal .t-num{color:var(--syn-number)}.terminal .t-fn{color:var(--syn-fn)}.terminal .t-key{color:var(--syn-coral)}.terminal .t-dim,.terminal .t-arrow{color:var(--syn-comment)}.terminal .t-ok{color:var(--kn-ok)}.terminal .t-warn{color:var(--kn-warn)}.terminal .t-info{color:var(--kn-info)}.workflow-tile h3{display:inline-flex;align-items:center;gap:10px}.workflow-tile-icon{display:inline-grid;width:28px;height:28px;place-items:center;border:1px solid var(--kn-line-strong);border-radius:8px;background:#ff3c790f;color:var(--kn-magenta)}.commands-section .section-kicker{margin-bottom:18px}.commands-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px}@media(max-width:940px){.commands-grid{grid-template-columns:1fr}}.command-tile{display:grid;grid-template-rows:auto 1fr;gap:18px;padding:24px}.command-tile-head{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}.command-tile-icon{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid var(--kn-line-strong);border-radius:10px;background:radial-gradient(80% 80% at 30% 20%,rgba(255,60,121,.16),transparent 60%),#ece8d808;color:var(--kn-magenta)}.command-tile h3{margin:0 0 6px;font-size:17px}.command-tile p{font-size:14px}.command-tile code.inline,.command-tile p code{padding:2px 7px;border-radius:5px;background:#ece8d80f;color:var(--kn-chrome-hi);font-family:var(--kn-font-mono);font-size:12.5px}code.inline,.section-intro code{padding:2px 7px;border-radius:5px;background:#ece8d80f;color:var(--kn-chrome-hi);font-family:var(--kn-font-mono);font-size:.86em}.code-window{position:relative;overflow:hidden;border:1px solid var(--kn-line-strong);border-radius:12px;background:radial-gradient(80% 50% at 50% 0%,rgba(255,60,121,.06) 0%,transparent 60%),var(--syn-bg);box-shadow:0 24px 60px -32px #000c}.code-window.compact .code-window-body{padding:16px 18px}.code-window.compact pre,.code-window.compact pre code{font-size:12.5px;line-height:1.65}.code-window-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--kn-line);background:#ece8d805}.code-window-dots{display:flex;gap:6px}.code-window-dots .dot{width:8px;height:8px;border-radius:999px;background:var(--kn-chrome-dim);opacity:.65}.code-window-dots .dot.mag{background:var(--kn-magenta);box-shadow:0 0 8px var(--kn-magenta-bloom);opacity:1}.code-window-title{display:inline-flex;align-items:center;gap:7px;color:var(--kn-chrome-mid);font-family:var(--kn-font-mono);font-size:11.5px;font-weight:500;letter-spacing:.02em}.code-window-badge{margin-left:auto;padding:3px 9px;border:1px solid var(--kn-line-strong);border-radius:999px;background:#ece8d808;color:var(--kn-chrome-mid);font-family:var(--kn-font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.code-window-body{padding:20px 22px}.code-window pre,.code-window pre code,.code-window .astro-code,.code-window .astro-code code{margin:0;background:transparent!important;color:var(--syn-prop);font-family:var(--kn-font-mono);font-size:13px;line-height:1.7;letter-spacing:0;white-space:pre-wrap;word-break:break-word}.agent-window{margin-top:36px;border-radius:14px;overflow:hidden;border:1px solid var(--kn-line-strong);background:radial-gradient(60% 100% at 70% 0%,rgba(255,60,121,.08) 0%,transparent 65%),var(--syn-bg);box-shadow:0 32px 80px -32px #000c}.agent-window>.code-window{border:none;border-radius:0;box-shadow:none;background:transparent}.agent-window>.code-window>.code-window-bar{display:none}.agent-window-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--kn-line);background:#ece8d805}.agent-window-titlebar{display:inline-flex;align-items:center;gap:8px;color:var(--kn-chrome-mid);font-family:var(--kn-font-mono);font-size:12px}.agent-window-path{color:var(--kn-chrome)}.agent-window-meta{display:flex;gap:6px}.agent-window-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--kn-line-strong);border-radius:999px;background:#ece8d808;color:var(--kn-chrome-mid);font-family:var(--kn-font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.agent-window-pill:first-child{color:var(--kn-magenta);border-color:#ff3c7947;background:#ff3c790f}.eyebrow .icon{color:var(--kn-magenta)}.eyebrow:has(.icon):before{content:none}.final-band{position:relative;isolation:isolate}.final-band-shader{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.75;mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.final-band-shader canvas{width:100%;height:100%;display:block}.final-band>.section{position:relative;z-index:1}.final-band:before{z-index:0}.hero-shader{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.22;mix-blend-mode:screen}.hero-shader canvas{width:100%;height:100%;display:block}.hero>.hero-inner{position:relative;z-index:2}.tool-index{display:grid;gap:36px}.tool-index-source{margin:0;padding:14px 16px;border:1px solid var(--sl-color-gray-5);border-radius:8px;color:var(--sl-color-gray-2);background:color-mix(in srgb,var(--sl-color-gray-6) 36%,transparent);font-size:14px;line-height:1.45}.tool-category-section{display:grid;gap:16px}.tool-category-heading{display:grid;gap:5px}.tool-category-heading p,.tool-page-hero p{margin:0;color:var(--sl-color-accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.tool-category-heading h2,.tool-page-hero h2{margin:0}.tool-category-heading span,.tool-card span,.tool-page-hero span{color:var(--sl-color-gray-2)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tool-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px 12px;min-height:112px;padding:16px;border:1px solid var(--sl-color-gray-5);border-radius:8px;color:var(--sl-color-white);text-decoration:none;background:color-mix(in srgb,var(--tool-accent) 9%,var(--sl-color-bg))}.tool-card:hover{border-color:color-mix(in srgb,var(--tool-accent) 54%,var(--sl-color-gray-5))}.tool-card strong{overflow-wrap:anywhere}.tool-card>span:last-child{grid-column:2;font-size:14px;line-height:1.42}.tool-logo{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--tool-accent) 42%,var(--sl-color-gray-5));border-radius:8px;background:color-mix(in srgb,var(--tool-accent) 16%,var(--sl-color-bg))}.tool-logo img{width:28px;height:28px;object-fit:contain}.tool-logo-fallback{color:var(--tool-accent);font-size:13px;font-weight:900;line-height:1}.tool-page{display:grid;gap:24px}.tool-page-hero{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;padding:20px;border:1px solid var(--sl-color-gray-5);border-radius:8px;background:color-mix(in srgb,var(--tool-accent) 8%,var(--sl-color-bg))}.tool-page-logo{width:72px;height:72px}.tool-page-logo img{width:44px;height:44px}.tool-page-logo .tool-logo-fallback{font-size:18px}.tool-page-hero div{display:grid;gap:6px}.tool-page-hero h2{font-size:30px;line-height:1.1}.tool-page-hero span{line-height:1.5}.tool-facts{display:grid;gap:10px;margin:0}.tool-facts div{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--sl-color-gray-5);border-radius:8px}.tool-facts dt{color:var(--sl-color-accent);font-size:12px;font-weight:800;text-transform:uppercase}.tool-facts dd{margin:0;color:var(--sl-color-gray-2);line-height:1.5}.tool-doc-link a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid color-mix(in srgb,var(--tool-accent) 45%,var(--sl-color-gray-5));border-radius:8px;color:var(--sl-color-white);background:color-mix(in srgb,var(--tool-accent) 16%,var(--sl-color-bg));font-weight:760;text-decoration:none}@media(max-width:560px){.tool-grid,.tool-page-hero{grid-template-columns:1fr}}