/* Built by tools/css/build.py from css/src/ for page type "property-types.suburban-residential". Do not edit: edit the source files. */
@layer tokens,board,inline,override;
/* ── base/elements.css ── */
@layer board{

/* The scrollbar's track is always reserved, so pages with and without a scrollbar centre the same and
   locking scroll (the open drawer) doesn't shift the page; the same as roamstays.com. */
html{scrollbar-gutter:stable}
body{margin:0;background:var(--roam-ref-palette-cream);color:var(--roam-ref-palette-forest);font-family:var(--roam-ref-typeface-body);font-size:var(--roam-ref-typescale-16);line-height:var(--roam-ref-leading-snug);-webkit-font-smoothing:antialiased}
a{color:var(--roam-ref-palette-teal-670);text-underline-offset:4px}
a:hover{color:var(--roam-ref-palette-forest)}
::selection{background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
:focus-visible{outline:2px solid var(--roam-ref-palette-gold);outline-offset:3px}
label{display:block;font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-semibold);margin-bottom:var(--roam-ref-spacing-6);color:var(--roam-ref-palette-forest-720)}
input,select{width:100%;box-sizing:border-box;min-height:50px;border:1px solid var(--roam-ref-palette-sand-190);border-radius:var(--roam-ref-shape-16);padding:0 var(--roam-ref-spacing-16);font:inherit;font-size:var(--roam-ref-typescale-16);background:var(--roam-ref-palette-white);color:var(--roam-ref-palette-forest)}
input::placeholder{color:var(--roam-ref-palette-stone-560)}
details{border-bottom:1px solid var(--roam-ref-palette-sand-150)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--roam-ref-spacing-20);padding:var(--roam-ref-spacing-24) 0;font-size:var(--roam-ref-typescale-18);font-weight:var(--roam-ref-weight-semibold)}
summary::-webkit-details-marker{display:none}
summary .pm{width:32px;height:32px;border-radius:50%;background:var(--roam-ref-palette-sand-90);display:grid;place-items:center;flex:none;transition:transform var(--roam-ref-duration-slow)}
details[open] summary .pm{transform:rotate(45deg);background:var(--roam-ref-palette-gold)}
details p{margin:0 0 var(--roam-ref-spacing-24);color:var(--roam-ref-palette-forest-720);max-width:68ch}
table{border-collapse:separate;border-spacing:0;width:100%}
th,td{padding:var(--roam-ref-spacing-18) var(--roam-ref-spacing-20);text-align:left;border-bottom:1px solid var(--roam-ref-palette-sand-150)}

}
/* Visitors who ask for less motion get none. Kept in layer override so it beats every component's
   transition and animation (the one place an override is the point). */
@layer override{
@media (prefers-reduced-motion:reduce){
*{transition:none;animation:none}
}
}
/* ── components/text.css ── */
@layer board{

.num{font-variant-numeric:tabular-nums}
.d{font-family:var(--roam-ref-typeface-display);letter-spacing:var(--roam-ref-tracking-display)}

}
/* ── base/inner-pages.css ── */
@layer board{










/* The smaller section heading (a column inside a section). */





















}@layer override{
}@layer board{
/* viewport fixes (final) */

@media (min-width:768px) and (max-width:1023px){
.rs-detail .roam-grid-card-3-133{row-gap:var(--roam-sys-space-gap)}
}}@layer override{
@media (max-width:1023px){
.bp[class] .roam-blog-layout{grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-40)}
}@media (min-width:768px) and (max-width:1023px){
.rs-detail .roam-grid-card-3-133{grid-template-columns:repeat(2,minmax(0,1fr))}
}}@layer board{







/* Flow: an eyebrow and the title it labels are one unit (coupled). The hero composes its own spacing. */
/* ═══ Token system on every other page ═══
   The inner pages size themselves through shared classes (roam-*, rs-*, gs-*; the np pages carry their own, components/np-*.css), so the tokens go on those.
   The homepage carries the same tokens inline from its build. */
/* Scope: every page's content wrapper (board pages .v3-page; template pages .rs-mk markets, .ix indexes,
   .fp field-guide listings, .bp posts, .ec ecosystem products, .sm sitemap, .lg legal, main careers).
   No !important: the page stylesheets point their own sizes, spacing and radii at the same tokens, so these
   rules and the boards agree instead of competing. */
/* Type. Page title: marketing pages take the hero step, content and utility pages (body.v3-content) the page step. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) h1{font-size:var(--roam-sys-type-hero)}
body.v3-content > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) h1{font-size:var(--roam-sys-type-page)}
/* Section titles are one size everywhere. Legal documents' headings are document headings, not page sections. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) h2{font-size:var(--roam-sys-type-section)}

body.v3-key-guarantee-terms > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) h2,body.v3-key-privacy-policy > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) h2{font-size:var(--roam-sys-type-card-lg)}
/* Card titles by card type: standard cards take card, the wide feature cards card-lg, step and stat headers small. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) h3:not(.roam-fg-detail-info-label,.roam-title-inline){font-size:var(--roam-sys-type-card)}


body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-block-eyebrow,.eyb) + :is(h1,h2,h3){margin-top:var(--roam-sys-flow-coupled)}
/* Flow: a title and the paragraph under it are related; a heading or paragraph and the grid after it, major. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(h1,h2) + p{margin-top:var(--roam-sys-flow-related)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(h2,p) + [class*="grid"]{margin-top:var(--roam-sys-flow-major)}
/* Section spacing. Page heroes keep their own composition. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) section.rs-sec{padding-top:var(--roam-sys-space-section-y);padding-bottom:var(--roam-sys-space-section-y)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-form-input,input[type="text"],input[type="email"],input[type="tel"],select,textarea){border-radius:var(--roam-sys-shape-lg)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) form:is(.roam-form,.card){border-radius:var(--roam-sys-shape-form)}
/* titles that sit inside cards or half-width columns step down a tier */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-card-timeline,.gq-doc) h2{font-size:var(--roam-sys-type-card-lg)}
@media (min-width:1024px){
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-grid-card-2) h2{font-size:var(--roam-sys-type-subsection)}
}body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-blog-prose,.roam-fg-detail-body) h2{font-size:var(--roam-sys-type-subsection)}

body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) section.roam-section:not(.roam-surface-hero,.roam-markets-hub-hero,.roam-fg-detail-body,.roam-fg-listing-section,.roam-fg-hub-section){padding-top:var(--roam-sys-space-section-y);padding-bottom:var(--roam-sys-space-section-y)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-dash-card:not(.roam-dash-card-hero),.roam-rollup-child-card,.mk-season){padding:var(--roam-sys-space-pad)}
}@layer override{




html body div.roam-btn-group > div.roam-btn.roam-btn-md.roam-btn-filled-gold > a{color:var(--roam-ref-palette-forest)}




/* Shared layout spec (roammgmt.com + roamstays.com): side gutter 12 / 16 / 24 / 32 at <480 / 480-767 / 768-1023 / >=1024,
   never wider than 32. The column is its own token, so the gutter can change without moving the content edge on wide screens. */







}
/* ── components/wrap.css ── */
@layer board{

.wrap{box-sizing:border-box;max-width:calc(var(--roam-sys-layout-column) + 2 * var(--roam-sys-space-page-x));margin:0 auto;padding:0 var(--roam-sys-space-page-x)}

}
/* ── components/button.css ── */
@layer board{

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-10);min-height:52px;padding:0 var(--roam-ref-spacing-28);border:0;border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest);font-size:var(--roam-ref-typescale-16);font-weight:var(--roam-ref-weight-semibold);text-decoration:none;color:var(--roam-ref-palette-cream);cursor:pointer;transition:background-color var(--roam-ref-duration-base),border-color var(--roam-ref-duration-base),color var(--roam-ref-duration-base)}
.btn:is(:hover,:focus-visible){background:var(--roam-ref-palette-forest-light);color:var(--roam-ref-palette-cream)}
.btn-gold{background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.btn-gold:is(:hover,:focus-visible){background:var(--roam-ref-palette-gold-370);color:var(--roam-ref-palette-forest)}
.btn-light{border:1px solid var(--roam-ref-palette-sand-150);background:var(--roam-ref-palette-white);color:var(--roam-ref-palette-forest)}
.btn-light:is(:hover,:focus-visible){border-color:var(--roam-ref-palette-gold);background:var(--roam-ref-palette-gold-60);color:var(--roam-ref-palette-forest)}
.btn-sm{gap:var(--roam-ref-spacing-8);min-height:32px;padding:0 var(--roam-ref-spacing-12);font-size:var(--roam-ref-typescale-13)}

.btn-line{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-10);min-height:52px;padding:0 var(--roam-ref-spacing-24);border:1.5px solid var(--roam-ref-palette-forest);border-radius:var(--roam-sys-shape-full);background:transparent;font-weight:var(--roam-ref-weight-semibold);text-decoration:none;color:var(--roam-ref-palette-forest);transition:background-color var(--roam-ref-duration-base),border-color var(--roam-ref-duration-base),color var(--roam-ref-duration-base)}
.btn-line:is(:hover,:focus-visible){background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream)}

}
/* ── components/np-page.css ── */
@layer board{

/* ── Page and type ───────────────────────────────────────────────────────────────────────────────────────── */
.np{background:var(--roam-ref-palette-cream);font-family:var(--roam-ref-typeface-body);color:var(--roam-ref-palette-forest)}
.np :is(h1,h2,h3){font-family:var(--roam-ref-typeface-display);letter-spacing:var(--roam-ref-tracking-display);color:var(--roam-ref-palette-forest)}
/* The margin reset weighs one class, so a heading's own class can space it. */
.np :where(h1,h2,h3){margin:0}
.np h2{font-size:var(--roam-sys-type-section)}
.np h3{font-size:var(--roam-sys-type-card)}
/* A paragraph straight after a heading sits one related step below it. */
.np :is(h1,h2) + p{margin-top:var(--roam-sys-flow-related)}
.np .ic{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── Section bands ───────────────────────────────────────────────────────────────────────────────────────── */
.np-sec{padding:var(--roam-sys-space-section-y) 0;border-top:1px solid var(--roam-ref-palette-sand-150)}
/* A band that continues the hero above it, without the rule. */
.np-sec--joined{border-top:0}
.np-white{background:var(--roam-ref-palette-white)}
.np-cream{background:var(--roam-ref-palette-cream)}
.np-dark{border-top:0;background:radial-gradient(60% 90% at 100% 0%,var(--roam-ref-palette-gold-a28),transparent 70%),radial-gradient(50% 80% at 0% 100%,var(--roam-ref-palette-teal-a22),transparent 70%),linear-gradient(135deg,var(--roam-ref-palette-forest) 0%,var(--roam-ref-palette-forest-820) 55%,var(--roam-ref-palette-forest-light) 100%);color:var(--roam-ref-palette-cream)}
.np-dark h2,.np-dark h3{color:var(--roam-ref-palette-cream)}

/* ── Hero ────────────────────────────────────────────────────────────────────────────────────────────────── */
.np-hero{position:relative;padding:var(--roam-ref-spacing-48) 0 var(--roam-ref-spacing-56);background:radial-gradient(55% 70% at 100% 0%,var(--roam-ref-palette-gold-a18),transparent 70%),radial-gradient(45% 60% at 0% 100%,var(--roam-ref-palette-teal-a12),transparent 70%),var(--roam-ref-palette-cream)}
/* The brand rule along the hero's foot. */
.np-hero::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.np-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--roam-ref-spacing-64)}
.np-hero h1{margin-top:var(--roam-ref-spacing-20);font-size:var(--roam-sys-type-hero);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-tight);text-wrap:balance}
.v3-content .np-hero h1{font-size:var(--roam-sys-type-page)}
.np-hero--doc .wrap{display:block}
/* The marked phrase in a title: a thick gold underline. */
.np-hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--roam-ref-palette-gold);text-decoration-thickness:6px;text-decoration-skip-ink:none;text-underline-offset:10px;color:var(--roam-ref-palette-forest)}

