/* Built by tools/css/build.py from css/src/ for page type "home". 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) */

}@layer override{
@media (max-width:1023px){
.bp[class] .roam-blog-layout{grid-template-columns:minmax(0,1fr);gap:var(--roam-ref-spacing-40)}
}}@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-*, gs-*); the np and rs boards carry their own (components/) and stand
   outside the .v3-page wrapper, which only the homepage board keeps (body.home, so these rules skip it; the search page, which renders
   the homepage board without .home, is the one page they still reach through .v3-page: css/ISSUES.md #1).
   The homepage carries the same tokens inline from its build. */
/* Scope: every page's content wrapper (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)) :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 in half-width columns step down a tier */
@media (min-width:1024px){
body:not(.home) > :is(.v3-page,.rs-mk,.ix,.fp,.bp,.ec,.sm,.lg,main:not(.np)) .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 solid var(--roam-ref-palette-forest);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{border-color:transparent;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;justify-content: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)}

/* After .btn-line, so it sizes both kinds. The type is inherited for <button>s too; the icon keeps its size
   when a narrow column squeezes the label. */
.btn-md{box-sizing:border-box;min-height:48px;padding:0 var(--roam-ref-spacing-24);border-width:1.5px;font-family:inherit;font-size:var(--roam-ref-typescale-15);line-height:inherit}
.btn-md > svg{flex:none}

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

/* The eyebrow: a short gold kicker over a section heading. */
.eyb{margin:0 0 var(--roam-sys-flow-coupled);font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-xl);text-transform:uppercase;color:var(--roam-ref-palette-gold-640)}

.h2{max-width:18ch;margin:0;font-family:var(--roam-ref-typeface-display);font-size:var(--roam-sys-type-section);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-tight);letter-spacing:var(--roam-ref-tracking-display);text-wrap:balance}
/* The smaller section heading (a column inside a section). */
.h2--sub{font-size:var(--roam-sys-type-subsection)}

/* The lead: the paragraph under a section heading; each further lead paragraph follows at the same step. */
.lead{max-width:var(--roam-sys-measure-lead);margin:var(--roam-sys-flow-related) 0 0;font-size:var(--roam-sys-type-lead);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}
.lead a{text-decoration:underline;text-decoration-color:var(--roam-ref-palette-gold);text-underline-offset:3px;color:inherit}

/* The label: small print that names a thing (a figure, a column, a card's kind). */
.lab{font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-semibold);letter-spacing:var(--roam-ref-tracking-xs);color:var(--roam-ref-palette-stone-610)}

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

.card{border:var(--roam-sys-card-border);border-radius:var(--roam-sys-shape-card);background:var(--roam-sys-card-background);box-shadow:var(--roam-sys-card-shadow)}

}
/* ── 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}
}

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

.sec{padding:var(--roam-sys-space-section-y) 0}
.sec--white{border-block:1px solid var(--roam-ref-palette-sand-150);background:var(--roam-ref-palette-white)}
.sec--sand{background:var(--roam-ref-palette-sand-90)}
.sec--joined{padding-top:0}
.sec--clip{overflow:hidden}

}
/* ── 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}
}

}
/* ── 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}
}
/* ── components/gold-bar--20-inner-pages.css ── */
@layer board{
.bar-sm{display:none}
@media (max-width:767px){
.bar-lg{display:none}
.bar-sm{display:inline}
}}
/* ── sections/hero.css ── */
@layer board{

.hero{position:relative;padding:0 0 var(--roam-ref-spacing-128)}
.hero-glow{position:absolute;top:-80px;right:-128px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,var(--roam-ref-palette-gold-a18),transparent 70%)}

.hero-grid{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.hero-copy,.hero-media{display:contents}

/* ── Headline card ───────────────────────────────────────────────────────────────────────────────────────── */
.hero-head{position:relative;z-index:var(--roam-ref-z-above);order:-1;align-self:stretch;margin-top:-56px;padding:var(--roam-ref-spacing-24) var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-white);box-shadow:0 22px 30px -22px var(--roam-ref-palette-forest-a28)}
.hero-head .eyb{margin:0}
.hero-h1{max-width:none;margin:var(--roam-ref-spacing-12) 0 0;font-size:var(--roam-sys-type-hero);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-tight);text-wrap:balance}
/* "$5,000." with a marker-pen underline that wraps cleanly. */
.hero-hl{margin:0 -.04em;padding:0 .08em;white-space:nowrap;color:var(--roam-ref-palette-gold-640);background:linear-gradient(transparent 46%,var(--roam-ref-palette-gold-a32) 46%,var(--roam-ref-palette-gold-a32) 84%,transparent 84%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero-qualify{margin:var(--roam-ref-spacing-12) 0 0;font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}

/* ── Lead, jump links, stats ─────────────────────────────────────────────────────────────────────────────── */
.hero-lead,.hero-jump,.hero-stats{order:1}
.hero-lead{margin-top:var(--roam-sys-flow-major)}
.hero-lead-strong{color:var(--roam-ref-palette-forest)}

/* Phone: one row of pills that scrolls sideways, edge to edge. */
.hero-jump{display:flex;gap:var(--roam-ref-spacing-8);box-sizing:border-box;width:calc(100% + 2 * var(--roam-sys-space-page-x));max-width:600px;margin:var(--roam-sys-flow-separated) calc(-1 * var(--roam-sys-space-page-x)) 0;padding:var(--roam-ref-spacing-2) var(--roam-sys-space-page-x) var(--roam-ref-spacing-4);overflow-x:auto;scrollbar-width:none}
.hero-jump-link{display:flex;flex:none;align-items:baseline;gap:var(--roam-ref-spacing-6);padding:var(--roam-ref-spacing-10) 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);color:var(--roam-ref-palette-forest);text-decoration:none}
.hero-jump-title{display:flex;align-items:center;gap:var(--roam-ref-spacing-6);font-size:var(--roam-ref-typescale-14)}
.hero-jump-arrow{color:var(--roam-ref-palette-gold-640)}
.hero-jump-note{display:block;margin:0;font-size:var(--roam-ref-typescale-12);white-space:nowrap;color:var(--roam-ref-palette-stone-610)}

.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--roam-ref-spacing-8);max-width:600px;margin-top:var(--roam-sys-flow-separated);padding-top:var(--roam-ref-spacing-16);border-top:2px solid;border-image:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold)) 1}
.hero-stat-value{font-size:var(--roam-ref-typescale-24);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-none)}
.hero-stat-label{margin-top:var(--roam-ref-spacing-4);font-size:var(--roam-ref-typescale-11);line-height:var(--roam-ref-leading-compact);color:var(--roam-ref-palette-stone-610)}

/* ── Photo and chips ─────────────────────────────────────────────────────────────────────────────────────── */
/* Full bleed under 1024px: the photo reaches past the page gutter to both screen edges. */
.hero-photo{order:-2;overflow:hidden;width:100vw;height:260px;margin-left:calc(-1 * var(--roam-sys-space-page-x))}
.hero-photo-img{display:block;width:100%;height:100%;object-fit:cover}

.hero-chip{position:absolute;display:none;align-items:center;border-radius:var(--roam-sys-shape-xl)}
.hero-chip--place{top:var(--roam-ref-spacing-28);left:-36px;gap:var(--roam-ref-spacing-12);padding:var(--roam-sys-space-pad-sm)}
.hero-chip--saves{top:150px;right:-24px;gap:var(--roam-ref-spacing-10);padding:var(--roam-ref-spacing-10) var(--roam-ref-spacing-16) var(--roam-ref-spacing-10) var(--roam-ref-spacing-10)}
.hero-chip-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-teal-81);color:var(--roam-ref-palette-teal-670)}
.hero-chip-icon--gold{flex:none;width:36px;height:36px;border-radius:50%;background:var(--roam-ref-palette-gold-a95);color:var(--roam-ref-palette-forest)}
.hero-chip-glyph{display:block}
.hero-chip-title{display:block;font-size:var(--roam-ref-typescale-16);font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-card)}
.hero-chip-sub{display:block;margin-top:var(--roam-ref-spacing-4);font-size:var(--roam-ref-typescale-12);line-height:var(--roam-ref-leading-card);color:var(--roam-ref-palette-stone-610)}

