@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&family=Newsreader:ital,opsz,wght@0,6..72,400..600;1,6..72,400&display=swap');
/* Zevuna public-page theme: black ink and Zevuna green across every public surface.
   applied to every page outside the signed-in workspace. Scoped to body.pub so it cannot affect the app.
   Load AFTER the page's own stylesheet. */
body.pub{
  --paper:#f7f7f2;--paper2:#eef0e9;--white:#fff;--ink:#11120f;--ink2:#40433c;--faint:#62655d;--muted:#62655d;
  --line:#d9ddd2;--pen:#11120f;--pen-d:#000;--hi:#b7e23c;--hi-soft:#e8f7bd;--red:#c74334;
  --lime:#b7e23c;--lime2:#e8f7bd;--dark:#11120f;--dark2:#1d1f1a;
  --display:'Bricolage Grotesque','Inter Display',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  --text:'Newsreader',Charter,'Bitstream Charter',Georgia,serif;
  --serif:var(--text);--sans:var(--display);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);--nav:64px;--wrap:1240px;--gut:clamp(18px,4vw,44px);
  background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--display);-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative
}
body.pub::before{content:'';position:absolute;inset:0 0 auto 0;height:640px;pointer-events:none;z-index:0;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:36px 36px;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}
body.pub>*{position:relative;z-index:1}
body.pub a{color:inherit}
body.pub :focus-visible{outline:3px solid var(--pen);outline-offset:3px;border-radius:6px}
body.pub .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
body.pub .skip{position:absolute;left:12px;top:-64px;z-index:200;background:var(--hi);color:var(--ink);padding:10px 16px;border-radius:8px;font-weight:700;transition:top .2s}
body.pub .skip:focus{top:12px}

/* Brand + unified header (same as homepage) */
body.pub .mark{display:inline-flex;gap:3px;align-items:center}
body.pub .mark i{width:11px;height:11px;border-radius:50%;background:#11120f;display:block}
body.pub .mark i+i{background:var(--hi);box-shadow:inset 0 0 0 1.5px var(--ink)}
body.pub .brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:22px;letter-spacing:-.04em;color:var(--ink)}
body.pub .nav{position:sticky;top:0;z-index:60;background:rgba(243,244,251,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1.5px solid var(--ink);padding:0;height:auto}
body.pub .nav-in{height:var(--nav);display:flex;align-items:center;gap:30px}
body.pub .nav-links{display:flex;gap:6px}
body.pub .nav-links a{padding:7px 12px;border-radius:6px;font-size:15px;font-weight:600;color:var(--ink2);transition:color .15s,background .15s}
body.pub .nav-links a:hover{color:var(--ink)}
body.pub .nav-links a[aria-current=page]{color:var(--ink);background:var(--hi)}
body.pub .nav-cta{margin-left:auto;display:flex;align-items:center;gap:14px}
body.pub .nav-signin{font-weight:700;font-size:15px;padding:8px 4px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--line)}
body.pub .nav-signin:hover{text-decoration-color:var(--pen)}
body.pub .menu-btn{display:none;place-items:center;width:44px;height:44px;border-radius:10px;border:2px solid var(--ink);background:transparent;color:var(--ink)}
body.pub .mobile-menu{border-top:1.5px solid var(--ink);background:var(--paper)}
body.pub .mobile-menu .wrap{display:grid;padding-top:6px;padding-bottom:14px}
body.pub .mobile-menu a{padding:14px 2px;font-weight:700;font-size:19px;border-bottom:1px solid var(--line)}
body.pub .mobile-menu a:last-child{border-bottom:0}
body.pub [hidden]{display:none!important}
@media(max-width:860px){body.pub .nav-links,body.pub .nav-signin{display:none}body.pub .menu-btn{display:inline-grid}}