.np-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--roam-ref-spacing-8);font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-stone-610)}
.np-crumb a{font-weight:var(--roam-ref-weight-bold);text-decoration:none;color:var(--roam-ref-palette-teal-670)}

/* ── Headings and copy ───────────────────────────────────────────────────────────────────────────────────── */
.np-eye{margin:0;font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-lg);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.np-dark .np-eye{color:var(--roam-ref-palette-forest-190)}
.np-h2{margin-top:var(--roam-ref-spacing-12);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-tight);text-wrap:balance}
/* The short brand rule under a section heading. */
.np-h2::after{content:"";display:block;width:48px;height:3px;margin-top:var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-full);background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
/* A sub-heading inside a section's flow, well clear of what precedes it. */
.np-sub{margin-top:var(--roam-ref-spacing-56);font-weight:var(--roam-ref-weight-bold)}
.np-lead{max-width:62ch;margin:var(--roam-ref-spacing-20) 0 0;font-size:var(--roam-ref-typescale-20);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-720)}
.np-dark .np-lead{color:var(--roam-ref-palette-forest-190)}
.np-body{max-width:70ch;font-size:var(--roam-ref-typescale-18);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-800)}
.np-body p{margin:0 0 var(--roam-ref-spacing-18)}
.np-body a{text-decoration:underline;text-decoration-color:var(--roam-ref-palette-teal-670-a35);text-underline-offset:3px;color:var(--roam-ref-palette-teal-670)}
/* The figure under a hero title (e.g. "+$27,500 a year"), led by a short gold rule. */
.np-tag{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-10);margin-top:var(--roam-ref-spacing-18);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-20);font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-gold-640)}
.np-tag::before{content:"";width:28px;height:3px;border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold)}
.np-note{margin-top:var(--roam-ref-spacing-24);padding:var(--roam-sys-space-pad-sm);border-left:4px solid var(--roam-ref-palette-gold);border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-gold-60);font-size:var(--roam-ref-typescale-15);line-height:var(--roam-ref-leading-snug)}
/* A blank step between two blocks. */
.np-spacer{height:20px}

/* ── Buttons ─────────────────────────────────────────────────────────────────────────────────────────────── */
.np-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--roam-ref-spacing-12);margin-top:var(--roam-ref-spacing-32)}
.np-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-8);height:52px;padding:0 var(--roam-ref-spacing-28);border:1.5px solid transparent;border-radius:var(--roam-sys-shape-full);font-size:var(--roam-ref-typescale-16);font-weight:var(--roam-ref-weight-bold);text-decoration:none}
.np-btn .ic{width:16px;height:16px}
.np-btn-gold{background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.np-btn-gold:hover{background:var(--roam-ref-palette-gold-active)}
.np-btn-line{border-color:var(--roam-ref-palette-forest);background:transparent;color:var(--roam-ref-palette-forest)}
.np-dark .np-btn-line{border-color:var(--roam-ref-palette-cream-a45);color:var(--roam-ref-palette-cream)}
.np-back{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);height:36px;padding:0 var(--roam-ref-spacing-14);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-bold);text-decoration:none;color:var(--roam-ref-palette-teal-670)}
/* A link set in the brand teal, bold (inline in a document). */
.np-link-strong{font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-teal-670)}

/* ── Split: a sticky intro column beside the content (stacked under 1024px) ──────────────────────────────── */
.np-split{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--roam-ref-spacing-72)}

/* ── The hero visual ─────────────────────────────────────────────────────────────────────────────────────── */
.np-vis{position:relative;display:grid;place-items:center;padding:var(--roam-ref-spacing-16);border-radius:var(--roam-sys-shape-container);background:radial-gradient(70% 60% at 85% 10%,var(--roam-ref-palette-gold-a28),transparent 70%),radial-gradient(60% 60% at 0% 100%,var(--roam-ref-palette-teal-a16),transparent 70%),linear-gradient(150deg,var(--roam-ref-palette-gold-61) 0%,var(--roam-ref-palette-gold-130) 100%);box-shadow:0 1px 0 var(--roam-ref-palette-white-a70) inset,var(--roam-ref-shadow-5)}
.np-vis::before{content:"";position:absolute;inset:var(--roam-ref-spacing-12);border:1px solid var(--roam-ref-palette-white-a70);border-radius:var(--roam-sys-shape-card);pointer-events:none}
.np-vis svg{display:block;width:100%;height:auto;max-height:440px}
/* Holding the guarantee document (guarantee.php's .gq). */
.np-vis:has(.gq){padding:var(--roam-ref-spacing-32) var(--roam-ref-spacing-18) var(--roam-ref-spacing-20)}
.np-vis .gq-shield{display:block;width:26px;height:26px;max-height:none}

/* ── Badges and pills ────────────────────────────────────────────────────────────────────────────────────── */
.np-badges{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-12);margin-top:var(--roam-ref-spacing-32)}
.np-badge{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-10);height:48px;padding:0 var(--roam-ref-spacing-18) 0 var(--roam-ref-spacing-8);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-forest)}
.np-badge i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--roam-ref-palette-forest);font-style:normal;color:var(--roam-ref-palette-gold-270)}
.np-badge i .ic{width:16px;height:16px}
.np-dark .np-badge{border-color:var(--roam-ref-palette-cream-a18);background:var(--roam-ref-palette-cream-a8);color:var(--roam-ref-palette-cream)}
.np-pills{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-8);margin-top:var(--roam-ref-spacing-20)}
.np-pill{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);height:32px;padding:0 var(--roam-ref-spacing-14);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-forest)}
.np-pill .ic{width:15px;height:15px;color:var(--roam-ref-palette-gold-640)}
.np-pill.dev{border-color:transparent;background:var(--roam-ref-palette-teal-a12);color:var(--roam-ref-palette-teal-670)}
.np-pill.live{border-color:transparent;background:var(--roam-ref-palette-forest-soft-a12);color:var(--roam-ref-palette-forest-light)}
/* The confirmation chip on thank-you pages (green), or gold where the next step is pending. */
.np-confirm{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-10);height:36px;padding:0 var(--roam-ref-spacing-14);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest-soft-a12);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-forest-light)}
.np-confirm .ic{width:18px;height:18px}
.np-confirm--gold{background:var(--roam-ref-palette-gold-a16);color:var(--roam-ref-palette-gold-640)}

/* ── Link cards and search (thank-you pages, 404) ────────────────────────────────────────────────────────── */
.np-links{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-16);margin-top:var(--roam-ref-spacing-32)}
.np-link{display:flex;align-items:flex-start;gap:var(--roam-ref-spacing-14);padding:var(--roam-sys-space-pad-sm);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white);text-decoration:none;color:var(--roam-ref-palette-forest)}
.np-link .np-ic-tile{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-gold-a18);color:var(--roam-ref-palette-gold-640)}
.np-link .np-ic-tile .ic{width:20px;height:20px}
.np-link b{display:block;font-size:var(--roam-ref-typescale-18)}
.np-link span{display:block;margin-top:var(--roam-ref-spacing-4);font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-stone-610)}
.np-search{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-10);max-width:520px;margin-top:var(--roam-ref-spacing-28)}
.np-search input{flex:1;height:52px;padding:0 var(--roam-ref-spacing-18);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font:inherit;font-size:var(--roam-ref-typescale-16)}
.np-search button{height:52px;padding:0 var(--roam-ref-spacing-24);border:0;border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest);font:inherit;font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-cream)}

@media (min-width:768px){
.np-hero{padding:var(--roam-ref-spacing-72) 0 var(--roam-ref-spacing-96)}
/* Above a document (the guarantee terms): a shorter foot, and the title alone (no visual beside it). */
.np-hero--doc{padding-bottom:var(--roam-ref-spacing-56)}
.np-vis{padding:var(--roam-ref-spacing-32)}
.np-vis:has(.gq){padding:var(--roam-ref-spacing-40) var(--roam-ref-spacing-36) var(--roam-ref-spacing-36)}
.np-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.np-search{flex-direction:row}
}

@media (min-width:1024px){
.np-hero .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.np-split{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
.np-split>div:first-child{position:sticky;top:var(--roam-ref-spacing-96)}
.np-split h2{font-size:var(--roam-sys-type-subsection)}
.np-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}

}
/* ── components/np-blocks.css ── */
@layer board{

.np-n-3{--n:3}
.np-n-4{--n:4}

/* ── Cards ───────────────────────────────────────────────────────────────────────────────────────────────── */
.np-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-20);margin-top:var(--roam-ref-spacing-40)}
.np-card{position:relative;display:flex;flex-direction:column;padding:var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white)}
/* The highlighted card: a gold wash. */
.np-card.feature{border-color:var(--roam-ref-palette-gold-210);background:linear-gradient(180deg,var(--roam-ref-palette-gold-60),var(--roam-ref-palette-gold-110))}
.np-card .np-ic-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-teal-a14);color:var(--roam-ref-palette-teal-670)}
.np-card .np-ic-tile.gold{background:var(--roam-ref-palette-gold-a18);color:var(--roam-ref-palette-gold-640)}
.np-card .np-ic-tile.sage{background:var(--roam-ref-palette-sage-a20);color:var(--roam-ref-palette-olive-700)}
.np-card .np-ic-tile .ic{width:24px;height:24px}
.np-card h3{margin-top:var(--roam-ref-spacing-20);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-card)}
.np-card .np-kicker{margin-top:var(--roam-ref-spacing-16);font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.np-card .np-kicker + h3{margin-top:var(--roam-ref-spacing-6)}
.np-card p{margin:var(--roam-ref-spacing-12) 0 0;font-size:var(--roam-ref-typescale-16);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}
.np-card ul{margin:var(--roam-ref-spacing-16) 0 0;padding:0;list-style:none}
.np-card li{position:relative;padding:var(--roam-ref-spacing-8) 0 var(--roam-ref-spacing-8) var(--roam-ref-spacing-28);border-top:1px solid var(--roam-ref-palette-sand-90);font-size:var(--roam-ref-typescale-15);line-height:var(--roam-ref-leading-normal)}
/* Each list item is ticked: a green check in a sage disc. */
.np-card li::before{content:"";position:absolute;top:var(--roam-ref-spacing-12);left:0;width:18px;height:18px;border-radius:50%;background:var(--roam-ref-palette-sage-80) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6858' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
/* "Read more", pinned to the card's foot. */
.np-card a.np-more{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-6);margin-top:auto;padding-top:var(--roam-ref-spacing-20);font-weight:var(--roam-ref-weight-bold);text-decoration:none;color:var(--roam-ref-palette-teal-670)}
.np-card a.np-more .ic{width:16px;height:16px}

/* ── Steps: numbered discs on a brand line (the line shows from 1024px, when the steps share a row) ──────── */
.np-steps{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-32);margin-top:var(--roam-ref-spacing-48)}
.np-step{position:relative}
.np-step i{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--roam-ref-palette-gold);border-radius:50%;background:var(--roam-ref-palette-cream);box-shadow:0 0 0 8px var(--roam-ref-palette-white);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-16);font-style:normal;font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);color:var(--roam-ref-palette-forest)}
/* The disc's ring matches the band, so the line seems to pass behind it. */
.np-cream .np-step i{box-shadow:0 0 0 8px var(--roam-ref-palette-cream)}
.np-step h3{margin-top:var(--roam-ref-spacing-20);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-card)}
.np-step p{margin:var(--roam-ref-spacing-10) 0 0;font-size:var(--roam-ref-typescale-16);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}

