/* VELMARK visual layer. Original FOLLOW selectors and API contracts are retained. */
html,body{margin:0;background:#171d1b}
#follow-obsidian{--f-bg:#171d1b;--f-ink:#f7f8f2;--f-muted:#a7b1a8;--f-accent:#c6f36a;--f-line:#ffffff1c;--f-mono:Arial,Helvetica,sans-serif;--f-display:Arial,Helvetica,sans-serif;min-height:100vh;font-family:Arial,Helvetica,sans-serif}
#follow-obsidian .f-atmosphere,#follow-obsidian .f-code-cloud-canvas,#follow-obsidian .f-motion{display:none!important}
#follow-obsidian .f-wrap{max-width:1320px;padding:0 48px}
#follow-obsidian .f-header{min-height:88px;border-bottom:1px solid var(--f-line);gap:20px}
#follow-obsidian .f-logo{font-size:24px;font-weight:800;letter-spacing:-1.2px}
#follow-obsidian .f-logo-mark{width:30px;height:30px;border-radius:9px;background:#c6f36a;color:#171d1b;box-shadow:none;font-size:22px;font-weight:900;letter-spacing:-2px;padding-right:2px}
#follow-obsidian .f-nav{border:0;background:none;padding:0;gap:4px}
#follow-obsidian .f-nav a{font-size:13px;font-weight:600}
#follow-obsidian .f-nav-cta{color:#171d1b;-webkit-text-fill-color:#171d1b;background:#c6f36a;border:1px solid #c6f36a;box-shadow:none;border-radius:10px;font-weight:700}
#follow-obsidian .f-button{border-radius:10px;box-shadow:none;font-size:14px;font-weight:600}
#follow-obsidian .f-button.f-primary{background:#c6f36a;border-color:#c6f36a;color:#171d1b;-webkit-text-fill-color:#171d1b;box-shadow:none;font-weight:700}
#follow-obsidian .f-button.f-primary:hover{background:#d3ff81}
#follow-obsidian .f-button.f-primary:after{display:none}
#follow-obsidian .f-button:disabled{opacity:.5;cursor:not-allowed;transform:none}
#follow-obsidian h1{font-weight:600;text-transform:none;letter-spacing:-3px;line-height:1.08;font-size:clamp(40px,5vw,64px)}
#follow-obsidian h2{font-weight:600;letter-spacing:-1.5px}
#follow-obsidian .f-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
#follow-obsidian .nx-back{display:inline-flex;align-items:center;gap:9px;margin-top:27px;color:#a7b1a8;font-size:12px}
#follow-obsidian .nx-back:hover{color:#c6f36a}
#follow-obsidian .f-main-pricing>.nx-back,#follow-obsidian .f-main-faq>.nx-back{color:#647064}
#follow-obsidian .f-footer{margin-top:35px;padding:30px 0;border-color:var(--f-line)}
#follow-obsidian .f-footer-text{font-size:12px;line-height:1.7;color:#a7b1a8}
#follow-obsidian .f-demo-gate{min-height:55vh;max-width:660px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:20px;text-align:center}
#follow-obsidian .f-demo-gate>h1,#follow-obsidian .f-demo-gate>p,#follow-obsidian .f-demo-gate>.f-eyebrow{flex-basis:100%;margin:0}
#follow-obsidian :focus-visible{outline-color:#c6f36a}
/* Light public pages */
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]){--f-bg:#f7f8f2;--f-ink:#171d1b;--f-muted:#69736b;--f-accent:#3c622a;--f-line:#dce1d7;background:#f7f8f2;color:#171d1b;color-scheme:light}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) h1,#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) h2,#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) h3{color:#171d1b;-webkit-text-fill-color:#171d1b}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) h1 em,#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) h2 em{color:#7a8776;-webkit-text-fill-color:#7a8776}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-header-signin,#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-header-signout{color:#171d1b;border-color:#dce1d7}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-nav a{color:#526051}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-nav a:hover,#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-nav a[aria-current]{background:#e9eee2;color:#171d1b}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-menu-toggle{color:#171d1b;border-color:#cad3c2;background:#edf1e7}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-page-heading{max-width:840px;margin:0 auto 42px;text-align:center}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-page-heading>p{color:#69736b;font-size:17px;line-height:1.7}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-page-section{padding:45px 0 45px;border:0}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-billing{color:#617153;border-color:#dce5d1;background:#edf2e5;letter-spacing:1px;margin-top:24px}
#follow-obsidian .nx-subscription-note{display:flex;align-items:flex-start;gap:28px;border-left:3px solid #a4ce5b;background:#edf1e6;padding:20px 24px;margin:0 0 30px;border-radius:0 12px 12px 0}
#follow-obsidian .nx-subscription-note strong{flex:0 0 150px;font-size:13px;font-weight:700;padding-top:2px}
#follow-obsidian .nx-subscription-note p{font-size:13px;line-height:1.7;color:#65705f}
#follow-obsidian[data-page="pricing"] .f-plan{padding:29px;background:#fff;border:1px solid #dde4d7;border-radius:20px;box-shadow:none;transition:transform .2s,border-color .2s}
#follow-obsidian[data-page="pricing"] .f-plan:hover{transform:translateY(-3px);border-color:#9dad8d;box-shadow:none}
#follow-obsidian[data-page="pricing"] .f-plan-top{color:#68755f;font-size:10px;letter-spacing:1px}
#follow-obsidian[data-page="pricing"] .f-plan-top>span:last-child{background:#eff4e8;border-color:#dbe5ce;color:#597541}
#follow-obsidian[data-page="pricing"] .f-plan h2{font-size:29px;letter-spacing:-1px;margin-top:24px}
#follow-obsidian[data-page="pricing"] .f-price{font-family:Arial,Helvetica,sans-serif;color:#171d1b;font-size:55px;font-weight:600;letter-spacing:-2px}
#follow-obsidian[data-page="pricing"] .f-price>span{color:#7c8677;font-size:13px;font-weight:400;letter-spacing:0}
#follow-obsidian[data-page="pricing"] .f-plan-description{color:#64715e;min-height:54px;font-size:14px}
#follow-obsidian[data-page="pricing"] .f-plan-details{color:#74816b;border-color:#e2e7dd;font-size:11px}
#follow-obsidian[data-page="pricing"] .f-plan-features{margin-bottom:25px;color:#35422f;gap:12px;font-size:13px;flex:1}
#follow-obsidian[data-page="pricing"] .f-plan-features li{color:inherit;line-height:1.6}
#follow-obsidian[data-page="pricing"] .f-plan .f-button{width:100%;border-color:#cbd8bf;background:#f4f7ef;color:#2b3f22}
#follow-obsidian[data-page="pricing"] .f-plan-caption{font-size:11px;color:#6e7b66;line-height:1.6}
#follow-obsidian[data-page="pricing"] .f-plan.f-featured{background:#1d2720;border-color:#1d2720;box-shadow:none}
#follow-obsidian[data-page="pricing"] .f-plan.f-featured:before{display:none}
#follow-obsidian[data-page="pricing"] .f-featured h2,#follow-obsidian[data-page="pricing"] .f-featured .f-price{color:#f8fbf3;-webkit-text-fill-color:#f8fbf3}
#follow-obsidian[data-page="pricing"] .f-featured .f-plan-features{color:#e2ecd9}
#follow-obsidian[data-page="pricing"] .f-featured .f-plan-description,#follow-obsidian[data-page="pricing"] .f-featured .f-plan-caption,#follow-obsidian[data-page="pricing"] .f-featured .f-plan-top,#follow-obsidian[data-page="pricing"] .f-featured .f-price span,#follow-obsidian[data-page="pricing"] .f-featured .f-plan-details{color:#a3b49b}
#follow-obsidian[data-page="pricing"] .f-featured .f-plan-details{border-color:#ffffff25}
#follow-obsidian[data-page="pricing"] .f-featured .f-plan-top>span:last-child{background:#c6f36a;color:#223617;border:0}
#follow-obsidian[data-page="pricing"] .f-featured .f-button.f-primary{background:#c6f36a;border-color:#c6f36a;color:#171d1b}
#follow-obsidian[data-page="pricing"] .f-checkout-notice{background:#edf2e7;border-color:#dce6d1;border-radius:14px;padding:23px;margin-top:24px}
#follow-obsidian[data-page="pricing"] .f-checkout-notice>span{color:#54783b;font-size:11px}
#follow-obsidian[data-page="pricing"] .f-checkout-notice p{color:#67765e;font-size:13px}
#follow-obsidian[data-page="pricing"] .f-checkout-notice a{color:#2b4820;border-color:#b5c8a6;white-space:nowrap;font-size:12px}
#follow-obsidian[data-page="pricing"] .f-pricing-questions{border-color:#dce1d7;margin-top:70px;padding-top:55px}
#follow-obsidian[data-page="pricing"] .f-pricing-answers details,#follow-obsidian[data-page="faq"] .f-faq-list details{border-color:#dce1d7;background:transparent;border-radius:0;box-shadow:none}
#follow-obsidian[data-page="pricing"] .f-pricing-answers summary,#follow-obsidian[data-page="faq"] .f-faq-list summary{color:#263221;font-size:17px;font-weight:600;line-height:1.5;padding:22px 30px 22px 0}
#follow-obsidian[data-page="pricing"] .f-pricing-answers p,#follow-obsidian[data-page="faq"] .f-faq-list p{color:#6b7665;font-size:14px;line-height:1.85;padding-bottom:22px}
#follow-obsidian[data-page="faq"] .f-faq-list{max-width:850px;margin:0 auto}
#follow-obsidian[data-page="faq"] .f-faq-list a{color:#386326;text-decoration:underline;text-underline-offset:3px}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-text-link{color:#4d693e;border-color:#b7c8aa}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-footer-text{color:#6b7665}
#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-form-message{color:#77652b;background:#f3eedc;border:1px solid #e5dab8;padding:13px 17px;border-radius:10px;font-size:12px}
/* Dialogs stay high-contrast dark and use the original payment state machine. */
#follow-obsidian .f-payment-modal,#follow-obsidian .f-trial-modal{background:#1b251f;border:1px solid #52624a;box-shadow:0 25px 90px #0007;color:#e7eede;border-radius:20px;--f-accent:#c6f36a;--f-mono:Arial,Helvetica,sans-serif;--f-display:Arial,Helvetica,sans-serif}
#follow-obsidian .f-payment-modal h2,#follow-obsidian .f-trial-modal h2{color:#f7f8f2;-webkit-text-fill-color:#f7f8f2}
#follow-obsidian .f-payment-modal .f-payment-action{background:#c6f36a;border-color:#c6f36a;color:#17200f;font-family:Arial,Helvetica,sans-serif;font-weight:700}
#follow-obsidian .f-payment-modal .f-payment-brand{background:#c6f36a;color:#17200f;-webkit-text-fill-color:#17200f}
#follow-obsidian .f-payment-modal .f-payment-consent input,#follow-obsidian .f-payment-modal .f-currency-options input{accent-color:#b9e85c}
#follow-obsidian .f-trial-confirm .f-trial-summary{border-color:#4c5d42;background:#293521}
#follow-obsidian .f-trial-modal .f-modal-content h2{font-size:34px;line-height:1.2}
#follow-obsidian .f-trial-rules strong{color:#dcebcf}
#follow-obsidian .f-trial-rules p,#follow-obsidian .f-modal-note{color:#a9b69e}
#follow-obsidian .f-payment-modal p,#follow-obsidian .f-payment-modal label{font-size:13px;line-height:1.7}
#follow-obsidian .f-payment-modal::backdrop,#follow-obsidian .f-trial-modal::backdrop{background:#17200fc2;backdrop-filter:blur(7px)}
@media(max-width:1000px){#follow-obsidian .f-wrap{padding:0 28px}#follow-obsidian .f-header{gap:12px}#follow-obsidian .f-nav a{padding:8px 10px;font-size:12px}#follow-obsidian[data-page="pricing"] .f-plan{padding:24px 21px}#follow-obsidian .nx-subscription-note{gap:18px}#follow-obsidian .f-checkout-notice{flex-wrap:wrap}}
@media(max-width:740px){#follow-obsidian .f-wrap{padding:0 20px}#follow-obsidian .f-header{min-height:76px}#follow-obsidian .f-logo{font-size:22px}#follow-obsidian .f-nav{background:#1d2720;border:1px solid #485740}#follow-obsidian:is([data-page="pricing"],[data-page="faq"]) .f-nav{background:#fff;border:1px solid #dce1d7}#follow-obsidian .f-nav-cta{padding:9px 12px;font-size:12px}#follow-obsidian h1{font-size:42px;letter-spacing:-2px}#follow-obsidian h2{font-size:31px}#follow-obsidian .nx-subscription-note{display:block;padding:18px}#follow-obsidian .nx-subscription-note p{margin-top:8px}#follow-obsidian .f-plans{grid-template-columns:1fr;gap:18px}#follow-obsidian[data-page="pricing"] .f-plan{padding:28px}#follow-obsidian .f-pricing-questions{display:block}#follow-obsidian .f-pricing-questions-head{margin-bottom:30px}#follow-obsidian .f-footer{gap:20px;align-items:flex-start}#follow-obsidian .f-page-actions{flex-direction:column;align-items:center}}