/* ── Projection form ─────────────────────────────────────────────────────────────────────────────────────── */
/* --proj-form-pad: the form's side and bottom padding; the call strip at its foot runs edge to edge. */
.proj-form{--proj-form-pad:clamp(14px,4.4vw,18px);position:relative;display:flex;flex-direction:column;gap:var(--roam-ref-spacing-10);box-sizing:border-box;align-self:stretch;min-width:0;margin:var(--roam-sys-flow-separated) 0 var(--roam-ref-spacing-8);padding:var(--roam-ref-spacing-16) var(--proj-form-pad) var(--proj-form-pad);border:1px solid var(--roam-ref-palette-border-tag);border-radius:var(--roam-sys-shape-form);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-1),var(--roam-ref-shadow-5)}
.proj-form-title{font-size:clamp(17px,4.9vw,19px);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-card);text-wrap:balance}
.proj-form-note{display:flex;align-items:center;gap:var(--roam-ref-spacing-8);padding:var(--roam-ref-spacing-8) var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-gold-a14);font-size:var(--roam-ref-typescale-12);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest)}
.proj-form-icon{flex:none}
.proj-form-icon--gold{color:var(--roam-ref-palette-gold-active)}

.proj-form-fields{overflow:hidden;border:1px solid var(--roam-ref-palette-border-tag);border-radius:var(--roam-sys-shape-sm)}
.proj-form-row{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid var(--roam-ref-palette-border-tag)}
.proj-form-field{display:flex;flex-direction:column;justify-content:center;gap:var(--roam-ref-spacing-2);box-sizing:border-box;min-width:0;min-height:44px;margin:0;padding:var(--roam-ref-spacing-8) var(--roam-ref-spacing-14)}
.proj-form-field--side{border-left:1px solid var(--roam-ref-palette-border-tag)}
.proj-form-caption{font-size:var(--roam-ref-typescale-11);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-none);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;color:var(--roam-ref-palette-forest-a60)}
/* The control takes the field's look: no box of its own. */
.proj-form-control{width:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-card);color:var(--roam-ref-palette-forest)}

.proj-form-submit{display:flex;gap:var(--roam-ref-spacing-8);min-height:48px;padding:0 var(--roam-ref-spacing-18);font:inherit;font-weight:var(--roam-ref-weight-semibold);letter-spacing:var(--roam-ref-tracking-sm)}

.proj-form-promise{display:flex;align-items:center;gap:var(--roam-ref-spacing-8);margin:0;font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-text-secondary)}
.proj-form-promise-text{font-size:clamp(12px,3.9vw,13px)}
.proj-form-promise-long{display:none}
.proj-form-promise-link{color:inherit;text-decoration:underline}

.proj-form-call{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--roam-ref-spacing-8);margin:var(--roam-ref-spacing-4) calc(-1 * var(--proj-form-pad)) calc(-1 * var(--proj-form-pad));padding:var(--roam-ref-spacing-12) var(--proj-form-pad);border-top:1px solid var(--roam-ref-palette-teal);border-radius:0 0 calc(var(--roam-sys-shape-form) - 1px) calc(var(--roam-sys-shape-form) - 1px);background:var(--roam-ref-palette-teal-a15);font-size:clamp(12px,3.3vw,12.5px);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-teal-active)}
.proj-form-call-text{min-width:0}
.proj-form-call-link{white-space:nowrap;color:inherit;text-decoration:none}

/* ── 480px ───────────────────────────────────────────────────────────────────────────────────────────────── */
@media (min-width:480px){
.proj-form-promise-text{white-space:nowrap}
}

/* ── 768px: tablet. Still one column; a larger card, two-up jump links, a taller photo. ──────────────────── */
@media (min-width:768px){
.hero-grid{align-items:stretch}
.hero-head{margin-top:-128px;padding:var(--roam-ref-spacing-32) var(--roam-sys-space-pad-lg) var(--roam-ref-spacing-28);border-radius:var(--roam-sys-shape-feature);box-shadow:0 26px 36px -24px var(--roam-ref-palette-forest-a28)}
.hero-h1{margin-top:var(--roam-sys-flow-related);line-height:var(--roam-ref-leading-none)}
.hero-qualify{margin-top:var(--roam-sys-flow-related)}
.hero-lead{max-width:none}
.hero-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--roam-ref-spacing-12);width:auto;max-width:none;margin:var(--roam-sys-flow-separated) 0 0;padding:0;overflow:visible}
.hero-jump-link{flex-direction:column;align-items:normal;gap:var(--roam-ref-spacing-2);padding:var(--roam-ref-spacing-14) var(--roam-ref-spacing-18);border-radius:var(--roam-sys-shape-lg)}
.hero-jump-title{font-size:var(--roam-ref-typescale-15)}
.hero-jump-note{margin-top:var(--roam-ref-spacing-2);font-size:var(--roam-ref-typescale-13);white-space:normal}
.hero-stats{gap:var(--roam-ref-spacing-16);max-width:none;padding-top:var(--roam-ref-spacing-28)}
.hero-stat-value{font-size:var(--roam-ref-typescale-40)}
.hero-stat-label{margin-top:var(--roam-ref-spacing-6);font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-snug)}
.hero-photo{height:440px}
.proj-form{--proj-form-pad:var(--roam-ref-spacing-24);margin:var(--roam-sys-flow-separated) 0 0}
.proj-form-title{font-size:var(--roam-ref-typescale-24)}
.proj-form-note,.proj-form-fields{border-radius:var(--roam-sys-shape-lg)}
.proj-form-promise-text{white-space:normal}
.proj-form-promise-long{display:inline}
.proj-form-promise-short{display:none}
.proj-form-call{font-size:var(--roam-ref-typescale-14)}
}

/* ── 1024px: two columns. ────────────────────────────────────────────────────────────────────────────────── */
@media (min-width:1024px){
.hero{padding-top:var(--roam-ref-spacing-72)}
.hero-grid{flex-direction:row;align-items:flex-start;gap:var(--roam-ref-spacing-64)}
.hero-copy{display:block;flex:1 1 560px;min-width:0;padding-top:var(--roam-ref-spacing-24)}
.hero-media{position:relative;display:block;flex:0 1 540px;min-width:0}
.hero-head{position:static;margin:0;padding:0;border-radius:0;background:none;box-shadow:none}
.hero-h1{max-width:12ch;margin-top:var(--roam-ref-spacing-18)}
.hero-qualify{margin-top:var(--roam-ref-spacing-24)}
.hero-lead{max-width:var(--roam-sys-measure-lead);margin-top:var(--roam-ref-spacing-20)}
.hero-jump{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:600px;margin-top:var(--roam-ref-spacing-32);border-top:2px solid;border-image:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold)) 1}
.hero-jump-link{display:block;padding:var(--roam-ref-spacing-16) var(--roam-ref-spacing-16) 0 0;border:0;border-radius:0;background:none}
.hero-stats{gap:var(--roam-ref-spacing-24);max-width:600px;margin-top:var(--roam-ref-spacing-48)}
.hero-photo{width:auto;height:460px;margin-left:0;border-radius:var(--roam-sys-shape-container);box-shadow:var(--roam-ref-shadow-5)}
.proj-form{align-self:auto;margin:-170px var(--roam-ref-spacing-20) 0}
/* The two chips on the photo. */
.hero-chip{display:flex;gap:var(--roam-ref-spacing-18)}
}



@media (min-width:1280px){
.hero-chip--place{gap:var(--roam-ref-spacing-12)}
.hero-chip--saves{gap:var(--roam-ref-spacing-10)}
}

}
/* ── sections/proof.css ── */
@layer board{

.proof{padding:var(--roam-ref-spacing-28) 0;border-block:1px solid var(--roam-ref-palette-sand-150);background:var(--roam-ref-palette-white)}

.proof-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--roam-ref-spacing-24)}
.proof-stats{display:flex;align-items:baseline;gap:var(--roam-ref-spacing-40)}
.proof-stat-value{font-size:var(--roam-ref-typescale-28);font-weight:var(--roam-ref-weight-semibold)}
.proof-stat-label{font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}

.proof-platforms{display:flex;flex-direction:column;align-items:center;gap:var(--roam-ref-spacing-32);margin-top:var(--roam-sys-flow-separated);padding-top:var(--roam-ref-spacing-24);border-top:1px solid var(--roam-ref-palette-sand-90)}
.proof-platforms-label{white-space:nowrap}
/* The logos take the rest of the row. */
.proof-platforms .ota-logos{flex:1 1 auto}