/* ── Stat strip ──────────────────────────────────────────────────────────────────────────────────────────── */
.np-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;margin-top:var(--roam-ref-spacing-40);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-1),var(--roam-ref-shadow-4)}
/* --stat-rule: the dividers' colour (lighter on a dark band). */
.np-stat{--stat-rule:var(--roam-ref-palette-sand-90);padding:var(--roam-ref-spacing-24);border-left:1px solid var(--stat-rule)}
/* Two to a row on phones: rules between the pairs, not before each row's first. */
.np-stat:nth-child(odd){border-left:0}
.np-stat:nth-child(n+3){border-top:1px solid var(--stat-rule)}
.np-stat b{display:block;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-32);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);letter-spacing:var(--roam-ref-tracking-display);color:var(--roam-ref-palette-forest)}
.np-stat span{display:block;margin-top:var(--roam-ref-spacing-10);font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-stone-610)}
.np-dark .np-stats{border-color:var(--roam-ref-palette-cream-a14);background:var(--roam-ref-palette-cream-a6)}
.np-dark .np-stat{--stat-rule:var(--roam-ref-palette-cream-a14)}
.np-dark .np-stat b{color:var(--roam-ref-palette-cream)}
.np-dark .np-stat span{color:var(--roam-ref-palette-forest-190)}
/* The platform pills (components/ota.css) under a stat strip. */
.np-stats + .ota-pills{margin-top:var(--roam-sys-flow-major)}

/* ── Check list ──────────────────────────────────────────────────────────────────────────────────────────── */
.np-checks{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--roam-ref-spacing-40);margin-top:var(--roam-ref-spacing-40);padding:var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white)}
.np-check{display:flex;align-items:flex-start;gap:var(--roam-ref-spacing-14);padding:var(--roam-ref-spacing-18) 0;border-bottom:1px solid var(--roam-ref-palette-sand-90)}
.np-check:last-child{border-bottom:0}
.np-check .ic{width:22px;height:22px;margin-top:var(--roam-ref-spacing-2);color:var(--roam-ref-palette-forest-soft)}
.np-check b{display:block;font-size:var(--roam-ref-typescale-16)}
.np-check span{display:block;margin-top:var(--roam-ref-spacing-4);font-size:var(--roam-ref-typescale-15);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}

/* ── Answer box: the short answer, with its icon (above it on phones, in the margin from 768px) ─────────── */
.np-answer{position:relative;margin-top:var(--roam-ref-spacing-40);padding:var(--roam-ref-spacing-24) var(--roam-ref-spacing-20);border:1px solid var(--roam-ref-palette-gold-210);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-4)}
.np-answer .np-answer-ic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-gold-270)}
.np-answer .np-answer-ic .ic{width:20px;height:20px}
.np-answer .np-eye{margin-bottom:var(--roam-ref-spacing-8)}
.np-answer p{margin:0;font-size:var(--roam-ref-typescale-18);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest)}
.np-answer strong{font-weight:var(--roam-ref-weight-bold)}

/* ── FAQ (details/summary; the open item lifts) ──────────────────────────────────────────────────────────── */
.np-faq{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-12)}
.np-faq-i{padding:var(--roam-sys-space-pad);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white)}
.np-faq-i[open]{border-color:var(--roam-ref-palette-sand-260);box-shadow:var(--roam-ref-shadow-4)}
.np-faq-i summary{display:flex;align-items:center;justify-content:space-between;gap:var(--roam-ref-spacing-20);padding:var(--roam-ref-spacing-20) 0;font-size:var(--roam-ref-typescale-18);font-weight:var(--roam-ref-weight-bold);list-style:none;cursor:pointer}
.np-faq-i summary::-webkit-details-marker{display:none}
.np-faq-i summary::after{content:"+";display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--roam-ref-palette-sand-90);font-weight:var(--roam-ref-weight-medium)}
.np-faq-i[open] summary::after{content:"×";background:var(--roam-ref-palette-gold)}
.np-faq-a p{margin:0 0 var(--roam-ref-spacing-20);font-size:var(--roam-ref-typescale-16);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-720)}

/* ── Roles (careers) ─────────────────────────────────────────────────────────────────────────────────────── */
.np-roles{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-16);margin-top:var(--roam-ref-spacing-32)}
.np-role{display:block;padding:var(--roam-sys-space-pad-sm);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white);text-decoration:none;color:var(--roam-ref-palette-forest)}
.np-role small{display:block;font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.np-role b{display:block;margin-top:var(--roam-ref-spacing-6);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-20);line-height:var(--roam-ref-leading-card)}
.np-role span{display:block;margin-top:var(--roam-ref-spacing-8);font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}

/* ── Quote ───────────────────────────────────────────────────────────────────────────────────────────────── */
.np-quote{margin-top:var(--roam-ref-spacing-32);padding:var(--roam-ref-spacing-28) var(--roam-ref-spacing-32);border-left:4px solid var(--roam-ref-palette-gold);border-radius:0 var(--roam-sys-shape-xl) var(--roam-sys-shape-xl) 0;background:var(--roam-ref-palette-white);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-24);line-height:var(--roam-ref-leading-cozy);color:var(--roam-ref-palette-forest)}
.np-quote cite{display:block;margin-top:var(--roam-ref-spacing-12);font-family:var(--roam-ref-typeface-body);font-size:var(--roam-ref-typescale-14);font-style:normal;font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-stone-610)}

/* ── Ecosystem catalogue: categories, each a sticky intro beside its products; each category sets its
   accent (--acc, its dark --acc-d and tint --acc-t) ─────────────────────────────────────────────────────── */
.np-catnav{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-10);margin-top:var(--roam-ref-spacing-28)}
.np-catnav a{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);height:40px;padding:0 var(--roam-ref-spacing-16);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-bold);text-decoration:none;color:var(--roam-ref-palette-forest)}
.np-catnav a i{width:10px;height:10px;border-radius:50%;background:var(--acc)}
.np-catnav a b{font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-stone-610)}
.np-cat{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--roam-ref-spacing-32)}
.np-cat + .np-cat{margin-top:var(--roam-ref-spacing-48);padding-top:var(--roam-ref-spacing-48);border-top:1px solid var(--roam-ref-palette-sand-150)}
.np-cat-meta h2{margin-top:var(--roam-ref-spacing-16);font-size:var(--roam-sys-type-subsection);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-heading)}
.np-cat-meta p{margin-top:var(--roam-ref-spacing-12);font-size:var(--roam-ref-typescale-18);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}
.np-cat-meta .np-count{margin-top:var(--roam-ref-spacing-16);font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-md);text-transform:uppercase;color:var(--acc-d)}
.np-cat-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--roam-sys-shape-inset);background:var(--acc-t);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-16);font-weight:var(--roam-ref-weight-bold);color:var(--acc-d)}
.np-prods{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-20)}
.np-prod{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:var(--roam-ref-spacing-28);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-1),var(--roam-ref-shadow-4)}
/* The category's accent along the card's top edge. */
.np-prod::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:var(--acc)}
.np-prod-top{display:flex;align-items:center;gap:var(--roam-ref-spacing-14)}
.np-prod-ic{display:grid;flex:none;place-items:center;width:56px;height:56px;border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-forest);color:var(--acc)}
.np-prod-ic .ic{width:26px;height:26px}
.np-prod-kick{font-size:var(--roam-ref-typescale-11);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-lg);text-transform:uppercase;color:var(--acc-d)}
.np-prod h3{margin-top:var(--roam-ref-spacing-2);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-heading)}
.np-prod h3 small{font-family:var(--roam-ref-typeface-body);font-size:var(--roam-ref-typescale-15);font-weight:var(--roam-ref-weight-semibold);letter-spacing:0;color:var(--roam-ref-palette-stone-610)}
.np-prod p{flex:1;margin-top:var(--roam-ref-spacing-16);font-size:var(--roam-ref-typescale-16);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}
.np-prod .np-pill{align-self:flex-start;height:26px;margin-top:var(--roam-ref-spacing-16);padding:0 var(--roam-ref-spacing-10);font-size:var(--roam-ref-typescale-11);letter-spacing:var(--roam-ref-tracking-xs);text-transform:uppercase}
.np-prod a{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--roam-ref-spacing-6);height:40px;margin-top:var(--roam-ref-spacing-20);padding:0 var(--roam-ref-spacing-16);border:1.5px solid var(--acc);border-radius:var(--roam-sys-shape-full);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-bold);text-decoration:none;color:var(--acc-d)}
.np-prod a .ic{width:15px;height:15px}
/* The ecosystem diagram's icons, each in its product's colour. */
.eco-ic--teal{color:var(--roam-ref-palette-teal)}
.eco-ic--gold{color:var(--roam-ref-palette-gold)}
.eco-ic--sage{color:var(--roam-ref-palette-sage)}
.eco-ic--sand{color:var(--roam-ref-palette-sand-400)}
.eco-ic--forest{color:var(--roam-ref-palette-forest-soft)}

@media (min-width:768px){
.np-cards,.np-steps,.np-checks,.np-prods,.np-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
.np-prods.one{grid-template-columns:minmax(0,1fr)}
.np-stats{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.np-stat:nth-child(odd){border-left:1px solid var(--stat-rule)}
.np-stat:first-child{border-left:0}
.np-stat:nth-child(n+3){border-top:0}
.np-stat b{font-size:var(--roam-ref-typescale-40)}
.np-check:nth-last-child(2){border-bottom:0}
.np-answer{padding:var(--roam-ref-spacing-28) var(--roam-ref-spacing-32) var(--roam-ref-spacing-28) var(--roam-ref-spacing-80)}
.np-answer .np-answer-ic{position:absolute;top:var(--roam-ref-spacing-28);left:var(--roam-ref-spacing-28);margin-bottom:0}
.np-cat + .np-cat{margin-top:var(--roam-ref-spacing-72);padding-top:var(--roam-ref-spacing-72)}
}

@media (min-width:1024px){
.np-cards{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}
.np-steps{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.np-steps::before{content:"";position:absolute;top:var(--roam-ref-spacing-28);right:var(--roam-ref-spacing-28);left:var(--roam-ref-spacing-28);height:2px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.np-roles{grid-template-columns:repeat(3,minmax(0,1fr))}
.np-cat{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--roam-ref-spacing-56)}
.np-cat-meta{position:sticky;top:var(--roam-ref-spacing-96)}
}

}
/* ── components/np-data.css ── */
@layer board{

/* ── Comparison table: ROAM's column (.us) stands out; on phones the table scrolls sideways in its frame ── */
.np-table{overflow:auto hidden;margin-top:var(--roam-ref-spacing-40);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white)}
.np-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:var(--roam-ref-typescale-15)}
.np-table :is(th,td){padding:var(--roam-ref-spacing-18) var(--roam-ref-spacing-20);border-top:1px solid var(--roam-ref-palette-sand-90);line-height:var(--roam-ref-leading-normal);text-align:left;vertical-align:top}
.np-table thead th{border-top:0;background:var(--roam-ref-palette-cream);font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-stone-610)}
.np-table thead th.us{background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-gold-270)}
.np-table td.us{background:var(--roam-ref-palette-sage-40);box-shadow:inset 3px 0 0 var(--roam-ref-palette-forest-soft);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-forest)}
.np-table th[scope=row]{width:22%;font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-forest)}

/* ── Before and after: two columns and the change between them (stacked on phones) ───────────────────── */
.np-ba{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:var(--roam-ref-spacing-20);margin-top:var(--roam-ref-spacing-40)}
.np-ba-col{padding:var(--roam-sys-space-pad);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white)}
.np-ba-col.after{border-color:var(--roam-ref-palette-forest);background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream)}
/* The column's label, not a heading step: small capitals in the body face. */
.np-ba-col h3{font-family:var(--roam-ref-typeface-body);font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-lg);text-transform:uppercase;color:var(--roam-ref-palette-stone-610)}
.np-ba-col.after h3{color:var(--roam-ref-palette-cream)}
.np-ba-col dl{display:grid;grid-template-columns:1fr 1fr;gap:var(--roam-ref-spacing-16);margin:var(--roam-ref-spacing-16) 0 0}
.np-ba-col dt{font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}
.np-ba-col.after dt{color:var(--roam-ref-palette-forest-190)}
.np-ba-col dd{margin:var(--roam-ref-spacing-4) 0 0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-28);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);letter-spacing:var(--roam-ref-tracking-display)}
/* Revenue, the figure that matters, spans the column. */
.np-ba-col .rev{grid-column:1/-1;padding-top:var(--roam-ref-spacing-16);border-top:1px solid var(--roam-ref-palette-sand-90)}
.np-ba-col.after .rev{border-color:var(--roam-ref-palette-cream-a14)}
.np-ba-col .rev dd{font-size:var(--roam-ref-typescale-40)}
.np-ba-mid{display:grid;grid-auto-flow:column;place-items:center;align-content:center;justify-content:start;gap:var(--roam-ref-spacing-10);text-align:left}
.np-ba-mid .arrow{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.np-ba-mid .arrow .ic{width:24px;height:24px}
.np-ba-mid b{font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-28);color:var(--roam-ref-palette-forest-light)}
.np-ba-mid span{font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}

