/* Shared visual language with the Vegsnap extension. All assets are local. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#21352b;background:#f5f6f0;font-synthesis:none;line-height:1.6;--paper:#fffef9;--border:#d8e0d4;--muted:#53645b;--green:#234d38;--wash:#edf2e8;--error:#8e3029;--focus:#75975b;color-scheme:light dark}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0}a{color:var(--green);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}a,summary{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}p{margin:0 0 18px}h1,h2,h3{font-weight:650;line-height:1.15;text-wrap:balance}h1{font-size:clamp(2.7rem,5.3vw,4.4rem);letter-spacing:-.055em;margin:25px 0}h2{font-size:clamp(2rem,3.2vw,2.85rem);letter-spacing:-.04em;margin:12px 0 24px}h3{font-size:1.22rem;letter-spacing:-.02em;margin:14px 0}strong{font-weight:650}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.muted,.hint{color:var(--muted)}.hint{font-size:.84rem;line-height:1.6}.eyebrow{font-size:.69rem;letter-spacing:.13em;font-weight:700;color:var(--muted);line-height:1.5}.lead{font-size:1.1rem;line-height:1.7;max-width:560px;color:var(--muted)}.lead.small{font-size:1rem;max-width:480px}.skip-link{position:fixed;top:10px;left:10px;z-index:10;transform:translateY(-180%);background:var(--paper);padding:12px;border:1px solid var(--border);border-radius:12px}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:26px;gap:24px}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;color:inherit;font-weight:750;font-size:1.6rem;letter-spacing:-1px}.brand img{border-radius:11px}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav>a:not(.button){font-size:.86rem;text-decoration:none;color:var(--muted)}.site-header nav>a:hover{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:12px 18px;text-decoration:none;font-size:.875rem;font-weight:600;border:1px solid var(--border);border-radius:12px;background:var(--paper);color:inherit;line-height:1.4;transition:background .15s}.button:hover{background:var(--wash)}.button.primary{background:var(--green);border-color:var(--green);color:var(--paper)}.button.primary:hover{background:#326545}.button.compact{min-height:44px;padding:10px 16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero{display:grid;grid-template-columns:1.23fr 1fr;align-items:center;gap:72px;padding-block:65px 80px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:30px;background:var(--wash);padding:7px 12px;margin:0;letter-spacing:.035em}.small-dot{width:6px;height:6px;background:#447445;border-radius:50%}.hero-copy .lead{margin-bottom:30px}.platforms{font-size:.8rem;letter-spacing:.02em;margin:18px 0 8px;color:var(--muted)}.privacy-note{font-size:.8rem;max-width:400px;margin-bottom:0}.section{padding-block:76px}.section-heading{max-width:700px;margin-bottom:36px}.section-heading>p:last-child{margin-bottom:0}#how{border-top:1px solid var(--border)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step-number{display:inline-flex;width:34px;height:34px;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:10px;background:var(--wash);font-size:.76rem;font-weight:650;color:var(--green)}.step p{font-size:.93rem;color:var(--muted);margin-bottom:0}.categories{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.categories span{border:1px solid var(--border);border-radius:30px;padding:8px 15px;color:var(--muted);font-size:.8rem}.clarity{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--border);align-items:center}.status-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.status{display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:15px;padding:17px 20px;background:var(--wash)}.status strong{font-size:.9rem}.status p{font-size:.78rem;margin:4px 0 0;color:var(--muted)}.status-mark{width:25px;flex-shrink:0;font-size:1.1rem;font-weight:650;text-align:center}.status.not-vegan{background:#fff0e9;border-color:#e4bbac}.status.uncertain{background:#fbf3dc;border-color:#e0cc9a}.privacy{background:var(--wash);border-block:1px solid var(--border)}.privacy-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px}.privacy-grid h3{margin-top:0;font-size:1rem}.privacy-grid p{font-size:.86rem;color:var(--muted);margin:0}.text-link{display:inline-block;font-size:.9rem;font-weight:600;margin-top:6px}.downloads{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.download-card{padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}.download-card h3{font-size:1.5rem;margin-top:0}.download-card>p{font-size:.91rem;color:var(--muted)}.download-card>.hint{font-size:.78rem;margin:17px 0 0}.download-card>.muted{font-size:.79rem;margin-bottom:18px}.download-card>.button,.download-card>.actions{margin-top:auto}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;border-top:1px solid var(--border)}.faq h2{margin-top:5px}.faq details{border-bottom:1px solid var(--border)}.faq details:first-child{border-top:1px solid var(--border)}.faq summary{padding:20px 0;cursor:pointer;font-size:.94rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.2rem;color:var(--muted)}.faq details[open] summary::after{content:"−"}.faq details p{font-size:.9rem;color:var(--muted);padding-right:22px;margin-bottom:22px}.site-footer{border-top:1px solid var(--border);padding-block:34px 20px}.footer-top{display:flex;justify-content:space-between;gap:25px}.site-footer .brand{font-size:1.25rem}.site-footer p{font-size:.81rem;color:var(--muted);margin-top:10px}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start;padding-top:8px}.site-footer nav a{font-size:.8rem;color:var(--muted)}.site-footer>.hint{font-size:.71rem;margin:25px 0 0}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:100px}.section{padding-block:88px}}
@media(max-width:1000px){.hero{gap:38px}.hero-copy .actions{flex-direction:column;align-items:flex-start}.hero-copy .button{min-width:215px}.clarity{gap:40px}.privacy-layout{gap:40px}.downloads{grid-template-columns:1fr 1fr}.download-card .actions{flex-direction:column;align-items:flex-start}.site-header nav{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:20px}.site-header nav{gap:16px}.site-header nav>a[href="#how"],.site-header nav>a[href="#privacy"]{display:none}.site-header .brand{font-size:1.4rem}.site-header .brand img{width:34px;height:34px}.site-header .button{font-size:.76rem;padding-inline:12px}.hero{grid-template-columns:1fr;gap:42px;padding-block:38px 55px}.hero-copy{max-width:560px}.hero h1{font-size:clamp(2.6rem,8vw,3.8rem)}.hero-copy .actions{flex-direction:row}.hero-copy .button{min-width:0}.section{padding-block:50px}.steps{gap:22px}.step h3{font-size:1.06rem}.step p{font-size:.86rem}.clarity{grid-template-columns:1fr;gap:24px}.privacy-layout{grid-template-columns:1fr;gap:28px}.privacy-grid{gap:24px}.downloads{grid-template-columns:1fr}.download-card .actions{flex-direction:row}.faq{grid-template-columns:1fr;gap:12px}.footer-top{flex-direction:column}.site-footer nav{gap:20px}.site-footer p{margin-bottom:0}}
@media(max-width:480px){.steps{grid-template-columns:1fr;gap:28px}.step{display:grid;grid-template-columns:34px 1fr;column-gap:16px;align-items:center}.step h3{margin-block:0}.step p{grid-column:2;margin-top:9px}.lead{font-size:1rem}.hero .actions{flex-direction:column;align-items:stretch}.hero .button{justify-content:space-between}.privacy-grid{grid-template-columns:1fr}.download-card{padding:23px}.download-card .actions{width:100%;flex-direction:column;align-items:stretch}.download-card .button{width:100%}.site-header nav .button{display:none}.categories{gap:8px}.categories span{font-size:.74rem;padding:7px 12px}}
@media(prefers-color-scheme:dark){:root{color:#e5eee3;background:#142119;--paper:#1b2a21;--border:#3c5040;--muted:#b1c3b3;--green:#add59a;--wash:#283c2d;--error:#ffb4a9;--focus:#acd398}.button.primary{background:#acd398;border-color:#acd398;color:#17301e}.button.primary:hover{background:#c4e6b4}.small-dot{background:#acd398}.status.not-vegan{background:#422b27;border-color:#765047}.status.uncertain{background:#3c3621;border-color:#766a42}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.status.certified{background:#e5f1df;border-color:#aec99b}.status.manufacturer{background:#e7eff8;border-color:#aec5e1}@media(prefers-color-scheme:dark){.status.certified{background:#283f25;border-color:#57774e}.status.manufacturer{background:#253849;border-color:#536c88}}

.download-card pre{width:100%;max-width:100%;overflow-x:auto;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--wash);font-size:.75rem;line-height:1.6}.download-card{min-width:0}

#download{padding-bottom:24px}#companion{padding-top:24px}
.downloads.companion-setup{grid-template-columns:1fr}.companion-setup details{width:100%;min-width:0;border-top:1px solid var(--border);padding-block:4px}.companion-setup summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:650;min-height:44px;padding:10px 12px;border-radius:10px;list-style:none}.companion-setup summary::-webkit-details-marker{display:none}.companion-setup summary::after{content:"";width:8px;height:8px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex-shrink:0}.companion-setup summary:hover,.companion-setup details[open]>summary{background:var(--wash)}.companion-setup details[open]>summary::after{transform:rotate(225deg)}.companion-setup .actions{margin-top:0;margin-bottom:20px}.companion-setup h4{font-size:.9rem;margin:20px 0 8px}.companion-setup details+p{margin-top:18px}.companion-setup details .hint{margin-top:12px}
.platform-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;background:currentColor;mask:var(--platform-icon) center/contain no-repeat}.icon-linux{--platform-icon:url('/icons/linux.svg')}.icon-windows{--platform-icon:url('/icons/windows.svg')}.icon-apple{--platform-icon:url('/icons/apple.svg')}.icon-firefox-browser{--platform-icon:url('/icons/firefox-browser.svg')}.icon-chrome{--platform-icon:url('/icons/chrome.svg')}.icon-android{--platform-icon:url('/icons/android.svg')}.icon-label{display:inline-flex;align-items:center;gap:9px}.browser-heading{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.companion-setup .button{gap:10px}

.icon-obtainium{--platform-icon:url('/icons/obtainium.svg?v=2')}.icon-download{--platform-icon:url('/icons/download.svg')}

/* Genuine captures, shared with the README and store graphics. */
.product-preview{width:min(270px,100%);margin:0 auto}.phone-capture{display:block;border:1px solid var(--border);border-radius:16px;overflow:hidden}.product-preview picture,.screenshot-grid picture{display:block}.product-preview img{display:block;width:100%;height:auto}.screenshots{border-top:1px solid var(--border)}.screenshots>.section-heading{max-width:760px}.screenshots>h3{margin:32px 0 20px}.screenshot-grid{display:grid;gap:24px;width:min(760px,100%);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-grid figure{margin:0;min-width:0}.screenshot-grid a{display:block;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--paper)}.screenshot-grid img{display:block;width:100%;height:auto}.screenshot-grid figcaption{margin-top:12px;font-size:.9rem;font-weight:600}.screenshots>.hint{margin-top:24px;margin-bottom:0}
@media(max-width:760px){.site-header nav>a[href="#screenshots"]{display:none}.screenshot-grid{gap:18px}}
@media(max-width:480px){.screenshot-grid{grid-template-columns:1fr}.screenshot-grid figure{width:min(320px,100%);margin-inline:auto}}