@media (min-width:1024px){
.proof-row,.proof-platforms{flex-direction:row}
.proof-platforms .ota-logos{flex-basis:0%}
}

}
/* ── sections/wink.css ── */
@layer board{

.wink{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--roam-ref-spacing-64)}
.wink-copy{flex:1 1 auto;min-width:0}
.wink-h{max-width:12ch}
.wink-mark{background:linear-gradient(transparent 62%,var(--roam-ref-palette-gold-a45) 62%)}
.wink-punch{max-width:22ch;margin:var(--roam-sys-flow-major) 0 0;font-size:var(--roam-ref-typescale-28);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-compact)}
.wink-punch-em{color:var(--roam-ref-palette-teal-670)}
/* The funnel's measurements, shared by the grid, the cards and the button under them. */
.wink-graphic{--funnel-bar:96px;--funnel-gap:var(--roam-ref-spacing-16);--funnel-card-edge:4px;--funnel-card-pad:var(--roam-ref-spacing-24);flex:0 1 auto;min-width:0;padding-top:var(--roam-ref-spacing-8)}

/* ── Funnel ──────────────────────────────────────────────────────────────────────────────────────────────── */
.funnel{display:grid;grid-template-columns:var(--funnel-bar) minmax(0,1fr);grid-auto-rows:minmax(118px,1fr);gap:var(--roam-ref-spacing-10) var(--funnel-gap)}
.funnel-stage-1{--stage:var(--roam-ref-palette-forest)}
.funnel-stage-2{--stage:var(--roam-ref-palette-forest-light)}
.funnel-stage-3{--stage:var(--roam-ref-palette-forest-soft)}
.funnel-stage-4{--stage:var(--roam-ref-palette-gold)}

.funnel-cell{display:flex;align-items:center;justify-content:center}
.funnel-bar{position:relative;display:grid;place-items:center;height:84px;border-radius:var(--roam-sys-shape-full)}
.funnel-bar.funnel-stage-1{width:100%;min-width:72px;background:linear-gradient(180deg,var(--roam-ref-palette-forest-820),var(--roam-ref-palette-forest));box-shadow:var(--roam-ref-shadow-4)}
.funnel-bar.funnel-stage-2{width:80%;min-width:72px;background:linear-gradient(180deg,var(--roam-ref-palette-forest-721),var(--roam-ref-palette-forest-light));box-shadow:var(--roam-ref-shadow-4)}
/* Half filled: the reader is part-way through. */
.funnel-bar.funnel-stage-3{overflow:hidden;box-sizing:border-box;width:60%;border:2px solid var(--roam-ref-palette-forest-soft);background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-4)}
.funnel-bar.funnel-stage-4{box-sizing:border-box;width:40%;min-width:72px;border:2px dashed var(--roam-ref-palette-gold)}
.funnel-bar-fill{position:absolute;inset:0 50% 0 0;background:linear-gradient(180deg,var(--roam-ref-palette-forest-620),var(--roam-ref-palette-forest-soft))}
.funnel-icon-wrap{position:relative}
.funnel-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-3)}
.funnel-icon--ring{box-shadow:0 0 0 3px var(--roam-ref-palette-forest-soft)}
.funnel-icon--next{background:var(--roam-ref-palette-forest)}
.funnel-glyph{display:block}

.funnel-card{display:flex;flex-direction:column;justify-content:flex-start;padding:var(--roam-ref-spacing-14) var(--roam-ref-spacing-20) var(--roam-ref-spacing-14) var(--funnel-card-pad);border-left:var(--funnel-card-edge) solid var(--stage);border-radius:0 var(--roam-sys-shape-inset) var(--roam-sys-shape-inset) 0}
.funnel-card.funnel-stage-1{background:var(--roam-ref-palette-forest-a6)}
.funnel-card.funnel-stage-2{background:var(--roam-ref-palette-forest-light-a8)}
.funnel-card.funnel-stage-3{background:var(--roam-ref-palette-white);box-shadow:var(--roam-ref-shadow-3)}
.funnel-card.funnel-stage-4{background:var(--roam-ref-palette-gold-a16)}

.funnel-status{display:flex;align-items:center;gap: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;color:var(--roam-ref-palette-forest-soft)}
.funnel-stage-4 .funnel-status{color:var(--roam-ref-palette-gold-640)}
.funnel-num{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 var(--roam-ref-spacing-6);border-radius:var(--roam-sys-shape-sm);background:var(--stage);font-size:var(--roam-ref-typescale-11);color:var(--roam-ref-palette-cream)}
.funnel-stage-4 .funnel-num{color:var(--roam-ref-palette-forest)}
.funnel-title{display:block;margin-top:var(--roam-sys-flow-coupled);font-size:var(--roam-ref-typescale-24);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-card)}
.funnel-text{display:block;margin-top:var(--roam-ref-spacing-4);font-size:var(--roam-ref-typescale-15);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-forest-720)}

/* "In progress", with a pulsing dot (still when the visitor prefers reduced motion). */
.funnel-pill{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--roam-ref-spacing-8);margin-top:var(--roam-sys-flow-related);padding:var(--roam-ref-spacing-6) var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold);font-size:var(--roam-ref-typescale-11);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);text-transform:uppercase;white-space:nowrap;color:var(--roam-ref-palette-forest)}
.funnel-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--roam-ref-palette-forest);box-shadow:0 0 0 0 var(--roam-ref-palette-forest-a45);animation:funnel-pulse 1.8s ease-out infinite}

/* The button lines up with the text inside the cards. */
.funnel-cta{margin-top:var(--roam-sys-flow-separated);padding-left:calc(var(--funnel-bar) + var(--funnel-gap) + var(--funnel-card-edge) + var(--funnel-card-pad))}

/* The dot sends out a fading ring, once every 1.8s. */
@keyframes funnel-pulse{0%{box-shadow:0 0 0 0 var(--roam-ref-palette-forest-a45)}70%,100%{box-shadow:0 0 0 7px transparent}}

@media (prefers-reduced-motion:reduce){
.funnel-pill-dot{animation:none}
}

@media (min-width:1024px){
.wink{flex-direction:row}
.wink-copy{flex-basis:440px}
.wink-graphic{flex-basis:660px}
.wink-graphic{--funnel-bar:220px;--funnel-gap:var(--roam-ref-spacing-32)}
}

}
/* ── sections/method.css ── */
@layer board{

.method-h{max-width:14ch}
.method-lead{max-width:52ch}

.method-grid{margin-top:var(--roam-sys-flow-major)}

.method-card{display:flex;flex-direction:column;padding:var(--roam-sys-space-pad)}
.method-art{display:grid;place-items:center;height:120px;border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-sand-70)}
.method-art-img{width:120px;height:72px}
.method-card-title{margin:var(--roam-sys-flow-separated) 0 var(--roam-ref-spacing-10);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-card)}
/* Takes the spare height, so every card's link sits at the bottom. */
.method-card-text{flex:1;margin:0;font-size:var(--roam-ref-typescale-15);line-height:var(--roam-ref-leading-snug);color:var(--roam-ref-palette-forest-720)}
.method-card-link{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);margin-top:var(--roam-sys-flow-separated);font-weight:var(--roam-ref-weight-semibold);text-decoration:none}

}
/* ── sections/why.css ── */
@layer board{

.why{display:flex;flex-direction:column;align-items:flex-start;gap:var(--roam-ref-spacing-72)}
.why-copy{flex:1 1 auto;min-width:0}
.why-h{max-width:15ch}
.why-lead-strong{color:var(--roam-ref-palette-forest)}
.why-cta{margin-top:var(--roam-sys-flow-related)}

/* ── Points ──────────────────────────────────────────────────────────────────────────────────────────────── */
.why-points{flex:0 1 auto;min-width:0;margin:0;padding:0;list-style:none}
.why-point{display:flex;gap:var(--roam-ref-spacing-16);padding:var(--roam-ref-spacing-20) 0;border-top:1px solid var(--roam-ref-palette-sand-150)}
.why-point-icon{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-gold)}
.why-point-title{margin:0;font-size:var(--roam-sys-type-small);font-weight:var(--roam-ref-weight-bold)}
.why-point-text{display:block;margin-top:var(--roam-ref-spacing-2);color:var(--roam-ref-palette-forest-720)}

/* ── Tests ───────────────────────────────────────────────────────────────────────────────────────────────── */
.tests-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--roam-ref-spacing-24);margin-top:var(--roam-sys-flow-major)}
.tests-h{margin:0;font-size:var(--roam-sys-type-card-lg);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-card)}
.tests-note{margin:0;font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}
.tests-grid{margin-top:var(--roam-sys-flow-major)}

.test{display:flex;flex-direction:column;padding:var(--roam-sys-space-pad)}
.test-label{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)}
.test-title{margin:var(--roam-sys-flow-coupled) 0 var(--roam-ref-spacing-16);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-card)}