/* ── Bar comparison: each row a label, its tracks (this property's in the brand gradient) and a figure ── */
.np-bars{display:grid;gap:var(--roam-ref-spacing-18);margin-top:var(--roam-ref-spacing-32)}
.np-bar-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:var(--roam-ref-spacing-16)}
.np-bar-row>b{grid-column:1/-1;font-size:var(--roam-ref-typescale-15)}
.np-bar-row>em{font-style:normal;font-weight:var(--roam-ref-weight-bold);text-align:right;color:var(--roam-ref-palette-forest-light)}
.np-bar-trk{display:grid;gap:var(--roam-ref-spacing-6)}
.np-bar-trk i{display:block;height:14px;border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-sand-190)}
.np-bar-trk i.a{background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.np-bar-trk small{font-size:var(--roam-ref-typescale-12);color:var(--roam-ref-palette-stone-610)}
.np-legend{display:flex;gap:var(--roam-ref-spacing-20);margin-top:var(--roam-ref-spacing-16);font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}
.np-legend span::before{content:"";display:inline-block;width:12px;height:12px;margin-right:var(--roam-ref-spacing-6);border-radius:var(--roam-ref-shape-4);background:var(--roam-ref-palette-sand-190);vertical-align:-1px}
.np-legend span.a::before{background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-gold))}
.np-legend span.pk::before{background:var(--roam-ref-palette-gold)}
.np-legend span.sh::before{background:var(--roam-ref-palette-sage)}
.np-legend span.lo::before{background:var(--roam-ref-palette-teal-160)}

/* ── Factor: one big multiplier beside its explanation, then where this property sits on the scale ─────── */
.np-factor{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--roam-ref-spacing-12);margin-top:var(--roam-ref-spacing-32);padding:var(--roam-sys-space-pad-lg);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white)}
/* A display numeral: off the type scale on purpose. */
.np-factor b{font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-56);line-height:var(--roam-ref-leading-none);letter-spacing:var(--roam-ref-tracking-display);color:var(--roam-ref-palette-forest)}
.np-factor p{margin:0;font-size:var(--roam-ref-typescale-16);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}
.np-scale{display:grid;gap:var(--roam-ref-spacing-10);margin-top:var(--roam-ref-spacing-20)}
.np-scale div{display:grid;grid-template-columns:120px minmax(0,1fr) 44px;align-items:center;gap:var(--roam-ref-spacing-14);font-size:var(--roam-ref-typescale-13)}
.np-scale div a{font-weight:var(--roam-ref-weight-semibold);text-decoration:none;color:var(--roam-ref-palette-forest)}
.np-scale div i{display:block;height:10px;border-radius:var(--roam-ref-shape-4);background:var(--roam-ref-palette-sand-190)}
.np-scale div em{font-style:normal;font-weight:var(--roam-ref-weight-bold);text-align:right}
/* This property's row. */
.np-scale div.on i{background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.np-scale div.on a{font-weight:800}

/* ── Monthly bars: twelve months, peak (.pk), shoulder (.sh) and low (.lo) season ───────────────────────── */
.np-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:var(--roam-ref-spacing-4);height:130px;margin-top:var(--roam-ref-spacing-32);padding:var(--roam-sys-space-pad-sm);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white)}
.np-months div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--roam-ref-spacing-6);height:100%}
.np-months i{display:block;width:100%;border-radius:var(--roam-ref-shape-sm) var(--roam-ref-shape-sm) var(--roam-ref-shape-4) var(--roam-ref-shape-4);background:var(--roam-ref-palette-sand-190)}
.np-months i.pk{background:var(--roam-ref-palette-gold)}
.np-months i.sh{background:var(--roam-ref-palette-sage)}
.np-months i.lo{background:var(--roam-ref-palette-teal-160)}
.np-months small{font-size:var(--roam-ref-typescale-10);font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-stone-610)}

@media (min-width:768px){
.np-table{overflow:hidden}
.np-table table{min-width:auto}
.np-ba{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.np-ba-col dd{font-size:var(--roam-ref-typescale-36)}
.np-ba-col .rev dd{font-size:var(--roam-ref-typescale-48)}
.np-ba-mid{grid-auto-flow:row;justify-content:normal;text-align:center}
.np-ba-mid span{max-width:120px}
.np-bar-row{grid-template-columns:150px minmax(0,1fr) 92px}
.np-bar-row>b{grid-column:auto}
.np-factor{grid-template-columns:auto minmax(0,1fr);gap:var(--roam-ref-spacing-28)}
.np-factor b{font-size:var(--roam-ref-typescale-64)}
.np-scale div{grid-template-columns:200px minmax(0,1fr) 52px;font-size:var(--roam-ref-typescale-14)}
.np-months{gap:var(--roam-ref-spacing-6);height:160px}
.np-months small{font-size:var(--roam-ref-typescale-11)}
}

}
/* ── components/button--53-inner-pages.css ── */
@layer board{
.bar-sm{display:none}
@media (max-width:767px){
.bar-lg{display:none}
.bar-sm{display:inline}
}.rs-hero{position:relative;overflow:hidden;background:var(--roam-ref-palette-cream);padding:var(--roam-ref-spacing-72) 0 var(--roam-ref-spacing-64)}
.rs-hero::before{content:"";position:absolute;right:-160px;top:-128px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(198,151,91,.16),rgba(198,151,91,0) 70%);pointer-events:none}
.rs-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.rs-sec{padding:var(--roam-ref-spacing-96) 0}
.roam-back-link a{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-6);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-teal-670);text-decoration:none}
.roam-back-link a:hover{color:var(--roam-ref-palette-forest)}
.roam-block-eyebrow{margin:0;font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.roam-title-headline,.roam-display{font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-semibold);font-size:var(--roam-ref-typescale-64);line-height:var(--roam-ref-leading-tight);letter-spacing:var(--roam-ref-tracking-display);margin:0;max-width:18ch;text-wrap:balance;color:var(--roam-ref-palette-forest)}
.roam-display em,.roam-title-headline em{font-style:normal;color:var(--roam-ref-palette-gold-640);background:linear-gradient(transparent 82%,rgba(198,151,91,.55) 82%)}
.roam-title-section{font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-semibold);font-size:var(--roam-ref-typescale-48);line-height:var(--roam-ref-leading-heading);letter-spacing:var(--roam-ref-tracking-display);margin:0;max-width:22ch;text-wrap:balance}
.roam-title-subsection{font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-semibold);font-size:var(--roam-ref-typescale-36);line-height:var(--roam-ref-leading-heading);letter-spacing:var(--roam-ref-tracking-display);margin:0;text-wrap:balance}
.roam-body-lg{font-size:var(--roam-ref-typescale-20);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720);margin:0;max-width:62ch}
.roam-section-border{display:none}
.roam-grid-card-3-133:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.roam-grid-card-3-133:has(> :nth-child(4):last-child) .roam-title-card{font-size:var(--roam-sys-type-card)}
svg[class^=roam-icon],.roam-icon-check,.roam-icon-inline{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.roam-btn svg,.roam-icon-box svg,.roam-btn-arrow{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.roam-grid-card-1,.roam-grid-card-2,.roam-grid-card-3-133,.roam-grid-card-4{display:grid;gap:var(--roam-ref-spacing-16)}
.roam-grid-card-1{grid-template-columns:minmax(0,1fr)}
.roam-grid-card-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.roam-grid-card-3-133{grid-template-columns:repeat(3,minmax(0,1fr))}
.roam-grid-card-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.roam-card-icon-three,.roam-card-pill-three,.roam-card-content,.roam-card-stat,.roam-card-addon,.roam-card-quote{position:relative;background:var(--roam-ref-palette-white);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-ref-shape-xl);padding:var(--roam-ref-spacing-28);box-shadow:var(--roam-ref-shadow-1),var(--roam-ref-shadow-3);min-width:0}
.roam-outcome-card{background:var(--roam-ref-palette-white);border:1px solid var(--roam-ref-palette-sand-150);border-left:3px solid var(--roam-ref-palette-gold);border-radius:0 var(--roam-ref-shape-16) var(--roam-ref-shape-16) 0;padding:var(--roam-ref-spacing-18) var(--roam-ref-spacing-24)}
.roam-process-header{display:flex;align-items:center;gap:var(--roam-ref-spacing-12)}
.roam-included-item{display:flex;align-items:center;gap:var(--roam-ref-spacing-12);padding:var(--roam-ref-spacing-12) 0;border-bottom:1px solid var(--roam-ref-palette-sand-90)}
.roam-included-item svg{width:20px;height:20px;flex:none;color:var(--roam-ref-palette-forest-soft);stroke:var(--roam-ref-palette-forest-soft)}
.roam-btn-group{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-12);align-items:center}
.roam-btn{display:inline-flex}
.roam-btn>a,button.roam-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-10);min-height:48px;padding:0 var(--roam-ref-spacing-24);border-radius:var(--roam-ref-shape-full);font:inherit;font-weight:var(--roam-ref-weight-semibold);font-size:var(--roam-ref-typescale-15);text-decoration:none;cursor:pointer;border:1.5px solid var(--roam-ref-palette-forest);background:transparent;color:var(--roam-ref-palette-forest);box-sizing:border-box;transition:background var(--roam-ref-duration-base),color var(--roam-ref-duration-base)}
.roam-btn>a svg,button.roam-btn svg{width:16px;height:16px;flex:none}
.roam-btn-filled-gold>a,button.roam-btn-filled-gold{background:var(--roam-ref-palette-gold);border-color:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.roam-btn-filled-gold>a:hover,button.roam-btn-filled-gold:hover{background:var(--roam-ref-palette-gold-active);border-color:var(--roam-ref-palette-gold-active)}
.roam-btn-ghost-teal>a:hover,.roam-btn-ghost-gold>a:hover{background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream)}
.roam-btn-full,.roam-btn-full>a{width:100%}
.roam-btn-nowrap>a{white-space:nowrap}
.roam-icon-box{width:44px;height:44px;border-radius:var(--roam-ref-shape-lg);display:grid;place-items:center;flex:none}
.roam-icon-box svg{width:22px;height:22px}
.roam-form-label svg{width:14px;height:14px}
.roam-form-input:focus,.roam-form-select:focus{outline:2px solid var(--roam-ref-palette-gold);outline-offset:-1px}
.roam-form-footer,.roam-form-disclaimer{text-align:center}
.roam-tier-card .roam-btn,.roam-tier-card .roam-btn>a{width:100%}
.roam-card-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--roam-ref-spacing-20);padding:var(--roam-ref-spacing-20) 0;font-size:var(--roam-ref-typescale-18);font-weight:var(--roam-ref-weight-semibold)}
.roam-card-faq summary::-webkit-details-marker{display:none}
.roam-card-faq summary::after{content:"+";width:32px;height:32px;border-radius:50%;background:var(--roam-ref-palette-sand-90);display:grid;place-items:center;flex:none;font-weight:var(--roam-ref-weight-medium)}
.roam-card-faq[open] summary::after{content:"×";background:var(--roam-ref-palette-gold)}
.roam-card-faq>*:not(summary){margin:0 0 var(--roam-ref-spacing-20);color:var(--roam-ref-palette-forest-720);max-width:68ch}
.roam-quote-icon svg{width:22px;height:22px}
@media (max-width:767px){
.roam-card-pill-three .roam-grid-card-2,.roam-card-content .roam-grid-card-2{grid-template-columns:minmax(0,1fr)}
#calc-results .roam-grid-card-3-133{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--roam-ref-spacing-8)}
#calc-results .roam-card-stat-std{padding:var(--roam-ref-spacing-12) var(--roam-ref-spacing-10)}
#calc-results .roam-card-stat-std .roam-card-stat-num{font-size:var(--roam-ref-typescale-20)}
}}@layer override{
/* Declarations that used to be flagged important: they beat the board rules and the page's inline values. */
.roam-step-number{color:var(--roam-ref-palette-gold-640)}
.roam-form-success,.roam-guide-success{display:none}
.roam-form-footer,.roam-form-disclaimer{margin-top:var(--roam-ref-spacing-12)}
.roam-mt-section{margin-top:var(--roam-ref-spacing-56)}
}
/* ── pages/rs-sec--30-inner-pages.css ── */
@layer board{
.rs-hero .wrap{position:relative}
.rs-sec.rs-white{background:var(--roam-ref-palette-white);border-top:1px solid var(--roam-ref-palette-sand-150)}
.rs-sec.rs-cream{background:var(--roam-ref-palette-cream)}
.rs-sec.rs-stone{background:var(--roam-ref-palette-sand-90)}
.rs-sec .wrap>*:first-child{margin-top:0}
.rs-sec .wrap>* + *{margin-top:var(--roam-ref-spacing-20)}
.rs-hero .wrap>* + *{margin-top:var(--roam-ref-spacing-16)}
.rs-sec .roam-block-eyebrow + .roam-title-section,.rs-sec .roam-block-eyebrow + .roam-title-subsection{margin-top:var(--roam-ref-spacing-10)}
.rs-sec .roam-grid-card-1,.rs-sec .roam-grid-card-2,.rs-sec .roam-grid-card-3-133,.rs-sec .roam-grid-card-4,.rs-hero .roam-grid-card-2,.rs-hero .roam-grid-card-3-133,.rs-hero .roam-grid-card-4{margin-top:var(--roam-ref-spacing-36)}
.rs-white .roam-card-icon-three,.rs-white .roam-card-pill-three,.rs-white .roam-card-content,.rs-white .roam-card-stat,.rs-white .roam-card-addon,.rs-white .roam-card-quote{background:var(--roam-ref-palette-cream);box-shadow:none}
.roam-card-icon-three .roam-btn-group,.roam-card-pill-three .roam-btn-group{margin-top:var(--roam-ref-spacing-20)}
.roam-card-pill-three>.roam-icon-box+.roam-badge-pill-inline,.roam-card-icon-three>.roam-icon-box+.roam-badge-pill-inline{margin-top:var(--roam-ref-spacing-16)}
.roam-card-pill-three>.roam-badge-pill-inline+.roam-title-card,.roam-card-icon-three>.roam-badge-pill-inline+.roam-title-card,.roam-card-content>.roam-badge-pill-inline+.roam-title-card{margin-top:var(--roam-ref-spacing-8)}
.rs-white .roam-outcome-card{background:var(--roam-ref-palette-cream)}
.roam-outcome-card .roam-card-body{font-size:var(--roam-ref-typescale-16);color:var(--roam-ref-palette-forest)}
.roam-card-icon-three>.roam-step-number{margin-bottom:var(--roam-ref-spacing-6)}
.roam-included-item .roam-card-body{font-size:var(--roam-ref-typescale-16);color:var(--roam-ref-palette-forest);font-weight:var(--roam-ref-weight-medium)}
.roam-form-group+.roam-form-group,.roam-grid-card-2+.roam-form-group,.roam-form-group+.roam-grid-card-2{margin-top:var(--roam-ref-spacing-14)}
.roam-card-pill-three .roam-grid-card-2,.roam-card-content .roam-grid-card-2{margin-top:var(--roam-ref-spacing-14);gap:var(--roam-ref-spacing-14)}
.roam-form-error:empty{display:none}
.roam-badge-tag-dark:hover{border-color:var(--roam-ref-palette-gold)}
.roam-card-stat-std .roam-card-stat-num{font-size:var(--roam-ref-typescale-24)}
.roam-tier-wrapper>.roam-badge-pill-neutral,.roam-tier-wrapper>.roam-badge-pill-gold{position:absolute;top:-14px;left:var(--roam-ref-spacing-24);z-index:var(--roam-ref-z-raised)}
.roam-tier-card .roam-card-stat-num{font-size:var(--roam-ref-typescale-36);margin-top:var(--roam-ref-spacing-4)}
.roam-tier-card .roam-card-body{display:flex;gap:var(--roam-ref-spacing-10);align-items:flex-start;font-size:var(--roam-ref-typescale-14);margin-top:var(--roam-ref-spacing-10)}
.roam-tier-card .roam-card-body svg{width:16px;height:16px;flex:none;margin-top:var(--roam-ref-spacing-4);color:var(--roam-ref-palette-forest-soft)}
.roam-tier-card .roam-btn-group{margin-top:auto;padding-top:var(--roam-ref-spacing-24)}
.roam-product-tile:hover{border-color:var(--roam-ref-palette-gold)}
}
/* ── components/grid.css ── */
@layer board{

.g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-sys-space-gap)}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}

