.baam-loader{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:24px;background:#080808;color:#fff;opacity:1}.baam-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.baam-loader__panel{display:grid;grid-template-areas:"mark" "title";grid-template-rows:104px auto;gap:8px;justify-items:center;align-items:center;width:min(100%,210px);max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);padding:22px 20px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.06);box-shadow:0 22px 56px rgba(0,0,0,.38);overflow:hidden}.baam-loader__panel img{grid-area:mark;align-self:center;justify-self:center;width:76px;height:76px;border-radius:18px;object-fit:contain;background:#fff;padding:7px;box-shadow:0 14px 28px rgba(0,0,0,.3);z-index:1}.baam-loader__panel strong{grid-area:title;width:120px;height:20px;margin-top:12px;background:url("/BAAM_Text_white_transparent.png") center/contain no-repeat;font-size:0}.baam-loader__panel small{display:none}.baam-loader__ring{grid-area:mark;align-self:center;justify-self:center;width:104px;height:104px;border:1px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:baamLoaderSpin .9s linear infinite}@keyframes baamLoaderSpin{to{transform:rotate(360deg)}}@media(max-width:560px){.baam-loader{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.baam-loader__panel{grid-template-rows:76px auto;width:min(100%,184px);gap:6px;padding:16px 14px;box-shadow:0 16px 38px rgba(0,0,0,.36)}.baam-loader__panel img{width:56px;height:56px;border-radius:14px;padding:5px}.baam-loader__ring{width:76px;height:76px}.baam-loader__panel strong{width:108px;height:18px}.baam-loader__panel small{font-size:9px}}@media(max-height:500px){.baam-loader__panel{grid-template-rows:64px auto;gap:5px;padding:12px}.baam-loader__panel img{width:48px;height:48px;border-radius:12px}.baam-loader__ring{width:64px;height:64px}}@media(max-width:380px),(max-height:420px){.baam-loader{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.baam-loader__panel{grid-template-rows:56px auto;width:min(100%,156px);max-height:calc(100svh - 16px);gap:4px;padding:10px}.baam-loader__panel img{width:42px;height:42px;border-radius:10px;padding:4px}.baam-loader__ring{width:56px;height:56px}.baam-loader__panel strong{width:92px;height:15px}.baam-loader__panel small{display:none}}@media(prefers-reduced-motion:reduce){.baam-loader__ring{animation:none}}
body:not(.admin-body) :where(a, button, input, select, textarea, [role="button"]):focus-visible{outline:3px solid rgba(37,87,255,.42);outline-offset:3px;box-shadow:0 0 0 5px rgba(37,87,255,.16)}body:not(.admin-body) :where(.button.is-loading, .btn.is-loading, button[aria-busy="true"]){position:relative;pointer-events:none}body:not(.admin-body) :where(.button.is-loading, .btn.is-loading, button[aria-busy="true"])::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:baamLoaderSpin .75s linear infinite}
.signup-plan-frequency{display:grid;gap:.45rem;justify-items:center;margin:.25rem 0 .75rem}.signup-billing-toggle{display:inline-flex;max-width:100%;flex-wrap:wrap;gap:.35rem;padding:.35rem;border:1px solid var(--line);border-radius:999px;background:#fff}.signup-billing-toggle__button{border:0;border-radius:999px;margin:0;padding:.78rem 1.2rem;background:transparent;color:var(--dark);font-size:.85rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.signup-billing-toggle__button.is-active{background:var(--dark);color:#fff;box-shadow:0 12px 24px rgba(16,16,16,.18)}.signup-billing-toggle__hint{color:var(--muted);font-size:.9rem;font-weight:800;margin:0}.account__flash.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity .2s ease,transform .2s ease}.account__information__form input[type=checkbox]{width:auto;min-height:auto;margin-right:.55rem}.signup-page-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 70px rgba(16,16,16,.08)}
.pricing-page,.signup-page{width:100%;max-width:1240px;margin:0 auto;padding:2.25rem 1.35rem 3.5rem;display:grid;gap:1.45rem}.pricing-page__hero{display:grid;gap:.8rem;justify-items:center;text-align:center}.pricing-page__eyebrow,.section-kicker{margin:0;color:var(--muted);font-size:.82rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.subtitle{max-width:42rem;margin:0 auto;color:var(--muted)}.pricing-page h1{font-size:clamp(2.2rem,4.8vw,4.2rem);line-height:1.05;margin:0;text-transform:uppercase}.pricing-page h2,.signup-page h2{font-size:clamp(1.8rem,3.8vw,3.1rem);line-height:1.05;margin:0;text-transform:uppercase}.pricing-page .section-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 28px 70px rgba(16,16,16,.08)}.company-pricing,.faq-section{padding:2rem}.pricing-panel__header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;text-align:center}.pricing-type div,.billing-toggle{display:inline-flex;max-width:100%;flex-wrap:wrap;gap:.35rem;padding:.35rem;border:1px solid var(--line);border-radius:999px;background:#fff}.billing-toggle__button{border:0;border-radius:999px;margin:0;padding:.78rem 1.2rem;background:transparent;color:var(--dark);font-size:.85rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.billing-toggle__button.is-active{background:var(--dark);color:#fff;box-shadow:0 12px 24px rgba(16,16,16,.18)}.pricing-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.plan{display:flex;flex-direction:column;gap:1rem;align-items:stretch;padding:1.35rem 1.1rem 1.1rem;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 28px rgba(16,16,16,.06);position:relative;text-align:left}.plan.highlight,.plan.is-selected{border-color:var(--dark);box-shadow:0 22px 40px rgba(16,16,16,.12)}.badge{position:absolute;right:1rem;top:-.75rem;border-radius:999px;background:var(--dark);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em;padding:.45rem .7rem;text-transform:uppercase}.plan h3{font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.1;margin:0;text-transform:uppercase}.price{align-items:baseline;display:flex;flex-wrap:wrap;gap:.3rem;font-size:2.55rem;font-weight:900;line-height:1;margin:0}.price span,.company-plan__suffix{color:var(--muted);font-size:.95rem;font-weight:800}.company-plan__value{color:var(--dark);font-size:2.55rem;font-weight:900}.company-plan__value--yearly,.company-plan__suffix--yearly,.company-plan__promo-copy--yearly{display:none}[data-billing=yearly] .company-plan__value--monthly,[data-billing=yearly] .company-plan__suffix--monthly,[data-billing=yearly] .company-plan__promo-copy--monthly{display:none}[data-billing=yearly] .company-plan__value--yearly,[data-billing=yearly] .company-plan__suffix--yearly,[data-billing=yearly] .company-plan__promo-copy--yearly{display:inline}.features{display:grid;gap:.7rem;margin:0;padding-left:1.2rem}.btn{align-items:center;border:1px solid var(--dark);border-radius:999px;display:inline-flex;font-weight:900;justify-content:center;min-height:48px;padding:.85rem 1.1rem;text-decoration:none;text-transform:uppercase}.btn-primary{background:var(--dark);color:#fff}.btn-basic{background:#fff;color:var(--dark)}.faq-section details{border-top:1px solid var(--line);padding:1rem 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;font-weight:900;text-transform:uppercase}.signup__step__two__company{width:100%;max-width:min(86vw,900px);margin:0 auto;padding:56px 16px 32px;box-sizing:border-box}.signup__step__two__company>h2,.signup__step__two__company>.subtitle,.signup__step__two__company>.section-kicker{text-align:center}.signup-order-form{display:grid;gap:1rem;margin-top:1.4rem}.form__errors{border:1px solid #b00020;background:#fff5f5;color:#8a1c1c;border-radius:8px;padding:12px 16px;margin:10px 0 18px}.form__errors p{font-weight:900;margin:0 0 8px}.form__errors ul{margin:0;padding-left:20px}.signup__plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.signup__plans .plan{cursor:pointer;text-align:center}.signup__plans .plan ul{display:grid;gap:.45rem;list-style:none;margin:0;padding:0}.signup__plans .plan span:last-child{font-weight:900;text-transform:uppercase}.plan__price-amount{color:var(--dark);font-size:1.8rem;font-weight:900}.account__information__form{display:grid;gap:.75rem;background:#fff;border:1px solid var(--line);border-radius:8px;padding:1.2rem}.account__information__form label{font-weight:900;text-transform:uppercase}.form__hint{font-size:.9rem;color:var(--muted);margin:0}.payment__methods{border:1px solid var(--line);border-radius:8px;padding:.8rem;background:#fff}.payment__method{display:grid;gap:.2rem}.signup-submit,.action__button{border-radius:999px;background:var(--dark);color:#fff;font-weight:900;min-height:50px;text-transform:uppercase}.already__have__an__account{text-align:center}.account__flash{position:fixed;top:88px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 32px));border-radius:8px;padding:12px 16px;box-shadow:0 18px 28px rgba(16,16,16,.18);z-index:11000;border:1px solid transparent;font-weight:800;text-align:center}.account__flash--success{border-color:#86efac;background:#ecfdf5;color:#166534}.menu__body.account-dashboard{display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr);gap:2rem;margin:3rem auto 7rem;max-width:1180px;padding:0 1rem;align-items:start;transition:grid-template-columns .25s ease}.settings__menu{line-height:2rem;background-color:#393939;border-radius:8px;padding:10px;position:relative;color:#fff}.settings__menu>p{padding-left:20px;font-weight:900;font-size:1.15rem;text-transform:uppercase;color:#fff}.settings__menu ul{list-style:none;padding-left:.8rem;margin:0}.settings__menu li,.menu__logout__button{cursor:pointer;box-sizing:border-box;display:flex;align-items:center;gap:10px;color:#fff;padding:6px 10px;border-radius:8px;width:100%;background:transparent;border:0;font:inherit;text-align:left}.settings__menu li:hover,.settings__menu li.is-active,.menu__logout__button:hover{background:rgba(255,255,255,.12)}.menu__icon{align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:6px;display:inline-flex;font-size:.72rem;font-weight:900;height:22px;justify-content:center;width:22px}.account__menu__collapse{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--dark);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;position:absolute;right:-14px;top:50%;width:34px}.account__menu__collapse svg{height:14px;width:14px}.account__menu__close__row,.account__menu__close,.account__menu__overlay{display:none}.menu__body.is-collapsed{grid-template-columns:56px 1fr}.settings__menu.is-collapsed{padding:10px 6px;transform:translateX(-8px)}.settings__menu.is-collapsed .account__menu__collapse svg{transform:rotate(180deg)}.settings__menu.is-collapsed>:not(.account__menu__collapse){display:none}.account__content{min-width:0;max-width:100%}.account__content>section{display:none}.account__content>section.opened{display:grid;gap:1rem}.my__info__heading,.menu__selection__heading{font-size:2rem;margin:0;text-transform:uppercase}.my__info__subheading{margin:.2rem 0;color:var(--muted)}.account-card,.current__plan__card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1rem;box-shadow:0 12px 24px rgba(16,16,16,.06)}.current__plan__card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.current__plan__icon{align-items:center;background:#f7f7f7;border:1px solid var(--line);border-radius:8px;display:inline-flex;font-weight:900;height:44px;justify-content:center;width:44px}.current__plan__details{display:grid}.current__plan__details span,.current__plan__badge{color:var(--muted);font-weight:800}.account-plan-options{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.pricing-container,.signup__plans,.account-plan-options{grid-template-columns:1fr}.menu__body.account-dashboard{display:block}.settings__menu{margin:0 1rem 1rem}.account__menu__collapse{display:none}.account__content{padding:0 1rem}.current__plan__card{grid-template-columns:1fr}}@media(max-width:760px){.pricing-page,.signup-page{padding:1.5rem 1rem 2.5rem}.company-pricing,.faq-section{padding:1.2rem}.pricing-page h1{font-size:2rem}.pricing-page h2,.signup-page h2{font-size:1.65rem}.company-plan__value{font-size:2rem}}
.pricing-container--single{grid-template-columns:minmax(0,760px);justify-content:center}.signup__plans--single{grid-template-columns:minmax(0,1fr);max-width:760px;margin-left:auto;margin-right:auto}.pricing-comparison-band,.pricing-guarantee-band{border-radius:8px;overflow:hidden}.pricing-comparison-band .comparison{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(22px,4vw,48px) 0}.pricing-comparison-band .comparison-column{border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:22px;background:rgba(255,255,255,.06)}.pricing-comparison-band .comparison-column.good{background:#fff;color:#111}.pricing-comparison-band .cost{border-top:1px solid currentColor;display:grid;gap:4px;margin-top:16px;padding-top:16px}.pricing-comparison-band .cost strong{font-size:clamp(28px,4vw,46px);line-height:1}.pricing-guarantee-band .sketch-row{align-items:center;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);padding:clamp(22px,4vw,46px) 0}.pricing-guarantee-band img{border-radius:8px;display:block;width:100%}@media(max-width:800px){.pricing-comparison-band .comparison,.pricing-guarantee-band .sketch-row{grid-template-columns:1fr}}
body .site-header{min-height:74px;gap:18px;flex-wrap:wrap}body .brand{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}body .brand:hover{box-shadow:none;transform:none}body .brand img{height:40px;max-width:184px}body .site-nav{gap:8px}body .site-nav a{border-radius:999px;color:#666;padding:11px 12px;transition:background .18s ease,color .18s ease,transform .18s ease}body .site-nav a:hover{background:rgba(16,16,16,.06);color:#111;transform:translateY(-1px)}body .site-nav .nav-cta{background:#111;box-shadow:0 12px 24px rgba(16,16,16,.18);color:#fff;padding-left:18px;padding-right:18px}body .site-nav .nav-cta:hover{background:#252525;color:#fff}body .compat-strip{align-items:center!important;background:transparent!important;border:0!important;border-top:1px solid #dedede!important;border-radius:0!important;box-shadow:none!important;display:grid!important;gap:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;justify-items:stretch!important;margin:42px 0 0!important;padding:0!important;width:100%!important}body .compat-strip span{align-items:center!important;color:#666!important;display:flex!important;font-size:12px!important;font-weight:800!important;justify-content:center!important;min-height:104px!important;padding:18px!important;text-align:center!important;text-transform:uppercase!important}body .compat-strip>*{border-right:1px solid #dedede!important}body .compat-strip>*:last-child{border-right:0!important}body .compat-logo{background:transparent!important;border-top:0!important;border-bottom:0!important;border-left:0!important;box-shadow:none!important;display:block!important;height:104px!important;max-height:none!important;max-width:none!important;object-fit:contain!important;padding:24px clamp(32px,5vw,68px)!important;width:100%!important}
:root{color-scheme:light;--ink:#121212;--muted:#666;--line:#dedede;--paper:#fff;--soft:#f6f4ef;--dark:#090909;--gold:#c8a85d;--blue:#2557ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;font-weight:900;text-decoration:none;letter-spacing:.06em}.brand img{display:block;height:52px;max-width:220px;object-fit:contain}.site-nav{display:flex;gap:18px;align-items:center}.site-nav a{text-decoration:none;color:#222;font-weight:700;font-size:14px}.app-page{min-height:calc(100vh - 64px);background:var(--soft)}.container{width:min(1120px,calc(100vw - 32px));margin:0 auto}.section-dark{background:#080808;color:#fff}.section-light{background:var(--soft);color:var(--ink)}.hero{min-height:72vh;display:grid;align-items:center;padding:84px 0 0}.hero-center{text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:900;font-size:13px}.hero h1,.pricing-hero h1{font-size:clamp(38px,7vw,82px);line-height:.98;margin:18px 0;letter-spacing:0}.lede{font-size:20px;color:#ddd;max-width:760px;margin:0 auto 28px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #111;background:#111;color:#fff;border-radius:8px;padding:12px 18px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.button-secondary{background:#fff;color:#111}.compat-strip{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;width:100%;padding:18px;background:#111;border-top:1px solid #222}.compat-strip span{color:#aaa}.compat-logo{display:block;max-height:34px;max-width:min(150px,78%);object-fit:contain}.feature-grid,.pricing-grid,.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:54px 0}.feature-grid article,.price-card,.panel,.login-panel,.admin-shell{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.pricing-hero{text-align:center;padding:70px 16px 20px;background:var(--soft)}.pricing-hero p{max-width:720px;margin:0 auto;color:var(--muted)}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(900px,calc(100vw - 32px));margin:0 auto}.price-card.featured{border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,87,255,.12)}.price{font-size:44px;font-weight:900;margin:10px 0}.price span{font-size:15px;color:var(--muted)}ul{padding-left:20px}.price-card form,.login-panel form,.admin-form{display:grid;gap:10px;margin-top:18px}input,select,textarea{width:100%;padding:12px;border:1px solid #cfcfcf;border-radius:8px;font:inherit;background:#fff}textarea{min-height:180px;resize:vertical}label{display:grid;gap:6px;font-weight:800;color:#333}.login-panel,.panel{width:min(820px,calc(100vw - 32px));margin:54px auto}.panel.wide,.admin-shell{width:min(1180px,calc(100vw - 32px));margin:54px auto}.muted{color:var(--muted)}.account-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-grid div,.list-item,.stat,.content-card{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fafafa}.account-grid dt{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:900}.account-grid dd{margin:0;font-weight:900}.admin-grid{grid-template-columns:340px 1fr;padding:0}.list,.content-list{display:grid;gap:8px}.form-status{min-height:20px;color:var(--muted)}.error{color:#b00020}.success{color:#087a32}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs button{background:#f7f7f7;color:#111;border-color:var(--line);padding:9px 11px}.tabs button.active{background:#111;color:#fff}.editor-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px}.editor-list{display:grid;gap:8px;align-content:start}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.small-btn{padding:7px 10px;font-size:13px}.article{width:min(820px,calc(100vw - 32px));margin:0 auto;padding:54px 0}.article h1{font-size:48px;line-height:1.04}.article p,.article li{font-size:18px}.featured-image{width:100%;border-radius:8px;margin:16px 0}.content-card h2{margin:0 0 6px}.danger{background:#b00020;border-color:#b00020}.table-ish{display:grid;gap:8px}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column}.site-nav,.tabs{flex-wrap:wrap}.feature-grid,.pricing-grid,.admin-grid,.account-grid,.stat-grid,.editor-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:60px 0 0}.hero h1,.pricing-hero h1{font-size:40px}.article h1{font-size:36px}}
.blog-hub,.blog-article-page{background:linear-gradient(180deg,#fff 0,#f6f4ef 58%,#fff 100%);min-height:calc(100vh - 74px);padding:clamp(52px,8vw,96px) 0}.blog-shell{width:min(1160px,calc(100vw - 32px));margin:0 auto}.blog-hero{border-bottom:1px solid var(--line);display:grid;gap:24px;padding-bottom:clamp(28px,5vw,52px)}.blog-hero__grid{align-items:end;display:grid;gap:24px;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr)}.blog-hero h1{font-size:clamp(42px,6.7vw,88px);letter-spacing:-.02em;line-height:.94;margin:0;max-width:960px;text-transform:uppercase}.blog-hero p{color:var(--muted);font-size:18px;margin:0}.blog-hero__meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.blog-pill{border:1px solid var(--line);border-radius:999px;color:#333;display:inline-flex;font-size:12px;font-weight:900;letter-spacing:.06em;padding:8px 12px;text-decoration:none;text-transform:uppercase}.blog-pill--dark{background:var(--dark);border-color:var(--dark);color:#fff}.blog-featured{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 70px rgba(18,18,18,.08);display:grid;gap:0;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);margin-top:clamp(26px,5vw,48px);overflow:hidden}.blog-featured__media,.blog-card__media{background:#0b0b0b;min-height:280px;overflow:hidden}.blog-featured__media img,.blog-card__media img{display:block;height:100%;object-fit:cover;width:100%}.blog-featured__body{align-content:center;display:grid;gap:18px;padding:clamp(26px,4vw,48px)}.blog-featured__body>.blog-pill{justify-self:start}.blog-kicker{color:#3f3f3f;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.blog-featured h2,.blog-card h2{letter-spacing:-.01em;line-height:1.02;margin:0;text-transform:uppercase}.blog-featured h2{font-size:clamp(30px,4.2vw,56px)}.blog-featured h2 a{text-decoration:none}.blog-featured p,.blog-card p{color:var(--muted);margin:0}.blog-meta{color:#3f3f3f;display:flex;flex-wrap:wrap;font-size:13px;font-weight:800;gap:10px;text-transform:uppercase}.blog-meta span+span:before{content:"/";margin-right:10px}.blog-card-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.blog-section-head{align-items:end;display:flex;gap:18px;justify-content:space-between;margin-top:clamp(34px,5vw,58px)}.blog-section-head h2{font-size:clamp(24px,3.2vw,42px);margin:0}.blog-card{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.blog-card:hover{border-color:#aaa;box-shadow:0 18px 42px rgba(18,18,18,.08);transform:translateY(-3px)}.blog-card__media{aspect-ratio:16/9;min-height:0}.blog-card__media--empty,.blog-featured__media--empty{align-items:center;color:#fff;display:flex;font-size:34px;font-weight:900;justify-content:center;letter-spacing:.12em;text-transform:uppercase}.blog-card__body{display:grid;gap:12px;padding:20px}.blog-card h2{font-size:24px}.blog-empty{border:1px dashed #bdbdbd;border-radius:8px;color:var(--muted);margin-top:28px;padding:34px;text-align:center}.blog-article{width:min(1120px,calc(100vw - 32px));margin:0 auto}.blog-article__hero{border-bottom:1px solid var(--line);display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);padding-bottom:clamp(28px,5vw,52px)}.blog-article__hero h1{font-size:clamp(42px,6.4vw,84px);letter-spacing:-.02em;line-height:.94;margin:0;text-transform:uppercase}.blog-article__dek{color:var(--muted);font-size:20px;line-height:1.55;margin:18px 0 0;max-width:780px}.blog-article__side{align-content:end;display:grid;gap:14px}.blog-article__cover{background:#0b0b0b;border:1px solid var(--line);border-radius:8px;margin:clamp(28px,5vw,52px) 0;overflow:hidden}.blog-article__cover img{display:block;height:auto;max-height:520px;object-fit:contain;width:100%}.blog-article__layout{display:grid;gap:clamp(24px,5vw,64px);grid-template-columns:minmax(0,760px) minmax(220px,1fr)}.blog-prose{color:#202020;min-width:0}.blog-prose img,.blog-prose video,.blog-prose iframe{max-width:100%}.blog-prose img,.blog-prose video{height:auto}.blog-prose figure{margin:clamp(22px,5vw,42px) 0;max-width:100%;overflow:hidden}.blog-prose figure img{display:block;border-radius:8px;width:100%;object-fit:contain}.blog-prose figure[data-size=inline]{max-width:min(100%,640px)}.blog-prose figure[data-size=wide],.blog-prose figure[data-size=full]{width:100%}.blog-prose figcaption{color:var(--muted);font-size:14px;line-height:1.45;margin-top:8px}.blog-prose .gallery,.blog-prose .slideshow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:clamp(22px,5vw,42px) 0}.blog-prose .gallery img,.blog-prose .slideshow img{aspect-ratio:4/3;border-radius:8px;height:auto;object-fit:cover;width:100%}.blog-prose .embed{aspect-ratio:16/9;border-radius:8px;overflow:hidden}.blog-prose .embed iframe{height:100%;width:100%}.blog-prose .media-text{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:18px;align-items:start;margin:clamp(22px,5vw,42px) 0}.blog-prose .media-text--right .media-text__media{order:2}.blog-prose .media-text__media img,.blog-prose .media-text__media video{border-radius:8px;width:100%;object-fit:contain}.blog-prose h1,.blog-prose h2,.blog-prose h3{letter-spacing:-.01em;line-height:1.06;margin:1.65em 0 .55em;text-transform:uppercase}.blog-prose h1{font-size:42px}.blog-prose h2{font-size:34px}.blog-prose h3{font-size:24px}.blog-prose p,.blog-prose li{color:#333;font-size:19px;line-height:1.78}.blog-prose p{margin:0 0 1.15em}.blog-prose ul{display:grid;gap:10px;margin:0 0 1.4em;padding-left:22px}.blog-prose a{border-bottom:1px solid currentColor;font-weight:800;text-decoration:none}.blog-prose strong{color:#050505}.blog-aside{align-self:start;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;padding:18px;position:sticky;top:96px}.blog-aside strong{text-transform:uppercase}.blog-aside p{color:var(--muted);font-size:14px;margin:0}.blog-next{background:#0b0b0b;border-radius:8px;color:#fff;margin-top:clamp(36px,6vw,70px);padding:clamp(24px,4vw,40px);text-align:center}.blog-next p{color:rgba(255,255,255,.78);margin:0 auto 18px;max-width:620px}@media(max-width:900px){.blog-hero__grid,.blog-featured,.blog-article__hero,.blog-article__layout{grid-template-columns:1fr}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-aside{position:static}.blog-featured__media{aspect-ratio:16/10;min-height:0}.blog-featured__media img{height:100%}}@media(max-width:760px){.blog-hub,.blog-article-page{padding:30px 0}.blog-shell,.blog-article{width:min(100% - 20px,1120px)}.blog-hero{gap:18px}.blog-hero h1,.blog-article__hero h1{font-size:clamp(32px,10vw,46px);line-height:.98}.blog-hero p,.blog-article__dek{font-size:16px;line-height:1.55}.blog-featured{margin-top:22px}.blog-featured__media{aspect-ratio:4/3;min-height:0}.blog-featured__body{gap:12px;padding:18px}.blog-featured h2{font-size:clamp(25px,8vw,34px);line-height:1.05}.blog-card-grid{grid-template-columns:1fr}.blog-card__media{aspect-ratio:4/3}.blog-card__body{padding:16px}.blog-card h2{font-size:21px;line-height:1.08}.blog-section-head{align-items:flex-start;flex-direction:column;gap:10px}.blog-article__cover{border-radius:8px;margin:22px 0}.blog-article__cover img{max-height:none;object-fit:contain}.blog-prose figure{margin:24px 0}.blog-prose figure img{max-height:none}.blog-prose .gallery,.blog-prose .slideshow,.blog-prose .media-text{grid-template-columns:1fr}.blog-prose .media-text--right .media-text__media{order:0}.blog-prose h1{font-size:32px}.blog-prose h2{font-size:26px}.blog-prose h3{font-size:21px}.blog-prose p,.blog-prose li{font-size:17px;line-height:1.72}.blog-prose figcaption{font-size:13px}.blog-meta{font-size:12px;gap:8px}.blog-meta span+span:before{margin-right:8px}}@media(max-width:420px){.blog-shell,.blog-article{width:min(100% - 16px,1120px)}.blog-featured__media,.blog-card__media{aspect-ratio:1/1}.blog-featured__body,.blog-card__body{padding:14px}.blog-prose .gallery img,.blog-prose .slideshow img{aspect-ratio:1/1}.blog-prose figure img,.blog-article__cover img{border-radius:6px}.blog-pill{white-space:normal}}
.site-footer{background:#090909;border-top:1px solid rgba(255,255,255,.12);color:#fff;padding:48px 0 24px}.footer-grid{display:grid;gap:28px;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(150px,.6fr))}.footer-brand{display:inline-flex;margin-bottom:16px}.footer-brand img{height:40px;object-fit:contain}.footer-brand-block p,.footer-bottom,.footer-column a{color:rgba(255,255,255,.68)}.footer-brand-block p{margin:0;max-width:420px}.footer-column{align-content:start;display:grid;gap:10px}.footer-column strong{color:#fff;font-size:.8rem;text-transform:uppercase}.footer-column a,.footer-bottom a{font-size:.86rem;font-weight:800;text-decoration:none;text-transform:uppercase}.footer-column a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:16px;justify-content:space-between;margin-top:32px;padding-top:20px}@media(max-width:760px){.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}}
.admin-body{--bg:#f8fafc;--ink:#101010;--muted:rgba(16,16,16,.68);--accent:#101010;--accent-hover:#252525;--accent-2:#0f3d5e;--surface:#fff;--surface-2:#f8fafc;--line:rgba(16,16,16,.18);--shadow:0 14px 30px rgba(16,16,16,.08);--shadow-soft:0 6px 18px rgba(16,16,16,.08);background:var(--bg);color:var(--ink);min-height:100vh;min-width:0}.admin-body h1,.admin-body h2,.admin-body h3,.admin-body .brand-title{font-weight:700;margin:0 0 .5rem}.admin-body p{margin:0 0 .75rem}.admin-body .subtle{color:var(--muted);margin-top:5px}.admin-body .admin-shell{background:var(--bg)!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ink);display:flex!important;margin:0!important;max-width:none!important;min-height:100vh;padding:0!important;width:100%!important}.admin-body .admin-menu-overlay{display:none}.admin-body .admin-sidebar{background:#050505;border:0;border-right:1px solid #2b2b2b;border-radius:0;color:#fff;display:flex;flex-direction:column;gap:0;min-height:100vh;padding:16px 14px;position:relative;width:276px;z-index:20}.admin-body .admin-sidebar:before{content:"";display:block;height:4px;border-radius:999px;background:#ffcc00;margin-bottom:14px}.admin-body .admin-brand{align-items:center;display:flex;gap:11px;margin-bottom:14px}.admin-body .admin-brand>div{min-width:0}.admin-body .brand-mark{background:#ffcc00;border-radius:8px;color:#050505;display:grid;font-weight:950;height:40px;place-items:center;width:40px}.admin-body .admin-brand-mark-img{filter:brightness(0);max-height:26px;max-width:26px}.admin-body .brand-title{color:#fff;font-size:1.2rem;margin-top:5px;overflow-wrap:anywhere}.admin-body .brand-sub{color:rgba(255,255,255,.72);font-size:.8rem;margin:0;overflow-wrap:anywhere}.admin-body .admin-sidebar-brief{background:#151515;border:1px solid rgba(255,255,255,.14);border-radius:8px;margin-bottom:14px;padding:11px}.admin-body .admin-sidebar-brief small,.admin-body .admin-sidebar-brief span{color:#bdbdb5;display:block;font-size:.8rem;line-height:1.35}.admin-body .admin-sidebar-brief strong{color:#fff;display:block;line-height:1.25}.admin-body .admin-sidebar-brief span{margin-top:5px}.admin-body .account__menu__collapse{align-items:center;background:#151515;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;position:absolute;right:14px;top:16px;width:36px}.admin-body .account__menu__collapse:hover{background:#242424;border-color:rgba(255,204,0,.7);color:#ffcc00}.admin-body .account__menu__collapse svg,.admin-body .account__menu__toggle svg,.admin-body .account__menu__close svg{height:16px;width:16px}.admin-body .admin-menu-close-row,.admin-body .admin-menu-toggle,.admin-body .account__menu__close{display:none}.admin-body .admin-menu-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 10px;padding-left:6px;text-transform:uppercase}.admin-body .admin-menu-body{display:flex;flex:1;flex-direction:column;gap:14px;min-height:0}.admin-body .admin-menu-search{color:#d1d1c8;display:grid;font-size:.8rem;font-weight:700;gap:6px;margin:0}.admin-body .admin-menu-search input{background:#151515;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;padding:9px 10px}.admin-body .admin-menu-accordion{display:flex;flex-direction:column;gap:6px}.admin-body .admin-menu-group{padding:0}.admin-body .admin-menu-tab{align-items:center;background:transparent;border:0;border-radius:8px;color:#deded6;cursor:pointer;display:flex;font:inherit;font-size:.9rem;font-weight:760;gap:9px;justify-content:space-between;min-height:38px;padding:9px 10px;position:relative;width:100%;z-index:2}.admin-body .admin-menu-tab:hover,.admin-body .admin-menu-tab:focus-visible,.admin-body .admin-menu-tab.is-active{background:#ffcc00;color:#050505}.admin-body .admin-menu-tab.is-active{font-weight:800}.admin-body .admin-menu-tab__arrow{display:inline-flex;transition:transform .2s ease}.admin-body .admin-menu-group.is-open .admin-menu-tab__arrow{transform:rotate(90deg)}.admin-body .admin-menu-panel{display:none;margin-top:4px;padding:0 0 6px}.admin-body .admin-menu-group.is-open .admin-menu-panel{display:block}.admin-body .admin-nav{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.admin-body .admin-nav li{display:flex}.admin-body .nav-link{align-items:center;background:transparent;border:0;border-radius:8px;color:#deded6;cursor:pointer;display:flex;font:inherit;font-weight:760;gap:9px;line-height:1.35;min-height:38px;overflow-wrap:anywhere;padding:9px 10px;text-align:left;text-decoration:none;white-space:normal;width:100%}.admin-body .nav-link:before{background:#7a7a72;border-radius:999px;content:"";flex:0 0 auto;height:7px;width:7px}.admin-body .nav-link:hover,.admin-body .nav-link:focus-visible,.admin-body .nav-link.is-active{background:#ffcc00;color:#050505}.admin-body .nav-link.is-active{font-weight:800}.admin-body .nav-link.is-active:before{background:#050505}.admin-body .admin-footer{border-top:1px solid rgba(255,255,255,.15);margin-top:auto;padding-top:16px}.admin-body .admin-user{color:rgba(255,255,255,.7);overflow-wrap:anywhere}.admin-body .admin-user strong{color:#fff;display:block}.admin-body .admin-main{flex:1;min-width:0;padding:32px 40px 60px}.admin-body .admin-topbar{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;margin:0 auto 32px;max-width:1200px;padding-bottom:12px;width:100%}.admin-body .admin-topbar h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0}.admin-body .topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;min-width:0}.admin-body .pill{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:600;max-width:100%;overflow-wrap:anywhere;padding:6px 12px;text-align:left;white-space:normal}.admin-body .admin-content{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;width:100%}.admin-body .admin-content>[data-admin-view]{display:flex;flex-direction:column;gap:24px;min-width:0}.admin-body .metrics-grid,.admin-body .stat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-body .metric-card,.admin-body .stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft);padding:16px}.admin-body .stat b{display:block;font-size:1.8rem;line-height:1.1;margin:0}.admin-body .stat span,.admin-body .metric-card p{color:var(--muted);font-weight:600}.admin-body .card,.admin-body .admin-form,.admin-body .editor-grid>div,.admin-body .admin-grid>div,.admin-body .list-item,.admin-body [data-module-view] .editor-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft);min-width:0;padding:24px}.admin-body .card.highlight{background:var(--surface-2)}.admin-body .two-col,.admin-body .admin-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0}.admin-body .editor-grid{display:grid;gap:24px;grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.admin-body .editor-list,.admin-body .list,.admin-body .content-list{display:grid;gap:12px;min-width:0}.admin-body .list-item{padding:16px}.admin-body .list-item p{color:#1f2937;margin:.7rem 0 0}.admin-body .admin-content h2{font-size:1.35rem;letter-spacing:-.01em}.admin-body .admin-content h3{font-size:1.05rem}.admin-body .admin-form{display:grid;gap:16px;margin:0;width:100%}.admin-body .admin-form label,.admin-body label{color:#1f2937;display:grid;font-size:.9rem;font-weight:700;gap:6px}.admin-body input,.admin-body select,.admin-body textarea{background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;max-width:100%;padding:.75rem .9rem;width:100%}.admin-body textarea{min-height:160px;resize:vertical}.admin-body input:focus,.admin-body select:focus,.admin-body textarea:focus{border-color:rgba(16,16,16,.45);box-shadow:0 0 0 3px rgba(16,16,16,.12);outline:0}.admin-body .form-status{color:var(--muted);min-height:20px}.admin-body .error{color:#b91c1c}.admin-body .success{color:#15803d}.admin-body .row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-body .primary-btn,.admin-body .ghost-btn,.admin-body .danger-btn,.admin-body .admin-form button:not(.danger),.admin-body .row-actions button:not(.danger),.admin-body button[data-report]{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;font:inherit;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;padding:.6rem 1.2rem;text-decoration:none}.admin-body .primary-btn,.admin-body .admin-form button:not(.danger),.admin-body .row-actions button:not(.danger),.admin-body button[data-report]{background:var(--accent);box-shadow:0 10px 18px rgba(16,16,16,.18);color:#fff}.admin-body .primary-btn:hover,.admin-body .admin-form button:not(.danger):hover,.admin-body .row-actions button:not(.danger):hover,.admin-body button[data-report]:hover{background:var(--accent-hover)}.admin-body .ghost-btn,.admin-body .small-btn{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--accent);cursor:pointer;display:inline-flex;font:inherit;font-size:.88rem;font-weight:600;justify-content:center;padding:6px 12px;text-decoration:none}.admin-body .ghost-btn:hover,.admin-body .small-btn:hover{background:#f8fafc}.admin-body .danger,.admin-body .danger-btn{background:var(--accent-2)!important;border-color:var(--accent-2)!important;box-shadow:none!important;color:#fff!important}.admin-body .editor-list .small-btn{align-items:flex-start;border-radius:12px;display:grid;justify-content:start;line-height:1.35;padding:10px 12px;text-align:left;width:100%}.admin-body .tabs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:0}.admin-body .tabs button{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--accent);box-shadow:none;font:inherit;font-size:.85rem;font-weight:700;padding:8px 12px}.admin-body .tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.admin-body .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-body table{border-collapse:collapse;min-width:600px;width:100%}.admin-body th,.admin-body td{border-bottom:1px solid var(--line);font-size:.9rem;overflow-wrap:anywhere;padding:12px 10px;text-align:left;vertical-align:top;word-break:break-word}.admin-body th{color:var(--muted);font-weight:600}.admin-body pre{background:#101010;border-radius:12px;color:#f8fafc;overflow:auto;padding:14px;white-space:pre-wrap}.admin-body .settings__menu.is-collapsed{overflow:visible;padding:16px 10px;transform:none;width:62px}.admin-body .settings__menu.is-collapsed:before{display:none}.admin-body .settings__menu.is-collapsed>:not(.account__menu__collapse){display:none}.admin-body .settings__menu.is-collapsed .account__menu__collapse{right:13px;top:16px;transform:rotate(180deg)}@media(max-width:900px){.admin-body .admin-shell{display:block!important}.admin-body .admin-sidebar{bottom:0;left:0;max-width:86vw;position:fixed;top:0;transform:translateX(-105%);transition:transform .2s ease;width:320px}.admin-body .admin-sidebar.is-open{transform:translateX(0)}.admin-body .admin-menu-overlay{background:rgba(16,16,16,.44);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:19}.admin-body .admin-menu-overlay.is-open{display:block}.admin-body.admin-menu-open{overflow:hidden}.admin-body .account__menu__collapse{display:none}.admin-body .admin-menu-close-row{display:flex;justify-content:flex-end}.admin-body .account__menu__close{align-items:center;background:#151515;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#fff;display:inline-flex;height:40px;justify-content:center;padding:0;width:40px}.admin-body .account__menu__toggle{align-items:center;background:#050505;border:1px solid #2b2b2b;border-radius:12px;color:#fff;display:inline-flex;font:inherit;font-weight:600;gap:10px;padding:12px 14px}.admin-body .admin-main{padding:24px 16px 44px}.admin-body .admin-topbar{align-items:stretch;flex-direction:column}.admin-body .topbar-actions{justify-content:flex-start}.admin-body .editor-grid{grid-template-columns:1fr}}@media(max-width:680px){.admin-body .admin-content,.admin-body .admin-content>[data-admin-view]{gap:18px}.admin-body .card,.admin-body .admin-form,.admin-body .editor-grid>div,.admin-body .admin-grid>div,.admin-body .list-item{border-radius:14px;padding:18px}.admin-body .admin-topbar h1{font-size:2rem}.admin-body .admin-grid,.admin-body .two-col{grid-template-columns:1fr}.admin-body .metrics-grid,.admin-body .stat-grid{grid-template-columns:1fr}}
.admin-body .action-stack{display:flex;flex-direction:column;gap:10px;margin:10px 0 14px}.admin-body .action-stack .ghost-btn{justify-content:center;width:100%}
html,body:not(.admin-body){max-width:100%;overflow-x:hidden}body.nav-open{overflow:hidden}body:not(.admin-body) .site-header{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;isolation:isolate;min-height:74px;z-index:1000!important}body:not(.admin-body) .brand{flex:1 1 auto;min-width:0;position:relative;z-index:1001}body:not(.admin-body) .nav-toggle{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--dark);cursor:pointer;display:none;flex:0 0 44px;flex-direction:column;height:44px;justify-content:center;padding:0;position:relative;touch-action:manipulation;width:44px;z-index:10020}body.nav-open:not(.admin-body) .brand{z-index:1000}body.nav-open:not(.admin-body) .nav-toggle{z-index:1003}body:not(.admin-body) .nav-toggle span{background:currentColor;border-radius:999px;display:block;height:2px;margin:3px 0;transition:opacity .16s ease,transform .16s ease;width:20px}body:not(.admin-body) .nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}body:not(.admin-body) .nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}body:not(.admin-body) .nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}@media(max-width:900px){body:not(.admin-body) .nav-toggle{display:inline-flex!important}body:not(.admin-body) .site-nav{align-items:stretch!important;background:rgba(255,255,255,.98);border-left:1px solid var(--line);bottom:0;box-shadow:-24px 0 60px rgba(16,16,16,.18);clip-path:inset(0 0 0 100%);display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;height:100vh;height:100dvh;max-width:86vw;opacity:0;overflow-y:auto;padding:86px 18px 22px!important;pointer-events:none;position:fixed!important;right:0;top:0;transform:none;transition:opacity .18s ease,clip-path .18s ease,visibility .18s ease;visibility:hidden;width:min(320px,calc(100vw - 44px));z-index:1001!important}body:not(.admin-body) .site-nav a{align-items:center;display:flex;justify-content:center;min-height:44px;text-align:center;width:100%}body:not(.admin-body) .site-nav.is-open{clip-path:inset(0);opacity:1;pointer-events:auto;visibility:visible}}@media(max-width:560px){body:not(.admin-body) .site-header{min-height:60px;padding-left:14px!important;padding-right:12px!important}body:not(.admin-body) .brand img{height:32px;max-width:min(148px,calc(100vw - 104px))}body:not(.admin-body) .site-nav{padding:72px 16px 18px!important;width:min(300px,calc(100vw - 24px))}}


:root {
  --pricing-page-bg: #f8fafc;
  --pricing-surface-soft: #ffffff;
  --pricing-ink: #101010;
  --pricing-muted: rgba(16, 16, 16, 0.66);
  --pricing-line: rgba(16, 16, 16, 0.14);
  --pricing-brand: #101010;
  --pricing-brand-deep: #000000;
  --pricing-accent: #0f3d5e;
  --pricing-shadow-lg: 0 28px 70px rgba(16, 16, 16, 0.1);
  --signup-page-bg: #f8fafc;
  --signup-ink: #101010;
  --signup-muted: rgba(16, 16, 16, 0.66);
  --signup-line: rgba(16, 16, 16, 0.14);
  --signup-brand: #101010;
  --signup-brand-deep: #000000;
  --signup-accent: #0f3d5e;
}

.app-page {
  background: var(--pricing-page-bg);
}

.pricing-page,
.signup-page {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 2.25rem 1.35rem 3.5rem;
  display: grid;
  gap: 1.45rem;
  min-width: 0;
}

.pricing-page > section,
.pricing-page .section-panel,
.pricing-page .company-pricing,
.pricing-page .pricing-panel,
.pricing-page .pricing-grid,
.company-pricing .pricing-container,
.signup-page-panel,
.signup-order-form {
  min-width: 0;
  max-width: 100%;
}

.pricing-page__hero {
  display: grid;
  gap: 0.8rem;
  justify-items: center;
  text-align: center;
}

.pricing-page__eyebrow,
.section-kicker {
  margin: 0;
  color: var(--pricing-brand-deep);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.blog-article__hero .eyebrow {
  color: #0f3d5e;
}

.blog-card-grid,
.blog-card,
.blog-card__media,
.blog-card__body,
.blog-featured,
.blog-featured__media,
.blog-featured__body {
  max-width: 100%;
  min-width: 0;
}

.blog-card,
.blog-featured {
  overflow: hidden;
}

.blog-card h2,
.blog-card p,
.blog-card a,
.blog-featured h2,
.blog-featured p,
.blog-featured a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blog-article,
.blog-article__layout,
.blog-prose {
  max-width: 100%;
  min-width: 0;
}

.blog-article__layout {
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}

.blog-prose {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow-x: clip;
}

.blog-article-page,
.blog-article,
.blog-article__hero,
.blog-article__layout,
.blog-prose,
.blog-prose * {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

.blog-prose :is(h1, h2, h3, h4, h5, h6) {
  scroll-margin-top: 96px;
}

.blog-aside {
  margin-left: auto;
  margin-right: auto;
  position: static;
  width: min(100%, 760px);
}

.blog-next {
  margin-left: auto;
  margin-right: auto;
  width: min(100%, 760px);
}

.blog-article__hero h1,
.blog-prose h1,
.blog-prose h2,
.blog-prose h3,
.blog-prose p,
.blog-prose li,
.blog-prose a,
.blog-prose figcaption,
.blog-prose code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blog-prose :where(p, li, blockquote, figcaption, a, strong, em, span, code) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blog-prose :where(img, video, iframe, embed, object, svg, canvas) {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}

.blog-prose :where(img, video, svg, canvas) {
  width: auto !important;
}

.blog-prose :where(iframe, embed, object) {
  width: 100% !important;
  aspect-ratio: 16 / 9;
}

.blog-prose :where(figure, picture, .embed, .gallery, .slideshow, .media-text, .media-text__media, .media-text__copy) {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
}

.blog-prose :where([style*="width"], [width]) {
  max-width: 100% !important;
  min-width: 0 !important;
}

.blog-prose :where([style*="height"], [height]) {
  height: auto !important;
  max-height: none !important;
}

.blog-prose ul,
.blog-prose ol {
  max-width: 100%;
  min-width: 0;
  padding-left: 1.25rem;
}

.blog-prose table {
  border-collapse: collapse;
  display: block;
  max-width: 100%;
  overflow-x: auto;
  width: 100%;
}

.blog-prose th,
.blog-prose td {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blog-prose pre {
  max-width: 100%;
  overflow-x: auto;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.blog-prose iframe {
  width: 100%;
}

.blog-aside {
  align-content: start;
}

.blog-aside__toc,
.blog-aside__buyer,
.blog-aside__baam {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.blog-aside__toc {
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
}

.blog-aside__toc a {
  border: 0;
  color: #1f2937;
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.blog-aside__toc a:hover {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-aside__toc .level-3 {
  color: #4b5563;
  font-size: 13px;
  padding-left: 12px;
}

.blog-aside__buyer {
  background: #101010;
  border-radius: 8px;
  color: #fff;
  padding: 16px;
}

.blog-aside__buyer p {
  color: rgba(255,255,255,.82);
}

.blog-affiliate-hero-card,
.blog-prose .affiliate-verdict,
.blog-prose .affiliate-cta,
.blog-prose .pros-cons,
.blog-prose .buying-checklist,
.blog-prose .feature-scorecard,
.blog-prose .affiliate-disclosure {
  border: 1px solid rgba(16,16,16,.16);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(16,16,16,.08);
  margin: clamp(22px,4vw,42px) auto;
  max-width: 100%;
  overflow: hidden;
}

.blog-affiliate-hero-card,
.blog-prose .affiliate-verdict {
  background: #fff;
}

.blog-affiliate-hero-card__disclosure,
.blog-prose .affiliate-disclosure {
  background: #fff7ed;
  color: #3b2a05;
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
  padding: 14px 16px;
}

.blog-affiliate-hero-card__disclosure,
.blog-prose .affiliate-disclosure p {
  color: #3b2a05;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

.blog-affiliate-hero-card__grid,
.blog-prose .affiliate-verdict {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0,1.15fr) minmax(240px,.85fr);
  padding: clamp(20px,4vw,34px);
}

.blog-affiliate-hero-card h2,
.blog-prose .affiliate-verdict h2,
.blog-prose .affiliate-cta h2,
.blog-prose .buying-checklist h2,
.blog-prose .feature-scorecard h2 {
  font-size: clamp(26px,4vw,40px);
  line-height: 1.02;
  margin: 0 0 10px;
}

.blog-affiliate-hero-card__decision,
.blog-prose .affiliate-verdict__proof {
  background: #f8fafc;
  border: 1px solid rgba(16,16,16,.12);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 16px;
}

.blog-affiliate-button {
  background: #101010;
  border-color: #101010;
  color: #fff;
  justify-self: start;
}

.blog-prose .affiliate-rating {
  background: #ecfdf5;
  border: 1px solid #86efac;
  border-radius: 999px;
  color: #14532d;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  margin: 0 0 12px;
  padding: 6px 10px;
}

.blog-prose .affiliate-cta {
  align-items: center;
  background: #101010;
  color: #fff;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0,1fr) auto;
  padding: clamp(20px,4vw,34px);
}

.blog-prose .affiliate-cta p,
.blog-prose .affiliate-cta small {
  color: rgba(255,255,255,.82);
}

.blog-prose .affiliate-cta .blog-affiliate-button {
  background: #fff;
  border-color: #fff;
  color: #101010;
}

.blog-prose .pros-cons {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.blog-prose .pros-cons > div {
  display: grid;
  gap: 10px;
  padding: clamp(18px,3vw,26px);
}

.blog-prose .pros-cons > div:first-child {
  background: #ecfdf5;
}

.blog-prose .pros-cons > div:last-child {
  background: #fff7ed;
  border-left: 1px solid rgba(16,16,16,.12);
}

.blog-prose .buying-checklist {
  background: #fff;
  padding: clamp(20px,4vw,34px);
}

.blog-prose .buying-checklist ol {
  counter-reset: buying;
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-prose .buying-checklist li {
  background: #f8fafc;
  border: 1px solid rgba(16,16,16,.12);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  grid-template-columns: auto minmax(0,1fr);
  padding: 12px;
}

.blog-prose .buying-checklist li:before {
  align-items: center;
  background: #101010;
  border-radius: 999px;
  color: #fff;
  content: counter(buying);
  counter-increment: buying;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.blog-prose .feature-scorecard {
  background: #fff;
  padding: clamp(20px,4vw,34px);
}

.blog-prose .feature-scorecard > div {
  display: grid;
  gap: 10px;
}

.blog-prose .feature-scorecard article {
  border: 1px solid rgba(16,16,16,.12);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 14px;
}

.blog-sticky-cta {
  align-items: center;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(16,16,16,.16);
  border-radius: 8px;
  bottom: 12px;
  box-shadow: 0 18px 42px rgba(16,16,16,.18);
  display: none;
  gap: 12px;
  grid-template-columns: minmax(0,1fr) auto;
  margin: 22px auto 0;
  padding: 12px;
  position: sticky;
  width: min(100%,760px);
  z-index: 5;
}

.blog-sticky-cta span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

@media (max-width: 760px) {
  .blog-article-page,
  .blog-article,
  .blog-article__layout,
  .blog-prose {
    overflow-x: clip;
  }

  .blog-prose :where(img, video, iframe, embed, object, svg, canvas) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
  }

  .blog-prose :where(table, pre) {
    margin-left: 0;
    margin-right: 0;
    max-width: 100% !important;
  }

  .blog-prose ul,
  .blog-prose ol {
    padding-left: 1.1rem;
  }

  .blog-affiliate-hero-card__grid,
  .blog-prose .affiliate-verdict,
  .blog-prose .affiliate-cta,
  .blog-prose .pros-cons {
    grid-template-columns: 1fr;
  }

  .blog-prose .pros-cons > div:last-child {
    border-left: 0;
    border-top: 1px solid rgba(16,16,16,.12);
  }

  .blog-affiliate-hero-card__grid,
  .blog-prose .affiliate-verdict,
  .blog-prose .affiliate-cta,
  .blog-prose .buying-checklist,
  .blog-prose .feature-scorecard {
    padding: 16px;
  }

  .blog-sticky-cta {
    display: grid;
    grid-template-columns: 1fr;
  }

  .blog-sticky-cta .button {
    width: 100%;
  }
}

.subtitle {
  max-width: 42rem;
  margin: 0 auto;
  color: var(--pricing-muted);
}

.pricing-page h1 {
  color: var(--pricing-ink);
  font-size: clamp(2.2rem, 4.8vw, 4.2rem);
  line-height: 1.05;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.pricing-page h2,
.signup-page h2 {
  color: var(--pricing-ink);
  font-size: clamp(1.8rem, 3.8vw, 3.1rem);
  line-height: 1.05;
  margin: 0;
  text-transform: uppercase;
}

.pricing-page h3,
.signup-page h3 {
  color: var(--pricing-ink);
  letter-spacing: 0;
}

.pricing-type {
  display: grid;
  justify-items: center;
  width: 100%;
}

.pricing-type div,
.pricing-page .billing-toggle,
.signup-billing-toggle {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.35rem;
  border: 1px solid var(--pricing-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(16, 16, 16, 0.04);
}

.pricing-type button,
.pricing-page .billing-toggle__button,
.signup-billing-toggle__button {
  border: 0;
  border-radius: 999px;
  margin: 0;
  padding: 0.78rem 1.2rem;
  background: transparent;
  color: var(--pricing-brand-deep);
  font-size: 0.85rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.pricing-page .billing-toggle__button:not(.is-active):hover,
.signup-billing-toggle__button:not(.is-active):hover {
  background: rgba(16, 16, 16, 0.06);
  color: var(--pricing-brand-deep);
  box-shadow: none;
  transform: none;
}

.pricing-type button.is-active,
.pricing-page .billing-toggle__button.is-active,
.signup-billing-toggle__button.is-active {
  background: var(--pricing-brand-deep);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(16, 16, 16, 0.18);
}

.pricing-page .section-panel,
.signup-page-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 250, 247, 0.98) 100%);
  box-shadow: var(--pricing-shadow-lg);
}

.pricing-page .section-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 4px solid var(--pricing-accent);
  pointer-events: none;
}

.pricing-page .pricing-panel:not(.pricing-panel--embedded),
.company-pricing,
.faq-section {
  padding: 2rem;
}

.pricing-page .pricing-panel__header,
.pricing-page .pricing-grid,
.company-pricing__intro,
.company-pricing .pricing-container,
.faq-section > *,
.signup-page-panel > * {
  position: relative;
  z-index: 1;
}

.pricing-page .pricing-panel__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.company-pricing__intro {
  display: grid;
  justify-items: center;
  gap: 0.35rem;
  text-align: center;
}

.company-pricing .pricing-container {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr);
  gap: 1rem;
}

.pricing-page .pricing-card,
.pricing-page .plan,
.signup__plans .plan {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
  padding: 1.35rem 1.1rem 1.1rem;
  border: 1px solid rgba(16, 16, 16, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 28px rgba(16, 16, 16, 0.07);
  position: relative;
}

.pricing-page .plan.highlight,
.pricing-page .plan.is-selected,
.signup__plans .plan.is-selected,
.signup__plans .plan.plan-selected {
  border-color: rgba(16, 16, 16, 0.42);
  box-shadow: 0 22px 40px rgba(16, 16, 16, 0.12);
}

.badge {
  position: absolute;
  right: 1rem;
  top: -0.75rem;
  border-radius: 999px;
  background: var(--pricing-brand-deep);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding: 0.45rem 0.7rem;
  text-transform: uppercase;
}

.pricing-page .plan h3,
.signup__plans .plan h3 {
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.pricing-page .price,
.company-pricing .price {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin: -0.2rem 0 0;
  line-height: 1;
}

.company-pricing .price .company-plan__value {
  color: var(--pricing-ink);
  font-size: clamp(2rem, 3vw, 2.4rem);
  font-weight: 900;
  line-height: 1;
}

.company-pricing .price .company-plan__suffix,
.price span {
  color: var(--pricing-muted);
  font-size: 0.95rem;
  font-weight: 800;
}

.company-plan__promo {
  min-height: 1.5rem;
  margin: 0.4rem 0 0;
  color: #5f4500;
  font-size: 0.86rem;
  font-weight: 900;
}

.company-pricing[data-billing="monthly"] .company-plan__value--yearly,
.company-pricing[data-billing="monthly"] .company-plan__suffix--yearly,
.company-pricing[data-billing="monthly"] .company-plan__promo-copy--yearly {
  display: none;
}

.company-pricing[data-billing="yearly"] .company-plan__value--monthly,
.company-pricing[data-billing="yearly"] .company-plan__suffix--monthly,
.company-pricing[data-billing="yearly"] .company-plan__promo-copy--monthly {
  display: none;
}

.company-pricing[data-billing="monthly"] .company-plan__promo-copy--monthly,
.company-pricing[data-billing="yearly"] .company-plan__promo-copy--yearly,
.company-pricing[data-billing="yearly"] .company-plan__value--yearly,
.company-pricing[data-billing="yearly"] .company-plan__suffix--yearly {
  display: inline;
}

.features {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding-left: 1.2rem;
}

.features li,
.signup__plans .plan li {
  color: var(--pricing-muted);
  line-height: 1.55;
}

.btn,
.signup-submit,
.submit__button,
.action__button {
  align-items: center;
  border: 1px solid var(--pricing-brand-deep);
  border-radius: 999px;
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
  min-height: 48px;
  padding: 0.85rem 1.1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-primary,
.signup-submit,
.submit__button,
.action__button {
  background: var(--pricing-brand-deep);
  color: #ffffff;
}

.btn-basic {
  background: #ffffff;
  color: var(--pricing-brand-deep);
}

.company-pricing .btn {
  margin-top: auto;
}

.faq-section {
  max-width: 900px;
  width: 100%;
  justify-self: center;
}

.faq-section .section-kicker,
.faq-section h2 {
  text-align: center;
}

.faq-section h2 {
  margin-bottom: 1.25rem;
}

.faq-section details {
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 1rem 1.1rem;
}

.faq-section details + details {
  margin-top: 0.8rem;
}

.faq-section summary {
  color: var(--pricing-ink);
  font-size: 1rem;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
  text-transform: uppercase;
}

.faq-section summary::-webkit-details-marker {
  display: none;
}

.faq-section details p {
  margin: 0.85rem 0 0;
}

.signup-page {
  max-width: 980px;
}

.signup-page-panel {
  width: min(96vw, 900px);
  max-width: min(96vw, 900px);
  margin: 0 auto;
  padding: 2rem;
  box-sizing: border-box;
}

.signup__step__two__company > h2,
.signup__step__two__company > .subtitle,
.signup__step__two__company > .section-kicker {
  text-align: center;
}

.signup__step__two__company > h2 {
  margin-top: 0.35rem;
  margin-bottom: 0.75rem;
}

.signup-order-form {
  display: grid;
  gap: 1rem;
  margin-top: 1.4rem;
}

.signup-form-title {
  font-size: 1.2rem;
  letter-spacing: 0;
  margin: 1rem 0 0;
  text-transform: uppercase;
}

.form__errors {
  border: 1px solid #b00020;
  background: #fff5f5;
  color: #8a1c1c;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 10px 0 18px;
}

.form__errors p {
  font-weight: 900;
  margin: 0 0 8px;
}

.form__errors ul {
  margin: 0;
  padding-left: 20px;
}

.signup-plan-frequency {
  display: grid;
  gap: 0.45rem;
  justify-items: center;
  margin: 0.25rem 0 0.75rem;
}

.signup-billing-toggle__hint {
  color: var(--signup-muted);
  font-size: 0.9rem;
  font-weight: 800;
  margin: 0;
}

.signup__plans {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}

.signup__plans .plan {
  cursor: pointer;
  text-align: center;
  justify-items: stretch;
  width: 100%;
}

.signup__plans button.plan {
  color: var(--signup-ink);
  font: inherit;
}

.signup__plans .plan:hover {
  background: #ffffff;
  border-color: rgba(16, 16, 16, 0.36);
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(16, 16, 16, 0.11);
}

.signup__plans .plan ul {
  display: grid;
  gap: 0.45rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.signup__plans .plan span:last-child {
  font-weight: 900;
  text-transform: uppercase;
}

.plan__price-amount {
  color: var(--signup-ink);
  font-size: 1.8rem;
  font-weight: 900;
}

.plan__price-interval {
  color: var(--signup-muted);
  font-size: 0.95rem;
  font-weight: 800;
}

.plan__promo-copy,
.plan__feature-primary {
  color: var(--signup-accent);
  font-weight: 900;
}

.account__information__form,
.billing__information > div,
.payment__methods,
.order__summary,
.consents {
  display: grid;
  gap: 0.75rem;
  background: #ffffff;
  border: 1px solid var(--signup-line);
  border-radius: 8px;
  padding: 1.2rem;
}

.account__information__form label,
.billing__information label {
  color: var(--signup-ink);
  font-weight: 900;
  margin: 0;
  text-transform: uppercase;
}

.account__information__form input,
.account__information__form select,
.billing__information input,
.billing__information select {
  border: 1px solid rgba(16, 16, 16, 0.18);
  border-radius: 8px;
  min-height: 48px;
}

.form__hint {
  font-size: 0.9rem;
  color: var(--signup-muted);
  margin: 0;
}

.payment__methods {
  gap: 0.8rem;
}

.payment__method {
  display: grid;
  gap: 0.35rem;
  border: 1px solid var(--signup-line);
  border-radius: 8px;
  background: #fff;
  padding: 1rem;
  cursor: pointer;
}

.payment__method__brand {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.payment__method__brand img,
.payment__icon-row img {
  display: block;
  height: 28px;
  max-width: 82px;
  object-fit: contain;
  width: auto;
}

.payment__icon-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.signup__plans .plan.is-selected,
.signup__plans .plan.plan-selected {
  background: linear-gradient(180deg, #ffffff 0%, rgba(200, 168, 93, 0.12) 100%);
  border-color: var(--signup-brand-deep);
  box-shadow: 0 18px 36px rgba(16, 16, 16, 0.14);
}

.payment__method:hover,
.payment__method.selected,
.payment__method.is-selected {
  border-color: rgba(16, 16, 16, 0.42);
  box-shadow: 0 14px 28px rgba(16, 16, 16, 0.08);
}

.payment__method__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  font-weight: 900;
}

.payment__method__details,
.payment__method span {
  color: var(--signup-muted);
  font-size: 0.95rem;
}

.order__summary:empty {
  display: none;
}

.order__summary__eyebrow {
  color: var(--signup-accent);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  margin: 0;
  text-transform: uppercase;
}

.order__summary__heading {
  font-size: 1.35rem;
  margin: 0;
  text-transform: uppercase;
}

.order__summary__subtitle {
  color: var(--signup-muted);
  margin: 0;
}

.order__summary__grid {
  display: grid;
  gap: 0.65rem;
}

.order__summary__item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid var(--signup-line);
  border-radius: 8px;
  padding: 0.85rem;
}

.order__summary__item span {
  color: var(--signup-muted);
  font-weight: 800;
}

.order__summary__item strong {
  color: var(--signup-ink);
}

.order__summary__item--accent {
  background: rgba(200, 168, 93, 0.12);
}

.order__summary__item--accent strong {
  color: var(--signup-brand-deep);
}

.already__have__an__account {
  text-align: center;
}

.account__flash.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -12px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.login-panel--auth {
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1fr);
  overflow: hidden;
  width: min(960px, calc(100vw - 32px));
  margin: 54px auto 80px;
  padding: 0;
  border: 1px solid var(--pricing-line);
  box-shadow: 0 28px 70px rgba(16, 16, 16, 0.1);
}

.login-panel__intro {
  display: grid;
  align-content: center;
  gap: 0.9rem;
  min-height: 360px;
  padding: clamp(2rem, 4vw, 3rem);
  background: #101010;
  color: #ffffff;
}

.login-panel__intro .section-kicker {
  color: #f2d58f;
}

.login-panel__intro h1 {
  margin: 0;
  font-size: clamp(2.15rem, 4.6vw, 4rem);
  line-height: 0.98;
  text-transform: uppercase;
}

.login-panel__intro p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
}

.login-form {
  display: grid;
  align-content: center;
  gap: 1rem;
  margin: 0 !important;
  min-width: 0;
  padding: clamp(2rem, 4vw, 3rem);
}

.login-form label {
  color: var(--pricing-ink);
  font-size: 0.84rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.login-form input {
  min-height: 52px;
}

.login-form button[type="submit"] {
  min-height: 54px;
  border-radius: 999px;
  text-transform: uppercase;
}

.login-panel__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  justify-content: center;
}

.login-panel__links a {
  color: var(--pricing-muted);
  font-size: 0.9rem;
  font-weight: 800;
}

.menu__body.account-dashboard {
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
  gap: 1.5rem;
  max-width: 1240px;
  margin: 0 auto;
  padding: 36px 20px 72px;
}

.settings__menu {
  position: sticky;
  top: 94px;
  align-self: start;
  line-height: 1.2;
  background: #151515;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 22px 45px rgba(16, 16, 16, 0.13);
  padding: 16px;
}

.settings__menu > p {
  margin: 0 0 1rem;
  padding-left: 8px;
  letter-spacing: 0.06em;
}

.settings__menu ul {
  display: grid;
  gap: 0.35rem;
  padding-left: 0;
}

.settings__menu li,
.menu__logout__button {
  min-height: 42px;
  padding: 0.65rem 0.7rem;
}

.settings__menu li.is-active {
  background: rgba(255, 255, 255, 0.16);
}

.menu__icon {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}

.menu__label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.account__content {
  display: grid;
  gap: 1.1rem;
}

.account-shell-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.2rem;
  min-width: 0;
  border-bottom: 1px solid var(--pricing-line);
  padding-bottom: 1.1rem;
}

.account-kicker {
  margin: 0 0 0.25rem;
  color: var(--pricing-accent);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.account-shell-head h2 {
  margin: 0;
  color: var(--pricing-ink);
  font-size: clamp(2rem, 4vw, 3.45rem);
  line-height: 0.98;
  text-transform: uppercase;
}

.account-shell-head p {
  max-width: 42rem;
  margin: 0.65rem 0 0;
  color: var(--pricing-muted);
}

.account-shell-head__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  justify-content: flex-end;
}

.account-shell-head__actions .button {
  min-height: 44px;
  border-radius: 999px;
  padding-inline: 1.05rem;
  white-space: nowrap;
}

.account__content > section.opened {
  gap: 1rem;
}

.my__info__heading,
.menu__selection__heading {
  font-size: clamp(1.6rem, 3vw, 2.35rem);
  line-height: 1.05;
}

.my__info__subheading {
  margin: -0.35rem 0 0.15rem;
}

.account-card,
.current__plan__card,
.account__information__form {
  border-color: var(--pricing-line);
  box-shadow: 0 16px 34px rgba(16, 16, 16, 0.06);
  padding: clamp(1.1rem, 2.4vw, 1.55rem);
}

.account-card h4,
.account__information__form h4,
.current__plan__details strong {
  margin: 0;
  color: var(--pricing-ink);
  font-size: 1rem;
  font-weight: 900;
}

.account-card p:last-child,
.account__information__form p:last-child {
  margin-bottom: 0;
}

.account-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.account-grid div {
  min-width: 0;
}

.account-grid dd,
.current__plan__details span {
  overflow-wrap: anywhere;
}

.current__plan__card {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.current__plan__icon {
  flex: 0 0 48px;
  height: 48px;
  width: 48px;
  background: #f8fafc;
}

.current__plan__badge {
  border: 1px solid var(--pricing-line);
  border-radius: 999px;
  padding: 0.45rem 0.7rem;
  text-transform: uppercase;
}

.pricing-container.account-plan-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 1rem;
}

.account-dashboard .plan {
  min-width: 0;
  border-color: var(--pricing-line);
  box-shadow: 0 16px 34px rgba(16, 16, 16, 0.06);
}

.account-dashboard .plan h3 {
  margin: 0;
}

.account-dashboard .price {
  font-size: clamp(2rem, 4vw, 2.65rem);
}

.account__information__form {
  gap: 0.9rem;
}

.account__information__form label {
  font-size: 0.82rem;
  letter-spacing: 0.06em;
}

.account__information__form input,
.account__information__form select {
  min-height: 50px;
}

.account__information__form input:focus,
.account__information__form select:focus,
.login-form input:focus {
  border-color: rgba(16, 16, 16, 0.45);
  box-shadow: 0 0 0 4px rgba(16, 16, 16, 0.08);
  outline: 0;
}

.account__information__form .action__button,
.account-card .button,
.current__plan__card .button,
.account-dashboard .btn {
  min-height: 48px;
  border-radius: 999px;
}

.account-dashboard .button:hover,
.account-dashboard .btn:hover,
.login-form button[type="submit"]:hover {
  transform: translateY(-1px);
}

.automation-workspace,
.automation-setup {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.automation-hero {
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.85fr);
  background: linear-gradient(135deg, #101010 0%, #242424 100%);
  color: #ffffff;
}

.automation-hero h4,
.automation-panel__head h4 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1;
  text-transform: uppercase;
}

.automation-panel__head h4 {
  color: var(--pricing-ink);
}

.automation-hero p:not(.account-kicker) {
  max-width: 42rem;
  margin: 0.65rem 0 0;
  color: rgba(255, 255, 255, 0.72);
}

.automation-status-grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.automation-status-grid div {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  padding: 0.85rem;
}

.automation-status-grid dt {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.automation-status-grid dd {
  margin: 0.2rem 0 0;
  font-weight: 900;
}

.automation-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  border-bottom: 1px solid var(--pricing-line);
  padding-bottom: 0.8rem;
}

.automation-tabs button {
  min-height: 42px;
  border: 1px solid var(--pricing-line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--pricing-ink);
  font-size: 0.82rem;
  font-weight: 900;
  padding: 0.65rem 1rem;
  text-transform: uppercase;
}

.automation-tabs button.is-active,
.automation-tabs button:hover {
  background: #101010;
  border-color: #101010;
  color: #ffffff;
}

.automation-panels {
  display: grid;
  min-width: 0;
}

.automation-panel {
  display: none;
  gap: 1rem;
  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1fr);
  min-width: 0;
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(16, 16, 16, 0.07);
  padding: clamp(1rem, 2vw, 1.25rem);
}

.automation-panel.is-active {
  display: grid;
}

.automation-panel__form {
  display: grid;
  align-content: start;
  gap: 0.9rem;
  min-width: 0;
}

.automation-panel__head {
  display: grid;
  gap: 0.25rem;
}

.automation-panel label {
  color: var(--pricing-ink);
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.automation-panel input,
.automation-panel select,
.automation-panel textarea {
  min-height: 48px;
}

.automation-panel textarea {
  min-height: 92px;
}

.automation-field-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.automation-preview {
  min-width: 0;
  min-height: 100%;
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: #f8fafc;
  padding: clamp(1rem, 2vw, 1.35rem);
  overflow-wrap: anywhere;
}

.automation-preview h4 {
  margin: 0.15rem 0 0.65rem;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  line-height: 1.05;
  text-transform: uppercase;
}

.automation-preview p,
.automation-preview li {
  color: #333;
}

.automation-preview pre {
  max-height: 520px;
  overflow: auto;
  margin: 0.75rem 0 0;
  border-radius: 8px;
  background: #101010;
  color: #ffffff;
  padding: 1rem;
  white-space: pre-wrap;
}

.automation-preview.is-error {
  border-color: #b00020;
  background: #fff5f5;
}

.automation-email-card {
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: #ffffff;
  padding: 0.9rem;
}

.automation-email-card + .automation-email-card {
  margin-top: 0.7rem;
}

.automation-setup__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.automation-setup__head h4 {
  margin: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.automation-panel button[disabled] {
  opacity: 0.7;
  cursor: wait;
}

@media (max-width: 1120px) {
  .company-pricing .pricing-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .automation-hero,
  .automation-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .menu__body.account-dashboard {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 18px 14px 48px;
  }

  .settings__menu {
    position: static;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--pricing-line);
    color: var(--pricing-ink);
    box-shadow: 0 14px 28px rgba(16, 16, 16, 0.08);
  }

  .settings__menu > p {
    display: none;
  }

  .settings__menu ul {
    display: flex;
    gap: 0.5rem;
    margin: 0;
    overflow-x: auto;
    padding: 0.1rem;
    -webkit-overflow-scrolling: touch;
  }

  .settings__menu li {
    flex: 0 0 auto;
    width: auto;
    min-height: 42px;
    color: var(--pricing-ink);
    background: #f8fafc;
    border: 1px solid var(--pricing-line);
    white-space: nowrap;
  }

  .settings__menu li:hover,
  .settings__menu li.is-active {
    background: #101010;
    color: #ffffff;
  }

  .settings__menu li.menu__logout {
    width: auto;
    border: 0;
    background: transparent;
    padding: 0;
  }

  .settings__menu li.menu__logout .menu__logout__button {
    width: auto;
    flex: 0 0 auto;
    min-height: 42px;
    color: var(--pricing-ink);
    background: #ffffff;
    border: 1px solid var(--pricing-line);
    white-space: nowrap;
  }

  .settings__menu li.menu__logout .menu__logout__button:hover {
    background: #101010;
    color: #ffffff;
  }

  .settings__menu .menu__icon {
    border-color: currentColor;
  }

  .account__content {
    padding: 0;
  }

  .account-shell-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-shell-head__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 860px) {
  .pricing-page {
    padding-inline: 1rem;
  }

  .pricing-page .pricing-panel:not(.pricing-panel--embedded),
  .company-pricing,
  .faq-section,
  .signup-page-panel {
    padding: 1.4rem;
  }

  .company-pricing .pricing-container {
    grid-template-columns: 1fr;
  }

  .login-panel--auth {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .login-panel__intro {
    min-height: 0;
  }
}

@media (max-width: 700px) {
  .pricing-page,
  .signup-page {
    gap: 1rem;
    padding: 1.4rem 1rem 2.4rem;
  }

  .pricing-type div,
  .pricing-page .billing-toggle,
  .signup-billing-toggle {
    width: 100%;
    justify-content: stretch;
  }

  .pricing-type button,
  .pricing-page .billing-toggle__button,
  .signup-billing-toggle__button {
    flex: 1 1 0;
  }

  .pricing-page h1 {
    font-size: 2rem;
  }

  .pricing-page h2,
  .signup-page h2 {
    font-size: 1.65rem;
  }

  .company-plan__value {
    font-size: 2rem;
  }

  .signup-page-panel {
    width: min(100%, calc(100vw - 20px));
    max-width: none;
    padding: 1.1rem 0.7rem 1rem;
  }

  .signup__plans {
    grid-template-columns: minmax(0, 1fr);
  }

  .account__information__form,
  .billing__information > div,
  .payment__methods,
  .order__summary {
    padding: 0.9rem;
  }

  .order__summary__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .login-panel--auth {
    width: min(100%, calc(100vw - 24px));
  }

  .login-form,
  .login-panel__intro {
    padding: 1.35rem;
  }

  .current__plan__card {
    grid-template-columns: 1fr;
  }

  .automation-status-grid,
  .automation-field-grid {
    grid-template-columns: 1fr;
  }

  .automation-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .automation-tabs button {
    flex: 0 0 auto;
  }

  .automation-panel {
    padding: 0.85rem;
  }

  .account-shell-head__actions,
  .account-shell-head__actions .button {
    width: 100%;
  }
}


/* BAAM logged-in account menu hotfix */
body:not(.admin-body) .site-nav .baam-account-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  text-transform: none;
}

body:not(.admin-body) .site-nav .baam-account-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  max-width: 260px !important;
  padding: 6px 10px 6px 7px !important;
  border: 1px solid rgba(16, 16, 16, 0.18) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 22px rgba(16, 16, 16, 0.08) !important;
  color: #101010 !important;
  font: inherit !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

body:not(.admin-body) .site-nav .baam-account-trigger:hover,
body:not(.admin-body) .site-nav .baam-account-trigger:focus-visible {
  background: #f8fafc !important;
  border-color: rgba(16, 16, 16, 0.34) !important;
}

body:not(.admin-body) .site-nav .baam-account-avatar {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 999px;
  background: #101010;
  color: #ffffff;
}

body:not(.admin-body) .site-nav .baam-account-avatar svg,
body:not(.admin-body) .site-nav .baam-account-chevron {
  width: 17px;
  height: 17px;
}

body:not(.admin-body) .site-nav .baam-account-name {
  display: block;
  min-width: 0;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:not(.admin-body) .site-nav .baam-account-chevron {
  flex: 0 0 17px;
  transition: transform 0.16s ease;
}

body:not(.admin-body) .site-nav .baam-account-menu.is-open .baam-account-chevron {
  transform: rotate(180deg);
}

body:not(.admin-body) .site-nav .baam-account-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 10050;
  display: none;
  width: min(310px, calc(100vw - 28px));
  padding: 8px;
  border: 1px solid rgba(16, 16, 16, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 22px 58px rgba(16, 16, 16, 0.18);
  color: #101010;
  max-height: min(70vh, 430px);
  overflow: auto;
  text-align: left;
}

body:not(.admin-body) .site-nav .baam-account-menu.is-open .baam-account-dropdown {
  display: grid;
  gap: 6px;
}

body:not(.admin-body) .site-nav .baam-account-menu:not(.is-open) > .baam-account-dropdown {
  display: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body:not(.admin-body) .site-nav .baam-account-summary {
  display: grid;
  gap: 2px;
  padding: 10px 10px 8px;
  border-bottom: 1px solid rgba(16, 16, 16, 0.12);
}

body:not(.admin-body) .site-nav .baam-account-summary strong,
body:not(.admin-body) .site-nav .baam-account-summary span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:not(.admin-body) .site-nav .baam-account-summary strong {
  font-size: 14px;
  color: #101010;
}

body:not(.admin-body) .site-nav .baam-account-summary span {
  font-size: 12px;
  font-weight: 750;
  color: rgba(16, 16, 16, 0.62);
}

body:not(.admin-body) .site-nav .baam-account-links {
  display: grid;
  gap: 3px;
  padding-top: 2px;
}

body:not(.admin-body) .site-nav .baam-account-links a,
body:not(.admin-body) .site-nav .baam-account-logout {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101010 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body:not(.admin-body) .site-nav .baam-account-links a:hover,
body:not(.admin-body) .site-nav .baam-account-logout:hover,
body:not(.admin-body) .site-nav .baam-account-links a:focus-visible,
body:not(.admin-body) .site-nav .baam-account-logout:focus-visible {
  background: #f3f4f6 !important;
  color: #101010 !important;
  transform: none !important;
}

body:not(.admin-body) .site-nav .baam-account-link-icon {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(16, 16, 16, 0.14);
  border-radius: 6px;
  color: rgba(16, 16, 16, 0.78);
}

body:not(.admin-body) .site-nav .baam-account-link-icon svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
}

body:not(.admin-body) .site-nav .baam-account-logout {
  margin-top: 4px !important;
  border-top: 1px solid rgba(16, 16, 16, 0.1) !important;
  color: #7f1d1d !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) .site-nav .baam-account-menu,
  body:not(.admin-body) .site-nav .baam-account-trigger {
    width: 100% !important;
    max-width: none !important;
  }

  body:not(.admin-body) .site-nav .baam-account-trigger {
    justify-content: space-between !important;
  }

  body:not(.admin-body) .site-nav .baam-account-name {
    max-width: none;
  }

  body:not(.admin-body) .site-nav .baam-account-dropdown {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-height: none !important;
    margin-top: 8px !important;
  }
}

/* Defensive reset: this menu may be injected on pages with page-specific nav CSS. */
body:not(.admin-body) .baam-account-menu {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  text-transform: none !important;
}

body:not(.admin-body) .baam-account-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  z-index: 10050 !important;
  display: none !important;
  width: min(310px, calc(100vw - 28px)) !important;
  max-height: min(70vh, 430px) !important;
  overflow: auto !important;
  padding: 8px !important;
  border: 1px solid rgba(16, 16, 16, 0.16) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 58px rgba(16, 16, 16, 0.18) !important;
  color: #101010 !important;
  text-align: left !important;
}

body:not(.admin-body) .baam-account-menu.is-open > .baam-account-dropdown {
  display: grid !important;
  gap: 6px !important;
}

body:not(.admin-body) .baam-account-menu:not(.is-open) > .baam-account-dropdown {
  display: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body:not(.admin-body) .baam-account-links {
  display: grid !important;
  gap: 3px !important;
}

body:not(.admin-body) .baam-account-links a,
body:not(.admin-body) .baam-account-logout {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101010 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  transform: none !important;
}

body:not(.admin-body) .baam-account-link-icon {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border: 1px solid rgba(16, 16, 16, 0.14) !important;
  border-radius: 6px !important;
  color: rgba(16, 16, 16, 0.78) !important;
}

body:not(.admin-body) .baam-account-link-icon svg,
body:not(.admin-body) .baam-account-links svg,
body:not(.admin-body) .baam-account-logout svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  flex: 0 0 14px !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) .baam-account-menu,
  body:not(.admin-body) .baam-account-trigger {
    width: 100% !important;
    max-width: none !important;
  }

  body:not(.admin-body) .baam-account-dropdown {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-height: none !important;
    margin-top: 8px !important;
  }
}

/* Profile dropdown visual reset: match the compact account menu pattern. */
body:not(.admin-body) .baam-account-dropdown,
body:not(.admin-body) .site-nav .baam-account-dropdown {
  width: min(340px, calc(100vw - 28px)) !important;
  padding: 12px !important;
  border: 1px solid rgba(16, 16, 16, 0.10) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(16, 16, 16, 0.18) !important;
  color: #202124 !important;
}

body:not(.admin-body) .baam-account-summary,
body:not(.admin-body) .site-nav .baam-account-summary {
  display: grid !important;
  gap: 2px !important;
  padding: 4px 12px 14px !important;
  border-bottom: 0 !important;
}

body:not(.admin-body) .baam-account-summary strong,
body:not(.admin-body) .site-nav .baam-account-summary strong {
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #202124 !important;
}

body:not(.admin-body) .baam-account-summary span,
body:not(.admin-body) .site-nav .baam-account-summary span {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: #737373 !important;
}

body:not(.admin-body) .baam-account-links,
body:not(.admin-body) .site-nav .baam-account-links {
  display: grid !important;
  gap: 2px !important;
  padding: 0 !important;
}

body:not(.admin-body) .baam-account-links a,
body:not(.admin-body) .site-nav .baam-account-links a,
body:not(.admin-body) .baam-account-logout,
body:not(.admin-body) .site-nav .baam-account-logout {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #5f6368 !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

body:not(.admin-body) .baam-account-links a:hover,
body:not(.admin-body) .site-nav .baam-account-links a:hover,
body:not(.admin-body) .baam-account-logout:hover,
body:not(.admin-body) .site-nav .baam-account-logout:hover {
  background: #f6f7f8 !important;
  color: #3c4043 !important;
}

body:not(.admin-body) .baam-account-link-icon,
body:not(.admin-body) .site-nav .baam-account-link-icon {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #747775 !important;
}

body:not(.admin-body) .baam-account-link-icon svg,
body:not(.admin-body) .site-nav .baam-account-link-icon svg {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}

body:not(.admin-body) .baam-account-logout,
body:not(.admin-body) .site-nav .baam-account-logout {
  margin-top: 6px !important;
  border: 2px solid #202124 !important;
  color: #5f6368 !important;
}

body.baam-account-page .site-header .baam-account-menu,
body.baam-account-page .site-nav .baam-account-menu,
body.baam-account-page .baam-account-menu {
  display: inline-flex !important;
}

body.baam-auth-page .site-header .baam-account-menu,
body.baam-auth-page .site-nav .baam-account-menu,
body.baam-auth-page .baam-account-menu {
  display: none !important;
}

body:has(.login-panel) .site-header .baam-account-menu,
body:has(.login-panel) .site-nav .baam-account-menu,
body:has(.login-panel) .baam-account-menu {
  display: none !important;
}


/* BAAM account settings alignment/layout hotfix */
body:not(.admin-body) [data-account-dashboard],
body:not(.admin-body) [data-account-dashboard].is-collapsed,
body:not(.admin-body) .menu__body.account-dashboard,
body:not(.admin-body) .menu__body.account-dashboard.is-collapsed {
  display: grid !important;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) !important;
  gap: 2rem !important;
  align-items: start !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu,
body:not(.admin-body) [data-account-dashboard] .settings__menu *,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu * {
  text-align: left !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu,
body:not(.admin-body) [data-account-dashboard] .settings__menu.is-collapsed,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu.is-collapsed {
  justify-items: stretch !important;
  min-width: 260px !important;
  max-width: 300px !important;
  width: 100% !important;
  padding: 14px !important;
  transform: none !important;
  overflow: visible !important;
}

body:not(.admin-body) [data-account-dashboard] .account__menu__collapse,
body:not(.admin-body) .menu__body.account-dashboard .account__menu__collapse {
  display: none !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu > *,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu > * {
  display: block !important;
  justify-self: stretch !important;
  width: 100% !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu > p,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu > p {
  margin-left: 0 !important;
  padding-left: 8px !important;
  text-align: left !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu ul,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  justify-items: stretch !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu li,
body:not(.admin-body) [data-account-dashboard] .menu__logout__button,
body:not(.admin-body) [data-account-dashboard] [data-account-menu-item],
body:not(.admin-body) .menu__body.account-dashboard .settings__menu li,
body:not(.admin-body) .menu__body.account-dashboard .menu__logout__button {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  justify-items: start !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  line-height: 1.15 !important;
  text-align: left !important;
  width: 100% !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu .menu__icon,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu .menu__icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 28px !important;
  grid-column: 1 !important;
  justify-self: start !important;
  width: 28px !important;
  height: 28px !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu svg,
body:not(.admin-body) [data-account-dashboard] .menu__logout__button svg,
body:not(.admin-body) [data-account-dashboard] [data-account-menu-item] svg,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu svg,
body:not(.admin-body) .menu__body.account-dashboard .menu__logout__button svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu .menu__label,
body:not(.admin-body) [data-account-dashboard] .settings__menu [class*="label"],
body:not(.admin-body) .menu__body.account-dashboard .settings__menu .menu__label {
  flex: 1 1 auto !important;
  grid-column: 2 !important;
  justify-self: start !important;
  min-width: 0 !important;
  text-align: left !important;
}

body:not(.admin-body) [data-account-dashboard] .settings__menu .account-summary,
body:not(.admin-body) [data-account-dashboard] .settings__menu .account-summary *,
body:not(.admin-body) [data-account-dashboard] .settings__menu [class*="summary"],
body:not(.admin-body) [data-account-dashboard] .settings__menu [class*="summary"] * {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  justify-items: start !important;
  text-align: left !important;
}

body:not(.admin-body) [data-account-dashboard] .account__content > section.opened,
body:not(.admin-body) [data-account-dashboard] [data-account-panel].opened,
body:not(.admin-body) .account__content > section.opened {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-items: start !important;
  justify-items: stretch !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.admin-body) [data-account-dashboard] .account__content > section.opened > *,
body:not(.admin-body) [data-account-dashboard] [data-account-panel].opened > *,
body:not(.admin-body) .account__content > section.opened > * {
  grid-column: 1 / -1 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.admin-body) [data-account-dashboard] .account__content [class*="grid"],
body:not(.admin-body) [data-account-dashboard] [data-account-panel] [class*="grid"],
body:not(.admin-body) [data-account-dashboard] .account__content .two-col,
body:not(.admin-body) [data-account-dashboard] [data-account-panel] .two-col,
body:not(.admin-body) [data-account-dashboard] .account__content .pricing-container,
body:not(.admin-body) [data-account-dashboard] .account__content .account-plan-options,
body:not(.admin-body) [data-account-dashboard] .account__content .account-card,
body:not(.admin-body) .account__content .pricing-container,
body:not(.admin-body) .account__content .account-plan-options,
body:not(.admin-body) .account__content .account-grid,
body:not(.admin-body) .account__content .pricing-feature-grid,
body:not(.admin-body) .account__content .pricing-main-plan {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100% !important;
}

body:not(.admin-body) [data-account-dashboard] .account__content :is(.account-card, .current__plan__card, .account__information__form, .plan, .section-panel, .panel),
body:not(.admin-body) [data-account-dashboard] [data-account-panel] :is(.account-card, .current__plan__card, .account__information__form, .plan, .section-panel, .panel) {
  grid-column: 1 / -1 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.admin-body) .account__content > section.opened .account-card,
body:not(.admin-body) .account__content > section.opened .current__plan__card,
body:not(.admin-body) .account__content > section.opened .account__information__form,
body:not(.admin-body) .account__content > section.opened .plan,
body:not(.admin-body) .account__content > section.opened .section-panel {
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.admin-body) .account__content > section.opened :is(.two-col, .admin-grid, .account-overview-grid, .account-panel-grid, .settings-grid, .dashboard-grid, .product-access-grid) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

/* Emergency account sidebar reset: never allow the 56px collapsed rail on customer account pages. */
body:not(.admin-body) .menu__body.is-collapsed,
body:not(.admin-body) .menu__body.account-dashboard.is-collapsed,
body:not(.admin-body) [data-account-dashboard].is-collapsed {
  display: grid !important;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) !important;
}

body:not(.admin-body) .account__menu__collapse {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body:not(.admin-body) .settings__menu,
body:not(.admin-body) .settings__menu.is-collapsed,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu.is-collapsed {
  box-sizing: border-box !important;
  width: min(300px, calc(100vw - 24px)) !important;
  min-width: min(260px, calc(100vw - 24px)) !important;
  max-width: min(300px, calc(100vw - 24px)) !important;
  transform: none !important;
}

body:not(.admin-body) .settings__menu.is-collapsed > :not(.account__menu__collapse),
body:not(.admin-body) .menu__body.account-dashboard .settings__menu.is-collapsed > :not(.account__menu__collapse) {
  display: block !important;
}

body:not(.admin-body) .settings__menu li,
body:not(.admin-body) .settings__menu [data-account-menu-item],
body:not(.admin-body) .settings__menu .menu__logout__button,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu li,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu [data-account-menu-item],
body:not(.admin-body) .menu__body.account-dashboard .settings__menu .menu__logout__button {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  white-space: normal !important;
}

body:not(.admin-body) .settings__menu li *,
body:not(.admin-body) .settings__menu [data-account-menu-item] *,
body:not(.admin-body) .settings__menu .menu__logout__button *,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu li *,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu [data-account-menu-item] *,
body:not(.admin-body) .menu__body.account-dashboard .settings__menu .menu__logout__button * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) [data-account-dashboard],
  body:not(.admin-body) [data-account-dashboard].is-collapsed,
  body:not(.admin-body) .menu__body.account-dashboard,
  body:not(.admin-body) .menu__body.account-dashboard.is-collapsed {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem !important;
  }

  body:not(.admin-body) [data-account-dashboard] .settings__menu,
  body:not(.admin-body) [data-account-dashboard] .settings__menu.is-collapsed,
  body:not(.admin-body) .menu__body.account-dashboard .settings__menu,
  body:not(.admin-body) .menu__body.account-dashboard .settings__menu.is-collapsed {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  body:not(.admin-body) [data-account-dashboard] .settings__menu ul,
  body:not(.admin-body) .menu__body.account-dashboard .settings__menu ul {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  body:not(.admin-body) [data-account-dashboard] .settings__menu li,
  body:not(.admin-body) .menu__body.account-dashboard .settings__menu li {
    width: 100% !important;
    white-space: normal !important;
  }
}


/* BAAM site-wide viewport fit hotfix */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

body:not(.admin-body),
body:not(.admin-body) * {
  box-sizing: border-box !important;
}

body:not(.admin-body) .site-header,
body:not(.admin-body) .site-nav,
body:not(.admin-body) main,
body:not(.admin-body) section,
body:not(.admin-body) footer,
body:not(.admin-body) .container,
body:not(.admin-body) .pricing-page,
body:not(.admin-body) .signup-page,
body:not(.admin-body) .app-page,
body:not(.admin-body) .account__content,
body:not(.admin-body) .menu__body,
body:not(.admin-body) .footer-grid {
  min-width: 0 !important;
  max-width: 100% !important;
}

body:not(.admin-body) img,
body:not(.admin-body) video,
body:not(.admin-body) canvas,
body:not(.admin-body) svg,
body:not(.admin-body) table,
body:not(.admin-body) pre,
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea {
  max-width: 100% !important;
}

body:not(.admin-body) .site-header {
  width: 100% !important;
}

body:not(.admin-body) .site-nav {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

body:not(.admin-body) .button,
body:not(.admin-body) button,
body:not(.admin-body) a {
  overflow-wrap: anywhere !important;
}

body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) p,
body:not(.admin-body) li,
body:not(.admin-body) span,
body:not(.admin-body) strong,
body:not(.admin-body) b {
  overflow-wrap: anywhere !important;
}

/* Final public account dropdown polish */
body:not(.admin-body) .site-nav .baam-account-menu,
body:not(.admin-body) .baam-account-menu {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body:not(.admin-body) .site-nav .baam-account-menu *,
body:not(.admin-body) .baam-account-menu * {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body:not(.admin-body) .site-nav .baam-account-trigger,
body:not(.admin-body) .baam-account-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 52px !important;
  max-width: 260px !important;
  padding: 7px 14px 7px 7px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  background: #101010 !important;
  box-shadow: 0 16px 34px rgba(16, 16, 16, 0.22) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body:not(.admin-body) .site-nav .baam-account-trigger:hover,
body:not(.admin-body) .baam-account-trigger:hover,
body:not(.admin-body) .site-nav .baam-account-trigger:focus-visible,
body:not(.admin-body) .baam-account-trigger:focus-visible {
  background: #1f1f1f !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

body:not(.admin-body) .site-nav .baam-account-avatar,
body:not(.admin-body) .baam-account-avatar {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #101010 !important;
}

body:not(.admin-body) .site-nav .baam-account-name,
body:not(.admin-body) .baam-account-name {
  display: block !important;
  max-width: 140px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.admin-body) .site-nav .baam-account-chevron,
body:not(.admin-body) .baam-account-chevron {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  transition: transform 0.16s ease !important;
}

body:not(.admin-body) .site-nav .baam-account-menu.is-open .baam-account-chevron,
body:not(.admin-body) .baam-account-menu.is-open .baam-account-chevron {
  transform: rotate(180deg) !important;
}

body:not(.admin-body) .site-nav .baam-account-dropdown,
body:not(.admin-body) .baam-account-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 10050 !important;
  display: none !important;
  width: min(320px, calc(100vw - 28px)) !important;
  max-height: min(70vh, 400px) !important;
  overflow: auto !important;
  padding: 8px !important;
  border: 1px solid rgba(16, 16, 16, 0.10) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(16, 16, 16, 0.22) !important;
  color: #101010 !important;
  text-align: left !important;
}

body:not(.admin-body) .site-nav .baam-account-menu.is-open > .baam-account-dropdown,
body:not(.admin-body) .baam-account-menu.is-open > .baam-account-dropdown {
  display: grid !important;
  gap: 6px !important;
}

body:not(.admin-body) .site-nav .baam-account-summary,
body:not(.admin-body) .baam-account-summary {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 8px 10px !important;
  border-bottom: 1px solid rgba(16, 16, 16, 0.10) !important;
}

body:not(.admin-body) .site-nav .baam-account-summary-avatar,
body:not(.admin-body) .baam-account-summary-avatar {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: #101010 !important;
  color: #ffffff !important;
}

body:not(.admin-body) .site-nav .baam-account-summary-copy,
body:not(.admin-body) .baam-account-summary-copy {
  min-width: 0 !important;
}

body:not(.admin-body) .site-nav .baam-account-summary strong,
body:not(.admin-body) .baam-account-summary strong,
body:not(.admin-body) .site-nav .baam-account-summary span,
body:not(.admin-body) .baam-account-summary span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body:not(.admin-body) .site-nav .baam-account-summary strong,
body:not(.admin-body) .baam-account-summary strong {
  color: #101010 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body:not(.admin-body) .site-nav .baam-account-summary span,
body:not(.admin-body) .baam-account-summary span {
  margin-top: 2px !important;
  color: rgba(16, 16, 16, 0.58) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Public account summary avatar contrast */
body:not(.admin-body) .site-nav .baam-account-summary > .baam-account-summary-avatar,
body:not(.admin-body) .baam-account-summary > .baam-account-summary-avatar {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  background: #101010 !important;
  color: #ffffff !important;
  overflow: visible !important;
}

body:not(.admin-body) .site-nav .baam-account-summary > .baam-account-summary-avatar svg,
body:not(.admin-body) .baam-account-summary > .baam-account-summary-avatar svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
}

body:not(.admin-body) .site-nav .baam-account-links,
body:not(.admin-body) .baam-account-links {
  display: grid !important;
  gap: 3px !important;
  padding: 2px 0 0 !important;
}

body:not(.admin-body) .site-nav .baam-account-links a,
body:not(.admin-body) .baam-account-links a,
body:not(.admin-body) .site-nav .baam-account-logout,
body:not(.admin-body) .baam-account-logout {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 7px 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #2f343b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: none !important;
  transform: none !important;
}

body:not(.admin-body) .site-nav .baam-account-links a:hover,
body:not(.admin-body) .baam-account-links a:hover,
body:not(.admin-body) .site-nav .baam-account-logout:hover,
body:not(.admin-body) .baam-account-logout:hover,
body:not(.admin-body) .site-nav .baam-account-links a:focus-visible,
body:not(.admin-body) .baam-account-links a:focus-visible,
body:not(.admin-body) .site-nav .baam-account-logout:focus-visible,
body:not(.admin-body) .baam-account-logout:focus-visible {
  background: #f3f4f6 !important;
  color: #101010 !important;
  outline: none !important;
}

body:not(.admin-body) .site-nav .baam-account-link-icon,
body:not(.admin-body) .baam-account-link-icon {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border: 1px solid rgba(16, 16, 16, 0.10) !important;
  border-radius: 8px !important;
  background: #f6f7f8 !important;
  color: rgba(16, 16, 16, 0.70) !important;
}

body:not(.admin-body) .site-nav .baam-account-link-icon svg,
body:not(.admin-body) .baam-account-link-icon svg,
body:not(.admin-body) .site-nav .baam-account-links svg,
body:not(.admin-body) .baam-account-links svg,
body:not(.admin-body) .site-nav .baam-account-logout svg,
body:not(.admin-body) .baam-account-logout svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
}

body:not(.admin-body) .site-nav .baam-account-logout,
body:not(.admin-body) .baam-account-logout {
  margin-top: 5px !important;
  min-height: 44px !important;
  background: #101010 !important;
  color: #ffffff !important;
}

body:not(.admin-body) .site-nav .baam-account-logout .baam-account-link-icon,
body:not(.admin-body) .baam-account-logout .baam-account-link-icon {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

body:not(.admin-body) .site-nav .baam-account-logout:hover,
body:not(.admin-body) .baam-account-logout:hover {
  background: #242424 !important;
  color: #ffffff !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) .site-nav .baam-account-menu,
  body:not(.admin-body) .baam-account-menu,
  body:not(.admin-body) .site-nav .baam-account-trigger,
  body:not(.admin-body) .baam-account-trigger {
    width: 100% !important;
    max-width: none !important;
  }

  body:not(.admin-body) .site-nav .baam-account-trigger,
  body:not(.admin-body) .baam-account-trigger {
    justify-content: space-between !important;
  }

  body:not(.admin-body) .site-nav .baam-account-dropdown,
  body:not(.admin-body) .baam-account-dropdown {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    margin-top: 8px !important;
  }

  body:not(.admin-body) .site-nav .baam-account-menu > .baam-account-dropdown {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    margin-top: 8px !important;
  }
}

/* Public header account pill parity with Command Center */
body:not(.admin-body) .site-nav .baam-account-trigger,
body:not(.admin-body) .baam-account-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  max-width: 220px !important;
  padding: 6px 18px 6px 8px !important;
  border: 1px solid rgba(16, 16, 16, 0.18) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: #101010 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body:not(.admin-body) .site-nav .baam-account-trigger:hover,
body:not(.admin-body) .baam-account-trigger:hover,
body:not(.admin-body) .site-nav .baam-account-trigger:focus-visible,
body:not(.admin-body) .baam-account-trigger:focus-visible {
  background: #101010 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body:not(.admin-body) .site-nav .baam-account-trigger:hover .baam-account-name,
body:not(.admin-body) .baam-account-trigger:hover .baam-account-name,
body:not(.admin-body) .site-nav .baam-account-trigger:focus-visible .baam-account-name,
body:not(.admin-body) .baam-account-trigger:focus-visible .baam-account-name,
body:not(.admin-body) .baam-account-menu.is-open .baam-account-trigger .baam-account-name {
  color: #ffffff !important;
}

body:not(.admin-body) .site-nav .baam-account-avatar,
body:not(.admin-body) .baam-account-avatar {
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 999px !important;
  background: #101010 !important;
  color: #ffffff !important;
}

body:not(.admin-body) .site-nav .baam-account-avatar svg,
body:not(.admin-body) .baam-account-avatar svg {
  width: 19px !important;
  height: 19px !important;
}

body:not(.admin-body) .site-nav .baam-account-name,
body:not(.admin-body) .baam-account-name {
  display: inline-block !important;
  max-width: 96px !important;
  color: #101010 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.admin-body) .site-nav .baam-account-chevron,
body:not(.admin-body) .baam-account-chevron {
  display: none !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) .site-nav .baam-account-trigger,
  body:not(.admin-body) .baam-account-trigger {
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
  }
}



:root {
  --pricing-page-bg: #f8fafc;
  --pricing-surface-soft: #ffffff;
  --pricing-ink: #101010;
  --pricing-muted: rgba(16, 16, 16, 0.66);
  --pricing-line: rgba(16, 16, 16, 0.14);
  --pricing-brand: #101010;
  --pricing-brand-deep: #000000;
  --pricing-accent: #0f3d5e;
  --pricing-shadow-lg: 0 28px 70px rgba(16, 16, 16, 0.1);
  --signup-page-bg: #f8fafc;
  --signup-ink: #101010;
  --signup-muted: rgba(16, 16, 16, 0.66);
  --signup-line: rgba(16, 16, 16, 0.14);
  --signup-brand: #101010;
  --signup-brand-deep: #000000;
  --signup-accent: #0f3d5e;
}

.hero-dark p,.dark-panel p,.black-panel p,.landing-mock p{color:rgba(255,255,255,.84)}

.app-page {
  background: var(--pricing-page-bg);
}

.pricing-page,
.signup-page {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 2.25rem 1.35rem 3.5rem;
  display: grid;
  gap: 1.45rem;
  min-width: 0;
}

.pricing-page > section,
.pricing-page .section-panel,
.pricing-page .company-pricing,
.pricing-page .pricing-panel,
.pricing-page .pricing-grid,
.company-pricing .pricing-container,
.signup-page-panel,
.signup-order-form {
  min-width: 0;
  max-width: 100%;
}

.pricing-page__hero {
  display: grid;
  gap: 0.8rem;
  justify-items: center;
  text-align: center;
}

.pricing-page__eyebrow,
.section-kicker {
  margin: 0;
  color: var(--pricing-brand-deep);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.blog-article__hero .eyebrow {
  color: #0f3d5e;
}

.blog-card-grid,
.blog-card,
.blog-card__media,
.blog-card__body,
.blog-featured,
.blog-featured__media,
.blog-featured__body {
  max-width: 100%;
  min-width: 0;
}

.blog-card,
.blog-featured {
  overflow: hidden;
}

.blog-card h2,
.blog-card p,
.blog-card a,
.blog-featured h2,
.blog-featured p,
.blog-featured a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blog-article,
.blog-article__layout,
.blog-prose {
  max-width: 100%;
  min-width: 0;
}

.blog-article__layout {
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}

.blog-prose {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow-x: clip;
}

.blog-article-page,
.blog-article,
.blog-article__hero,
.blog-article__layout,
.blog-prose,
.blog-prose * {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

.blog-prose :is(h1, h2, h3, h4, h5, h6) {
  scroll-margin-top: 96px;
}

.blog-aside {
  margin-left: auto;
  margin-right: auto;
  position: static;
  width: min(100%, 760px);
}

.blog-next {
  margin-left: auto;
  margin-right: auto;
  width: min(100%, 760px);
}

.blog-article__hero h1,
.blog-prose h1,
.blog-prose h2,
.blog-prose h3,
.blog-prose p,
.blog-prose li,
.blog-prose a,
.blog-prose figcaption,
.blog-prose code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blog-prose :where(p, li, blockquote, figcaption, a, strong, em, span, code) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blog-prose :where(img, video, iframe, embed, object, svg, canvas) {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}

.blog-prose :where(img, video, svg, canvas) {
  width: auto !important;
}

.blog-prose :where(iframe, embed, object) {
  width: 100% !important;
  aspect-ratio: 16 / 9;
}

.blog-prose :where(figure, picture, .embed, .gallery, .slideshow, .media-text, .media-text__media, .media-text__copy) {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
}

.blog-prose :where([style*="width"], [width]) {
  max-width: 100% !important;
  min-width: 0 !important;
}

.blog-prose :where([style*="height"], [height]) {
  height: auto !important;
  max-height: none !important;
}

.blog-prose ul,
.blog-prose ol {
  max-width: 100%;
  min-width: 0;
  padding-left: 1.25rem;
}

.blog-prose table {
  border-collapse: collapse;
  display: block;
  max-width: 100%;
  overflow-x: auto;
  width: 100%;
}

.blog-prose th,
.blog-prose td {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blog-prose pre {
  max-width: 100%;
  overflow-x: auto;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.blog-prose iframe {
  width: 100%;
}

.blog-aside {
  align-content: start;
}

.blog-aside__toc,
.blog-aside__buyer,
.blog-aside__baam {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.blog-aside__toc {
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
}

.blog-aside__toc a {
  border: 0;
  color: #1f2937;
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.blog-aside__toc a:hover {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-aside__toc .level-3 {
  color: #4b5563;
  font-size: 13px;
  padding-left: 12px;
}

.blog-aside__buyer {
  background: #101010;
  border-radius: 8px;
  color: #fff;
  padding: 16px;
}

.blog-aside__buyer p {
  color: rgba(255,255,255,.82);
}

.blog-affiliate-hero-card,
.blog-prose .affiliate-verdict,
.blog-prose .affiliate-cta,
.blog-prose .pros-cons,
.blog-prose .buying-checklist,
.blog-prose .feature-scorecard,
.blog-prose .affiliate-disclosure {
  border: 1px solid rgba(16,16,16,.16);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(16,16,16,.08);
  margin: clamp(22px,4vw,42px) auto;
  max-width: 100%;
  overflow: hidden;
}

.blog-affiliate-hero-card,
.blog-prose .affiliate-verdict {
  background: #fff;
}

.blog-affiliate-hero-card__disclosure,
.blog-prose .affiliate-disclosure {
  background: #fff7ed;
  color: #3b2a05;
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
  padding: 14px 16px;
}

.blog-affiliate-hero-card__disclosure,
.blog-prose .affiliate-disclosure p {
  color: #3b2a05;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

.blog-affiliate-hero-card__grid,
.blog-prose .affiliate-verdict {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0,1.15fr) minmax(240px,.85fr);
  padding: clamp(20px,4vw,34px);
}

.blog-affiliate-hero-card h2,
.blog-prose .affiliate-verdict h2,
.blog-prose .affiliate-cta h2,
.blog-prose .buying-checklist h2,
.blog-prose .feature-scorecard h2 {
  font-size: clamp(26px,4vw,40px);
  line-height: 1.02;
  margin: 0 0 10px;
}

.blog-affiliate-hero-card__decision,
.blog-prose .affiliate-verdict__proof {
  background: #f8fafc;
  border: 1px solid rgba(16,16,16,.12);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 16px;
}

.blog-affiliate-button {
  background: #101010;
  border-color: #101010;
  color: #fff;
  justify-self: start;
}

.blog-prose .affiliate-rating {
  background: #ecfdf5;
  border: 1px solid #86efac;
  border-radius: 999px;
  color: #14532d;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  margin: 0 0 12px;
  padding: 6px 10px;
}

.blog-prose .affiliate-cta {
  align-items: center;
  background: #101010;
  color: #fff;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0,1fr) auto;
  padding: clamp(20px,4vw,34px);
}

.blog-prose .affiliate-cta p,
.blog-prose .affiliate-cta small {
  color: rgba(255,255,255,.82);
}

.blog-prose .affiliate-cta .blog-affiliate-button {
  background: #fff;
  border-color: #fff;
  color: #101010;
}

.blog-prose .pros-cons {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.blog-prose .pros-cons > div {
  display: grid;
  gap: 10px;
  padding: clamp(18px,3vw,26px);
}

.blog-prose .pros-cons > div:first-child {
  background: #ecfdf5;
}

.blog-prose .pros-cons > div:last-child {
  background: #fff7ed;
  border-left: 1px solid rgba(16,16,16,.12);
}

.blog-prose .buying-checklist {
  background: #fff;
  padding: clamp(20px,4vw,34px);
}

.blog-prose .buying-checklist ol {
  counter-reset: buying;
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-prose .buying-checklist li {
  background: #f8fafc;
  border: 1px solid rgba(16,16,16,.12);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  grid-template-columns: auto minmax(0,1fr);
  padding: 12px;
}

.blog-prose .buying-checklist li:before {
  align-items: center;
  background: #101010;
  border-radius: 999px;
  color: #fff;
  content: counter(buying);
  counter-increment: buying;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.blog-prose .feature-scorecard {
  background: #fff;
  padding: clamp(20px,4vw,34px);
}

.blog-prose .feature-scorecard > div {
  display: grid;
  gap: 10px;
}

.blog-prose .feature-scorecard article {
  border: 1px solid rgba(16,16,16,.12);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 14px;
}

.blog-sticky-cta {
  align-items: center;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(16,16,16,.16);
  border-radius: 8px;
  bottom: 12px;
  box-shadow: 0 18px 42px rgba(16,16,16,.18);
  display: none;
  gap: 12px;
  grid-template-columns: minmax(0,1fr) auto;
  margin: 22px auto 0;
  padding: 12px;
  position: sticky;
  width: min(100%,760px);
  z-index: 5;
}

.blog-sticky-cta span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

@media (max-width: 760px) {
  .blog-article-page,
  .blog-article,
  .blog-article__layout,
  .blog-prose {
    overflow-x: clip;
  }

  .blog-prose :where(img, video, iframe, embed, object, svg, canvas) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
  }

  .blog-prose :where(table, pre) {
    margin-left: 0;
    margin-right: 0;
    max-width: 100% !important;
  }

  .blog-prose ul,
  .blog-prose ol {
    padding-left: 1.1rem;
  }

  .blog-affiliate-hero-card__grid,
  .blog-prose .affiliate-verdict,
  .blog-prose .affiliate-cta,
  .blog-prose .pros-cons {
    grid-template-columns: 1fr;
  }

  .blog-prose .pros-cons > div:last-child {
    border-left: 0;
    border-top: 1px solid rgba(16,16,16,.12);
  }

  .blog-affiliate-hero-card__grid,
  .blog-prose .affiliate-verdict,
  .blog-prose .affiliate-cta,
  .blog-prose .buying-checklist,
  .blog-prose .feature-scorecard {
    padding: 16px;
  }

  .blog-sticky-cta {
    display: grid;
    grid-template-columns: 1fr;
  }

  .blog-sticky-cta .button {
    width: 100%;
  }
}

.subtitle {
  max-width: 42rem;
  margin: 0 auto;
  color: var(--pricing-muted);
}

.pricing-page h1 {
  color: var(--pricing-ink);
  font-size: clamp(2.2rem, 4.8vw, 4.2rem);
  line-height: 1.05;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.pricing-page h2,
.signup-page h2 {
  color: var(--pricing-ink);
  font-size: clamp(1.8rem, 3.8vw, 3.1rem);
  line-height: 1.05;
  margin: 0;
  text-transform: uppercase;
}

.pricing-page h3,
.signup-page h3 {
  color: var(--pricing-ink);
  letter-spacing: 0;
}

.pricing-type {
  display: grid;
  justify-items: center;
  width: 100%;
}

.pricing-type div,
.pricing-page .billing-toggle,
.signup-billing-toggle {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.35rem;
  border: 1px solid var(--pricing-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(16, 16, 16, 0.04);
}

.pricing-type button,
.pricing-page .billing-toggle__button,
.signup-billing-toggle__button {
  border: 0;
  border-radius: 999px;
  margin: 0;
  padding: 0.78rem 1.2rem;
  background: transparent;
  color: var(--pricing-brand-deep);
  font-size: 0.85rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.pricing-page .billing-toggle__button:not(.is-active):hover,
.signup-billing-toggle__button:not(.is-active):hover {
  background: rgba(16, 16, 16, 0.06);
  color: var(--pricing-brand-deep);
  box-shadow: none;
  transform: none;
}

.pricing-type button.is-active,
.pricing-page .billing-toggle__button.is-active,
.signup-billing-toggle__button.is-active {
  background: var(--pricing-brand-deep);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(16, 16, 16, 0.18);
}

.pricing-page .section-panel,
.signup-page-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 250, 247, 0.98) 100%);
  box-shadow: var(--pricing-shadow-lg);
}

.pricing-page .section-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 4px solid var(--pricing-accent);
  pointer-events: none;
}

.pricing-page .pricing-panel:not(.pricing-panel--embedded),
.company-pricing,
.faq-section {
  padding: 2rem;
}

.pricing-page .pricing-panel__header,
.pricing-page .pricing-grid,
.company-pricing__intro,
.company-pricing .pricing-container,
.faq-section > *,
.signup-page-panel > * {
  position: relative;
  z-index: 1;
}

.pricing-page .pricing-panel__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.company-pricing__intro {
  display: grid;
  justify-items: center;
  gap: 0.35rem;
  text-align: center;
}

.company-pricing .pricing-container {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr);
  gap: 1rem;
}

.pricing-page .pricing-card,
.pricing-page .plan,
.signup__plans .plan {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
  padding: 1.35rem 1.1rem 1.1rem;
  border: 1px solid rgba(16, 16, 16, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 28px rgba(16, 16, 16, 0.07);
  position: relative;
}

.pricing-page .plan.highlight,
.pricing-page .plan.is-selected,
.signup__plans .plan.is-selected,
.signup__plans .plan.plan-selected {
  border-color: rgba(16, 16, 16, 0.42);
  box-shadow: 0 22px 40px rgba(16, 16, 16, 0.12);
}

.badge {
  position: absolute;
  right: 1rem;
  top: -0.75rem;
  border-radius: 999px;
  background: var(--pricing-brand-deep);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding: 0.45rem 0.7rem;
  text-transform: uppercase;
}

.pricing-page .plan h3,
.signup__plans .plan h3 {
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.pricing-page .price,
.company-pricing .price {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin: -0.2rem 0 0;
  line-height: 1;
}

.company-pricing .price .company-plan__value {
  color: var(--pricing-ink);
  font-size: clamp(2rem, 3vw, 2.4rem);
  font-weight: 900;
  line-height: 1;
}

.company-pricing .price .company-plan__suffix,
.price span {
  color: var(--pricing-muted);
  font-size: 0.95rem;
  font-weight: 800;
}

.company-plan__promo {
  min-height: 1.5rem;
  margin: 0.4rem 0 0;
  color: #5f4500;
  font-size: 0.86rem;
  font-weight: 900;
}

.company-pricing[data-billing="monthly"] .company-plan__value--yearly,
.company-pricing[data-billing="monthly"] .company-plan__suffix--yearly,
.company-pricing[data-billing="monthly"] .company-plan__promo-copy--yearly {
  display: none;
}

.company-pricing[data-billing="yearly"] .company-plan__value--monthly,
.company-pricing[data-billing="yearly"] .company-plan__suffix--monthly,
.company-pricing[data-billing="yearly"] .company-plan__promo-copy--monthly {
  display: none;
}

.company-pricing[data-billing="monthly"] .company-plan__promo-copy--monthly,
.company-pricing[data-billing="yearly"] .company-plan__promo-copy--yearly,
.company-pricing[data-billing="yearly"] .company-plan__value--yearly,
.company-pricing[data-billing="yearly"] .company-plan__suffix--yearly {
  display: inline;
}

.features {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding-left: 1.2rem;
}

.features li,
.signup__plans .plan li {
  color: var(--pricing-muted);
  line-height: 1.55;
}

.btn,
.signup-submit,
.submit__button,
.action__button {
  align-items: center;
  border: 1px solid var(--pricing-brand-deep);
  border-radius: 999px;
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
  min-height: 48px;
  padding: 0.85rem 1.1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-primary,
.signup-submit,
.submit__button,
.action__button {
  background: var(--pricing-brand-deep);
  color: #ffffff;
}

.btn-basic {
  background: #ffffff;
  color: var(--pricing-brand-deep);
}

.company-pricing .btn {
  margin-top: auto;
}

.faq-section {
  max-width: 900px;
  width: 100%;
  justify-self: center;
}

.faq-section .section-kicker,
.faq-section h2 {
  text-align: center;
}

.faq-section h2 {
  margin-bottom: 1.25rem;
}

.faq-section details {
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 1rem 1.1rem;
}

.faq-section details + details {
  margin-top: 0.8rem;
}

.faq-section summary {
  color: var(--pricing-ink);
  font-size: 1rem;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
  text-transform: uppercase;
}

.faq-section summary::-webkit-details-marker {
  display: none;
}

.faq-section details p {
  margin: 0.85rem 0 0;
}

.signup-page {
  max-width: 980px;
}

.signup-page-panel {
  width: min(96vw, 900px);
  max-width: min(96vw, 900px);
  margin: 0 auto;
  padding: 2rem;
  box-sizing: border-box;
}

.signup__step__two__company > h2,
.signup__step__two__company > .subtitle,
.signup__step__two__company > .section-kicker {
  text-align: center;
}

.signup__step__two__company > h2 {
  margin-top: 0.35rem;
  margin-bottom: 0.75rem;
}

.signup-order-form {
  display: grid;
  gap: 1rem;
  margin-top: 1.4rem;
}

.signup-form-title {
  font-size: 1.2rem;
  letter-spacing: 0;
  margin: 1rem 0 0;
  text-transform: uppercase;
}

.form__errors {
  border: 1px solid #b00020;
  background: #fff5f5;
  color: #8a1c1c;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 10px 0 18px;
}

.form__errors p {
  font-weight: 900;
  margin: 0 0 8px;
}

.form__errors ul {
  margin: 0;
  padding-left: 20px;
}

.signup-plan-frequency {
  display: grid;
  gap: 0.45rem;
  justify-items: center;
  margin: 0.25rem 0 0.75rem;
}

.signup-billing-toggle__hint {
  color: var(--signup-muted);
  font-size: 0.9rem;
  font-weight: 800;
  margin: 0;
}

.signup__plans {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}

.signup__plans .plan {
  cursor: pointer;
  text-align: center;
  justify-items: stretch;
  width: 100%;
}

.signup__plans button.plan {
  color: var(--signup-ink);
  font: inherit;
}

.signup__plans .plan:hover {
  background: #ffffff;
  border-color: rgba(16, 16, 16, 0.36);
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(16, 16, 16, 0.11);
}

.signup__plans .plan ul {
  display: grid;
  gap: 0.45rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.signup__plans .plan span:last-child {
  font-weight: 900;
  text-transform: uppercase;
}

.plan__price-amount {
  color: var(--signup-ink);
  font-size: 1.8rem;
  font-weight: 900;
}

.plan__price-interval {
  color: var(--signup-muted);
  font-size: 0.95rem;
  font-weight: 800;
}

.plan__promo-copy,
.plan__feature-primary {
  color: var(--signup-accent);
  font-weight: 900;
}

.account__information__form,
.billing__information > div,
.payment__methods,
.order__summary,
.consents {
  display: grid;
  gap: 0.75rem;
  background: #ffffff;
  border: 1px solid var(--signup-line);
  border-radius: 8px;
  padding: 1.2rem;
}

.account__information__form label,
.billing__information label {
  color: var(--signup-ink);
  font-weight: 900;
  margin: 0;
  text-transform: uppercase;
}

.account__information__form input,
.account__information__form select,
.billing__information input,
.billing__information select {
  border: 1px solid rgba(16, 16, 16, 0.18);
  border-radius: 8px;
  min-height: 48px;
}

.form__hint {
  font-size: 0.9rem;
  color: var(--signup-muted);
  margin: 0;
}

.payment__methods {
  gap: 0.8rem;
}

.payment__method {
  display: grid;
  gap: 0.35rem;
  border: 1px solid var(--signup-line);
  border-radius: 8px;
  background: #fff;
  padding: 1rem;
  cursor: pointer;
}

.payment__method__brand {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.payment__method__brand img,
.payment__icon-row img {
  display: block;
  height: 28px;
  max-width: 82px;
  object-fit: contain;
  width: auto;
}

.payment__icon-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.signup__plans .plan.is-selected,
.signup__plans .plan.plan-selected {
  background: linear-gradient(180deg, #ffffff 0%, rgba(200, 168, 93, 0.12) 100%);
  border-color: var(--signup-brand-deep);
  box-shadow: 0 18px 36px rgba(16, 16, 16, 0.14);
}

.payment__method:hover,
.payment__method.selected,
.payment__method.is-selected {
  border-color: rgba(16, 16, 16, 0.42);
  box-shadow: 0 14px 28px rgba(16, 16, 16, 0.08);
}

.payment__method__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  font-weight: 900;
}

.payment__method__details,
.payment__method span {
  color: var(--signup-muted);
  font-size: 0.95rem;
}

.order__summary:empty {
  display: none;
}

.order__summary__eyebrow {
  color: var(--signup-accent);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  margin: 0;
  text-transform: uppercase;
}

.order__summary__heading {
  font-size: 1.35rem;
  margin: 0;
  text-transform: uppercase;
}

.order__summary__subtitle {
  color: var(--signup-muted);
  margin: 0;
}

.order__summary__grid {
  display: grid;
  gap: 0.65rem;
}

.order__summary__item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid var(--signup-line);
  border-radius: 8px;
  padding: 0.85rem;
}

.order__summary__item span {
  color: var(--signup-muted);
  font-weight: 800;
}

.order__summary__item strong {
  color: var(--signup-ink);
}

.order__summary__item--accent {
  background: rgba(200, 168, 93, 0.12);
}

.order__summary__item--accent strong {
  color: var(--signup-brand-deep);
}

.already__have__an__account {
  text-align: center;
}

.account__flash.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -12px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.login-panel--auth {
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1fr);
  overflow: hidden;
  width: min(960px, calc(100vw - 32px));
  margin: 54px auto 80px;
  padding: 0;
  border: 1px solid var(--pricing-line);
  box-shadow: 0 28px 70px rgba(16, 16, 16, 0.1);
}

.login-panel__intro {
  display: grid;
  align-content: center;
  gap: 0.9rem;
  min-height: 360px;
  padding: clamp(2rem, 4vw, 3rem);
  background: #101010;
  color: #ffffff;
}

.login-panel__intro .section-kicker {
  color: #f2d58f;
}

.login-panel__intro h1 {
  margin: 0;
  font-size: clamp(2.15rem, 4.6vw, 4rem);
  line-height: 0.98;
  text-transform: uppercase;
}

.login-panel__intro p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
}

.login-form {
  display: grid;
  align-content: center;
  gap: 1rem;
  margin: 0 !important;
  min-width: 0;
  padding: clamp(2rem, 4vw, 3rem);
}

.login-form label {
  color: var(--pricing-ink);
  font-size: 0.84rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.login-form input {
  min-height: 52px;
}

.login-form button[type="submit"] {
  min-height: 54px;
  border-radius: 999px;
  text-transform: uppercase;
}

.login-panel__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  justify-content: center;
}

.login-panel__links a {
  color: var(--pricing-muted);
  font-size: 0.9rem;
  font-weight: 800;
}

.menu__body.account-dashboard {
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
  gap: 1.5rem;
  max-width: 1240px;
  margin: 0 auto;
  padding: 36px 20px 72px;
}

.settings__menu {
  position: sticky;
  top: 94px;
  align-self: start;
  line-height: 1.2;
  background: #151515;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 22px 45px rgba(16, 16, 16, 0.13);
  padding: 16px;
}

.settings__menu > p {
  margin: 0 0 1rem;
  padding-left: 8px;
  letter-spacing: 0.06em;
}

.settings__menu ul {
  display: grid;
  gap: 0.35rem;
  padding-left: 0;
}

.settings__menu li,
.menu__logout__button {
  min-height: 42px;
  padding: 0.65rem 0.7rem;
}

.settings__menu li.is-active {
  background: rgba(255, 255, 255, 0.16);
}

.menu__icon {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}

.menu__label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.account__content {
  display: grid;
  gap: 1.1rem;
}

.account-shell-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.2rem;
  min-width: 0;
  border-bottom: 1px solid var(--pricing-line);
  padding-bottom: 1.1rem;
}

.account-kicker {
  margin: 0 0 0.25rem;
  color: var(--pricing-accent);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.account-shell-head h2 {
  margin: 0;
  color: var(--pricing-ink);
  font-size: clamp(2rem, 4vw, 3.45rem);
  line-height: 0.98;
  text-transform: uppercase;
}

.account-shell-head p {
  max-width: 42rem;
  margin: 0.65rem 0 0;
  color: var(--pricing-muted);
}

.account-shell-head__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  justify-content: flex-end;
}

.account-shell-head__actions .button {
  min-height: 44px;
  border-radius: 999px;
  padding-inline: 1.05rem;
  white-space: nowrap;
}

.account__content > section.opened {
  gap: 1rem;
}

.my__info__heading,
.menu__selection__heading {
  font-size: clamp(1.6rem, 3vw, 2.35rem);
  line-height: 1.05;
}

.my__info__subheading {
  margin: -0.35rem 0 0.15rem;
}

.account-card,
.current__plan__card,
.account__information__form {
  border-color: var(--pricing-line);
  box-shadow: 0 16px 34px rgba(16, 16, 16, 0.06);
  padding: clamp(1.1rem, 2.4vw, 1.55rem);
}

.account-card h4,
.account__information__form h4,
.current__plan__details strong {
  margin: 0;
  color: var(--pricing-ink);
  font-size: 1rem;
  font-weight: 900;
}

.account-card p:last-child,
.account__information__form p:last-child {
  margin-bottom: 0;
}

.account-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.account-grid div {
  min-width: 0;
}

.account-grid dd,
.current__plan__details span {
  overflow-wrap: anywhere;
}

.current__plan__card {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.current__plan__icon {
  flex: 0 0 48px;
  height: 48px;
  width: 48px;
  background: #f8fafc;
}

.current__plan__badge {
  border: 1px solid var(--pricing-line);
  border-radius: 999px;
  padding: 0.45rem 0.7rem;
  text-transform: uppercase;
}

.pricing-container.account-plan-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 1rem;
}

.account-dashboard .plan {
  min-width: 0;
  border-color: var(--pricing-line);
  box-shadow: 0 16px 34px rgba(16, 16, 16, 0.06);
}

.account-dashboard .plan h3 {
  margin: 0;
}

.account-dashboard .price {
  font-size: clamp(2rem, 4vw, 2.65rem);
}

.account__information__form {
  gap: 0.9rem;
}

.account__information__form label {
  font-size: 0.82rem;
  letter-spacing: 0.06em;
}

.account__information__form input,
.account__information__form select {
  min-height: 50px;
}

.account__information__form input:focus,
.account__information__form select:focus,
.login-form input:focus {
  border-color: rgba(16, 16, 16, 0.45);
  box-shadow: 0 0 0 4px rgba(16, 16, 16, 0.08);
  outline: 0;
}

.account__information__form .action__button,
.account-card .button,
.current__plan__card .button,
.account-dashboard .btn {
  min-height: 48px;
  border-radius: 999px;
}

.account-dashboard .button:hover,
.account-dashboard .btn:hover,
.login-form button[type="submit"]:hover {
  transform: translateY(-1px);
}

.automation-workspace,
.automation-setup {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.automation-hero {
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.85fr);
  background: linear-gradient(135deg, #101010 0%, #242424 100%);
  color: #ffffff;
}

.automation-hero h4,
.automation-panel__head h4 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1;
  text-transform: uppercase;
}

.automation-panel__head h4 {
  color: var(--pricing-ink);
}

.automation-hero p:not(.account-kicker) {
  max-width: 42rem;
  margin: 0.65rem 0 0;
  color: rgba(255, 255, 255, 0.72);
}

.automation-status-grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.automation-status-grid div {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  padding: 0.85rem;
}

.automation-status-grid dt {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.automation-status-grid dd {
  margin: 0.2rem 0 0;
  font-weight: 900;
}

.automation-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  border-bottom: 1px solid var(--pricing-line);
  padding-bottom: 0.8rem;
}

.automation-tabs button {
  min-height: 42px;
  border: 1px solid var(--pricing-line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--pricing-ink);
  font-size: 0.82rem;
  font-weight: 900;
  padding: 0.65rem 1rem;
  text-transform: uppercase;
}

.automation-tabs button.is-active,
.automation-tabs button:hover {
  background: #101010;
  border-color: #101010;
  color: #ffffff;
}

.automation-panels {
  display: grid;
  min-width: 0;
}

.automation-panel {
  display: none;
  gap: 1rem;
  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1fr);
  min-width: 0;
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(16, 16, 16, 0.07);
  padding: clamp(1rem, 2vw, 1.25rem);
}

.automation-panel.is-active {
  display: grid;
}

.automation-panel__form {
  display: grid;
  align-content: start;
  gap: 0.9rem;
  min-width: 0;
}

.automation-panel__head {
  display: grid;
  gap: 0.25rem;
}

.automation-panel label {
  color: var(--pricing-ink);
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.automation-panel input,
.automation-panel select,
.automation-panel textarea {
  min-height: 48px;
}

.automation-panel textarea {
  min-height: 92px;
}

.automation-field-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.automation-preview {
  min-width: 0;
  min-height: 100%;
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: #f8fafc;
  padding: clamp(1rem, 2vw, 1.35rem);
  overflow-wrap: anywhere;
}

.automation-preview h4 {
  margin: 0.15rem 0 0.65rem;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  line-height: 1.05;
  text-transform: uppercase;
}

.automation-preview p,
.automation-preview li {
  color: #333;
}

.automation-preview pre {
  max-height: 520px;
  overflow: auto;
  margin: 0.75rem 0 0;
  border-radius: 8px;
  background: #101010;
  color: #ffffff;
  padding: 1rem;
  white-space: pre-wrap;
}

.automation-preview.is-error {
  border-color: #b00020;
  background: #fff5f5;
}

.automation-email-card {
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: #ffffff;
  padding: 0.9rem;
}

.automation-email-card + .automation-email-card {
  margin-top: 0.7rem;
}

.automation-setup__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.automation-setup__head h4 {
  margin: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.automation-panel button[disabled] {
  opacity: 0.7;
  cursor: wait;
}

@media (max-width: 1120px) {
  .company-pricing .pricing-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .automation-hero,
  .automation-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .menu__body.account-dashboard {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 18px 14px 48px;
  }

  .settings__menu {
    position: static;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--pricing-line);
    color: var(--pricing-ink);
    box-shadow: 0 14px 28px rgba(16, 16, 16, 0.08);
  }

  .settings__menu > p {
    display: none;
  }

  .settings__menu ul {
    display: flex;
    gap: 0.5rem;
    margin: 0;
    overflow-x: auto;
    padding: 0.1rem;
    -webkit-overflow-scrolling: touch;
  }

  .settings__menu li {
    flex: 0 0 auto;
    width: auto;
    min-height: 42px;
    color: var(--pricing-ink);
    background: #f8fafc;
    border: 1px solid var(--pricing-line);
    white-space: nowrap;
  }

  .settings__menu li:hover,
  .settings__menu li.is-active {
    background: #101010;
    color: #ffffff;
  }

  .settings__menu li.menu__logout {
    width: auto;
    border: 0;
    background: transparent;
    padding: 0;
  }

  .settings__menu li.menu__logout .menu__logout__button {
    width: auto;
    flex: 0 0 auto;
    min-height: 42px;
    color: var(--pricing-ink);
    background: #ffffff;
    border: 1px solid var(--pricing-line);
    white-space: nowrap;
  }

  .settings__menu li.menu__logout .menu__logout__button:hover {
    background: #101010;
    color: #ffffff;
  }

  .settings__menu .menu__icon {
    border-color: currentColor;
  }

  .account__content {
    padding: 0;
  }

  .account-shell-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-shell-head__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 860px) {
  .pricing-page {
    padding-inline: 1rem;
  }

  .pricing-page .pricing-panel:not(.pricing-panel--embedded),
  .company-pricing,
  .faq-section,
  .signup-page-panel {
    padding: 1.4rem;
  }

  .company-pricing .pricing-container {
    grid-template-columns: 1fr;
  }

  .login-panel--auth {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .login-panel__intro {
    min-height: 0;
  }
}

@media (max-width: 700px) {
  .pricing-page,
  .signup-page {
    gap: 1rem;
    padding: 1.4rem 1rem 2.4rem;
  }

  .pricing-type div,
  .pricing-page .billing-toggle,
  .signup-billing-toggle {
    width: 100%;
    justify-content: stretch;
  }

  .pricing-type button,
  .pricing-page .billing-toggle__button,
  .signup-billing-toggle__button {
    flex: 1 1 0;
  }

  .pricing-page h1 {
    font-size: 2rem;
  }

  .pricing-page h2,
  .signup-page h2 {
    font-size: 1.65rem;
  }

  .company-plan__value {
    font-size: 2rem;
  }

  .signup-page-panel {
    width: min(100%, calc(100vw - 20px));
    max-width: none;
    padding: 1.1rem 0.7rem 1rem;
  }

  .signup__plans {
    grid-template-columns: minmax(0, 1fr);
  }

  .account__information__form,
  .billing__information > div,
  .payment__methods,
  .order__summary {
    padding: 0.9rem;
  }

  .order__summary__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .login-panel--auth {
    width: min(100%, calc(100vw - 24px));
  }

  .login-form,
  .login-panel__intro {
    padding: 1.35rem;
  }

  .current__plan__card {
    grid-template-columns: 1fr;
  }

  .automation-status-grid,
  .automation-field-grid {
    grid-template-columns: 1fr;
  }

  .automation-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .automation-tabs button {
    flex: 0 0 auto;
  }

  .automation-panel {
    padding: 0.85rem;
  }

  .account-shell-head__actions,
  .account-shell-head__actions .button {
    width: 100%;
  }
}

.blog-page--index [hidden],
.blog-hub [hidden] {
  display: none !important;
}

.blog-home__intro {
  display: grid;
  gap: 12px;
  max-width: 900px;
}

.blog-home__intro-copy {
  display: grid;
  gap: 14px;
}

.blog-home__intro h1 {
  font-size: clamp(40px, 6vw, 76px);
  line-height: 0.96;
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
}

.blog-home__intro p {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.7;
  margin: 0;
  max-width: 760px;
}

.blog-home__lead-grid {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.9fr);
  margin-top: clamp(26px, 5vw, 48px);
}

.blog-home__lead-grid--solo {
  grid-template-columns: minmax(0, 1fr);
}

.blog-lead-card,
.blog-featured-panel,
.blog-feed-card,
.blog-empty-state {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 20px 52px rgba(18, 18, 18, 0.08);
  min-width: 0;
  overflow: hidden;
}

.blog-lead-card {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
}

.blog-lead-card__media,
.blog-featured-item__thumb,
.blog-feed-card__media {
  background: linear-gradient(135deg, #08111f, #0f3d5e 58%, #6b8f71);
  color: #fff;
  display: block;
  min-width: 0;
  overflow: hidden;
  text-decoration: none;
}

.blog-lead-card__media {
  min-height: 420px;
}

.blog-lead-card__media img,
.blog-featured-item__thumb img,
.blog-feed-card__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.blog-lead-card__media.is-empty,
.blog-featured-item__thumb.is-empty,
.blog-feed-card__media.is-empty {
  align-items: center;
  display: grid;
  font-weight: 950;
  justify-items: center;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.blog-lead-card__body,
.blog-feed-card__body {
  display: grid;
  gap: 14px;
  padding: clamp(22px, 4vw, 42px);
}

.blog-lead-card__meta-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.blog-section-label {
  color: #0f3d5e;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.blog-lead-card h2,
.blog-featured-panel h2,
.blog-feed__header h2 {
  margin: 0;
  text-transform: uppercase;
}

.blog-lead-card h2 {
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.02;
}

.blog-lead-card h2 a,
.blog-featured-item h3 a,
.blog-feed-card h3 a {
  text-decoration: none;
}

.blog-lead-card p,
.blog-feed-card p,
.blog-empty-state p {
  color: var(--muted);
  line-height: 1.65;
  margin: 0;
}

.blog-card__link {
  color: #0f3d5e;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.blog-featured-panel {
  display: grid;
  gap: 0;
  padding: 20px;
}

.blog-featured-panel__header {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 8px;
  padding-bottom: 16px;
}

.blog-featured-panel__header h2 {
  font-size: 26px;
  line-height: 1.08;
}

.blog-featured-item {
  display: grid;
  gap: 14px;
  grid-template-columns: 96px minmax(0, 1fr);
  padding: 16px 0;
}

.blog-featured-item + .blog-featured-item {
  border-top: 1px solid var(--line);
}

.blog-featured-item__thumb {
  aspect-ratio: 1;
  border-radius: 8px;
}

.blog-featured-item__body {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.blog-featured-item h3 {
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
}

.blog-feed {
  display: grid;
  gap: 18px;
  margin-top: clamp(36px, 6vw, 70px);
}

.blog-feed__header {
  align-items: end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

.blog-feed__search {
  display: grid;
  gap: 10px;
  max-width: 760px;
}

.blog-feed__search-bar {
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 16px 38px rgba(18, 18, 18, 0.08);
  display: flex;
  gap: 10px;
  padding: 8px;
}

.blog-feed__search-bar input {
  border: 0;
  border-radius: 8px;
  flex: 1 1 auto;
  min-height: 46px;
  min-width: 0;
  outline: 0;
  padding: 0 12px;
}

.blog-feed__search-bar input:focus {
  box-shadow: inset 0 0 0 2px rgba(15, 61, 94, 0.2);
}

.blog-feed__search-bar button,
.blog-feed__pagination-btn,
.share-btn {
  border-radius: 8px;
  min-height: 42px;
  white-space: nowrap;
}

.blog-feed__search-meta,
.blog-feed__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}

.blog-feed__search-meta {
  color: var(--muted);
  font-weight: 800;
}

.blog-feed__search-meta a {
  color: #0f3d5e;
  font-weight: 950;
  text-decoration: none;
}

.blog-feed__grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.blog-feed-card {
  display: grid;
}

.blog-feed-card__media {
  aspect-ratio: 16 / 9;
}

.blog-feed-card__body {
  gap: 12px;
  padding: 20px;
}

.blog-feed-card h3 {
  font-size: 23px;
  line-height: 1.08;
  margin: 0;
  text-transform: uppercase;
}

.blog-feed__pagination {
  border-top: 1px solid var(--line);
  margin-top: 6px;
  padding-top: 18px;
}

.blog-feed__pagination-status {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.blog-empty-state,
.blog-feed__empty {
  display: grid;
  gap: 10px;
  padding: clamp(24px, 5vw, 42px);
}

.blog-empty-state h2,
.blog-feed__empty h2 {
  margin: 0;
  text-transform: uppercase;
}

.blog-share {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-share__label {
  align-items: center;
  color: var(--muted);
  display: inline-flex;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.share-btn {
  background: #fff;
  border: 1px solid var(--line);
  color: #111;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  justify-content: center;
  padding: 10px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.share-btn:hover {
  border-color: #111;
}

@media (max-width: 960px) {
  .blog-home__lead-grid,
  .blog-lead-card {
    grid-template-columns: 1fr;
  }

  .blog-lead-card__media {
    aspect-ratio: 16 / 10;
    min-height: 0;
  }

  .blog-feed__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .blog-home__intro h1 {
    font-size: clamp(32px, 10vw, 46px);
  }

  .blog-home__lead-grid {
    gap: 16px;
    margin-top: 22px;
  }

  .blog-lead-card__media,
  .blog-feed-card__media {
    aspect-ratio: 4 / 3;
  }

  .blog-lead-card__body,
  .blog-feed-card__body,
  .blog-featured-panel,
  .blog-empty-state,
  .blog-feed__empty {
    padding: 16px;
  }

  .blog-lead-card h2 {
    font-size: clamp(25px, 8vw, 34px);
  }

  .blog-featured-item {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .blog-feed__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .blog-feed__search-bar,
  .blog-feed__pagination {
    align-items: stretch;
    flex-direction: column;
  }

  .blog-feed__search-bar button,
  .blog-feed__pagination-btn {
    width: 100%;
  }

  .blog-feed__grid {
    grid-template-columns: 1fr;
  }
}

/* Mobile auth Turnstile: keep Cloudflare challenge inside the login card. */
.login-form .cf-turnstile {
  width: 300px !important;
  max-width: 100% !important;
  min-height: 65px;
  justify-self: center;
  overflow: hidden;
}

.login-form label,
.login-form input,
.login-form button[type="submit"],
.login-form .button {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.login-form .cf-turnstile iframe {
  display: block;
  max-width: 100% !important;
}

.login-form .turnstile-config-warning {
  max-width: 100%;
  border: 1px solid #f2b8b5;
  border-radius: 8px;
  background: #fff5f5;
  padding: 10px 12px;
  color: #8a1c1c;
  font-size: 0.9rem;
  font-weight: 800;
}

@media (max-width: 700px) {
  .login-panel .login-form,
  .login-panel--auth .login-form {
    padding-inline: 1rem;
  }
}

@media (max-width: 350px) {
  .login-form .cf-turnstile {
    justify-self: start;
    transform: scale(0.78);
    transform-origin: top left;
    margin-bottom: -8px;
  }
}

@media (max-width: 320px) {
  .login-form .cf-turnstile {
    transform: scale(0.74);
    margin-bottom: -12px;
  }
}