/* Two photos, A and B; the winner is ringed in gold. */
.test-photos{display:flex;gap:var(--roam-ref-spacing-12)}
.test-photo{flex:1;min-width:0;margin:0}
.test-photo-frame{position:relative;overflow:hidden;height:120px;border-radius:var(--roam-sys-shape-lg)}
.test-photo-frame--win{box-shadow:0 0 0 3px var(--roam-ref-palette-gold),0 0 0 10px var(--roam-ref-palette-gold-a28)}
.test-photo-img{display:block;width:100%;height:100%;object-fit:cover}
.test-badge{position:absolute;top:var(--roam-ref-spacing-8);left:var(--roam-ref-spacing-8);display:grid;place-items:center;width:26px;height:26px;border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-cream);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-forest)}
.test-badge--win{background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream)}
.test-photo-caption{margin-top:var(--roam-ref-spacing-8);font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}
.test-photo-caption--win{font-weight:var(--roam-ref-weight-semibold);color:inherit}
.test-win-chip{display:inline-flex;padding:var(--roam-ref-spacing-4) var(--roam-ref-spacing-10);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}

/* Two titles, A and B; the winner on forest. */
.test-variants{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-8)}
.test-variant{display:flex;align-items:center;gap:var(--roam-ref-spacing-12);box-sizing:border-box;min-height:52px;padding:var(--roam-ref-spacing-10) var(--roam-ref-spacing-14);border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-sand-70);color:var(--roam-ref-palette-forest)}
.test-variant--win{background:var(--roam-ref-palette-forest);color:var(--roam-ref-palette-cream)}
.test-variant-key{font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-stone-610)}
.test-variant-text{flex:1;min-width:0;font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-cozy)}
.test-variant-metric{font-size:var(--roam-ref-typescale-13);white-space:nowrap;color:var(--roam-ref-palette-stone-610)}
.test-variant--win :is(.test-variant-key,.test-variant-metric){color:inherit}

/* The working, for the pricing test. */
.test-math{margin-top:var(--roam-sys-flow-related);padding:var(--roam-sys-space-pad-sm);border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-sand-70);font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-forest-720)}
.test-math-figure{color:var(--roam-ref-palette-forest)}

.test-result{display:flex;align-items:center;gap:var(--roam-ref-spacing-10);margin-top:auto;padding-top:var(--roam-ref-spacing-18)}
.test-result-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-gold-130);color:var(--roam-ref-palette-gold-640)}
.test-result-value{display:block;font-size:var(--roam-ref-typescale-22);line-height:var(--roam-ref-leading-heading)}
.test-result-note{font-size:var(--roam-ref-typescale-12);color:var(--roam-ref-palette-stone-610)}

@media (min-width:1024px){
.why{flex-direction:row}
.why-copy{flex-basis:560px}
.why-points{flex-basis:480px}
}

}
/* ── sections/gap.css ── */
@layer board{

/* ── The field ───────────────────────────────────────────────────────────────────────────────────────────── */
.gap-chart{margin-top:var(--roam-sys-flow-major);padding:var(--roam-sys-space-pad-lg);border-radius:var(--roam-sys-shape-container)}
.gap-chart-dots{display:block;width:100%;height:auto}

.gap-figures{gap:var(--roam-ref-spacing-24);margin-top:var(--roam-sys-flow-major)}
.gap-figure{display:flex;align-items:center;gap:var(--roam-ref-spacing-12)}
/* Each key dot matches its dots in the field; the one booking is the larger gold dot. */
.gap-figure-dot{width:14px;height:14px;border-radius:50%}
.gap-figure-dot--scrolled{background:var(--roam-ref-palette-sand-190)}
.gap-figure-dot--clicked{background:var(--roam-ref-palette-teal)}
.gap-figure-dot--booked{width:18px;height:18px;background:var(--roam-ref-palette-gold)}
.gap-figure-value{font-size:var(--roam-ref-typescale-28);font-weight:var(--roam-ref-weight-semibold)}
.gap-figure-label{color:var(--roam-ref-palette-stone-610)}

/* ── The gaps ────────────────────────────────────────────────────────────────────────────────────────────── */
.gap-columns{gap:var(--roam-ref-spacing-40);margin-top:var(--roam-sys-flow-major)}
.gap-column{display:flex;gap:var(--roam-ref-spacing-16)}
.gap-column-icon{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-sand-90)}
.gap-column-label{display:block;margin:0}
.gap-column-title{display:block;margin:var(--roam-ref-spacing-2) 0 var(--roam-ref-spacing-6);font-size:var(--roam-ref-typescale-22);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-card)}
.gap-column-text{display:block;font-size:var(--roam-ref-typescale-15);color:var(--roam-ref-palette-forest-720)}
.gap-column-text a{text-decoration:underline;text-decoration-color:var(--roam-ref-palette-gold);text-underline-offset:3px;color:inherit}

}
/* ── sections/markets.css ── */
@layer board{

.markets{display:flex;flex-direction:column;align-items:center;gap:var(--roam-ref-spacing-72)}
.markets-map{flex:0 1 auto;order:2;min-width:0}
.markets-map-card{padding:var(--roam-sys-space-pad-sm);border-radius:var(--roam-sys-shape-container)}
.markets-map-svg{display:block;width:100%;height:auto}
.markets-copy{flex:1 1 auto;min-width:0}
.markets-lead-strong{color:var(--roam-ref-palette-forest)}

.markets-links{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-8);margin-top:var(--roam-sys-flow-major)}
/* Small buttons held to 32px, border included. */
.markets-link{box-sizing:border-box;height:32px}
.markets-link--place{font-weight:var(--roam-ref-weight-medium)}

@media (min-width:768px){
.markets-map{order:0}
}

@media (min-width:1024px){
.markets{flex-direction:row}
.markets-map{flex-basis:480px}
.markets-copy{flex-basis:520px}
}

}
/* ── sections/platform.css ── */
@layer board{

.platform-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--roam-ref-spacing-40)}
.platform-lead{max-width:40ch;margin:0}

/* ── The row of devices ──────────────────────────────────────────────────────────────────────────────────── */
.devices{display:flex;align-items:stretch;gap:var(--roam-ref-spacing-16);margin:var(--roam-ref-spacing-64) calc(-1 * var(--roam-ref-spacing-16)) 0;padding:0 var(--roam-ref-spacing-16) var(--roam-ref-spacing-8);overflow-x:auto;scroll-padding:0 var(--roam-ref-spacing-16);scroll-snap-type:x mandatory;scrollbar-width:none}
.devices::-webkit-scrollbar{display:none}
/* Keeps the last device's right padding when scrolled to the end. */
.devices::after{content:"";flex:0 0 1px}
.device{display:flex;flex-direction:column;justify-content:flex-end;margin:0;scroll-snap-align:start}
.device--signal{flex:0 0 84%;min-width:0}
.device--portal{flex:0 0 78%;min-width:0}
.device--phone{flex:0 0 auto}
.device-caption{margin-top:var(--roam-ref-spacing-24)}
.device-caption-text{color:var(--roam-ref-palette-forest-720)}
/* Small print on a screen: "Sample data", metric labels. */
.device-fine{font-size:var(--roam-ref-typescale-11);color:var(--roam-ref-palette-stone-610)}