@media (min-width:768px){
.g-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-md-2>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - var(--roam-sys-space-gap) / 2)}
}

@media (min-width:1024px){
.g-lg-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-lg-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.g-md-2>:last-child:nth-child(odd){grid-column:auto;justify-self:auto;width:auto}
}

}
/* ── sections/gs--55-inner-pages.css ── */
@layer override{
.gs-h{font-size:var(--roam-ref-typescale-32)}@media (min-width:768px){.gs-h{font-size:revert-layer}}}
/* ── sections/np--18-inner-pages.css ── */
@layer board{














































































}@layer override{
/* Declarations that used to be flagged important: they beat the board rules and the page's inline values. */

}
/* ── sections/np--16-inner-pages.css ── */
@layer board{











.acc-teal{--acc:#5B8FA8;--acc-d:#2F5F77;--acc-t:rgba(91,143,168,.14)}
.acc-gold{--acc:#C6975B;--acc-d:#8A6330;--acc-t:rgba(198,151,91,.18)}
.acc-sage{--acc:#A89E7B;--acc-d:#5F5838;--acc-t:rgba(168,158,123,.2)}
.acc-forest{--acc:#3D6858;--acc-d:#2A4A40;--acc-t:rgba(61,104,88,.14)}
.acc-ink{--acc:#B9A27A;--acc-d:#6E5A3A;--acc-t:rgba(185,162,122,.2)}



















































}@layer override{



}
/* ── pages/v3-page.css ── */
@layer board{

}
/* ── components/card--53-inner-pages.css ── */
@layer board{
.roam-tier-card-recommended .roam-card-body svg{color:var(--roam-ref-palette-gold-640)}
}
/* ── sections/gq--13-inner-pages.css ── */
@layer board{
/* guarantee hero v2 */


.gq-doc::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.gq-hd small{font:700 11px/1 'Hanken Grotesk',sans-serif;letter-spacing:var(--roam-ref-tracking-lg);color:var(--roam-ref-palette-gold-640)}
.gq-hd em{font:600 11px/1 'Hanken Grotesk',sans-serif;font-style:normal;color:var(--roam-ref-palette-stone-440);padding-left:var(--roam-ref-spacing-10);border-left:1px solid var(--roam-ref-palette-sand-150)}
.gq-doc h2{margin:var(--roam-ref-spacing-12) 0 var(--roam-ref-spacing-18);padding-right:var(--roam-ref-spacing-80);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card-lg);font-weight:var(--roam-ref-weight-bold);line-height:1.15;letter-spacing:var(--roam-ref-tracking-display);color:var(--roam-ref-palette-forest)}
.gq-doc ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.gq-doc li>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--roam-ref-shape-sm);background:var(--roam-ref-palette-sand-80);border:1px solid var(--roam-ref-palette-gold-200);box-sizing:border-box;font:700 13px/1 'Bricolage Grotesque',sans-serif;color:var(--roam-ref-palette-gold-640)}
.gq-doc li:last-child>span{background:var(--roam-ref-palette-gold);border-color:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-white)}
.gq-doc li b{display:block;font:700 15px/1.3 'Hanken Grotesk',sans-serif;color:var(--roam-ref-palette-forest)}
.gq-doc li small{display:block;margin-top:var(--roam-ref-spacing-2);font:500 13px/1.4 'Hanken Grotesk',sans-serif;color:var(--roam-ref-palette-stone-610)}
.gq-doc li:last-child small{color:var(--roam-ref-palette-forest);font-weight:var(--roam-ref-weight-bold)}
.gq-sign span{padding-top:var(--roam-ref-spacing-8);border-top:1.5px solid var(--roam-ref-palette-forest);font:600 11px/1.2 'Hanken Grotesk',sans-serif;letter-spacing:var(--roam-ref-tracking-xs);color:var(--roam-ref-palette-stone-610)}
.gq-seal::before{content:"";position:absolute;inset:var(--roam-ref-spacing-8);border-radius:50%;border:1px dashed rgba(227,192,143,.55)}
.gq-seal b{font:700 24px/1 'Bricolage Grotesque',sans-serif;letter-spacing:var(--roam-ref-tracking-display)}
.gq-seal small{font:700 8.5px/1 'Hanken Grotesk',sans-serif;letter-spacing:var(--roam-ref-tracking-xl);text-transform:uppercase;color:var(--roam-ref-palette-gold-270)}
@media (max-width:767px){


.gq-seal b{font-size:var(--roam-ref-typescale-20)}
}@media (min-width:768px){.gq-doc h2{padding-right:var(--roam-ref-spacing-96)}}
}@layer override{

}
/* ── sections/np--16-inner-pages-2.css ── */
@layer board{















}
/* ── sections/np--approach+careers+property-types+switching.css ── */
@layer board{







}@layer override{



}
/* ── components/header.css ── */
@layer board{




body{overflow-x:clip}


/* Platform status pills after a stat row (/guarantee/): the major flow step, as the old badge row had. */


}
/* ── components/site-header.css ── */
@layer board{

/* ── Guarantee bar ───────────────────────────────────────────────────────────────────────────────────────── */
.v3-bar{display:block;box-sizing:border-box;height:36px;padding:9px 0;background:var(--roam-ref-palette-gold);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-medium);line-height:18px;text-decoration:none;color:var(--roam-ref-palette-forest)}
.v3-bar:has(.v3-bar-link:hover){background:var(--roam-ref-palette-gold-390)}
/* One line at every width; the close button sits over the row's right end. */
.v3-bar-row{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-8);font-size:var(--roam-ref-typescale-12);white-space:nowrap}
.v3-bar-link{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);margin-right:var(--roam-ref-spacing-24);text-decoration:none;color:inherit}
.v3-bar-ic{display:none;flex:none;place-items:center;box-sizing:border-box;width:18px;height:18px;border:1.5px solid var(--roam-ref-palette-forest-a50);border-radius:50%;font-size:var(--roam-ref-typescale-11);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);color:var(--roam-ref-palette-forest)}
.v3-bar-x{position:absolute;top:50%;right:calc(var(--roam-sys-space-page-x) - var(--roam-ref-spacing-12));width:44px;height:44px;padding:0;border:0;background:transparent;font:inherit;color:inherit;opacity:var(--roam-ref-opacity-70);cursor:pointer;transform:translateY(-50%);transition:opacity var(--roam-ref-duration-fast) ease}
.v3-bar-x:is(:hover,:focus-visible){opacity:1}
/* The two-bar X. */
.roam-x{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-6)}
.roam-x__bar{width:20px;height:2px;border-radius:var(--roam-sys-shape-xs);background:currentColor}
.roam-x__bar:first-child{transform:rotate(45deg) translateY(4px)}
.roam-x__bar:last-child{transform:rotate(-45deg) translateY(-4px)}

/* ── Header row ──────────────────────────────────────────────────────────────────────────────────────────── */
.v3-hdr{position:sticky;top:0;z-index:var(--roam-ref-z-dropdown);border-bottom:1px solid var(--roam-ref-palette-cream-a6);background:linear-gradient(145deg,var(--roam-ref-palette-forest) 0%,var(--roam-ref-palette-forest-light) 100%)}
.v3-hdr-row{display:flex;align-items:center;height:64px}
.v3-hdr-logo{display:flex;align-items:center}
.v3-hdr-logo-img{display:block;width:auto;height:24px}

