@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&family=Fragment+Mono&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --porcelain:#F1F2EE;
  --white:#FBFCFA;
  --ink:#151713;
  --dim:#5D6156;
  --forest:#23402F;
  --forest-deep:#183B2B;
  --lime:#C6F24E;
  --line:rgba(21,23,19,.16);
  --line-soft:rgba(21,23,19,.09);
  --paper:var(--porcelain);
  --paper-2:#E7EAE5;
  --paper-3:#DCE3DB;
  --ink-2:#3D423B;
  --ink-muted:var(--dim);
  --terra:var(--forest);
  --terra-2:var(--forest-deep);
  --terra-soft:rgba(198,242,78,.34);
  --ledger:var(--forest);
  --ledger-2:var(--forest-deep);
  --ledger-soft:rgba(35,64,47,.09);
  --marker:var(--lime);
  --rule:var(--line);
  --rule-2:rgba(21,23,19,.28);
  --display:'Familjen Grotesk',sans-serif;
  --body:'Hanken Grotesk',sans-serif;
  --mono:'Fragment Mono',monospace;
}

html{background:var(--porcelain);scroll-behavior:smooth}
body[data-page]{background:var(--porcelain);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.55}
body[data-page]::before{content:none}
body[data-page]{overflow-x:clip}
body[data-page] a:focus-visible,body[data-page] summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
body[data-page] .skip-link{background:var(--lime);border:0;color:var(--ink);font-family:var(--body);font-weight:700;text-transform:none;letter-spacing:0;border-radius:4px}
body[data-page] .masthead{border:0;border-top:4px solid var(--lime);background:var(--forest);box-shadow:none}
body[data-page] .masthead-inner{width:min(1260px,calc(100% - 96px));min-height:74px;margin:auto;padding:0;gap:28px}
body[data-page] .masthead-brand,body[data-page] .site-lockup{color:#F2F7EF;font-family:var(--display);font-weight:650;text-decoration:none}
body[data-page] .brand-mark{fill:#F2F7EF}
body[data-page] .brand-wordmark{font-family:var(--display);font-weight:650;color:#F2F7EF}
body[data-page] .brand-wordmark em{color:var(--lime);font-style:normal}
body[data-page] .masthead-nav,body[data-page] .nav{font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
body[data-page] .masthead-nav a,body[data-page] .nav a{color:#DCE8DA}
body[data-page] .masthead-nav a:hover,body[data-page] .nav a:hover{color:var(--lime)}
body[data-page] .masthead-cta,body[data-page] .primary-cta,body[data-page] .button{border:0;border-radius:999px;background:var(--lime);box-shadow:none;color:var(--ink);font-family:var(--body);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;transition:background .15s,color .15s,transform .15s}
body[data-page] .masthead-cta:hover,body[data-page] .primary-cta:hover,body[data-page] .button:hover{background:var(--porcelain);box-shadow:none;transform:none;color:var(--ink)}
body[data-page] .masthead-nav .masthead-cta,body[data-page] .nav .button{color:var(--ink)}
body[data-page] .masthead-nav .masthead-cta:hover,body[data-page] .nav .button:hover{color:var(--ink)}
.mobile-break{display:none}

body[data-page="partner"] .masthead-inner{display:flex;justify-content:space-between}
body[data-page="partner"] .site-lockup{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.02em}
body[data-page="partner"] .site-lockup img{width:30px;height:30px}
body[data-page="partner"] .site-lockup i{color:var(--lime);font-style:normal}
body[data-page="partner"] .nav a:first-child{border:0}
body[data-page="partner"] .hero{padding:78px 0 72px;border:0;background:var(--forest);color:#DCE8DA}
body[data-page="partner"] .partner-hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:end;gap:64px}
body[data-page="partner"] .eyebrow,body[data-page="partner"] .section-label{color:#9DB5A0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
body[data-page="partner"] .eyebrow::after,body[data-page="partner"] .section-label::after{background:#9DB5A0}
body[data-page="partner"] h1,body[data-page="partner"] h2,body[data-page="partner"] h3{font-family:var(--display);font-weight:650}
body[data-page="partner"] h1{font-size:clamp(54px,7vw,94px);letter-spacing:-.05em;line-height:.94;color:#F2F7EF}
body[data-page="partner"] h1 em{color:var(--lime);font-style:normal;font-weight:650}
body[data-page="partner"] .hero-lede{color:#C9D8C7;font-family:var(--body);font-size:19px;line-height:1.5}
body[data-page="partner"] .terms{border:1px solid rgba(242,247,239,.18);background:rgba(242,247,239,.08);box-shadow:none;border-radius:14px;color:#F2F7EF}
body[data-page="partner"] .terms>div+div{border-left:1px solid rgba(242,247,239,.18)}
body[data-page="partner"] .terms h2{font-size:23px;color:#F2F7EF}
body[data-page="partner"] .terms p{color:#C9D8C7}
body[data-page="partner"] .partner-illustration{margin:0;border:1px solid rgba(242,247,239,.16);border-radius:18px;overflow:hidden;background:var(--forest-deep)}
body[data-page="partner"] .partner-illustration img{display:block;width:100%;height:auto}
body[data-page="partner"] section{border:0;padding:88px 0}
body[data-page="partner"] section:nth-of-type(even){background:var(--white)}
body[data-page="partner"] .section-title{font-size:clamp(36px,5vw,58px);letter-spacing:-.04em}
body[data-page="partner"] .ledger-card,body[data-page="partner"] .compare{border:1px solid var(--line);border-radius:16px;box-shadow:none;background:var(--white)}
body[data-page="partner"] .rhythm{border:0;border-radius:16px;overflow:hidden;background:var(--forest);color:#DCE8DA}
body[data-page="partner"] .rhythm article{border-right:1px solid rgba(242,247,239,.16)}
body[data-page="partner"] .rhythm article::before{color:var(--lime)}
body[data-page="partner"] .rhythm p,body[data-page="partner"] .ledger-card p,body[data-page="partner"] .compare dd{font-family:var(--body)}
body[data-page="partner"] .faq{border-top:1px solid var(--line)}
body[data-page="partner"] .faq details{border-bottom:1px solid var(--line)}
body[data-page="partner"] .faq summary{font-family:var(--display);font-weight:650}
body[data-page="partner"] .final{background:var(--forest-deep)!important;color:#F2F7EF}
body[data-page="partner"] footer{background:var(--forest);border:0;color:#C9D8C7;font-family:var(--mono);text-transform:none;letter-spacing:0}

body[data-page="checklist"] .masthead-inner{width:min(1260px,calc(100% - 96px));display:grid;grid-template-columns:auto 1fr auto}
body[data-page="checklist"] .masthead-meta .back{color:#DCE8DA;font-family:var(--body);font-weight:600;font-size:14px;text-transform:none;letter-spacing:0}
body[data-page="checklist"] .audit-bar{border:0;background:var(--forest-deep);color:#DCE8DA}
body[data-page="checklist"] .audit-bar-label,body[data-page="checklist"] .audit-bar-stat .v,body[data-page="checklist"] .audit-bar-jump{color:var(--lime)}
body[data-page="checklist"] .audit-bar-progress{background:rgba(242,247,239,.16)}
body[data-page="checklist"] .audit-bar-progress::after{background:var(--lime)}
body[data-page="checklist"] .doc-header{padding:64px 0 54px;border:0;background:var(--forest);color:#F2F7EF}
body[data-page="checklist"] .checklist-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);align-items:center;gap:52px}
body[data-page="checklist"] .doc-marginal{color:#9DB5A0;font-family:var(--mono)}
body[data-page="checklist"] .doc-marginal::after{background:rgba(242,247,239,.22)}
body[data-page="checklist"] .doc-header h1{font-family:var(--display);font-style:normal;font-weight:650;color:#F2F7EF;letter-spacing:-.045em}
body[data-page="checklist"] .doc-header h1 em{background:none;color:var(--lime);font-style:normal}
body[data-page="checklist"] .doc-lede{color:#C9D8C7;font-family:var(--body)}
body[data-page="checklist"] .checklist-illustration{margin:0;border:1px solid rgba(242,247,239,.16);border-radius:16px;overflow:hidden;background:var(--forest-deep)}
body[data-page="checklist"] .checklist-illustration img{display:block;width:100%;height:auto}
body[data-page="checklist"] .section{border-color:var(--line);background:var(--porcelain)}
body[data-page="checklist"] .sec-num{background:var(--lime);color:var(--ink);border-radius:3px;padding:2px 7px}
body[data-page="checklist"] .sec-rule{background:var(--line)}
body[data-page="checklist"] .sec-title,body[data-page="checklist"] .audit-results-title{font-family:var(--display);font-style:normal;font-weight:650;color:var(--ink)}
body[data-page="checklist"] .sec-title em{color:var(--forest);font-style:normal}
body[data-page="checklist"] .checklist-item:hover{background:var(--white)}
body[data-page="checklist"] .checkbox{border-color:var(--forest)}
body[data-page="checklist"] .checklist-item.checked .checkbox{background:var(--lime);border-color:var(--lime)}
body[data-page="checklist"] .audit-cta{background:var(--forest-deep)}
body[data-page="checklist"] .audit-cta h2{font-family:var(--display);font-style:normal;font-weight:650}
body[data-page="checklist"] .footer{background:var(--forest);border:0;color:#C9D8C7}

body[data-page="guide"]{font-size:16.5px}
body[data-page="guide"] .masthead-inner{max-width:1260px;min-height:74px}
body[data-page="guide"] .masthead-cta,body[data-page="guide"] .primary-cta{padding:12px 19px}
body[data-page="guide"] .guide-hero{padding:84px 0 70px;border:0;background:var(--forest);color:#F2F7EF}
body[data-page="guide"] .guide-kicker,body[data-page="guide"] .eyebrow{color:#9DB5A0;font-family:var(--mono)}
body[data-page="guide"] .guide-hero h1{font-family:var(--display);font-size:clamp(52px,7.5vw,96px);font-weight:650;letter-spacing:-.055em;line-height:.94}
body[data-page="guide"] .guide-hero h1 em{color:var(--lime);font-style:normal}
body[data-page="guide"] .lede{font-family:var(--body);font-size:20px;line-height:1.5;color:#C9D8C7}
body[data-page="guide"] .guide-meta{border-color:rgba(242,247,239,.2);color:#9DB5A0}
body[data-page="guide"] .guide-layout{padding:70px 0;background:var(--porcelain)}
body[data-page="guide"] .guide-main h2,body[data-page="guide"] .side-note h2,body[data-page="guide"] .related-guides h2,body[data-page="guide"] .closing-cta h2{font-family:var(--display);font-weight:650;letter-spacing:-.035em}
body[data-page="guide"] .guide-main p,body[data-page="guide"] .guide-main li,body[data-page="guide"] .side-note p{font-family:var(--body);font-size:18px;line-height:1.6;color:var(--dim)}
body[data-page="guide"] .pull-note{border-left-color:var(--forest);border-radius:0 12px 12px 0;background:rgba(198,242,78,.38);font-family:var(--display);font-size:26px;font-weight:650}
body[data-page="guide"] .side-note{border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:none}
body[data-page="guide"] .side-note a{font-family:var(--body);font-size:14px;letter-spacing:0;text-transform:none}
body[data-page="guide"] .faq-block{border-color:var(--line)}
body[data-page="guide"] .faq-block summary{font-family:var(--display);font-weight:650}
body[data-page="guide"] .related-guides{background:var(--forest-deep)}
body[data-page="guide"] .related-grid{border-color:rgba(242,247,239,.16);background:rgba(242,247,239,.16);border-radius:16px;overflow:hidden}
body[data-page="guide"] .related-grid a{background:var(--forest-deep);transition:background .15s}
body[data-page="guide"] .related-grid a:hover{background:var(--forest)}
body[data-page="guide"] .related-grid strong{font-family:var(--display);font-weight:650}
body[data-page="guide"] .closing-cta{border:0;background:var(--white)}
body[data-page="guide"] .colophon{border:0;background:var(--forest);color:#C9D8C7;font-family:var(--mono);text-transform:none;letter-spacing:0}

body[data-page="not-found"]{min-height:100vh;background:var(--forest);color:#F2F7EF}
body[data-page="not-found"] .container{max-width:680px;padding:38px;border:1px solid rgba(242,247,239,.16);border-radius:20px;background:rgba(242,247,239,.04)}
body[data-page="not-found"] .marginal{color:var(--lime);font-family:var(--mono)}
body[data-page="not-found"] .marginal::before,body[data-page="not-found"] .marginal::after{background:var(--lime)}
body[data-page="not-found"] .errata,body[data-page="not-found"] h1{font-family:var(--display);font-style:normal;font-weight:650;color:#F2F7EF}
body[data-page="not-found"] h1 em{color:var(--lime);background:none;font-style:normal}
body[data-page="not-found"] p{font-family:var(--body);color:#C9D8C7}
body[data-page="not-found"] a.btn{border:0;border-radius:999px;background:var(--lime);color:var(--ink);font-family:var(--body);font-weight:700;letter-spacing:0;text-transform:none}
body[data-page="not-found"] a.btn:hover{background:var(--porcelain);border:0}
body[data-page="not-found"] .footnote,body[data-page="not-found"] .footnote a{color:#C9D8C7;font-family:var(--mono);text-transform:none;letter-spacing:0}

@media (max-width:900px){
  body[data-page] .container,body[data-page] .masthead-inner,body[data-page="checklist"] .masthead-inner{width:calc(100% - 40px)!important;max-width:1260px}
  body[data-page] .masthead-nav{display:none}
  body[data-page="partner"] .partner-hero-layout,body[data-page="checklist"] .checklist-hero-layout{grid-template-columns:1fr;gap:34px}
  body[data-page="partner"] .partner-illustration{max-width:560px}
  body[data-page="checklist"] .checklist-illustration{max-width:440px}
  body[data-page] h1,body[data-page] h2,body[data-page] h3,body[data-page] p,body[data-page] li{max-width:100%;overflow-wrap:anywhere}
}

@media (max-width:560px){
  body[data-page] .container,body[data-page] .masthead-inner,body[data-page="checklist"] .masthead-inner{min-height:66px;width:calc(100% - 32px)!important}
  body[data-page] .masthead-cta,body[data-page] .button{padding:10px 13px;font-size:13px}
  body[data-page="partner"] .nav a:first-child{display:none}
  body[data-page="partner"] .nav{margin-left:auto;min-width:0}
  body[data-page="partner"] h1,body[data-page="guide"] .guide-hero h1{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
  body[data-page="partner"] .hero,body[data-page="guide"] .guide-hero{padding:56px 0}
  body[data-page="partner"] h1,body[data-page="guide"] .guide-hero h1{font-size:42px}
  body[data-page="guide"] .mobile-break{display:inline}
  body[data-page="partner"] .terms{grid-template-columns:1fr}
  body[data-page="partner"] .terms>div+div{border-left:0;border-top:1px solid rgba(242,247,239,.18)}
  body[data-page="partner"] section{padding:64px 0}
  body[data-page="partner"] .rhythm article{border-right:0;border-bottom:1px solid rgba(242,247,239,.16)}
  body[data-page="guide"] .guide-layout{padding:54px 0}
  body[data-page="guide"] .guide-main p,body[data-page="guide"] .guide-main li{font-size:17px}
  body[data-page="guide"] .side-note{position:static}
  body[data-page="not-found"]{padding:20px}
  body[data-page="not-found"] .container{padding:28px 20px}
}