/* Buttons (.btn is the shared name; .pill is the older name used by legacy pages) */
body.pub .btn,body.pub .pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:10px;border:2px solid var(--ink);font:700 15px/1 var(--display);white-space:nowrap;background:transparent;color:var(--ink);box-shadow:none;transition:background .18s,color .18s,box-shadow .18s,transform .18s;cursor:pointer;text-decoration:none}
body.pub .btn:active,body.pub .pill:active{transform:translateY(1px)}
body.pub .btn-primary,body.pub .pill.dark{background:var(--pen)!important;border-color:var(--pen)!important;color:#fff!important}
body.pub .btn-primary:hover,body.pub .pill.dark:hover{background:var(--pen-d);border-color:var(--pen-d);box-shadow:3px 3px 0 var(--ink)}
body.pub .btn-ghost:hover,body.pub .pill.light:hover{background:var(--ink);color:var(--paper)}
body.pub .btn-hi{background:var(--hi);border-color:var(--hi);color:var(--ink)}
body.pub .btn-hi:hover{background:#fff;border-color:#fff}
body.pub .btn-lg,body.pub .pill.large{min-height:54px;padding:0 26px;font-size:17px}
body.pub .btn-sm{min-height:38px;padding:0 14px;font-size:14px;border-radius:8px;border-width:1.5px}

/* Type */
body.pub h1,body.pub h2,body.pub h3,body.pub h4{font-family:var(--display);color:var(--ink);font-weight:800;letter-spacing:-.035em}
body.pub h1{line-height:.95}
body.pub h1 em,body.pub h2 em{font-family:var(--text);font-style:italic;font-weight:500;color:var(--pen);letter-spacing:-.02em}
body.pub p,body.pub li{color:var(--ink2)}
body.pub .eyebrow,body.pub .about-kicker,body.pub .kicker{font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--pen)}
body.pub .about-lead,body.pub .contact-lead,body.pub .legal-lead,body.pub .lead{font:400 clamp(18px,1.5vw,21px)/1.55 var(--text);color:var(--ink2)}

/* Cards */
body.pub .about-card,body.pub .contact-card,body.pub .legal-card,body.pub .role-card,body.pub .culture-card,body.pub .log,body.pub .not-found-card,body.pub .plan,body.pub .go-item,body.pub .go-result{background:var(--white);border:2px solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--pen);color:var(--ink)}
body.pub .about-pill,body.pub .go-chip,body.pub .log-tag{background:var(--hi);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;font-weight:700}
body.pub .contact-detail,body.pub .about-point{border-color:var(--line)}
body.pub input,body.pub textarea,body.pub select{font-family:var(--display);color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:10px}
body.pub input:focus,body.pub textarea:focus,body.pub select:focus{outline:3px solid var(--pen);outline-offset:2px}

/* Shared public footer (injected by assets/public-footer.js) */
body.pub .zevuna-public-footer{background:#14163f;border-top:2px solid #3340f0}
body.pub .zevuna-public-footer .pf-hero-mark i{background:#11120f}
body.pub .zevuna-public-footer .pf-hero-mark i+i{background:var(--hi)}
body.pub .zevuna-public-footer .pf-support{background:var(--hi);color:var(--ink);border-color:var(--hi)}
body.pub .zevuna-public-footer .pf-support:hover{background:#fff}
body.pub .zevuna-public-footer :focus-visible{outline-color:var(--hi)}
@media(prefers-reduced-motion:reduce){body.pub *{animation:none!important;transition:none!important}}

body.pub .nav a{text-decoration:none}
body.pub .nav a.nav-signin{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--line)}
body.pub .about-main h1,body.pub .contact-main h1,body.pub .legal-main h1,body.pub .changelog-head h1,body.pub .careers-page h1,body.pub .go-title,body.pub .not-found h1{font-size:clamp(44px,6.4vw,92px);letter-spacing:-.045em;line-height:.95}
body.pub .pill.light{background:transparent!important;color:var(--ink)!important;border-color:var(--ink)!important}
body.pub .pill.light:hover{background:var(--ink)!important;color:var(--paper)!important}
body.pub .plan{background:var(--white);color:var(--ink)}
body.pub .plan .eyebrow,body.pub .plan .tag{color:var(--pen)}
body.pub .special-access-btn{border:1.5px solid var(--ink);background:var(--hi);color:var(--ink);border-radius:999px;font-weight:700;padding:6px 14px}
body.pub .plans{--lime:var(--pen);--lime2:var(--pen)}
@media(max-width:480px){body.pub .nav-in{gap:12px}body.pub .nav-cta{gap:8px}body.pub .nav-cta .btn{padding:0 10px}}