/* The menus (from 1101px). */
.v3-nav{display:none}
.v3-nav-item{position:relative;display:flex;align-items:center;min-height:72px}
.v3-nav-top{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-6);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-medium);white-space:nowrap;text-decoration:none;color:var(--roam-ref-palette-cream-a86)}
.v3-nav-top:hover,.v3-nav-item.is-open .v3-nav-top{color:var(--roam-ref-palette-cream)}
.v3-nav-top svg{transition:transform var(--roam-ref-duration-base)}
.v3-nav-item.is-open .v3-nav-top svg{transform:rotate(180deg)}
.v3-menu{position:absolute;top:100%;left:50%;z-index:var(--roam-ref-z-nav);min-width:260px;padding:var(--roam-ref-spacing-12);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-4),var(--roam-ref-shadow-1);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity var(--roam-ref-duration-fast),transform var(--roam-ref-duration-fast),visibility var(--roam-ref-duration-fast)}
.v3-nav-item.is-open .v3-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.v3-menu-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--roam-ref-spacing-4) var(--roam-ref-spacing-12);min-width:520px}
.v3-menu ul{margin:0;padding:0;list-style:none}
.v3-menu a{display:block;padding:var(--roam-ref-spacing-10) var(--roam-ref-spacing-14);border-radius:var(--roam-sys-shape-lg);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-medium);line-height:var(--roam-ref-leading-cozy);white-space:nowrap;text-decoration:none;color:var(--roam-ref-palette-forest)}
.v3-menu a:is(:hover,:focus-visible){background:var(--roam-ref-palette-sand-90);color:var(--roam-ref-palette-forest)}
.v3-menu a[aria-current="page"]{background:var(--roam-ref-palette-gold-60);color:var(--roam-ref-palette-gold-640)}
.v3-menu-group{padding-left:var(--roam-ref-spacing-12);border-left:1px solid var(--roam-ref-palette-sand-90)}
.v3-menu-label{margin:var(--roam-ref-spacing-6) var(--roam-ref-spacing-14);font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-stone-610)}

/* The phone number (from 1280px) and the call to action. */
.v3-hdr-phone{display:none;font-size:var(--roam-ref-typescale-15);font-weight:var(--roam-ref-weight-semibold);white-space:nowrap;text-decoration:none;color:var(--roam-ref-palette-cream)}
.v3-hdr-cta{height:32px;min-height:32px;margin-left:auto;padding:0 var(--roam-ref-spacing-18);font-size:var(--roam-ref-typescale-14);letter-spacing:var(--roam-ref-tracking-sm);line-height:var(--roam-ref-leading-none);white-space:nowrap}
.v3-hdr-cta-long{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
.v3-hdr-cta-short{display:inline}

/* The burger: two bars that turn into an X while the drawer is open. */
.v3-burger{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 -10px 0 -8px;padding:0;border:0;background:transparent;cursor:pointer}
.v3-burger-box{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--roam-ref-spacing-6);width:28px;height:28px}
.v3-burger-l,.v3-burger-s{display:block;border-radius:var(--roam-sys-shape-xs);background:var(--roam-ref-palette-cream);transition:transform var(--roam-ref-duration-base)}
.v3-burger-l{width:20px;height:2px}
.v3-burger-s{width:14px;height:1px}
.v3-drawer-open .v3-burger-l{transform:rotate(45deg) translateY(4px)}
.v3-drawer-open .v3-burger-s{width:20px;transform:rotate(-45deg) translateY(-4px)}

/* ── Drawer (under 1101px): a panel floating under the header row ───────────────────────────────────────── */
html.v3-drawer-open{overflow:hidden}
.v3-drawer{position:absolute;top:calc(100% + var(--roam-ref-spacing-8));right:var(--roam-ref-spacing-8);left:var(--roam-ref-spacing-8);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-cream);box-shadow:var(--roam-ref-shadow-5)}
.v3-drawer .wrap{padding-top:var(--roam-ref-spacing-8);padding-bottom:var(--roam-ref-spacing-24)}
.v3-drawer-group{border-bottom:1px solid var(--roam-ref-palette-sand-150)}
.v3-drawer-group summary{padding:var(--roam-ref-spacing-16) 0;font-size:var(--roam-ref-typescale-18);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-forest)}
.v3-drawer-group summary svg{flex:none;color:var(--roam-ref-palette-gold-640);transition:transform var(--roam-ref-duration-base)}
.v3-drawer-group[open] summary svg{transform:rotate(180deg)}
.v3-drawer-group ul{margin:0 0 var(--roam-ref-spacing-12);padding:0;list-style:none}
.v3-drawer-group a{display:flex;align-items:center;min-height:44px;padding:0 var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-lg);font-size:var(--roam-ref-typescale-16);text-decoration:none;color:var(--roam-ref-palette-forest-720)}
.v3-drawer-group a:hover{background:var(--roam-ref-palette-sand-90);color:var(--roam-ref-palette-forest)}
.v3-drawer .v3-menu-label{margin:var(--roam-ref-spacing-4) var(--roam-ref-spacing-12)}
.v3-drawer-foot{display:flex;flex-direction:column;align-items:stretch;gap:var(--roam-ref-spacing-14);padding-top:var(--roam-ref-spacing-20);text-align:center}
.v3-drawer-foot a.num{font-weight:var(--roam-ref-weight-semibold);text-decoration:none;color:var(--roam-ref-palette-forest)}

@media (min-width:480px){
.v3-bar-row{font-size:var(--roam-ref-typescale-13)}
.v3-bar-ic{display:inline-grid}
.v3-hdr-cta-long{position:static;overflow:visible;width:auto;height:auto;clip:auto}
.v3-hdr-cta-short{display:none}
}

@media (min-width:768px){
.v3-bar-row{gap:var(--roam-ref-spacing-10);font-size:inherit;white-space:normal}
.v3-bar-link{gap:var(--roam-ref-spacing-10);margin-right:0}
.v3-hdr-row{gap:var(--roam-ref-spacing-36);height:72px}
.v3-hdr-logo-img{height:32px}
.v3-hdr-cta{height:auto;min-height:44px;padding:0 var(--roam-ref-spacing-20);font-size:var(--roam-ref-typescale-15);letter-spacing:inherit;line-height:inherit}
.v3-burger{margin-left:var(--roam-ref-spacing-8)}
}

@media (min-width:1101px){
.v3-hdr-row{gap:var(--roam-ref-spacing-24)}
.v3-nav{display:flex;flex:1;justify-content:center;gap:var(--roam-ref-spacing-18)}
.v3-hdr-cta{margin-left:0}
.v3-burger,.v3-drawer{display:none}
html.v3-drawer-open{overflow:visible}
}