/* ── Signal ──────────────────────────────────────────────────────────────────────────────────────────────── */
.signal-frame{padding:var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-card);background:var(--roam-ref-palette-forest);box-shadow:var(--roam-ref-shadow-5)}
.signal-screen{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:var(--roam-sys-shape-lg);background:var(--roam-ref-palette-cream)}
/* The side navigation shows from 768px. */
.signal-nav{display:none;flex-direction:column;gap:var(--roam-ref-spacing-6);padding:var(--roam-ref-spacing-16);border-right:1px solid var(--roam-ref-palette-sand-120);background:var(--roam-ref-palette-white);font-size:var(--roam-ref-typescale-12)}
.signal-brand{display:flex;align-items:center;gap:var(--roam-ref-spacing-8);margin-bottom:var(--roam-ref-spacing-10);font-weight:var(--roam-ref-weight-bold)}
.signal-brand-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-teal-670)}
.signal-nav-item{padding:var(--roam-ref-spacing-6) var(--roam-ref-spacing-8);color:var(--roam-ref-palette-stone-610)}
.signal-nav-item--current{border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-sand-90);font-weight:var(--roam-ref-weight-semibold);color:inherit}
.signal-main{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-12);min-width:0;padding:var(--roam-ref-spacing-18)}
.signal-head{display:flex;align-items:center;justify-content:space-between}
.signal-title{font-size:var(--roam-ref-typescale-14)}
.signal-metrics{gap:var(--roam-ref-spacing-8)}
.signal-metric{padding:var(--roam-ref-spacing-12) var(--roam-ref-spacing-14);border:1px solid var(--roam-ref-palette-sand-120);border-radius:var(--roam-sys-shape-lg);background:var(--roam-ref-palette-white)}
.signal-metric-value{font-size:var(--roam-ref-typescale-22);font-weight:var(--roam-ref-weight-semibold)}
.signal-metric-delta{font-size:var(--roam-ref-typescale-11);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-sage-700)}
.signal-metric-delta--flat{color:var(--roam-ref-palette-stone-610)}
/* The rank chart fills what the screen has left from 768px; on phones it takes a fixed height. */
.signal-chart{display:flex;flex:1;flex-direction:column;min-height:0;padding:var(--roam-ref-spacing-12);border:1px solid var(--roam-ref-palette-sand-120);border-radius:var(--roam-sys-shape-lg);background:var(--roam-ref-palette-white)}
.signal-chart-head{display:flex;justify-content:space-between;font-size:var(--roam-ref-typescale-11);color:var(--roam-ref-palette-stone-610)}
.signal-chart-plot{flex:none;width:100%;height:120px;margin-top:var(--roam-ref-spacing-6)}
.signal-chart-legend{display:flex;gap:var(--roam-ref-spacing-16);font-size:var(--roam-ref-typescale-11);color:var(--roam-ref-palette-stone-610)}
.signal-chart-key{display:inline-block;width:10px;height:3px;vertical-align:middle}
.signal-chart-key--listing{background:var(--roam-ref-palette-teal-670)}
.signal-chart-key--market{background:var(--roam-ref-palette-sage)}
/* The laptop's base, wider than its lid. */
.signal-base{height:14px;margin:0 calc(-1 * var(--roam-ref-spacing-8));border-radius:0 0 var(--roam-sys-shape-card) var(--roam-sys-shape-card);background:var(--roam-ref-palette-forest-light)}

/* ── Owner portal ────────────────────────────────────────────────────────────────────────────────────────── */
.portal-frame{padding:var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-feature);background:var(--roam-ref-palette-forest);box-shadow:var(--roam-ref-shadow-5)}
.portal-screen{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-12);height:300px;padding:var(--roam-ref-spacing-20);border-radius:var(--roam-sys-shape-inset);background:var(--roam-ref-palette-white)}
.portal-head{display:flex;align-items:baseline;justify-content:space-between}
.portal-title{font-size:var(--roam-ref-typescale-15)}
.portal-total{font-size:var(--roam-ref-typescale-32);font-weight:var(--roam-ref-weight-semibold)}
.portal-months{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-8)}
.portal-month{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--roam-ref-spacing-10);font-size:var(--roam-ref-typescale-12)}
.portal-month-name{color:var(--roam-ref-palette-stone-610)}
.portal-month-bar{position:relative;overflow:hidden;height:8px;border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-sand-90)}
/* Each month's bar is its net as a share of July's. */
.portal-month-fill{position:absolute;inset:0;background:var(--roam-ref-palette-forest-soft);transform:scaleX(var(--share));transform-origin:0 50%}
.portal-month-fill--apr{--share:.42}
.portal-month-fill--may{--share:.65}
.portal-month-fill--jun{--share:.9}
.portal-month-fill--jul{--share:1}
.portal-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--roam-ref-spacing-10);border-top:1px solid var(--roam-ref-palette-sand-90);font-size:var(--roam-ref-typescale-12)}
.portal-foot-note{color:var(--roam-ref-palette-stone-610)}
.portal-foot-link{font-weight:var(--roam-ref-weight-semibold)}

/* ── Field ops (a phone) ─────────────────────────────────────────────────────────────────────────────────── */
.fieldops-frame{width:230px;padding:var(--roam-ref-spacing-10);border-radius:var(--roam-sys-shape-container);background:var(--roam-ref-palette-forest);box-shadow:var(--roam-ref-shadow-5)}
.fieldops-screen{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-8);box-sizing:border-box;height:440px;padding:var(--roam-ref-spacing-16) var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-feature);background:var(--roam-ref-palette-cream)}
.fieldops-notch{width:60px;height:5px;margin:0 auto var(--roam-ref-spacing-8);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-forest);opacity:var(--roam-ref-opacity-80)}
.fieldops-title{font-size:var(--roam-ref-typescale-13)}
.fieldops-sample{font-size:var(--roam-ref-typescale-10);color:var(--roam-ref-palette-stone-610)}
.fieldops-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--roam-ref-spacing-4)}
.fieldops-photo{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--roam-sys-shape-sm)}
.fieldops-task{display:flex;align-items:center;gap:var(--roam-ref-spacing-8);padding:var(--roam-ref-spacing-8);border:1px solid var(--roam-ref-palette-sand-120);border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-white);font-size:var(--roam-ref-typescale-11)}
.fieldops-task--done{background:var(--roam-ref-palette-sage-60)}
.fieldops-check{display:grid;flex:none;place-items:center;width:16px;height:16px;border-radius:50%}
.fieldops-check--done{background:var(--roam-ref-palette-forest-soft);color:var(--roam-ref-palette-white)}
.fieldops-check--open{border:1.5px solid var(--roam-ref-palette-sage)}
.fieldops-progress{margin-top:auto;padding:var(--roam-ref-spacing-10);border-radius:var(--roam-sys-shape-lg);background:var(--roam-ref-palette-forest);font-size:var(--roam-ref-typescale-11);font-weight:var(--roam-ref-weight-semibold);text-align:center;color:var(--roam-ref-palette-cream)}

@media (min-width:768px){
.devices{align-items:flex-end;gap:var(--roam-ref-spacing-28);margin-inline:0;padding:0;overflow-x:visible}
.devices::after{content:none}
.device{display:block}
.device--signal{flex:1 1 620px}
.device--portal{flex:0 1 330px}
.device--phone{flex:0 0 230px}
.signal-screen{grid-template-columns:150px 1fr;height:380px}
.signal-nav{display:flex}
.signal-chart-plot{flex:1;height:auto}
.signal-base{margin:0 calc(-1 * var(--roam-ref-spacing-24))}
}

@media (min-width:1024px){
.platform-intro{flex-direction:row;align-items:flex-end}
}

}
/* ── sections/results.css ── */
@layer board{

.results-intro{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--roam-ref-spacing-56)}
.results-intro-copy{flex:1 1 auto;min-width:0}
.results-lead{max-width:52ch}
.results-total{flex:none;padding-bottom:var(--roam-ref-spacing-6)}
/* A display numeral: off the type scale on purpose. */
.results-total-value{font-size:var(--roam-ref-typescale-56);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-none);color:var(--roam-ref-palette-forest)}
.results-total-label{margin-top:var(--roam-sys-flow-coupled)}

/* ── Before and after ────────────────────────────────────────────────────────────────────────────────────── */
.results-props-label{margin:var(--roam-sys-flow-major) 0 0}
.results-props{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-16);margin-top:var(--roam-sys-flow-coupled)}
.results-prop{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-18);padding:var(--roam-sys-space-pad);border-radius:var(--roam-sys-shape-feature)}
.results-prop-photo{display:block;flex:none;width:100%;height:180px;border-radius:var(--roam-sys-shape-sm);object-fit:cover}
.results-prop-body{flex:1;min-width:0}
.results-prop-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--roam-ref-spacing-4) var(--roam-ref-spacing-12)}
.results-prop-name{font-size:var(--roam-ref-typescale-22);font-weight:var(--roam-ref-weight-semibold)}
.results-prop-place{font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}
.results-prop-gain{font-size:var(--roam-ref-typescale-28);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-gold-640)}

/* Two bars per property: before (grey, its length the share of after) and after (full, forest to gold). */
.results-rows{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-6);margin-top:var(--roam-sys-flow-related)}
.results-row{display:flex;align-items:center;gap:var(--roam-ref-spacing-12)}
.results-row-label{width:52px;font-size:var(--roam-ref-typescale-12)}
.results-row-track{position:relative;flex:1}
.results-row-bar{position:absolute;inset:0;border-radius:var(--roam-sys-shape-full)}
.results-row-value{width:78px;text-align:right}
.results-row--before .results-row-label{color:var(--roam-ref-palette-stone-610)}
.results-row--before .results-row-track{height:14px}
.results-row--before .results-row-bar{background:var(--roam-ref-palette-sand-190);transform:scaleX(var(--share));transform-origin:0 50%}
.results-row--before .results-row-value{font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}
.results-row--after .results-row-label{font-weight:var(--roam-ref-weight-bold)}
.results-row--after .results-row-track{height:22px}
.results-row--after .results-row-bar{background:linear-gradient(90deg,var(--roam-ref-palette-forest-soft),var(--roam-ref-palette-gold))}
.results-row--after .results-row-value{font-size:var(--roam-ref-typescale-16);font-weight:var(--roam-ref-weight-bold)}
.results-row-bar--60{--share:.6}
.results-row-bar--62{--share:.62}

