/* Dark mode. Switched on by theme.js (html[data-theme="dark"]): the device setting by default, or the person's own choice. */
#theme-toggle{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:2147483000;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(20,128,75,.25);background:rgba(255,255,255,.9);color:#0f2a1c;box-shadow:0 8px 22px -10px rgba(10,40,25,.5);cursor:pointer;padding:0}
#theme-toggle:hover{transform:translateY(-1px)}#theme-toggle:focus-visible{outline:2px solid #14a35f;outline-offset:2px}
@media print{#theme-toggle{display:none!important}}

html[data-theme="dark"]{color-scheme:dark;
  --paper:#0b120f;--paper-2:#101a15;--card:#14201a;--ink:#e9f1ec;--muted:#9fb2a7;--line:rgba(255,255,255,.12);--brand:#3fd68a;--brand-ink:#04140b;--wash:#12301f;--blk:#050907;--wht:#e9f1ec;--bad:#ff8077;
  --bg:#0b120f;--n:#0f1813;--nl:#1b2922;--nd:#050806;--n2:#121c17;--forest:#050907;--forest2:#101814;
  --acc:#3fd68a;--acc-ink:#8ff0bd;--acc-soft:rgba(63,214,138,.14);--green:#3fd68a;--green-ink:#8ff0bd;--green-soft:rgba(63,214,138,.14);--grey:#101a15;--paper:#0b120f;
  --glass:rgba(255,255,255,.06);--glass2:rgba(255,255,255,.1);--gline:rgba(255,255,255,.14);--gsh:0 10px 34px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);
  --gl:rgba(255,255,255,.06);--gl-b:rgba(255,255,255,.14);--gl-sh:0 10px 30px -12px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -16px rgba(0,0,0,.6);--shadow-up:0 2px 4px rgba(0,0,0,.4),0 22px 44px -18px rgba(0,0,0,.7);
  --raise:8px 8px 18px #050806,-8px -8px 18px #1b2922;--raise-s:4px 4px 10px #050806,-4px -4px 10px #1b2922;--press:inset 4px 4px 9px #050806,inset -4px -4px 9px #1b2922;
  --gr:linear-gradient(145deg,#16221c,#0e1713);--gr-in:linear-gradient(145deg,#0c1410,#16221c);--warn-soft:#3a2f12;--crit-soft:#3d1d1a}
html[data-theme="dark"] #theme-toggle{background:rgba(20,32,26,.92);color:#e9f1ec;border-color:rgba(255,255,255,.18);box-shadow:0 8px 22px -10px rgba(0,0,0,.8)}

/* ---------- marketing pages ---------- */
html[data-theme="dark"]{background:#07100c}
html[data-theme="dark"] body{background:transparent!important;color:var(--ink)}
html[data-theme="dark"]::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 560px at 8% -8%,rgba(20,128,75,.28),transparent 62%),radial-gradient(760px 520px at 100% 0%,rgba(30,160,130,.14),transparent 60%),radial-gradient(820px 560px at 80% 115%,rgba(20,128,75,.16),transparent 62%),linear-gradient(180deg,#0b120f,#07100c);transform:translateZ(0);will-change:transform}
html[data-theme="dark"] body::before,html[data-theme="dark"] body::after{opacity:.5}
html[data-theme="dark"] :is(.tile,.mod,.step,.plan,.fitbox,.chat,details,.cap,.ledger,.who a,.offer-card,.tab,.chip,.ai-chip,.ai-chips span,.tplc,.pts div,.subnav a,.aiX .chat,.ai-card,.plan.pick,html body .cap,html body .tab){background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--ink);box-shadow:0 14px 30px -22px rgba(0,0,0,.8)!important}
html[data-theme="dark"] .tab[aria-pressed="true"],html[data-theme="dark"] .tab.on,html[data-theme="dark"] .tab[aria-selected="true"]{background:rgba(63,214,138,.18)!important;border-color:rgba(63,214,138,.45)!important}
html[data-theme="dark"] .plan.pick{background:linear-gradient(160deg,#14804b,#0a3d25)!important}
html[data-theme="dark"] .cover-grid a{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--ink)}
html[data-theme="dark"] .cover-grid a>span:last-child{color:var(--muted)}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .topbar.scrolled{background:rgba(11,18,15,.78)!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .topbar a,html[data-theme="dark"] .topbar .nav a{color:var(--ink)}
html[data-theme="dark"] .hero-lede,html[data-theme="dark"] .hero-proof,html[data-theme="dark"] .hero-proof span,html[data-theme="dark"] body .footer-col a,html[data-theme="dark"] body .footer-brand p,html[data-theme="dark"] body .plan small,html[data-theme="dark"] body .plans4 small{color:var(--muted)!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="dark"] :is(em,body em,.herob h1 em,.ai-title em,body .ai-title em,body .closing em,.hero em,.closing em){background:linear-gradient(100deg,#46e27f,#1aa465 70%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html[data-theme="dark"] :is(.tile b,.plan .amount){background:linear-gradient(135deg,#46e27f,#1aa465)!important;-webkit-background-clip:text!important;background-clip:text!important}
html[data-theme="dark"] :is(input,select,textarea){background:rgba(255,255,255,.07)!important;color:var(--ink)!important;border-color:rgba(255,255,255,.16)!important}
html[data-theme="dark"] input::placeholder{color:#7f9488}
html[data-theme="dark"] .skip{background:#14201a;color:var(--ink)}
html[data-theme="dark"] .ticker{background:rgba(255,255,255,.05)!important}
html[data-theme="dark"] .deck{background:none!important}
html[data-theme="dark"] .logo,html[data-theme="dark"] .brand{filter:none}
html[data-theme="dark"] .button-primary,html[data-theme="dark"] .btn.primary{color:#04140b}
html[data-theme="dark"] footer,html[data-theme="dark"] .footer{background:transparent!important;border-color:rgba(255,255,255,.1)!important}
html[data-theme="dark"] hr,html[data-theme="dark"] .footer-bottom{border-color:rgba(255,255,255,.12)!important}
html[data-theme="dark"] :is(.topbar,.topbar.full,.topbar.scrolled,header.topbar){background-image:none!important;background-color:rgba(11,18,15,.8)!important;box-shadow:0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] :is(form.hero-form>input,form>input,.hero-form input,input[type=email]){background:rgba(255,255,255,.08)!important;color:var(--ink)!important;border:1px solid rgba(255,255,255,.18)!important}
html[data-theme="dark"] .plans4 .plan,html[data-theme="dark"] .plan{background-image:none!important}
html[data-theme="dark"] .plan.pick{background-image:linear-gradient(160deg,#14804b,#0a3d25)!important}
html[data-theme="dark"] .plan-cta{color:var(--ink);border-color:rgba(255,255,255,.4)}
html[data-theme="dark"] .button-primary,html[data-theme="dark"] a.go{color:#04140b}
html[data-theme="dark"] body .plans4w .plan:nth-child(2),html[data-theme="dark"] body .plans4 .plan:nth-child(2){background-image:linear-gradient(160deg,rgba(63,214,138,.14),rgba(63,214,138,.04))!important}
html[data-theme="dark"] body .plans4w .plan:nth-child(4),html[data-theme="dark"] body .plans4 .plan:nth-child(4){background-image:linear-gradient(160deg,rgba(110,160,255,.14),rgba(110,160,255,.04))!important}
html[data-theme="dark"] body .plans4 .plan.pick,html[data-theme="dark"] body .plans4w .plan.pick{background-image:linear-gradient(160deg,#14804b,#0a3d25)!important}
html[data-theme="dark"] :is(tbody tr,table tr){background-image:none!important;background-color:transparent!important}
html[data-theme="dark"] :is(tbody tr:nth-child(even),table tr:nth-child(even)){background-color:rgba(255,255,255,.04)!important}
html[data-theme="dark"] :is(th,td){border-color:rgba(255,255,255,.1)!important;color:var(--ink)}
html[data-theme="dark"] :is(thead,th){background:rgba(255,255,255,.06)!important}
html[data-theme="dark"] .nav-links a[aria-current],html[data-theme="dark"] .nav-links a.on,html[data-theme="dark"] nav.nav-links>a{color:var(--ink)}
html[data-theme="dark"] .nav-links a[aria-current="page"],html[data-theme="dark"] .nav-links a.active{color:var(--brand)!important}
html[data-theme="dark"] :is(p.note,.note,.note b){color:var(--muted)!important}
html[data-theme="dark"] .fitbox header{background:rgba(255,255,255,.06)!important}
html[data-theme="dark"] :is(blockquote,.quote,pre,code){background:rgba(255,255,255,.06);color:var(--ink)}

/* ---------- login ---------- */
html[data-theme="dark"] .logo{background:linear-gradient(120deg,#46e27f 0%,#1aa465 100%)!important}
html[data-theme="dark"] .card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.9)!important}
html[data-theme="dark"] .card h1{color:var(--ink)}
html[data-theme="dark"] .tabs{background:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .tabs button{color:var(--muted)}
html[data-theme="dark"] .tabs button[aria-selected=true]{background:rgba(255,255,255,.14)!important;color:var(--ink);box-shadow:none}
html[data-theme="dark"] .btn:not(.ghost):not(.sso){background:linear-gradient(135deg,#0f6b3e 0%,#14a35f 100%)!important;color:#fff!important}
html[data-theme="dark"] .btn.ghost{background:rgba(255,255,255,.1)!important;color:var(--ink)}
html[data-theme="dark"] .sso.google,html[data-theme="dark"] .sso.azure{background:#fff!important;color:#1f1f1f!important}
html[data-theme="dark"] .or{color:var(--muted)}html[data-theme="dark"] .or::before,html[data-theme="dark"] .or::after{background:rgba(255,255,255,.15)}
html[data-theme="dark"] .linkrow a{color:var(--brand)}
html[data-theme="dark"] .co{background:rgba(255,255,255,.05);color:var(--ink)}
html[data-theme="dark"] :is(.fine,.msg.ok){color:var(--muted)}
html[data-theme="dark"] .msg.bad{color:#ff8077}
html[data-theme="dark"] .pwtog{color:var(--muted)}

/* ---------- the app ---------- */
html[data-theme="dark"] :is(.panel,.kpi,.alert,.alert.good,.alert.bad,.alert.warn,.card2,.tile2,.box,.sheet,.modal,.dialog,.menu,.drop,.pop,.toast){background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--ink);box-shadow:0 14px 30px -22px rgba(0,0,0,.8)!important}
html[data-theme="dark"] aside.side{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.1)!important}
html[data-theme="dark"] .side .lbl,html[data-theme="dark"] .side button{color:var(--ink)}
html[data-theme="dark"] .sg.cur>button.sm1,html[data-theme="dark"] button.sm1.on{background:linear-gradient(180deg,rgba(63,214,138,.2),rgba(63,214,138,.1))!important;color:var(--ink)}
html[data-theme="dark"] :is(.tag.plain,.field-row>label,label,.kan .col h3,.kan .col h4,.ai-hero h2){color:var(--muted)}
html[data-theme="dark"] .ai-hero h2{color:var(--ink)}
html[data-theme="dark"] .tag.plain{background:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .tag.bad{color:#ff9a92!important;background:rgba(255,128,119,.14)!important}
html[data-theme="dark"] .tag.good,html[data-theme="dark"] .tag.ok{color:#7ff0b4!important;background:rgba(63,214,138,.14)!important}
html[data-theme="dark"] .tag.warn{color:#f6d37a!important;background:rgba(246,211,122,.14)!important}
html[data-theme="dark"] :is(.kan .col,.cal .day,.day,.ai-composer){background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.1)!important;color:var(--ink)}
html[data-theme="dark"] .day button.bk{background:rgba(63,214,138,.16)!important;color:var(--ink)}
html[data-theme="dark"] .day button.bk.done{background:rgba(255,255,255,.1)!important;color:var(--muted)}
html[data-theme="dark"] .kpi .v{color:var(--ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="dark"] .kpi.good .v{color:#7ff0b4!important}
html[data-theme="dark"] .kpi.bad .v{color:#ff9a92!important}
html[data-theme="dark"] .ai-hero h2{color:var(--ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="dark"] .kan .col{border-top-color:rgba(255,255,255,.25)}
html[data-theme="dark"] #modal{background:rgba(2,6,4,.7)}
html[data-theme="dark"] #modal .sheet,html[data-theme="dark"] .sheet{background:#101a15!important;background-image:none!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--ink);box-shadow:0 30px 80px -20px rgba(0,0,0,.9)!important}
html[data-theme="dark"] .sheet h2,html[data-theme="dark"] .sheet h3{color:var(--ink)}
html[data-theme="dark"] .tabbar{background:#070d0a!important;border-top:1px solid #1d3a2b!important}
html[data-theme="dark"] .tabbar .tab{background:transparent!important;border:0!important;box-shadow:none!important;color:#a9c4b4}
html[data-theme="dark"] .tabbar .tab.mid{background:var(--green)!important;color:#06180e}
html[data-theme="dark"] .tabbar .tab[aria-current],html[data-theme="dark"] .tabbar .tab.on{color:#fff;background:#10201a!important}
html[data-theme="dark"] .mbar{background:#070d0a}
html[data-theme="dark"] :is(input,select,textarea):focus{background:rgba(255,255,255,.1)!important;color:var(--ink)!important;border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(63,214,138,.2)!important}
html[data-theme="dark"] input:-webkit-autofill,html[data-theme="dark"] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 60px #17241d inset!important;caret-color:var(--ink)}
html[data-theme="dark"] select option{background:#14201a;color:var(--ink)}
html[data-theme="dark"] main>p.note,html[data-theme="dark"] p.note{background:rgba(255,255,255,.06)!important;color:var(--muted)!important;border-color:rgba(255,255,255,.12)!important}
html[data-theme="dark"] nav>a{color:var(--ink)}
html[data-theme="dark"] label.chk,html[data-theme="dark"] .mods-list label{background:rgba(255,255,255,.05)!important;color:var(--ink);border-color:rgba(255,255,255,.1)!important}
/* Square buttons everywhere: no rounded corners on buttons. */
button,.btn,.button-primary,.button-secondary,a.button-primary,a.button-secondary,[role="button"],input[type="submit"],input[type="button"],input[type="reset"],input[type="file"]::file-selector-button,
.tab,.chip,.go,#fcta .go,#theme-toggle,.tabbar .tab,.tabbar .tab.mid,.sm1,.cta-actions a,.hero-form button,#f button,.plan .button-primary,.ai-mode button,.seg button,.pill-btn,.cart-btn,.ck-btn,.btn.sm,.btn.dark,.btn.green{border-radius:0!important}
.button-primary::before,.button-primary::after,.btn::before,.btn::after,button::before,button::after,#fcta .go::before,#fcta .go::after{border-radius:0!important}
.hero-form,.hero-form input,.closing-inner form,#f,#f input,#fcta{border-radius:0!important}
#fcta .go b,#fcta .go span{border-radius:0!important}

/* Square cards and tiles everywhere */
.cover-grid a,.cv-ic,.tile,.mod,.step,.plan,.fitbox,.chat,details,.cap,.ledger,.who a,.offer-card,.pts div,.rows>div,.clarity-list div,.faq details,.card,.kpi,.panel,.kcard,.stat,.box,.badge-card,.ai-box,.modal,.modal-box,.sheet,.toast,.tip,.drop,.dropzone,.upload,.cookie,#cookie,.cookie-banner,.side,.side .sg,.flyt,.menu,.popover,.dd,.dd-menu,.cmd,.cmdk,.cmd-box,.table-wrap,.tablewrap,.callout,.note,.notice,.alert,.banner,.hero-card,.price-card,.feature-card,.cta-band,.closing-inner{border-radius:0!important}
.cv-ic,.cover-grid a,.mod,.tile,.plan{overflow:visible}

/* Flat, not embossed: thin border, no raised shadow */
button,.btn,.button-primary,.button-secondary,a.button-primary,a.button-secondary,[role="button"],input[type="submit"],input[type="button"],
.tab,.chip,.go,.sm1,.tile,.mod,.step,.plan,.fitbox,.chat,.cap,.ledger,.who a,.offer-card,.pts div,.rows>div,.clarity-list div,details,.cover-grid a,.cv-ic,.card,.kpi,.panel,.kcard,.stat,.box,.ai-chip,.ai-chips span,.tplc,.subnav a,.ai-card,.fitbox .chip,#theme-toggle,.hero-form,.hero-form input,input,select,textarea,.sg.cur,.subs button,.colbtn{box-shadow:none!important;text-shadow:none!important}
.tab,.chip,.fitbox,.tile,.mod,.step,.plan,.cap,.ledger,.who a,.offer-card,.cover-grid a,.card,.kpi,.panel,.fitbox .chip,.ai-chip,.cv-ic{border:1px solid rgba(120,140,125,.35)!important}
.fitbox header{border-bottom:1px solid rgba(120,140,125,.35)!important}
.fitbox .chip,.chip.on{background:transparent!important}

/* Flat v2: beats the raised styles */
:root,html:root{--raise:none;--raise-s:none;--raise-xs:none;--press:none;--press-s:none}
html body .tab,html body .chip,html body .chip.on,html body .go,html body .sm1,html body .tile,html body .mod,html body .step,html body .plan,html body .fitbox,html body .chat,html body .cap,html body .ledger,html body .who a,html body .offer-card,html body .pts div,html body .rows>div,html body .clarity-list div,html body details,html body .cover-grid a,html body .cv-ic,html body .card,html body .kpi,html body .panel,html body .kcard,html body .stat,html body .box,html body .ai-chip,html body .ai-chips span,html body .tplc,html body .tplsteps li,html body .subnav a,html body .ai-card,html body .ai-card .ai-chip,html body .fitbox .chip,html body .plan-cta,html body .float-cta,html body .cta-band,html body .bub.u,html body .bub.a,html body .nav-action,html body #menu,html body #theme-toggle,html body .button-primary,html body .button-secondary,html body .btn,html body button,html body input,html body select,html body textarea,html body .aiX .asks span,html body .aiX .q,html body .subs button,html body .colbtn{box-shadow:none!important}
html body .chip,html body .chip.on,html body .fitbox,html body .tile,html body .mod,html body .step,html body .cover-grid a,html body .tab,html body .tplc,html body .pts div,html body .ai-chip,html body .subnav a,html body .cap{border:1px solid rgba(120,140,125,.4)!important}

/* Square v2 and flat inputs and tabs */
html body .card,html body .kpi,html body .panel,html body .kcard,html body .stat,html body .box,html body .modal,html body .modal-box,html body .sheet,html body .toast,html body .tab,html body .chip,html body .tile,html body .mod,html body .step,html body .plan,html body .fitbox,html body .cap,html body .ledger,html body .who a,html body .cover-grid a,html body .cv-ic,html body .side,html body .flyt,html body .menu,html body .popover,html body .dd-menu,html body .callout,html body .note,html body .notice,html body .alert,html body .banner,html body .cta-band,html body input,html body select,html body textarea,html body .btn,html body .btn.dark,html body button,html body .sm1,html body .subs button,html body .colbtn,html body .sg.cur,html body table,html body .table-wrap,html body .tablewrap,html body .seg,html body .seg button,html body .ai-mode,html body .ai-mode button,html body .chat,html body .bub,html body .bub.u,html body .bub.a{border-radius:0!important;box-shadow:none!important}
html body input,html body select,html body textarea,html body .tab,html body .chip,html body .btn:not(.dark),html body .sm1{background-image:none!important}
html body input,html body select,html body textarea,html body .tab,html body .chip{background-color:rgba(255,255,255,.55)!important;border:1px solid rgba(120,140,125,.4)!important}
html[data-theme="dark"] body input,html[data-theme="dark"] body select,html[data-theme="dark"] body textarea,html[data-theme="dark"] body .tab,html[data-theme="dark"] body .chip{background-color:rgba(255,255,255,.06)!important}

/* Flat primary buttons */
html body div .btn,html body div .btn.dark,html body div .btn.dark.sm,html body div .btn.pri,html body .btn.dark.sm,html body .btn.pri,html body div button.btn,html body div .btn.dark:hover,html body .btn.dark:hover,html body .btn.pri:hover{box-shadow:none!important;border-radius:0!important}
/* Software / Agency tabs and agency hero in dark mode */
html[data-theme="dark"] body .biz-switch{background:#0f1612!important;border-bottom:1px solid #22312a!important}
html[data-theme="dark"] body .biz-switch a+a{border-left-color:#22312a!important}
html[data-theme="dark"] body .biz-switch a{color:#eaf3ed!important}
html[data-theme="dark"] body .biz-switch a:hover{background:rgba(63,212,136,.1)!important}
html[data-theme="dark"] body .biz-switch a .logo{background:#3fd488!important}
html[data-theme="dark"] body .biz-switch .bs-t i{color:#fff!important}
html[data-theme="dark"] body .biz-switch .bs-t em{color:#9bb0a4!important}
html[data-theme="dark"] body .svc-row li{background:#131f19!important;border:1px solid #25382d!important;color:#c3d6ca!important}
html[data-theme="dark"] body .svc-row .svc-k{color:#fff!important}
html[data-theme="dark"] body .svc-ic{background:#3fd488!important;color:#06150d!important}
html[data-theme="dark"] body .button-ghost{color:#eaf3ed!important;border-color:#eaf3ed!important}