@media (min-width:1280px){
.v3-hdr-row{gap:var(--roam-ref-spacing-36)}
.v3-nav{gap:var(--roam-ref-spacing-28)}
.v3-nav-top,.v3-menu a{font-size:var(--roam-ref-typescale-15)}
.v3-hdr-phone{display:inline}
}

}
/* ── components/card--53-inner-pages-2.css ── */
@layer board{
.roam-card-body,.roam-cta-left-body{font-size:var(--roam-ref-typescale-15);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720);margin:0}
.roam-body-faint,.roam-card-body-faint{font-size:var(--roam-ref-typescale-13);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-stone-610);margin:0}
.roam-title-card,.roam-card-addon-title{font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-semibold);font-size:var(--roam-ref-typescale-22);line-height:var(--roam-ref-leading-card);letter-spacing:var(--roam-ref-tracking-display);margin:0;color:var(--roam-ref-palette-forest)}
.roam-card-icon-subtitle{font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610);margin:var(--roam-ref-spacing-4) 0 0}
.roam-gradient-divider{border:0;height:1px;background:var(--roam-ref-palette-sand-90);margin:var(--roam-ref-spacing-16) 0}
.roam-card-icon-three>*+*,.roam-card-pill-three>*+*,.roam-card-content>*+*,.roam-card-stat>*+*,.roam-card-addon>*+*{margin-top:var(--roam-ref-spacing-10)}
.roam-step-number{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 var(--roam-ref-spacing-6);box-sizing:border-box;border-radius:var(--roam-ref-shape-lg);background:var(--roam-ref-palette-gold-130);font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-bold);font-size:var(--roam-ref-typescale-14);font-variant-numeric:tabular-nums;flex:none}
.roam-included-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--roam-ref-spacing-10) var(--roam-ref-spacing-24);margin-top:var(--roam-ref-spacing-20);max-width:880px}
.roam-badge-pill-inline,.roam-badge-pill-neutral,.roam-badge-pill-gold{display:inline-flex;align-items:center;margin:0;padding:var(--roam-ref-spacing-4) var(--roam-ref-spacing-12);border-radius:var(--roam-ref-shape-full);font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-xs);background:var(--roam-ref-palette-sand-90);color:var(--roam-ref-palette-forest-720);width:max-content;max-width:100%}
.roam-badge-pill-gold,.roam-badge-performance{background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}
.roam-icon-box-teal{background:rgba(91,143,168,.15);color:var(--roam-ref-palette-teal-670)}
.roam-icon-box-gold{background:rgba(198,151,91,.18);color:var(--roam-ref-palette-gold-640)}
.roam-icon-box-sage{background:rgba(168,158,123,.22);color:var(--roam-ref-palette-olive-700)}
.roam-icon-box-cream{background:var(--roam-ref-palette-sand-90);color:var(--roam-ref-palette-forest-720)}
.roam-color-teal{color:var(--roam-ref-palette-teal-670)}
.roam-color-gold{color:var(--roam-ref-palette-gold-640)}
.roam-color-sage{color:var(--roam-ref-palette-olive-700)}
.roam-color-cream{color:var(--roam-ref-palette-forest-720)}
/* CTA band */
.rs-cta{background:var(--roam-ref-palette-sand-90);padding:var(--roam-ref-spacing-72) 0}
.roam-cta-left{position:relative;background:var(--roam-ref-palette-white);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-ref-shape-28);overflow:hidden;box-shadow:var(--roam-ref-shadow-5)}
.roam-cta-left-bar{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.roam-cta-left-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--roam-ref-spacing-40);padding:var(--roam-ref-spacing-48) var(--roam-ref-spacing-48)}
.roam-cta-left-text{min-width:0;max-width:62ch}
.roam-cta-left-text>*+*{margin-top:var(--roam-ref-spacing-10)}
.roam-cta-left-heading{font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-semibold);font-size:var(--roam-ref-typescale-36);line-height:var(--roam-ref-leading-heading);letter-spacing:var(--roam-ref-tracking-display);margin:0}
/* forms */
.roam-form-group{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-6);min-width:0}
.roam-form-label{font-size:var(--roam-ref-typescale-11);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:rgba(27,43,39,.6);margin:0;display:flex;align-items:center;gap:var(--roam-ref-spacing-6)}
.roam-form-input,.roam-form-select{width:100%;min-height:48px;border:1px solid var(--roam-ref-palette-border-tag);border-radius:var(--roam-ref-shape-lg);padding:0 var(--roam-ref-spacing-14);font:inherit;font-size:var(--roam-ref-typescale-15);background:var(--roam-ref-palette-white);color:var(--roam-ref-palette-forest);box-sizing:border-box}
.roam-form-textarea{min-height:112px;padding:var(--roam-ref-spacing-12) var(--roam-ref-spacing-14)}
/* tags */
.roam-grid-tag-cloud{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-8)}
.roam-badge-tag-dark{height:32px;padding:0 var(--roam-ref-spacing-12);border-radius:var(--roam-ref-shape-full);border:1px solid var(--roam-ref-palette-sand-150);background:var(--roam-ref-palette-white);font:inherit;font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-medium);color:var(--roam-ref-palette-forest);cursor:pointer}
/* stats */
.roam-card-stat-num{font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-semibold);font-size:var(--roam-ref-typescale-36);line-height:var(--roam-ref-leading-none);letter-spacing:var(--roam-ref-tracking-display);margin:0;color:var(--roam-ref-palette-forest);font-variant-numeric:tabular-nums}
.roam-card-stat-label{font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610);margin:var(--roam-ref-spacing-6) 0 0}
.roam-card-stat-std{background:var(--roam-ref-palette-cream);border:1px solid var(--roam-ref-palette-sand-90);border-radius:var(--roam-ref-shape-16);padding:var(--roam-ref-spacing-16)}
/* tiers */
.roam-tier-wrapper{position:relative;display:flex;flex-direction:column;min-width:0}
.roam-tier-card{flex:1;display:flex;flex-direction:column;background:var(--roam-ref-palette-white);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-ref-shape-24);padding:var(--roam-ref-spacing-32) var(--roam-ref-spacing-24) var(--roam-ref-spacing-24)}
.roam-tier-card>*+*{margin-top:var(--roam-ref-spacing-8)}
.roam-tier-card-recommended{border:2px solid var(--roam-ref-palette-gold);box-shadow:0 24px 56px rgba(198,151,91,.22)}
/* faq */
.roam-card-faq{border-bottom:1px solid var(--roam-ref-palette-sand-150);background:transparent}
/* quotes */
.roam-quote-icon{color:var(--roam-ref-palette-gold);width:40px;height:40px;margin:0;border-radius:var(--roam-ref-shape-lg);display:grid;place-items:center;background:rgba(198,151,91,.18)}
.roam-quote-text{font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-20);line-height:var(--roam-ref-leading-cozy);color:var(--roam-ref-palette-forest);margin:var(--roam-ref-spacing-12) 0}
.roam-quote-name{font-weight:var(--roam-ref-weight-bold);font-size:var(--roam-ref-typescale-14);margin:0}
.roam-quote-location{font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610);margin:0}
/* tools page */
.roam-ecosystem-group{margin-top:var(--roam-ref-spacing-24)}
.roam-ecosystem-group-header{margin:0 0 var(--roam-ref-spacing-10);font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase}
.roam-product-grid-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--roam-ref-spacing-10)}
.roam-product-tile{display:flex;align-items:center;gap:var(--roam-ref-spacing-12);padding:var(--roam-ref-spacing-12);border-radius:var(--roam-ref-shape-16);border:1px solid var(--roam-ref-palette-sand-150);background:var(--roam-ref-palette-white);text-decoration:none;color:var(--roam-ref-palette-forest);min-width:0}
.roam-product-tile-info{display:flex;flex-direction:column;min-width:0}
.roam-product-tile-name{font-weight:var(--roam-ref-weight-bold);font-size:var(--roam-ref-typescale-15)}
.roam-product-tile-tag{font-size:var(--roam-ref-typescale-12);color:var(--roam-ref-palette-stone-610)}
.roam-card-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--roam-ref-spacing-24)}
.roam-stack-tools{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-16)}
.roam-stack-tool-row{display:flex;gap:var(--roam-ref-spacing-14);align-items:flex-start}
.roam-stack-tool-name{margin:0 0 var(--roam-ref-spacing-2);font-size:var(--roam-ref-typescale-16);font-weight:var(--roam-ref-weight-bold)}
/* guide */
.roam-guide-chapter-row{display:flex;align-items:center;gap:var(--roam-ref-spacing-16);padding:var(--roam-ref-spacing-16) 0;border-bottom:1px solid var(--roam-ref-palette-sand-150)}
.roam-guide-chapter-num{font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-bold);font-size:var(--roam-ref-typescale-15);color:var(--roam-ref-palette-gold-640);min-width:28px}
.roam-guide-chapter-title{font-size:var(--roam-ref-typescale-18);font-weight:var(--roam-ref-weight-semibold)}
@media (max-width:767px){
.rs-hero{padding:var(--roam-ref-spacing-48) 0 var(--roam-ref-spacing-40)}
.rs-sec{padding:var(--roam-ref-spacing-56) 0}
.rs-cta{padding:var(--roam-ref-spacing-48) 0}
.roam-title-headline,.roam-display{font-size:var(--roam-ref-typescale-40)}
.roam-title-section{font-size:var(--roam-ref-typescale-32)}
.roam-title-subsection{font-size:var(--roam-ref-typescale-28)}
.roam-grid-card-2,.roam-grid-card-3-133,.roam-grid-card-4,.roam-included-grid,.roam-grid-card-3-133:has(> :nth-child(4):last-child){grid-template-columns:minmax(0,1fr)}

.roam-cta-left-inner{flex-direction:column;align-items:flex-start;padding:var(--roam-ref-spacing-32) var(--roam-ref-spacing-24);gap:var(--roam-ref-spacing-20)}
.roam-cta-left-heading{font-size:var(--roam-ref-typescale-28)}
.roam-card-cta{flex-direction:column;align-items:flex-start}
.roam-grid-card-4{gap:var(--roam-ref-spacing-28)}
.roam-card-quote{padding:var(--roam-ref-spacing-24)}
}@media (min-width:768px){.roam-product-grid-inline{grid-template-columns:repeat(4,minmax(0,1fr))}}.gs-card{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--roam-ref-palette-white);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-ref-shape-32);overflow:hidden;box-shadow:var(--roam-ref-shadow-5)}
.gs-copy{padding:var(--roam-ref-spacing-56) var(--roam-ref-spacing-56);display:flex;flex-direction:column;gap:var(--roam-ref-spacing-18);min-width:0}
.gs-list{list-style:none;margin:var(--roam-ref-spacing-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--roam-ref-spacing-10)}
.gs-ck{width:24px;height:24px;border-radius:50%;background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest);display:grid;place-items:center;flex:none}
.gs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--roam-ref-spacing-14) var(--roam-ref-spacing-24);margin-top:var(--roam-ref-spacing-10)}
.gs-pledge{position:absolute;left:var(--roam-ref-spacing-20);right:var(--roam-ref-spacing-20);bottom:var(--roam-ref-spacing-20);display:flex;align-items:center;gap:var(--roam-ref-spacing-10);padding:var(--roam-ref-spacing-12) var(--roam-ref-spacing-16);border-radius:var(--roam-ref-shape-lg);background:rgba(255,255,255,.94);box-shadow:var(--roam-ref-shadow-4);font-size:var(--roam-ref-typescale-13);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-forest)}
}
/* ── sections/gs--55-inner-pages-2.css ── */
@layer board{
.gs{background:var(--roam-ref-palette-sand-90);padding:var(--roam-sys-space-section-y) 0}
.gs-bar{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold));z-index:var(--roam-ref-z-raised)}
.gs-eye{margin:0;font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.gs-h{margin:0;font-family:var(--roam-ref-typeface-display);font-weight:var(--roam-ref-weight-semibold);font-size:var(--roam-ref-typescale-48);line-height:var(--roam-ref-leading-tight);letter-spacing:var(--roam-ref-tracking-display);max-width:16ch;text-wrap:balance;color:var(--roam-ref-palette-forest)}
.gs-body{margin:0;font-size:var(--roam-ref-typescale-18);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720);max-width:52ch}
.gs-list li{display:flex;align-items:center;gap:var(--roam-ref-spacing-12);font-size:var(--roam-ref-typescale-15);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-forest)}
.gs-ck svg{width:14px;height:14px}
.gs-call{font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}
.gs-call a{white-space:nowrap}
.gs-media{position:relative;margin:0;min-height:0}
.gs-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gs-pledge svg{color:var(--roam-ref-palette-gold-active)}
.gs-pledge a{color:inherit}
@media (max-width:767px){

.gs-media{order:-1;height:220px}
}@media (min-width:768px){.gs-media{min-height:100%}}}
/* ── sections/gs--55-inner-pages-3.css ── */
@layer board{
@media (max-width:767px){
.gs-card{grid-template-columns:minmax(0,1fr)}
.gs-copy{padding:var(--roam-ref-spacing-28) var(--roam-ref-spacing-24) var(--roam-ref-spacing-32)}
}}
/* ── sections/np--18-inner-pages-2.css ── */
@layer board{











/* hero */










/* answer box (AEO) */

/* stat strip */


/* steps timeline */


/* card grid */



/* comparison table */

/* checklist panel */


/* faq */


/* proof badges */


/* legal-doc layout */







}
/* ── sections/np--16-inner-pages-3.css ── */
@layer board{
/* np2: components for ecosystem hub, careers, cases, property types, utility pages */








}
/* ── pages/v3-page-2.css ── */
@layer board{
/* No sideways scroll: decorative glows that sit past the edge (e.g. the home projection band) are clipped at the page wrapper. clip, not hidden, so nothing becomes a scroll container and the sticky header keeps working. */
.v3-page{overflow-x:clip}
}
/* ── sections/gq--13-inner-pages-2.css ── */
@layer board{
.gq{position:relative;width:100%;max-width:440px}
.gq-doc{position:relative;background:var(--roam-ref-palette-white);border-radius:var(--roam-ref-shape-xl);padding:var(--roam-ref-spacing-24) var(--roam-ref-spacing-20) var(--roam-ref-spacing-18);box-shadow:var(--roam-ref-shadow-4);overflow:hidden}
.gq-hd{display:flex;gap:var(--roam-ref-spacing-10);align-items:center;padding-right:var(--roam-ref-spacing-80)}
.gq-doc li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:var(--roam-ref-spacing-12);align-items:start;padding:var(--roam-ref-spacing-12) 0;border-top:1px solid var(--roam-ref-palette-sand-110)}
.gq-sign{display:grid;grid-template-columns:1fr 1fr;gap:var(--roam-ref-spacing-18);margin-top:var(--roam-ref-spacing-10);padding-top:var(--roam-ref-spacing-24)}
.gq-seal{position:absolute;right:-6px;top:-18px;width:96px;height:96px;border-radius:50%;background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-2);box-shadow:0 0 0 5px var(--roam-ref-palette-cream),0 0 0 7px var(--roam-ref-palette-gold),var(--roam-ref-shadow-5)}
.gq-shield{width:26px;height:26px;color:var(--roam-ref-palette-gold-270)}
@media (min-width:768px){.gq-seal{top:-24px}.gq-seal{right:-18px}.gq-seal{height:118px}.gq-doc{padding:var(--roam-ref-spacing-28) var(--roam-ref-spacing-28) var(--roam-ref-spacing-24)}.gq-hd{padding-right:var(--roam-ref-spacing-96)}.gq-seal{width:118px}}.gq-seal{right:-10px;top:-28px}
}
/* ── sections/np--16-inner-pages-4.css ── */
@layer board{

/* ecosystem categories */








/* job */





/* case studies */








/* property-type */



/* utility pages */




}
/* ── sections/np--approach+careers+property-types+switching-2.css ── */
@layer board{
/* light application card */

}
/* ── pages/home-2.css ── */
@layer board{
}
/* ── components/header-4.css ── */
@layer board{
/* 2026 redesign — site shell pieces the boards don't draw: announcement bar
   link, header dropdown menus and the mobile drawer. Loaded after every page's
   board CSS. Colours are the design tokens (Design System 2026). */
/* Announcement bar (board: gold band, ink text): a link to the guarantee and the close X. 36px, as on roamstays.com. */










}@layer override{
.lg .roam-legal-host .roam-legal-shell{max-width:calc(var(--roam-sys-layout-column) + 2 * var(--roam-sys-space-page-x));padding-left:var(--roam-sys-space-page-x);padding-right:var(--roam-sys-space-page-x)}

}
/* ── sections/iv--property-types+switching.css ── */
@layer board{
/* investment profile */
.iv-top{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-24);align-items:start;margin-top:var(--roam-ref-spacing-32)}
.iv-grid{display:grid;grid-template-columns:minmax(0,1fr);background:var(--roam-ref-palette-white);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-ref-shape-24);overflow:hidden}
.iv-m{padding:var(--roam-ref-spacing-20) var(--roam-ref-spacing-24);border-bottom:1px solid var(--roam-ref-palette-sand-110)}
.iv-m:nth-child(odd){border-right:0}
.iv-m:nth-last-child(-n+2){border-bottom:0}
.iv-m small{display:block;font:700 11px/1.2 'Hanken Grotesk',sans-serif;letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}
.iv-m b{display:block;margin-top:var(--roam-ref-spacing-6);font:700 17px/1.2 'Bricolage Grotesque',sans-serif;color:var(--roam-ref-palette-forest)}
.iv-dots{display:inline-flex;gap:var(--roam-ref-spacing-6);margin-top:var(--roam-ref-spacing-10)}
.iv-dots i{width:22px;height:8px;border-radius:var(--roam-ref-shape-4);background:var(--roam-ref-palette-sand-110)}
.iv-dots i.on{background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-gold));background-size:130px 8px}
.iv-dots i.on:nth-child(1){background-position:0 0}
.iv-dots i.on:nth-child(2){background-position:-27px 0}
.iv-dots i.on:nth-child(3){background-position:-54px 0}
.iv-dots i.on:nth-child(4){background-position:-81px 0}
.iv-dots i.on:nth-child(5){background-position:-108px 0}
.iv-view p{margin:0;font-size:var(--roam-ref-typescale-18);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-720)}
.iv-view .np-eye{margin-bottom:var(--roam-ref-spacing-10)}
.iv-view .iv-best{margin-top:var(--roam-ref-spacing-18);padding-top:var(--roam-ref-spacing-18);border-top:1px solid var(--roam-ref-palette-sand-150);font-size:var(--roam-ref-typescale-15)}
.iv-view .iv-best b{color:var(--roam-ref-palette-forest)}
.iv-cmp{margin-top:var(--roam-ref-spacing-56)}
.iv-cmp h3{font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);line-height:1.2;margin:0;color:var(--roam-ref-palette-forest)}
.iv-cmp>p{margin:var(--roam-ref-spacing-8) 0 0;color:var(--roam-ref-palette-forest-720)}
.iv-tw{margin-top:var(--roam-ref-spacing-20);background:var(--roam-ref-palette-white);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-ref-shape-xl);overflow:auto}
.iv-cmp table{width:100%;border-collapse:collapse;min-width:620px}
.iv-cmp th,.iv-cmp td{padding:var(--roam-ref-spacing-14) var(--roam-ref-spacing-20);text-align:left;border-bottom:1px solid var(--roam-ref-palette-sand-110);font-size:var(--roam-ref-typescale-15)}
.iv-cmp thead th{font:700 11px/1.2 'Hanken Grotesk',sans-serif;letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-stone-610)}
.iv-cmp tbody tr:last-child th,.iv-cmp tbody tr:last-child td{border-bottom:0}
.iv-cmp tbody th a{color:var(--roam-ref-palette-forest);text-decoration:none;font-weight:var(--roam-ref-weight-semibold)}
.iv-cmp tr.on{background:var(--roam-ref-palette-sage-60)}
.iv-cmp tr.on th a{font-weight:800}
.iv-cmp .iv-dots{margin-top:0}
.iv-cmp .iv-dots i{width:18px;height:7px}
@media (min-width:1024px){.iv-top{gap:var(--roam-ref-spacing-40)}.iv-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}@media (max-width:479px){


.iv-m:nth-last-child(2){border-bottom:1px solid var(--roam-ref-palette-sand-110)}
}@media (min-width:480px){.iv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iv-m:nth-child(odd){border-right:1px solid var(--roam-ref-palette-sand-110)}}/* switching: cost of waiting */
.wt{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-28);align-items:center;margin-top:var(--roam-ref-spacing-32)}
.wt-chart{background:var(--roam-ref-palette-white);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-ref-shape-24);padding:var(--roam-ref-spacing-16)}
.np-sec .wt-svg,.wt-svg{display:block;width:100%;height:auto}
.wt-l{font:700 15px 'Hanken Grotesk',sans-serif}
.wt-g{font:700 15px 'Bricolage Grotesque',sans-serif}
.wt-a{font:600 12px 'Hanken Grotesk',sans-serif;fill:var(--roam-ref-palette-stone-610);letter-spacing:var(--roam-ref-tracking-xs)}
.wt-pt{padding:var(--roam-ref-spacing-20) 0;border-top:1px solid var(--roam-ref-palette-sand-150)}
.wt-pt:first-child{border-top:0;padding-top:0}
.wt-pt h3{margin:0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-bold);line-height:1.25;color:var(--roam-ref-palette-forest)}
.wt-pt p{margin:var(--roam-ref-spacing-6) 0 0;font-size:var(--roam-ref-typescale-16);line-height:var(--roam-ref-leading-body);color:var(--roam-ref-palette-forest-720)}
@media (min-width:1024px){.wt-chart{padding:var(--roam-ref-spacing-28)}.wt{gap:var(--roam-ref-spacing-48)}.wt{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}}
/* ── sections/iv--property-types.css ── */
@layer board{
.iv-cmp tbody td::before{content:attr(data-l)}.iv-cmp tbody td::before{font:600 13px/1.3 'Hanken Grotesk',sans-serif}.iv-cmp tbody td::before{color:var(--roam-ref-palette-stone-610)}@media (max-width:767px){
.iv-tw{overflow:visible}
.iv-cmp table{min-width:0}
.iv-cmp thead{display:none}
.iv-cmp tbody tr{display:block;padding:var(--roam-ref-spacing-14) var(--roam-ref-spacing-18);border-bottom:1px solid var(--roam-ref-palette-sand-110)}
.iv-cmp tbody tr:last-child{border-bottom:0}
.iv-cmp tbody th,.iv-cmp tbody td{display:flex;justify-content:space-between;align-items:center;gap:var(--roam-ref-spacing-12);padding:var(--roam-ref-spacing-6) 0;border:0}
.iv-cmp tbody th{padding-bottom:var(--roam-ref-spacing-8)}

.iv-cmp tr.on{border-radius:0}
}@media (min-width:768px){.iv-cmp tbody td::before{color:revert-layer}.iv-cmp tbody td::before{font:revert-layer}.iv-cmp tbody td::before{content:revert-layer}}}
/* ── pages/home-3.css ── */
@layer override{



}
/* ── pages/v3-page-3.css ── */
@layer override{
}
/* ── components/footer.css ── */
@layer board{

.v3-footer{padding:var(--roam-ref-spacing-96) 0 var(--roam-ref-spacing-32);overflow:hidden;background:linear-gradient(180deg,var(--roam-ref-palette-cream) 0%,var(--roam-ref-palette-sand-80) 100%);box-shadow:inset 0 12px 24px -12px var(--roam-ref-palette-forest-a12);color:var(--roam-ref-palette-forest)}

/* ── Brand and contact ───────────────────────────────────────────────────────────────────────────────────── */
.footer-top{display:flex;flex-direction:column;justify-content:space-between;gap:var(--roam-ref-spacing-48);padding-bottom:var(--roam-ref-spacing-48);border-bottom:1px solid var(--roam-ref-palette-sand-190)}
.footer-brand{max-width:440px}
.footer-logo{display:inline-block}
.footer-logo-img{display:block;width:auto;height:40px}
.footer-about{margin:var(--roam-ref-spacing-18) 0 0;line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}
.footer-social{display:flex;gap:var(--roam-ref-spacing-10);margin-top:var(--roam-ref-spacing-24)}
.footer-social-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--roam-ref-palette-sand-190);border-radius:50%;color:var(--roam-ref-palette-forest)}
/* Column headings carry a short gold rule under them. */
.footer-heading{margin:0 0 var(--roam-ref-spacing-16);padding-bottom:var(--roam-ref-spacing-10);background:linear-gradient(90deg,var(--roam-ref-palette-gold) 0 28px,transparent 28px) bottom left/100% 2px no-repeat;font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-forest)}
.footer-heading-link{text-decoration:none;color:inherit}
.footer-contact{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-8);max-width:420px}
.footer-contact-link{display:inline-flex;align-items:center;height:36px;padding:0 var(--roam-ref-spacing-14);border:1px solid var(--roam-ref-palette-sand-150);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-white);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-medium);text-decoration:none;color:var(--roam-ref-palette-forest)}
.footer-cta{min-height:44px;margin-top:var(--roam-ref-spacing-18);font-size:var(--roam-ref-typescale-15)}