/* ── Figures ─────────────────────────────────────────────────────────────────────────────────────────────── */
/* Tighter rows while the six figures sit two by two on phones. */
.results-stats{row-gap:var(--roam-ref-spacing-12);margin-top:var(--roam-sys-flow-related)}
.results-stat{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)}
.results-stat-value{font-size:var(--roam-ref-typescale-36);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-none)}
.results-stat-label{margin-top:var(--roam-sys-flow-coupled);font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}
.results-cta{margin-top:var(--roam-sys-flow-major)}

@media (min-width:768px){
.results-prop{flex-direction:row;align-items:center;gap:var(--roam-ref-spacing-28)}
.results-prop-photo{width:168px;height:112px}
.results-prop-head{flex-wrap:nowrap;gap:var(--roam-ref-spacing-16)}
.results-stats{row-gap:var(--roam-sys-space-gap)}
}

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

}
/* ── sections/quotes.css ── */
@layer board{

.quotes-grid{margin-top:var(--roam-sys-flow-major)}
.quote{display:flex;flex-direction:column;margin:0;padding:var(--roam-ref-spacing-32);border-radius:var(--roam-sys-shape-feature)}
.quote-text{flex:1;margin:var(--roam-ref-spacing-20) 0 var(--roam-ref-spacing-28);font-size:var(--roam-ref-typescale-22);font-weight:var(--roam-ref-weight-medium);line-height:var(--roam-ref-leading-cozy)}
.quote-by{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--roam-ref-spacing-16);padding-top:var(--roam-ref-spacing-18);border-top:1px solid var(--roam-ref-palette-sand-90)}
.quote-source{font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}
.quote-figure{text-align:right}
.quote-figure-value{display:block;font-size:var(--roam-ref-typescale-28);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-gold-640)}
.quote-figure-label{font-size:var(--roam-ref-typescale-12);color:var(--roam-ref-palette-stone-610)}

}
/* ── sections/owners.css ── */
@layer board{

.owners-grid{margin-top:var(--roam-sys-flow-major)}
.owner{display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:var(--roam-sys-shape-feature)}
.owner-photo{display:block;width:100%;height:220px;object-fit:cover}
.owner-body{display:flex;flex:1;flex-direction:column;padding:var(--roam-ref-spacing-28)}
.owner-title{margin:var(--roam-sys-flow-coupled) 0 var(--roam-ref-spacing-10);font-size:var(--roam-sys-type-card);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-card)}
.owner-text{flex:1;margin:0;color:var(--roam-ref-palette-forest-720)}
.owner-link{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);margin-top:var(--roam-sys-flow-separated);font-weight:var(--roam-ref-weight-semibold);text-decoration:none}

}
/* ── sections/services.css ── */
@layer board{

.services{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-80)}
.services-main{flex:1 1 auto;min-width:0}
.services-process{flex:0 1 auto;min-width:0}
.services-grid{margin-top:var(--roam-sys-flow-major)}
.services-cta{margin-top:var(--roam-sys-flow-separated)}

/* Each service is one link: its name and an arrow, a line on what it covers, then "Learn more". */
.service{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-6);padding:var(--roam-sys-space-pad-sm);border:1px solid var(--roam-ref-palette-sand-90);border-radius:var(--roam-sys-shape-xl);background:var(--roam-ref-palette-cream);text-decoration:none;color:var(--roam-ref-palette-forest)}
.service-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--roam-ref-typescale-18)}
.service-title{margin:0;font:inherit}
.service-arrow{color:var(--roam-ref-palette-gold-640)}
.service-text{font-size:var(--roam-ref-typescale-15);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-forest-720)}
.service-more{display:block;margin-top:var(--roam-sys-flow-coupled);font-size:var(--roam-ref-typescale-13);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-gold-640)}

@media (min-width:1024px){
.services{flex-direction:row}
.services-main{flex-basis:600px}
.services-process{flex-basis:420px}
}

}
/* ── sections/packages.css ── */
@layer board{

.packages-lead{max-width:44ch}
.packages-grid{margin-top:var(--roam-sys-flow-major)}
.packages-more{display:flex;flex-wrap:wrap;align-items:center;gap:var(--roam-ref-spacing-16) var(--roam-ref-spacing-24);margin-top:var(--roam-sys-flow-major)}

.package{display:flex;flex-direction:column;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)}
.package-name{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-soft)}
.package-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--roam-ref-spacing-6);margin:var(--roam-sys-flow-related) 0 0}
.package-price-value{font-size:var(--roam-ref-typescale-40);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-none)}
.package-price-unit{font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}
/* Two lines' height, so the lists start level across a row. */
.package-summary{min-height:42px;margin:var(--roam-sys-flow-related) 0 0;font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-forest-720)}
.package-features{display:flex;flex:1;flex-direction:column;gap:var(--roam-ref-spacing-10);margin:var(--roam-sys-flow-separated) 0 var(--roam-ref-spacing-24);padding:var(--roam-ref-spacing-20) 0 0;border-top:1px solid var(--roam-ref-palette-sand-90);list-style:none}
.package-feature{display:flex;align-items:flex-start;gap:var(--roam-ref-spacing-10);font-size:var(--roam-ref-typescale-14);line-height:var(--roam-ref-leading-normal);color:var(--roam-ref-palette-forest-720)}
.package-feature-tick{flex:none;margin-top:var(--roam-ref-spacing-2);color:var(--roam-ref-palette-forest-soft)}
.package-cta{box-sizing:border-box;width:100%;min-height:44px;font-size:var(--roam-ref-typescale-15)}

/* The recommended package: a gold edge, a raised gold glow and a "Recommended" tab over its top edge. */
.package--featured{position:relative;border:2px solid var(--roam-ref-palette-gold);box-shadow:0 24px 56px var(--roam-ref-palette-gold-a22)}
.package--featured :is(.package-name,.package-feature-tick){color:var(--roam-ref-palette-gold-640)}
.package-badge{position:absolute;top:-14px;left:var(--roam-ref-spacing-24);display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-6);padding:var(--roam-ref-spacing-4) var(--roam-ref-spacing-12);border-radius:var(--roam-sys-shape-full);background:var(--roam-ref-palette-gold);font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-xs);color:var(--roam-ref-palette-forest)}

}
/* ── sections/resources.css ── */
@layer board{

.resources{display:flex;flex-direction:column;align-items:flex-start;gap:var(--roam-ref-spacing-64)}

/* ── The guide ───────────────────────────────────────────────────────────────────────────────────────────── */
.guide{display:flex;flex:0 1 auto;flex-direction:column;align-items:stretch;gap:var(--roam-ref-spacing-20);min-width:0;padding:var(--roam-ref-spacing-24);border-radius:var(--roam-sys-shape-form);background:var(--roam-ref-palette-sand-90)}
.guide-cover{flex:none;width:120px;height:auto;margin:0 auto;filter:drop-shadow(0 20px 30px var(--roam-ref-palette-forest-a25))}
.guide-body{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-14);min-width:0}
.guide-title{font-size:var(--roam-ref-typescale-28);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-heading)}
.guide-text{margin:0;color:var(--roam-ref-palette-forest-720)}
.guide input{border-radius:var(--roam-sys-shape-lg)}

/* ── From the experts ────────────────────────────────────────────────────────────────────────────────────── */
.resources-reading{flex:1 1 auto;min-width:0}
.resources-links{margin-top:var(--roam-sys-flow-separated)}
.resources-links-end{border-bottom:1px solid var(--roam-ref-palette-sand-150)}
.resource{display:flex;align-items:center;justify-content:space-between;gap:var(--roam-ref-spacing-20);padding:var(--roam-ref-spacing-24) 0;border-top:1px solid var(--roam-ref-palette-sand-150);text-decoration:none;color:var(--roam-ref-palette-forest)}
.resource-kicker{display:block}
.resource-title{font-size:var(--roam-ref-typescale-22);font-weight:var(--roam-ref-weight-semibold);line-height:var(--roam-ref-leading-compact)}
.resource-note{display:block;margin-top:var(--roam-ref-spacing-2);font-size:var(--roam-ref-typescale-14);color:var(--roam-ref-palette-stone-610)}
.resource-arrow{display:grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid var(--roam-ref-palette-sand-150);border-radius:50%}

