/* LIGHT PAGE CHROME v1 — injected into standalone pages (pricing, api, contact,
   auth, legal, antidetect, utility pages) AFTER their inline styles. Gives every
   page the light pill nav, light footer, and rounded lime buttons. Page tokens
   (:root) are swapped in-file by the conversion script; this file covers the
   shared chrome with body-prefixed selectors so it wins specificity ties. */
:root{--accent-ink:#4d7c0f}
html{background:#fff;color-scheme:light}

/* NAV — floating pill */
body nav{position:sticky;top:14px;z-index:100;max-width:1140px;margin:14px auto 0;padding:0 16px;background:none;border:none;backdrop-filter:none;box-shadow:none}
body .nav-inner{background:rgba(255,255,255,0.94);backdrop-filter:blur(14px);border:1px solid rgba(10,20,10,0.1);border-radius:999px;box-shadow:0 8px 30px rgba(16,20,16,0.07);max-width:none;margin:0;padding:0 12px 0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body .nav-logo{color:#101410}
body .nav-logo .logo-mark{border-radius:9px}
body .nav-links{gap:4px}
body .nav-links li+li::before{content:none;margin:0}
body .nav-links a{font-size:0.9rem;font-weight:500;color:#8a908a;letter-spacing:0;text-transform:none;padding:8px 14px;border-radius:999px;transition:color 0.2s,background 0.2s}
body .nav-links a:hover,body .nav-links a.active{color:#101410;background:rgba(16,20,16,0.05)}
body .nav-login{font-size:0.9rem;font-weight:500;color:#8a908a;letter-spacing:0;text-transform:none;padding:8px 14px}
body .nav-login:hover{color:#101410}
body .btn-bracket{font-size:0.85rem;font-weight:600;color:#000;letter-spacing:0;text-transform:none;background:#CCFF00;border:1px solid #CCFF00;border-radius:999px;padding:10px 20px}
body .btn-bracket:hover{background:#bff000;border-color:#bff000;color:#000;transform:translateY(-1px);box-shadow:0 6px 20px rgba(160,200,0,0.35)}
body .btn-bracket-accent{background:#CCFF00;border-color:#CCFF00;color:#000;font-weight:700}
body .btn-bracket-accent:hover{background:#bff000;border-color:#bff000;color:#000}
body #mobile-menu-btn{color:#101410}
body #mobile-menu{background:#fff;border:1px solid rgba(10,20,10,0.1);border-radius:16px;box-shadow:0 12px 36px rgba(16,20,16,0.1);top:88px;max-width:1140px;margin:8px auto 0}
body #mobile-menu a{color:#5f6660;letter-spacing:0;text-transform:none;border-bottom:1px solid rgba(10,20,10,0.08)}
body #mobile-menu a:hover{color:#101410}

/* FOOTER — light */
body footer{background:#fff;border-top:1px solid rgba(10,20,10,0.1)}
body .footer-inner{border-bottom:1px solid rgba(10,20,10,0.08)}
body .footer-logo{color:#101410}
body .footer-logo .logo-mark{border-radius:7px}
body .footer-tagline{color:#8a908a}
body .footer-col-head{color:#101410;font-family:'Space Grotesk',sans-serif;text-transform:none;letter-spacing:0;font-size:0.88rem}
body .footer-col a{color:#8a908a}
body .footer-col a:hover{color:#101410}
body .footer-bottom{color:#8a908a}
body .footer-bottom a{color:#8a908a}
body .footer-bottom a:hover{color:#101410}

/* Generic: borders drawn as faint white lines become faint ink lines */
body .section-label{color:var(--accent-ink);font-family:'Space Grotesk',sans-serif;text-transform:none;letter-spacing:0;font-size:0.85rem;font-weight:600}