/* ── Link columns ────────────────────────────────────────────────────────────────────────────────────────── */
.footer-cols{gap:var(--roam-ref-spacing-20) var(--roam-ref-spacing-28);padding:var(--roam-ref-spacing-56) 0}
.footer-col{min-width:0}
.footer-links{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-10);margin:0;padding:0;list-style:none}
.footer-link{font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-cozy);text-decoration:none;color:var(--roam-ref-palette-forest-720)}

.footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--roam-ref-spacing-16);padding-top:var(--roam-ref-spacing-24);border-top:1px solid var(--roam-ref-palette-sand-150);font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}

@media (min-width:768px){
.footer-cols{row-gap:var(--roam-ref-spacing-48)}
}

@media (min-width:1024px){
.footer-top{flex-direction:row}
}

}
/* ── sections/v3-page.css ── */
@layer board{




/* Homepage "You're reading" card: the In progress pill (gold, under the body) has a live dot. */

/* Homepage proof row: short pills, platform wordmark + status icon. The status words are for screen readers. */


/* Radius by role. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-card-icon-three,.roam-card-content){border-radius:var(--roam-sys-shape-xl)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-included-grid,.roam-layer-card,.roam-job-card,.roam-card-results,.roam-tier-card){border-radius:var(--roam-sys-shape-card)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-card-pill-three,.roam-card-quote){border-radius:var(--roam-sys-shape-feature)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) .gs-card{border-radius:var(--roam-sys-shape-container)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-card-stat-std,.roam-rollup-stat-tile,.roam-rollup-child-card,.roam-dash-proof-cta,.roam-faq-item,.roam-markets-filter-bar){border-radius:var(--roam-sys-shape-xl)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-dash-card,.roam-regulation-card,.roam-neighborhood-card,.roam-bed-stats-grid,.roam-advantage-card,.mk-season,.roam-fg-card,.roam-fg-market-card,.roam-card-fg-content,.roam-fg-detail-info-card,.roam-card-stat){border-radius:var(--roam-sys-shape-card)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) .roam-revenue-calculator{border-radius:var(--roam-sys-shape-feature)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-market-form-card){border-radius:var(--roam-sys-shape-form)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.ix-vis,.ec-vis,.hv-visual){border-radius:var(--roam-sys-shape-container)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) .roam-markets-filter-select{border-radius:var(--roam-sys-shape-lg)}

}
/* ── sections/v3-page-2.css ── */
@layer board{

/* Card gap on the shared grids. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) [class*="roam-grid-card"],body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) .roam-six-card-grid{gap:var(--roam-sys-space-gap)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-rollup-grid,.roam-advantage-grid,.roam-neighborhoods-grid){gap:var(--roam-sys-space-gap)}
}
/* ── pages/v3-page-4.css ── */
@layer board{

/* Homepage "Listed and marketed on" row: each platform's combination mark, full colour. One line beside the label when
   all seven fit, a 4 + 3 grid beside it below that, and centred rows under the (centred) label once the row stacks. */


/* Eyebrows: one label size, coupled to the title they label. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-block-eyebrow,.eyb){font-size:var(--roam-sys-type-label);margin-bottom:0}
/* Card padding by the card's size today: small (22 and under), standard (24–28), large (32+). */

body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-card-icon-three,.roam-card-content,.roam-card-results,.roam-job-card,.tm-team){padding:var(--roam-sys-space-pad)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-included-grid,.roam-layer-card,.roam-card-pill-three,.roam-card-quote){padding:var(--roam-sys-space-pad-lg)}
/* Template-built pages (markets, field guides, blog posts, careers, ecosystem products) share the same tokens. */
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) .roam-dash-score-tier-label{font-size:var(--roam-sys-type-card-lg)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) .roam-title-subsection{font-size:var(--roam-sys-type-subsection)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-card-stat-std,.roam-rollup-stat-tile,.roam-dash-proof-cta){padding:var(--roam-sys-space-pad-sm)}
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) :is(.roam-dash-card-hero,.roam-neighborhood-card,.roam-advantage-card,.roam-card-fg-content,.roam-fg-detail-info-card){padding:var(--roam-sys-space-pad-lg)}
}@layer override{
}@layer board{

}