/* Local syntax colors for the installation commands, matching each site theme. */
:root{--code-command:#234d38;--code-string:#3b6549;--code-variable:#75522c;--code-option:#315b75;--code-operator:#72547a}
.syntax-command{color:var(--code-command);font-weight:600}.syntax-string{color:var(--code-string)}.syntax-variable{color:var(--code-variable)}.syntax-option{color:var(--code-option)}.syntax-operator{color:var(--code-operator)}
@media(prefers-color-scheme:dark){:root{--code-command:#c8dfa9;--code-string:#a9c9b1;--code-variable:#e4c18e;--code-option:#a6cadf;--code-operator:#cfb7d9}}

/* Fullscreen screenshot viewer, using the site's cream and forest palette. */
html{scrollbar-gutter:stable}
html:has(.image-viewer[open]){overflow:hidden;scrollbar-gutter:auto}
a[aria-haspopup="dialog"]{cursor:zoom-in;transition:border-color .15s,box-shadow .15s}
a[aria-haspopup="dialog"]:hover{border-color:var(--focus);box-shadow:0 8px 24px color-mix(in srgb,var(--green) 12%,transparent)}
button:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.image-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:24px 32px;padding:max(24px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));color:inherit;background:radial-gradient(ellipse at 50% 45%,var(--wash),transparent 75%),color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(16px)}
.image-viewer::backdrop{background:color-mix(in srgb,var(--green) 25%,transparent)}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:24px}
.image-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.image-viewer-brand{display:flex;align-items:center;gap:12px}
.image-viewer-brand strong{font-size:1.1rem;letter-spacing:-.03em}
.image-viewer-brand .eyebrow{margin:2px 0 0}
.image-viewer .button{font-family:inherit;cursor:pointer;flex-shrink:0}
.image-viewer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.image-viewer-stage{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}
.image-viewer-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:1px solid var(--border);border-radius:14px;background:var(--paper);box-shadow:0 20px 60px color-mix(in srgb,var(--green) 18%,transparent)}
.image-viewer[open] .image-viewer-image{animation:viewer-reveal .2s ease-out}
.image-viewer-footer{display:flex;align-items:center;justify-content:center;gap:24px;width:min(680px,100%);margin-inline:auto}
.image-viewer-arrow{width:48px;padding:0}
.image-viewer-caption{flex:1;min-width:0;text-align:center}
.image-viewer-caption p{margin:0;font-size:.95rem;font-weight:600;line-height:1.5}
.image-viewer-caption .image-viewer-count{margin-top:5px;color:var(--muted);font-size:.75rem;font-weight:500;letter-spacing:.12em;font-variant-numeric:tabular-nums}
@keyframes viewer-reveal{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:480px){.image-viewer{padding:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.image-viewer[open]{gap:18px}.image-viewer-header>.button{min-height:44px;padding:10px 12px;gap:8px}.image-viewer-footer{gap:14px}.image-viewer-caption p{font-size:.85rem}}
@media(max-height:480px){.image-viewer[open]{gap:12px}.image-viewer{padding-block:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}}
