/* Site navigation and discovery UI only; never loaded into the editor document. */
:root { --discovery-ink:#142c2b; --discovery-muted:#5d706f; --discovery-line:#dce7e3; --discovery-green:#17634e; }
[hidden] { display:none !important; }
html { scroll-padding-top:32px; }
body { background:#fff; }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible { outline:3px solid #24836c; outline-offset:4px; }
.site-nav-panel { display:flex; align-items:center; gap:12px; }
.site-nav-panel>.site-nav-link,.nav-disclosure>summary { font:600 14px 'Source Sans 3',sans-serif; color:var(--discovery-ink); padding:12px 10px; cursor:pointer; border-radius:8px; }
.nav-disclosure { position:relative; }
.nav-disclosure>summary { list-style:none; display:flex; gap:9px; align-items:center; }
.nav-disclosure>summary::-webkit-details-marker { display:none; }
.nav-disclosure>summary::after { content:'⌄'; font-size:14px; color:#647c75; }
.nav-disclosure[open]>summary,.nav-disclosure>summary:hover,.site-nav-link:hover { background:#edf5f0; }
.nav-dropdown { position:absolute; z-index:100; top:calc(100% + 8px); left:0; width:270px; padding:16px; border:1px solid var(--discovery-line); background:white; border-radius:14px; box-shadow:0 18px 44px #142c2b1a; }
.nav-dropdown a { display:block; padding:10px 12px; border-radius:7px; color:var(--discovery-ink); text-decoration:none; font-size:15px; }
.nav-dropdown a:hover { background:#eef5f1; }
.nav-dropdown small { display:block; font-size:12px; color:var(--discovery-muted); margin-top:2px; }
.nav-caption { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:var(--discovery-muted); padding:4px 12px 10px; }
.nav-download { background:var(--discovery-green); color:white; padding:12px 19px; border-radius:8px; font-size:14px; font-weight:600; white-space:nowrap; text-decoration:none; }
.nav-download:hover { background:#104c3b; color:white; }
body>div:first-child { overflow:visible; background:#fff; }
body>div:first-child>div.absolute { display:none; }
.site-nav-link[aria-current=page] { color:var(--discovery-green); background:#edf5f0; }
.nav-disclosure.contains-current>summary { color:var(--discovery-green); background:#edf5f0; }
.site-header a[href="/"]>span:last-child>span:first-child { font-family:'Sora',Arial,sans-serif; }
.discovery-page,.home-page { max-width:1240px; margin:auto; padding:0 40px; color:var(--discovery-ink); }
.eyebrow { font-size:11px; letter-spacing:.18em; font-weight:700; color:var(--discovery-green); }
.discovery-header { padding:74px 0 44px; max-width:800px; }
.discovery-header h1,.home-hero h1 { font:500 clamp(36px,4.8vw,64px)/1.12 'Sora',sans-serif; letter-spacing:-.055em; margin:20px 0 24px; color:var(--discovery-ink); }
.discovery-header>p { color:var(--discovery-muted); font-size:18px; max-width:620px; line-height:1.7; }
.discovery-links { display:flex; flex-wrap:wrap; gap:24px; margin-top:24px; font-size:14px; font-weight:600; }
.discovery-links a { color:var(--discovery-green); text-decoration:none; }
.demo-featured { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:4px 0 64px; }
.demo-featured>a { padding:28px; position:relative; background:#f1f6f2; border:1px solid #dce8df; border-radius:12px; text-decoration:none; color:var(--discovery-ink); }
.demo-featured>a:nth-child(2) { background:#f7f4eb; border-color:#eae4d3; }
.demo-featured>a:nth-child(3) { background:#eff4f8; border-color:#dce5ed; }
.demo-featured>a>span { font-size:10px; letter-spacing:.12em; color:var(--discovery-muted); font-weight:700; }
.demo-featured h2 { font:500 22px 'Sora',sans-serif; margin:22px 0 10px; letter-spacing:-.04em; }
.demo-featured p { font-size:14px; line-height:1.6; margin:0 20px 0 0; color:var(--discovery-muted); }
.demo-featured b { position:absolute; bottom:24px; right:24px; font-weight:400; font-size:24px; }
.demo-featured>a:hover { border-color:#609c80; }
.catalogue-section { border-top:1px solid var(--discovery-line); padding:40px 0 80px; }
.catalogue-toolbar { display:flex; justify-content:space-between; gap:24px; align-items:center; }
.catalogue-toolbar h2 { font:500 32px 'Sora',sans-serif; margin:10px 0; letter-spacing:-.04em; }
.demo-search-label { display:block; font-size:12px; color:var(--discovery-muted); font-weight:600; }
.demo-search-label input { display:block; width:100%; min-width:0; background:white; border:1px solid #bccdc6; padding:12px 14px; border-radius:8px; color:var(--discovery-ink); font:400 14px 'Source Sans 3',sans-serif; margin-top:7px; }
.catalogue-toolbar .demo-search-label { width:min(100%,360px); }
.category-jumps { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 16px; }
.category-jumps a { border:1px solid var(--discovery-line); color:#405a50; border-radius:6px; padding:7px 11px; font-size:12px; text-decoration:none; }
.category-jumps a:hover { background:#edf5ef; border-color:#9bb9a8; }
.demo-result-status { font-size:12px; color:var(--discovery-muted); margin:12px 0; }
.catalogue-group { padding:28px 0 30px; border-bottom:1px solid var(--discovery-line); display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; scroll-margin-top:24px; }
.catalogue-group-heading h3 { font:500 18px 'Sora',sans-serif; margin:0 0 10px; letter-spacing:-.03em; }
.catalogue-group-heading p { font-size:14px; line-height:1.65; color:var(--discovery-muted); margin:0; }
.demo-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.demo-tile { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:16px; border:1px solid #e0e8e3; border-radius:8px; text-decoration:none; color:#264638; font-size:14px; }
.demo-tile:hover { border-color:#73a78c; background:#f4f8f4; }
.demo-tile>span:first-child { overflow-wrap:anywhere; }
.demo-tile>span:last-child { color:#7d9889; }
.demo-empty { padding:30px 0; color:var(--discovery-muted); }
.demo-empty button { border:1px solid #adc5b9; padding:8px 16px; border-radius:6px; }
.demo-explorer-shell.demo-sidebar { position:sticky; top:20px; align-self:start; max-height:calc(100vh - 40px); padding:0; background:#f7f9f7; border:1px solid var(--discovery-line); border-radius:12px; overflow:auto; }
.demo-explorer-toggle { padding:18px; font-weight:700; font-size:15px; cursor:pointer; }
.demo-explorer-toggle>span { display:block; font-size:11px; font-weight:400; margin-top:3px; color:var(--discovery-muted); }
.demo-browser { padding:0 14px 16px; }
.demo-back-link { display:block; font-size:12px; margin-bottom:16px; color:var(--discovery-green); }
.demo-category { border-top:1px solid var(--discovery-line); padding:10px 0; }
.demo-category>summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--discovery-ink); padding:5px 2px; }
.demo-category>summary>span { float:right; font-size:10px; color:var(--discovery-muted); padding:0 4px; }
.demo-category .demo-nav-link { font-size:13px; border-radius:6px; padding:9px 12px; margin:2px 0; color:#52685c; }
.demo-category .demo-nav-link[aria-current=page] { background:#deeee3; color:#145338; font-weight:700; }
.demo-explorer-shell+div { min-width:0; }
.organized-footer { border-top:1px solid var(--discovery-line); background:#f5f7f4; color:var(--discovery-ink); padding:52px max(24px,calc((100vw - 1160px)/2)) 24px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:36px; }
.footer-grid h2 { font-size:12px; font-weight:700; margin:0 0 16px; }
.footer-grid a { display:block; font-size:13px; color:#4d665a; text-decoration:none; margin:9px 0; }
.footer-grid a:hover { text-decoration:underline; }
.footer-grid p { font-size:14px; line-height:1.7; color:var(--discovery-muted); margin:16px 0; }
.footer-grid .footer-brand { font:600 24px 'Sora',sans-serif; letter-spacing:-.06em; color:var(--discovery-ink); }
.footer-brand span { color:#48a47b; }
.footer-bottom { display:flex; gap:24px; flex-wrap:wrap; font-size:11px; color:#657b6f; border-top:1px solid var(--discovery-line); padding-top:22px; margin-top:42px; }
.home-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:50px; align-items:center; padding:76px 0 68px; }
.home-hero p { font-size:18px; line-height:1.75; color:var(--discovery-muted); max-width:540px; }
.home-actions { display:flex; gap:12px; flex-wrap:wrap; margin:28px 0 18px; }
.home-note { font-size:12px !important; }
.hero-preview { background:#edf3ed; padding:30px; border-radius:16px; border:1px solid #d9e5d9; transform:rotate(1deg); }
.preview-window { background:#fff; border:1px solid #cfddd3; border-radius:10px; box-shadow:0 20px 40px #183b2420; overflow:hidden; }
.preview-top { background:#f6f8f5; padding:12px 16px; display:flex; justify-content:space-between; border-bottom:1px solid #dde7de; font-size:11px; color:#607568; }
.preview-tools { padding:10px 16px; border-bottom:1px solid #e3e9e3; display:flex; gap:20px; color:#506858; font-size:13px; }
.preview-doc { padding:28px; min-height:300px; }
.preview-doc>span { font-size:10px; letter-spacing:.12em; color:#7b9481; }
.preview-doc h2 { font:500 25px 'Sora',sans-serif; letter-spacing:-.04em; margin:16px 0; color:#263d2c; }
.preview-doc p { font-size:14px; line-height:1.8; color:#647665; }
.preview-doc blockquote { border-left:3px solid #78a58b; margin:20px 0; padding:10px 16px; background:#f1f7f1; color:#365d43; font-size:14px; }
.preview-bottom { display:flex; justify-content:space-between; padding:10px 16px; font-size:10px; color:#69806e; border-top:1px solid #e3e9e3; }
.home-proof { display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; border-block:1px solid var(--discovery-line); padding:20px 0; font-size:13px; color:var(--discovery-muted); }
.home-section { padding:64px 0; }
.home-section>h2 { font:500 34px 'Sora',sans-serif; letter-spacing:-.04em; margin:15px 0 24px; }
.home-workflows { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.home-workflows article { border-top:2px solid #bacfbe; padding-top:22px; }
.home-workflows h3 { font:500 21px 'Sora',sans-serif; margin:14px 0; }
.home-workflows p { font-size:15px; color:var(--discovery-muted); line-height:1.8; }
.home-workflows a { font-size:14px; color:var(--discovery-green); font-weight:600; }
.home-start { background:#163d2c; color:white; border-radius:16px; padding:44px; display:flex; align-items:center; justify-content:space-between; gap:28px; margin:0 0 72px; }
.home-start h2 { font:500 28px 'Sora',sans-serif; color:#fff; margin-bottom:10px; letter-spacing:-.04em; }
.home-start p { color:#bed2c1; line-height:1.8; }
.home-start .nav-download { background:white; color:#17402d; }
@media(min-width:1024px) { .site-nav-panel.hidden { display:flex; } .demo-explorer-toggle { list-style:none; } }
@media(max-width:1023px) {
 .site-nav-panel { position:absolute; top:100%; left:16px; right:16px; z-index:100; flex-direction:column; align-items:stretch; background:white; padding:18px; border:1px solid #dce7e0; border-radius:12px; box-shadow:0 15px 40px #142c2b20; gap:4px; }
 .site-nav-panel.hidden { display:none; } .site-nav-panel.is-open { display:flex !important; }
 .nav-dropdown { position:static; width:auto; box-shadow:none; border:0; border-left:2px solid #dbe9df; border-radius:0; margin:4px 12px; padding:6px; }
 .nav-download { text-align:center; margin-top:10px; }
 .demo-explorer-shell.demo-sidebar { position:static; max-height:none; width:100%; }
 .demo-explorer[open] .demo-browser { max-height:65vh; overflow:auto; }
 .home-hero { gap:28px; padding-top:50px; }
 .hero-preview { padding:18px; }
}
@media(max-width:700px) {
 .discovery-page,.home-page { padding:0 20px; }
 .discovery-header { padding:42px 0 28px; }
 .discovery-header h1,.home-hero h1 { font-size:38px; }
 .discovery-header>p,.home-hero p { font-size:16px; }
 .demo-featured,.home-workflows,.home-hero { grid-template-columns:1fr; }
 .demo-featured { gap:12px; margin-bottom:36px; }
 .demo-featured>a { padding:22px; } .demo-featured h2 { margin-top:14px; }
 .catalogue-toolbar { flex-direction:column; align-items:stretch; } .catalogue-toolbar .demo-search-label { width:100%; }
 .catalogue-group { grid-template-columns:1fr; gap:18px; }
 .demo-cards { grid-template-columns:1fr; }
 .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
 .footer-grid>div:first-child { grid-column:1/-1; }
 .home-hero { padding:40px 0; }
 .hero-preview { transform:none; }
 .preview-doc { padding:22px; min-height:260px; }
 .home-section { padding:44px 0; }
 .home-start { padding:26px; flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }
@media(max-width:480px) {
 .site-header a[href="/"] { gap:10px; }
 .site-header a[href="/"]>span:first-child { width:36px; height:36px; border-radius:10px; }
 .site-header a[href="/"]>span:last-child>span:last-child { font-size:10px; }
 .site-header a[href="/"]>span:last-child>span:first-child { font-size:16px; }
}