@media (min-width:768px){
.guide{flex-direction:row;align-items:center;gap:var(--roam-ref-spacing-32);padding:var(--roam-ref-spacing-40)}
.guide-cover{width:180px;margin:0}
}

@media (min-width:1024px){
.resources{flex-direction:row}
.guide{flex-basis:520px}
.resources-reading{flex-basis:520px}
}

}
/* ── sections/faq.css ── */
@layer board{

.faq{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-80)}
.faq-intro{flex:0 1 auto;min-width:0}
.faq-list{flex:1 1 auto;min-width:0}

@media (min-width:1024px){
.faq{flex-direction:row}
.faq-intro{flex-basis:380px}
.faq-list{flex-basis:640px}
}

}
/* ── sections/closing.css ── */
@layer board{

/* The page's last section: tight to the one above, a deep foot before the footer. */
.closing{padding:var(--roam-ref-spacing-40) 0 var(--roam-ref-spacing-128)}
.closing-panel{position:relative;display:flex;align-items:center;overflow:hidden;min-height:560px;border-radius:var(--roam-sys-shape-container)}
.closing-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.closing-veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--roam-ref-palette-cream-a96) 0%,var(--roam-ref-palette-cream-a90) 60%,var(--roam-ref-palette-cream-a75) 100%)}
.closing-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--roam-ref-spacing-28);box-sizing:border-box;width:100%;padding:var(--roam-ref-spacing-28) var(--roam-sys-space-pad-lg) var(--roam-sys-space-pad-lg)}
.closing-copy{flex:1 1 auto;min-width:0}
.closing-h{max-width:11ch}
.closing-fine{margin:var(--roam-sys-flow-related) 0 0;font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}

.closing-form{display:flex;flex:0 1 auto;flex-direction:column;gap:var(--roam-ref-spacing-14);min-width:0;padding:var(--roam-ref-spacing-28);border-radius:max(var(--roam-sys-shape-sm),calc(var(--roam-sys-shape-container) - var(--roam-sys-space-pad-lg)))}
.closing-form-title{font-size:var(--roam-ref-typescale-22);font-weight:var(--roam-ref-weight-semibold)}
.closing-form-submit{width:100%}
.closing-form-call{font-size:var(--roam-ref-typescale-14);text-align:center;color:var(--roam-ref-palette-stone-610)}

@media (min-width:768px){
.closing-veil{background:linear-gradient(90deg,var(--roam-ref-palette-cream-a96) 0%,var(--roam-ref-palette-cream-a86) 38%,transparent 70%)}
.closing-inner{gap:var(--roam-ref-spacing-48);padding:var(--roam-ref-spacing-64)}
.closing-form{border-radius:var(--roam-sys-shape-form)}
}

@media (min-width:1024px){
.closing-inner{flex-direction:row}
.closing-copy{flex-basis:480px}
.closing-form{flex-basis:420px}
}

}
/* ── sections/compare.css ── */
@layer board{

/* ── ROAM card + other options ───────────────────────────────────────────────────────────────────────────── */
.cmp{display:flex;flex-direction:column;align-items:flex-start;gap:var(--roam-ref-spacing-56);margin-top:var(--roam-sys-flow-major)}

.cmp-card{position:relative;overflow:hidden;flex:0 1 auto;min-width:0;padding:var(--roam-sys-space-pad-lg);border-radius:var(--roam-sys-shape-feature);box-shadow:var(--roam-ref-shadow-5)}
.cmp-card-bar{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--roam-ref-palette-teal),var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
.cmp-card-logo{display:block;width:auto;height:32px}
.cmp-card-lead{margin:var(--roam-sys-flow-related) 0 0;font-size:var(--roam-ref-typescale-15);color:var(--roam-ref-palette-forest-720)}
.cmp-card-cta{box-sizing:border-box;width:100%;margin-top:var(--roam-sys-flow-separated)}

.cmp-perks{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-14);margin:var(--roam-sys-flow-separated) 0 0;padding:var(--roam-ref-spacing-20) 0 0;border-top:1px solid var(--roam-ref-palette-sand-90);list-style:none}
.cmp-perk{display:flex;align-items:center;gap:var(--roam-ref-spacing-12);font-size:var(--roam-ref-typescale-15)}

/* The gold tick: the card's perks and ROAM's answers in the table. */
.cmp-tick{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--roam-ref-palette-gold);color:var(--roam-ref-palette-forest)}

.cmp-alts{flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none}
.cmp-alt{display:flex;gap:var(--roam-ref-spacing-16);padding:var(--roam-ref-spacing-24) 0;border-top:1px solid var(--roam-ref-palette-sand-150);opacity:var(--roam-ref-opacity-80)}
.cmp-alt-badge{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--roam-ref-palette-sand-90);font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-stone-610)}
.cmp-alt-name{font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}
.cmp-alt-summary{display:block;margin:var(--roam-ref-spacing-2) 0;font-size:var(--roam-ref-typescale-20);color:var(--roam-ref-palette-forest-720)}
.cmp-alt-detail{font-size:var(--roam-ref-typescale-15);color:var(--roam-ref-palette-stone-610)}

@media (min-width:1024px){
.cmp{flex-direction:row}
.cmp-card{flex-basis:460px}
.cmp-alts{flex-basis:520px}
}

/* ── Comparison table ────────────────────────────────────────────────────────────────────────────────────── */
/* Phone: no outer card; every row is its own card. */
.cmp-table-wrap{margin-top:var(--roam-sys-flow-major);border-radius:var(--roam-sys-shape-feature)}
/* :where() keeps this reset at element weight, so the cell classes below set their own display. */
.cmp-table,:where(.cmp-table) :is(tbody,tr,th,td){display:block}
.cmp-table thead{display:none}
.cmp-table tr{overflow:hidden;margin-bottom: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)}

/* Header cells (shown from 768px). */
.cmp-table-corner{width:30%;padding:0 var(--roam-ref-spacing-20) var(--roam-ref-spacing-16);border:0}
.cmp-table-roam-head{width:22%;padding:var(--roam-ref-spacing-20);border:0;border-top:3px solid var(--roam-ref-palette-gold);border-radius:var(--roam-sys-shape-sm) var(--roam-sys-shape-sm) 0 0;background:var(--roam-ref-palette-gold-a10)}
.cmp-table-logo{display:block;width:auto;height:24px}
.cmp-table-col{padding:var(--roam-ref-spacing-20);border:0;vertical-align:bottom;font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-stone-610)}

/* Body cells. On phones each answer is a labelled line: ROAM's on a gold-tinted panel, the others under a rule. */
.cmp-table-feature{padding:var(--roam-ref-spacing-16) var(--roam-ref-spacing-16) var(--roam-ref-spacing-8);border:0;font-size:var(--roam-ref-typescale-16);font-weight:var(--roam-ref-weight-semibold)}
.cmp-table-roam{display:flex;justify-content:space-between;align-items:center;margin:0 var(--roam-ref-spacing-12);padding:var(--roam-ref-spacing-12);border:0;border-radius:var(--roam-sys-shape-sm);background:var(--roam-ref-palette-gold-a10)}
.cmp-table-roam::before{content:"ROAM";font-size:var(--roam-ref-typescale-12);font-weight:var(--roam-ref-weight-bold);letter-spacing:var(--roam-ref-tracking-sm);color:var(--roam-ref-palette-gold-640)}
.cmp-table-other{display:flex;justify-content:space-between;gap:var(--roam-ref-spacing-12);padding:var(--roam-ref-spacing-10) var(--roam-ref-spacing-16);border-top:1px solid var(--roam-ref-palette-sand-90);border-bottom:0;font-size:var(--roam-ref-typescale-14)}
.cmp-table-other::before{content:attr(data-l);color:var(--roam-ref-palette-stone-610)}

/* An answer: its mark, then its words (on phones the mark sits at the line's end). */
.cmp-value{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:var(--roam-ref-spacing-10)}
.cmp-table-other .cmp-value{margin-right:var(--roam-ref-spacing-8)}
.cmp-value--yes{font-weight:var(--roam-ref-weight-bold);color:var(--roam-ref-palette-forest)}
.cmp-value--no{color:var(--roam-ref-palette-stone-500)}
.cmp-value--partial{color:var(--roam-ref-palette-forest-720)}
.cmp-mark{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--roam-ref-palette-sand-90)}
.cmp-value--partial .cmp-mark{color:var(--roam-ref-palette-sage)}

.cmp-note{margin-top:var(--roam-sys-flow-related);font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}

@media (min-width:768px){
/* The table, inside one card. */
.cmp-table-wrap{padding:var(--roam-ref-spacing-24) var(--roam-ref-spacing-24) var(--roam-ref-spacing-8);border:var(--roam-sys-card-border);background:var(--roam-sys-card-background);box-shadow:var(--roam-sys-card-shadow)}
.cmp-table{display:table}
.cmp-table thead{display:table-header-group}
.cmp-table tbody{display:table-row-group}
.cmp-table tr{display:table-row;overflow:visible;margin-bottom:0;border:0;border-radius:0;background:none}
.cmp-table th,.cmp-table td{display:table-cell}
.cmp-table-feature{padding:var(--roam-ref-spacing-18) var(--roam-ref-spacing-20);border-bottom:1px solid var(--roam-ref-palette-sand-90);font-size:var(--roam-ref-typescale-15)}
.cmp-table-roam{margin:0;padding:var(--roam-ref-spacing-18) var(--roam-ref-spacing-20);border-bottom:1px solid var(--roam-ref-palette-gold-a25);border-radius:0}
.cmp-table tr:last-child .cmp-table-roam{border-radius:0 0 var(--roam-sys-shape-lg) var(--roam-sys-shape-lg)}
.cmp-table-roam::before,.cmp-table-other::before{content:none}
.cmp-table-other{padding:var(--roam-ref-spacing-18) var(--roam-ref-spacing-20);border-top:0;border-bottom:1px solid var(--roam-ref-palette-sand-90);font-size:var(--roam-ref-typescale-15)}
.cmp-value{flex-direction:row}
.cmp-table-other .cmp-value{margin-right:0}
}

}
/* ── sections/guarantee.css ── */
@layer board{

.gtee{display:flex;flex-direction:column;align-items:center;gap:var(--roam-ref-spacing-72)}
.gtee-copy{flex:1 1 auto;min-width:0}

/* ── Steps ───────────────────────────────────────────────────────────────────────────────────────────────── */
.gtee-steps{display:flex;flex-direction:column;gap:var(--roam-ref-spacing-28);margin:var(--roam-sys-flow-major) 0 0;padding:0;list-style:none}
.gtee-step{display:grid;grid-template-columns:52px 1fr;align-items:start;gap:var(--roam-ref-spacing-16)}
.gtee-step-num{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--roam-ref-palette-forest);font-size:var(--roam-ref-typescale-22);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-cream)}
.gtee-step-title{font-size:var(--roam-ref-typescale-22);font-weight:var(--roam-ref-weight-semibold)}
.gtee-step-text{display:block;margin-top:var(--roam-ref-spacing-4);color:var(--roam-ref-palette-forest-720)}

.gtee-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--roam-ref-spacing-20);margin-top:var(--roam-sys-flow-major)}
.gtee-fine{font-size:var(--roam-ref-typescale-13);color:var(--roam-ref-palette-stone-610)}

/* ── Certificate ─────────────────────────────────────────────────────────────────────────────────────────── */
/* Full width on phones; from 768px it takes its own width, centred, until it joins the row at 1024px. */
.gtee-cert-col{flex:0 1 auto;width:100%;min-width:0}
.gtee-cert-frame{padding:var(--roam-ref-spacing-20)}
.gtee-cert{overflow:hidden;padding:var(--roam-sys-space-pad-lg);border:var(--roam-sys-card-border);border-radius:var(--roam-sys-shape-feature);background:var(--roam-sys-card-background);box-shadow:var(--roam-ref-shadow-5)}
.gtee-cert-body{text-align:center}
.gtee-cert-label{letter-spacing:var(--roam-ref-tracking-xl);text-transform:uppercase}
/* A display numeral: off the type scale on purpose. */
.gtee-cert-amount{margin:var(--roam-sys-flow-related) 0 var(--roam-ref-spacing-8);font-size:96px;font-weight:var(--roam-ref-weight-bold);line-height:var(--roam-ref-leading-none);color:var(--roam-ref-palette-forest)}
.gtee-cert-note{font-size:var(--roam-ref-typescale-15);color:var(--roam-ref-palette-forest-720)}

/* Signatures either side of the seal. */
.gtee-cert-sign{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--roam-ref-spacing-16);margin-top:var(--roam-sys-flow-major)}
.gtee-cert-party{font-size:var(--roam-ref-typescale-12);text-align:left;color:var(--roam-ref-palette-stone-610)}
.gtee-cert-party--roam{font-size:var(--roam-ref-typescale-11);text-align:right;white-space:nowrap}
.gtee-cert-line{width:100px;height:28px;border-bottom:1px solid var(--roam-ref-palette-sage)}
.gtee-cert-seal-disc{fill:var(--roam-ref-palette-gold)}
.gtee-cert-seal-ring,.gtee-cert-seal-tick{stroke:var(--roam-ref-palette-forest)}

@media (min-width:768px){
.gtee-cert-col{width:auto}
.gtee-cert{transform:rotate(1.5deg)}
.gtee-cert-party--roam{font-size:var(--roam-ref-typescale-12);white-space:normal}
.gtee-cert-line{width:140px}
}

@media (min-width:1024px){
.gtee{flex-direction:row}
.gtee-copy{flex-basis:520px}
.gtee-cert-col{flex-basis:480px}
}

}
/* ── sections/phases.css ── */
@layer board{

.phases{position:relative;margin-top:var(--roam-sys-flow-major)}
.phases-rail{position:absolute;top:var(--roam-ref-spacing-20);bottom:var(--roam-ref-spacing-20);left:var(--roam-ref-spacing-20);width:2px;background:linear-gradient(var(--roam-ref-palette-sage),var(--roam-ref-palette-gold))}
/* Positioned so the list paints over the rail. */
.phases-list{position:relative;margin:0;padding:0;list-style:none}

.phase{display:grid;grid-template-columns:40px 1fr;gap:var(--roam-ref-spacing-18);padding-bottom:var(--roam-ref-spacing-28)}
.phase-num{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--roam-ref-palette-sage);border-radius:50%;background:var(--roam-ref-palette-white);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-forest)}
.phase-num--last{border-color:var(--roam-ref-palette-gold);background:var(--roam-ref-palette-gold)}
.phase-title{margin:0;font-size:var(--roam-sys-type-small);font-weight:var(--roam-ref-weight-bold)}
.phase-text{display:block;margin-top:var(--roam-ref-spacing-2);font-size:var(--roam-ref-typescale-15);color:var(--roam-ref-palette-forest-720)}
.phase-link{display:inline-block;margin-top:var(--roam-sys-flow-coupled);font-size:var(--roam-ref-typescale-14);font-weight:var(--roam-ref-weight-semibold);color:var(--roam-ref-palette-gold-640)}

}
/* ── 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)}

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

.ota-pills{display:flex;flex-wrap:wrap;gap:var(--roam-ref-spacing-12);margin:0;padding:0;list-style:none}
.ota-pill{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-10);padding:var(--roam-ref-spacing-10) var(--roam-ref-spacing-14) var(--roam-ref-spacing-10) 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-cream)}
.ota-pill img,.ota-pill svg{display:block;flex:none}
.ota-st{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ota-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--roam-ref-spacing-18) var(--roam-ref-spacing-24);min-width:0;margin:0;padding:0;list-style:none}
.ota-logos li{display:flex;align-items:center;min-width:0}
.ota-logos img{display:block;max-width:100%;object-fit:contain}
.ota-roam-word{display:inline-flex;align-items:center;gap:var(--roam-ref-spacing-8);font-family:var(--roam-ref-typeface-display);font-size:var(--roam-ref-typescale-20);font-weight:var(--roam-ref-weight-semibold);letter-spacing:var(--roam-ref-tracking-display);white-space:nowrap;color:var(--roam-ref-palette-stone-610)}
.ota-roam-mark{flex:none;width:20px;height:20px}

@media (min-width:480px){
.ota-logos{gap:var(--roam-ref-spacing-20) var(--roam-ref-spacing-32)}
}

@media (min-width:1024px){
.ota-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--roam-ref-spacing-24)}
}

@media (min-width:1280px){
.ota-logos{display:flex;justify-content:space-between;gap:var(--roam-ref-spacing-20)}
}

}
/* ── 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)) .roam-card-icon-three{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-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)) :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){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"]{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){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)) .roam-card-icon-three{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-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{

}