:root {
  color-scheme: light;
  --ink: #1D1D1B; --porcelain: #FAF9F6; --mist: #E3E1DB; --graphite: #4D4A45;
  --cream: #F5F4F0; --shell: #F0ECE6; --stage: #1D1D1B; --oxblood: #1A1714; --coral: #FF7A5C; --coral-deep: #B8321E; --coral-pale: #F6E4DE;
  --lacquer: #A23B2A; --lacquer-dark: #FF7A5C; --white: #FFFDFA; --ground: #FAF9F6; --line: #DEDBD4;
  --lacquer-hover: #8A3123; --line-strong: #B9B6AE; --field-line: #C9C6BF; --faint: #A9A69E; --ok: #2F6B3F;
  --deep: var(--oxblood); --deep-ink: #F5F4F0; --deep-muted: #CAC5BE; --numeral: #FF7A5C; --panel: #F5F3EF; --panel-line: #E2DED7;
  --pp-bg: #A23B2A; --pp-ink: #FFFFFF; --pp-btn: #F5F4F0; --pp-btn-ink: #1D1D1B; --pp-btn-hover: #FFFFFF;
  --bg: var(--porcelain); --surface: var(--white); --text: var(--ink); --muted: var(--graphite); --accent: var(--lacquer); --border: var(--line);
  --band-a: var(--white); --band-b: var(--shell); --hub-tint: var(--shell); --focus: var(--lacquer);
  --card: var(--shell); --card-line: transparent; --card-edge: var(--shell); --card-shadow: 0 10px 30px rgba(42, 21, 18, .08), 0 1px 2px rgba(42, 21, 18, .06);
  --grain-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");
  --grain-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");
  --w-shell-pale: #F4E1DA; --w-shell-mid: #B4475A; --w-shell-deep: #2A1512; --w-shell-numeral: #E58A72; --w-shell-pale-dk: #2E211D; --w-shell-deep-dk: #3A1C17;
  --w-lilac-pale: #EEE3EF; --w-lilac-mid: #9C6BB5; --w-lilac-deep: #33203A; --w-lilac-numeral: #D7B3DF; --w-lilac-pale-dk: #2C2133; --w-lilac-deep-dk: #3B2644;
  --w-caramel-pale: #F2E4D3; --w-caramel-mid: #C98A3E; --w-caramel-deep: #33241B; --w-caramel-numeral: #E3B484; --w-caramel-pale-dk: #2D2419; --w-caramel-deep-dk: #43301F;
  --w-slate-pale: #E4E8EC; --w-slate-mid: #5F87AD; --w-slate-deep: #1F2A33; --w-slate-numeral: #9FC1DD; --w-slate-pale-dk: #1F252B; --w-slate-deep-dk: #293743;
  --w-bone-pale: #ECE9E4; --w-bone-mid: #46708C; --w-bone-deep: #141416; --w-bone-numeral: #E58A72; --w-bone-pale-dk: #242220; --w-bone-deep-dk: #2A2A2E;
  --w-sea-pale: #E3EFEC; --w-sea-mid: #3E9A93; --w-sea-deep: #0F5557; --w-sea-numeral: #B8E3DA; --w-sea-pale-dk: #1D2625; --w-sea-deep-dk: #0F5557;
  --w-sage-pale: #E2EBE5; --w-sage-mid: #5E9B78; --w-sage-deep: #1B3A32; --w-sage-numeral: #9ED2B9; --w-sage-pale-dk: #1F2622; --w-sage-deep-dk: #23493F;
  --w-mist-pale: #EAF0F0; --w-mist-mid: #5A98A3; --w-mist-deep: #2C5860; --w-mist-numeral: #BFE3EA; --w-mist-pale-dk: #1D2626; --w-mist-deep-dk: #2C5860;
  --w-sky-pale: #E3ECF1; --w-sky-mid: #5B95C4; --w-sky-deep: #1B2E40; --w-sky-numeral: #A6CBE6; --w-sky-pale-dk: #1C242B; --w-sky-deep-dk: #243C54;
  --w-peach-pale: #F7E2D2; --w-peach-mid: #CF7A3A; --w-peach-deep: #5C2617; --w-peach-numeral: #F0B48A; --w-peach-pale-dk: #30231B; --w-peach-deep-dk: #5A2A1A;
  --w-rose-pale: #F3DFE2; --w-rose-mid: #B8607A; --w-rose-deep: #4C1631; --w-rose-numeral: #EBB0C2; --w-rose-pale-dk: #2F2026; --w-rose-deep-dk: #4E1D35;
  --w-skygrey-pale: #E8E9F2; --w-skygrey-mid: #6B78C2; --w-skygrey-deep: #1F2557; --w-skygrey-numeral: #B4BCEB; --w-skygrey-pale-dk: #20222D; --w-skygrey-deep-dk: #2A3268;
  --craft-pale: var(--shell); --craft-mid: var(--w-shell-mid); --craft-deep: var(--oxblood); --craft-numeral: var(--coral);
  --tint-nails: var(--w-shell-pale); --tint-lashes: var(--w-lilac-pale); --tint-beauty: var(--w-peach-pale); --tint-hair: var(--w-caramel-pale); --tint-barbers: var(--w-slate-pale); --tint-tattoo: var(--w-bone-pale);
  --tint-piercing: var(--w-sea-pale); --tint-spmu: var(--w-rose-pale); --tint-massage: var(--w-mist-pale); --tint-dogs: var(--w-sky-pale); --tint-aesthetics: var(--w-mist-pale); --tint-fitness: var(--w-sage-pale); --tint-coaching: var(--w-skygrey-pale);
  --device: #2A2A28; --device-base: #D5D3CC; --device-base-2: #B9B6AE; --device-notch: #A9A69E;
  --serif: "Newsreader", "Newsreader Fallback", Georgia, "Times New Roman", serif; --serif-weight: 500;
  --wordmark: "Fraunces Wordmark", "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Figtree", -apple-system, BlinkMacSystemFont, "Figtree Fallback", "Segoe UI", Helvetica, Arial, sans-serif;
  --t0: clamp(64px, 8.4vw, 120px); --t1: clamp(44px, 7.2vw, 104px); --t1-read: clamp(36px, 4.4vw, 60px); --t2: clamp(32px, 3.9vw, 56px);
  --t3: clamp(21px, 1.75vw, 25px); --t4: 18px; --t5: 16px; --t6: 15px; --t7: 13px;
  --numeral-size: var(--t0);
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 40px; --s5: 64px; --s6: 96px;
  --band-pad: 48px; --band-space: var(--band-pad);   --wrap: 1140px; --measure: 65ch; --head-h: 73px;
  --radius: 16px; --r1: 4px; --r2: 8px; --r3: 12px; --r-tile: 14px; --pp-radius: 22px; --r-pill: 999px; --r-device: 32px; --r-screen: 24px;
  --bw: 1px;
  --shadow-1: 0 1px 2px rgba(29, 29, 27, .04), 0 8px 24px -16px rgba(29, 29, 27, .22);
  --shadow-2: 0 2px 4px rgba(29, 29, 27, .04), 0 18px 40px -20px rgba(29, 29, 27, .30);
  --shadow-pop: 0 24px 60px rgba(0, 0, 0, .25);
  --ease: cubic-bezier(.2, .7, .2, 1); --quick: .18s;
}
@media (max-width: 700px) { :root { --band-pad: 32px; } }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--porcelain); color: var(--ink); font: var(--t4)/1.6 var(--sans); -webkit-font-smoothing: antialiased; --tint: var(--craft-pale); }
h1, h2, h3 { font-family: var(--serif); font-weight: var(--serif-weight); line-height: 1.12; margin: 0 0 var(--s2); letter-spacing: -.005em; text-wrap: balance; }
h1 { font-size: var(--t1); line-height: .98; letter-spacing: -.02em; }
h2 { font-size: var(--t2); line-height: 1.04; letter-spacing: -.015em; }
:is(.guide, .legal, .summary-sheet, .checklist) h1 { font-size: var(--t1-read); line-height: 1.04; }
h3, h4 { font-size: var(--t3); }
h4 { font-family: var(--serif); font-weight: var(--serif-weight); margin: 0 0 var(--s1); line-height: 1.2; }
p { margin: 0 0 var(--s2); }
p, li { max-width: var(--measure); }
a { color: var(--ink); text-decoration-color: var(--lacquer); text-underline-offset: 3px; text-decoration-thickness: 1px; transition: text-decoration-thickness var(--quick) var(--ease), color var(--quick) var(--ease); }
a:hover { text-decoration-thickness: 2px; }
b, strong { font-weight: 600; }
:focus-visible { outline: 2px solid var(--lacquer); outline-offset: 3px; border-radius: var(--r1); }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--s3); }
.muted { color: var(--graphite); }
.small { font-size: var(--t5); }
.center { text-align: center; }
.dot { color: var(--lacquer); }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -9999px; top: 0; background: var(--ink); color: var(--white); padding: 10px 14px; z-index: 100; }
.skip:focus { left: 12px; top: 12px; }
[hidden] { display: none !important; }
.draft { background: var(--ink); color: var(--mist); font-size: var(--t7); text-align: center; padding: 6px 16px; }
.draft b { color: var(--white); }
.placeholder { background: #FBE9C9; color: var(--ink); padding: 0 4px; border-radius: var(--r1); font-weight: 600; }
.draft-note { border-left: var(--bw) solid #E4B979; padding: 4px 12px; font-size: var(--t5); color: var(--graphite); max-width: var(--measure); }
.gated { outline: var(--bw) dashed #E4B979; outline-offset: 6px; border-radius: var(--r1); }
.gated-row th, .gated-row td { background: #FBF3E4; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 8px 18px; border: var(--bw) solid var(--lacquer); border-radius: var(--r2); background: var(--lacquer); color: var(--white); font: 600 var(--t5)/1.2 var(--sans); text-decoration: none; cursor: pointer; white-space: nowrap; transition: background-color var(--quick) var(--ease), border-color var(--quick) var(--ease), color var(--quick) var(--ease), transform var(--quick) var(--ease), box-shadow var(--quick) var(--ease); }
.btn:hover { background: var(--lacquer-hover); border-color: var(--lacquer-hover); }
.btn.ghost { background: transparent; color: var(--ink); border-color: var(--line-strong); }
.btn.ghost:hover { border-color: var(--ink); background: transparent; }
.btn.small { min-height: 34px; padding: 6px 14px; font-size: var(--t6); }
.btn[disabled] { opacity: .5; cursor: not-allowed; }
.arrow-link { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; font-weight: 600; font-size: var(--t5); text-decoration: none; color: var(--lacquer); }
.arrow-link:hover { text-decoration: underline; }
.arrow-link span { transition: transform .15s ease; }
.arrow-link:hover span { transform: translateX(2px); }
.linkish { background: none; border: 0; padding: 0; font: inherit; color: var(--lacquer); text-decoration: underline; cursor: pointer; }
.cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); }
.section-link { margin: var(--s4) 0 0; }
.assure { display: flex; gap: 8px; align-items: flex-start; margin: var(--s2) 0 0; font-size: var(--t5); line-height: 1.5; color: var(--graphite); max-width: 520px; }
.assure svg { flex: none; width: 16px; height: 16px; color: var(--graphite); margin-top: 2px; }
.under-line { font-size: var(--t5); color: var(--graphite); margin: var(--s2) 0 0; }
.kicker { display: inline-block; font-size: var(--t7); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; margin-bottom: var(--s2); color: var(--graphite); }
.lead { font-size: var(--t3); line-height: 1.6; }
.intro { color: var(--graphite); margin: 0 0 var(--s4); }
.own-line { font-weight: 500; margin: 0 0 var(--s2); }
.trade-line { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); margin: 0 0 var(--s2); }
.soon, .tag-soon { font-size: var(--t7); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--graphite); }
.addon .soon { margin-left: 6px; }
.top { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); padding: var(--s2) var(--s3); max-width: var(--wrap); margin: 0 auto; }
.wordmark { display: inline-flex; align-items: center; min-height: 40px; font-family: var(--wordmark); font-weight: 500; font-size: 26px; color: var(--ink); text-decoration: none; line-height: 1; white-space: nowrap; }
.main-nav { display: flex; align-items: center; gap: var(--s3); font-size: var(--t5); margin-left: auto; }
.main-nav > a, .menu > summary { color: var(--ink); text-decoration: none; display: inline-flex; align-items: center; min-height: 32px; cursor: pointer; }
.main-nav > a:hover, .menu > summary:hover { color: var(--lacquer); }
.main-nav > a[aria-current="page"] { color: var(--lacquer); }
.top-end { display: flex; align-items: center; gap: var(--s1); }
.menu { position: relative; }
.menu > summary { list-style: none; gap: 6px; font: inherit; }
.menu > summary::-webkit-details-marker { display: none; }
.menu > summary::after { content: ""; width: 6px; height: 6px; border-right: 1.4px solid currentColor; border-bottom: 1.4px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.menu[open] > summary::after { transform: rotate(-135deg) translateY(-1px); }
.menu-panel { position: absolute; z-index: 60; top: calc(100% + 8px); left: -16px; min-width: 560px; background: var(--white); border: var(--bw) solid var(--line); border-radius: var(--r2); box-shadow: var(--shadow-1); padding: var(--s3); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s1) var(--s3); }
.menu-panel ul { list-style: none; margin: 0; padding: 0; }
.menu-panel a { display: flex; align-items: center; gap: 6px; min-height: 32px; color: var(--ink); text-decoration: none; font-size: var(--t5); }
.menu-panel a:hover { color: var(--lacquer); }
.menu-h, .foot-h { font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); margin: 0 0 var(--s1); }
.menu-all { grid-column: 1 / -1; border-top: var(--bw) solid var(--line); margin: var(--s1) 0 0; padding-top: var(--s1); }
.phone-menu { display: none; }
.phone-menu .menu-sub > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 44px; font: 500 var(--t5) var(--sans); color: var(--ink); }
.phone-menu .menu-sub > summary::-webkit-details-marker { display: none; }
.phone-menu .menu-sub > summary::after { content: "+"; color: var(--graphite); font-weight: 400; }
.phone-menu .menu-sub[open] > summary::after { content: "\2212"; }
.phone-menu .menu-sub-list { padding: 0 0 var(--s1) var(--s2); border-left: var(--bw) solid var(--line); margin-bottom: var(--s1); }
.phone-menu .menu-five { border-top: 0; padding-top: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s2); }
.phone-menu .menu-panel { right: 0; left: auto; min-width: 0; width: min(92vw, 360px); grid-template-columns: 1fr; max-height: 78vh; max-height: calc(100dvh - 76px); overflow-y: auto; padding: var(--s2); }
.phone-menu .menu-panel { overscroll-behavior: contain; }
html.menu-locked, html.menu-locked body { overflow: hidden; }
@media (min-width: 961px) and (max-width: 1099px) { .main-nav { gap: var(--s2); } .main-nav > a, .menu > summary { white-space: nowrap; } }
.top-end .see-short { display: none; }
@media (max-width: 1099px) { .top-end .see-long { display: none; } .top-end .see-short { display: inline; } }
@media (max-width: 960px) {
  .top .main-nav { display: none; }
  .phone-menu { display: block; }
  .top-end { margin-left: auto; }
  .phone-menu > summary { font-weight: 600; font-size: var(--t6); padding: 0 4px; }
}
@media (max-width: 380px) { .top { gap: 4px; } .top-end { gap: 6px; } :root .top-end .btn.small { padding-left: 13px; padding-right: 13px; }   .phone-menu > summary { padding: 0 0 0 2px; } }
.crumbs { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--s3); font-size: var(--t6); }
.crumbs ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; color: var(--graphite); }
.crumbs li + li::before { content: "/"; margin-right: 6px; color: var(--line-strong); }
.crumbs a { color: var(--graphite); text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }
section { padding: var(--s5) 0; }
main > section + section, main > .strip + section, main > nav + section { border-top: var(--bw) solid var(--line); }
.page { padding: var(--s5) 0 var(--s6); }
.page .narrow { max-width: 720px; margin: 0 auto; }
.page h2 { margin-top: var(--s5); }
.closing { text-align: left; }
.closing .intro, .closing p { margin-left: 0; margin-right: 0; }
.closing .cta-row { justify-content: center; }
.closing .assure { justify-content: flex-start; margin-left: 0; margin-right: 0; }
.reveal.will > * { opacity: 0; transform: translateY(10px); transition: opacity .5s ease, transform .5s ease; }
.reveal.will.in > * { opacity: 1; transform: none; }
.hero { padding: var(--s5) 0 var(--s5); }
.hero > .wrap { max-width: var(--wrap); }
.hero-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); grid-template-areas: "text show"; gap: var(--s5); align-items: start; }
.hero-text { grid-area: text; max-width: 560px; }
.hero-text .lead { margin-bottom: var(--s4); }
.showcase { grid-area: show; position: relative; }
.showcase { display: block; }
main.banded { background: var(--white); }
main.banded > section:not(.hero), main.banded .band-stack > section { padding: var(--band-pad) 0; margin: 0; border: 0; }
main.banded > .page, main.banded .band-page > .page { padding: var(--s5) 0 var(--band-pad); }
main.banded > section:not(.hero) > .wrap > :first-child, main.banded .band-stack > section > .wrap > :first-child { margin-top: 0; }
main.banded > section:not(.hero) > .wrap > :last-child, main.banded .band-stack > section > .wrap > :last-child { margin-bottom: 0; }
main.banded .band-line { color: var(--graphite); margin: 0 0 var(--s4); max-width: var(--measure); }
main.banded .narrow-wrap { max-width: var(--wrap); }
main.banded > section:not(.hero) .intro, main.banded .band-stack > section .intro { margin-bottom: var(--s3); }
main.banded > .jump { background: var(--white); }
main.banded > section > .wrap.narrow { max-width: 720px; margin: 0 auto; }
main.banded > .page .wrap > :last-child { margin-bottom: 0; }
@media (min-width: 1000px) {
  main.banded section.split > .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: var(--s5); align-items: start; }
  main.banded section.split > .wrap > * { grid-column: 2; }
  main.banded section.split > .wrap > h2:first-child { grid-column: 1; grid-row: 1 / span 12; margin: 0; }
  main.banded section.split > .wrap > h2:first-child + * { margin-top: 0; }
}
.picker { margin-top: var(--s4); padding-top: var(--s3); border-top: var(--bw) solid var(--line); }
select { font: var(--t5) var(--sans); color: var(--ink); min-height: 36px; padding: 6px 32px 6px 12px; border: var(--bw) solid var(--field-line); border-radius: var(--r2); background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235E5B56' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 12px center; appearance: none; max-width: 100%; }
select:hover { border-color: var(--graphite); }
.work-row { margin-top: var(--s2); }
.trade-page-link { margin: var(--s2) 0 0; font-weight: 600; font-size: var(--t5); }
.seg { display: inline-flex; flex-wrap: wrap; border: var(--bw) solid var(--line); border-radius: var(--r2); background: var(--white); padding: 2px; }
.seg button { min-height: 28px; font: 500 var(--t6)/1 var(--sans); color: var(--graphite); background: transparent; border: 0; border-radius: var(--r1); padding: 6px 12px; cursor: pointer; }
.seg button:hover { color: var(--ink); }
.seg button[aria-pressed="true"] { background: var(--mist); color: var(--ink); font-weight: 600; }
.seg-one { flex-wrap: nowrap; gap: 2px; }
.seg-one button { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 44px; padding: 4px 14px; line-height: 1.15; }
.seg-one button small { font: 400 var(--t7)/1.2 var(--sans); color: inherit; }
.seg-one button:nth-child(2) { margin-right: 0; }
.seg-one { border-radius: var(--r-pill); padding: 3px; border-color: var(--line-strong); } .seg-one button { border-radius: var(--r-pill); }
.seg-label { align-self: center; font: 500 var(--t5)/1.2 var(--sans); color: var(--graphite); }
.demo-bar { align-items: center; }
.demo-full { margin: var(--s2) auto 0; max-width: none; text-align: center; font-size: var(--t5); color: var(--graphite); }
.demo-full .demo-go { display: inline-flex; align-items: center; min-height: 44px; margin: 0 var(--s1); font-weight: 600; color: var(--lacquer); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
@media (pointer: fine) { .demo-full .demo-go { min-height: 24px; } }
@media (max-width: 480px) { .seg-one button { padding: 4px 8px; } }
.strip { border-top: var(--bw) solid var(--line); border-bottom: var(--bw) solid var(--line); }
.strip p { margin: 0 auto; max-width: none; padding: var(--s2) 0; text-align: center; font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t4); }
.jump .wrap { display: flex; flex-wrap: wrap; gap: 0 var(--s3); align-items: center; padding-top: var(--s1); padding-bottom: var(--s1); }
.jump-h { font: 600 var(--t7)/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); }
.jump a { color: var(--graphite); text-decoration: none; font-size: var(--t6); display: inline-flex; align-items: center; min-height: 32px; }
.jump a:hover { color: var(--lacquer); }
section[id], div[id="save"], [id="calculator"] { scroll-margin-top: 24px; }
.demo-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s1) var(--s2); margin-bottom: var(--s3); }
.stage { aspect-ratio: 1.38; position: relative; }
.device { position: absolute; margin: 0; transition: transform .45s ease, opacity .45s ease, filter .45s ease; }
.laptop { left: 0; top: 7%; width: 86%; }
.phone { right: 0; top: 0; width: 27%; max-width: 250px; }
.device.back { opacity: .55; filter: blur(1px) saturate(.8); transform: scale(.93); z-index: 1; }
.device.front { z-index: 2; }
.device .bring { display: none; }
.device.back .bring { display: block; position: absolute; inset: 0; z-index: 5; background: transparent; border: 0; cursor: pointer; width: 100%; }
.laptop .lid, .md-lid { background: var(--device); border-radius: calc(12 * var(--dku, 1px)) calc(12 * var(--dku, 1px)) calc(4 * var(--dku, 1px)) calc(4 * var(--dku, 1px)); padding: calc(12 * var(--dku, 1px)) calc(12 * var(--dku, 1px)) calc(16 * var(--dku, 1px)); box-shadow: var(--shadow-2); }
.laptop .base, .md-base { height: calc(12 * var(--dku, 1px)); margin: 0 -5%; background: linear-gradient(var(--device-base), var(--device-base-2)); border-radius: calc(2 * var(--dku, 1px)) calc(2 * var(--dku, 1px)) calc(10 * var(--dku, 1px)) calc(10 * var(--dku, 1px)); position: relative; }
@media (max-width: 900px) { .laptop .base { margin: 0 -2%; } }
.laptop .base::after, .md-base::after { content: ""; position: absolute; left: 50%; top: 0; width: 16%; height: calc(5 * var(--dku, 1px)); transform: translateX(-50%); background: var(--device-notch); border-radius: 0 0 calc(6 * var(--dku, 1px)) calc(6 * var(--dku, 1px)); }
.screen, .md-screen { position: relative; overflow: hidden; background: var(--white); }
.laptop .screen, .md-lid .md-screen { aspect-ratio: 16 / 10; border-radius: calc(4 * var(--dku, 1px)); }
.phone .body, .md-body { background: var(--device); border-radius: calc(32 * var(--dku, 1px)); padding: calc(9 * var(--dku, 1px)); box-shadow: var(--shadow-2); }
.phone .screen, .md-body .md-screen { aspect-ratio: 390 / 800; border-radius: calc(24 * var(--dku, 1px)); }
.devices.mini-device { container-type: inline-size; display: grid; padding: 0; }
.mini-device > * { grid-area: 1 / 1; min-width: 0; }
.mini-device .md-laptop, .mini-device .md-phone { --dku: calc(84cqw / 560); }
.mini-device .md-laptop { width: 84%; margin: 0 0 4% 5%; align-self: end; }
.mini-device .md-phone { width: 33.6%; justify-self: end; align-self: end; }
.screen { background-size: 100% auto; background-position: top center; background-repeat: no-repeat; cursor: pointer; }
.screen iframe { position: absolute; left: 0; top: 0; border: 0; transform-origin: 0 0; background: transparent; }
.laptop .screen iframe { width: 1280px; height: 800px; }
.phone .screen iframe { width: 390px; height: 800px; }
.tour { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--s1) var(--s2); margin-top: var(--s3); font-size: var(--t5); }
.tour-steps { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; }
.tour-steps button { display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--graphite); font: 600 var(--t7)/1 var(--sans); cursor: pointer; }
.tour-steps .n { display: inline-grid; place-items: center; width: 1.7em; height: 1.7em; border-radius: 50%; background: rgba(43, 38, 34, .08); }
.tour-steps button[aria-pressed="true"] .n { background: var(--lacquer); color: var(--white); }
.tour-caption { color: var(--ink); }
.tour-replay { min-height: 24px; font: 500 var(--t5) var(--sans); color: var(--graphite); background: transparent; border: 0; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; padding: 0; }
.studio-tour { margin-top: var(--s2); text-align: center; }
.st-panel { max-width: 520px; margin: var(--s2) auto 0; padding: var(--s2) 0 0; border: 0; border-top: var(--bw) solid var(--ink); border-radius: 0; background: none; box-shadow: none; text-align: left; }
.st-prompt { margin: 0 0 var(--s1); color: var(--graphite); font-size: var(--t5); }
.st-nav { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s2); }
.st-nav .linkish { min-height: 24px; font-size: var(--t5); }
.showcase .caption { text-align: center; font-size: var(--t6); color: var(--graphite); margin: var(--s2) auto 0; max-width: 560px; }
.early-over { display: none; text-align: center; font-size: var(--t6); color: var(--graphite); margin: var(--s1) auto 0; max-width: 560px; }
.showcase.early .early-over { display: block; }
.phone-bar { display: none; }
.pairs { list-style: none; padding: 0; margin: 0; max-width: 900px; }
.pair { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--s3); max-width: none; align-items: center; padding: var(--s1) 0; border-bottom: 0; }
.pair .before { color: var(--graphite); position: relative; border: var(--bw) solid transparent; }
.pair .arrow { color: var(--lacquer); }
.close-line { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); margin: var(--s4) 0 0; }
.close-line .muted { display: block; font-family: var(--sans); font-size: var(--t4); margin-top: var(--s1); }
.save { margin: var(--s5) 0 0; padding-top: var(--s5); border-top: var(--bw) solid var(--line); scroll-margin-top: 24px; }
.save-h { font-size: var(--t2); }
.save-intro { color: var(--graphite); }
.hidden-costs { list-style: none; padding: 0; margin: var(--s3) 0 var(--s4); display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2) var(--s4); }
.hidden-costs li { padding-left: var(--s2); border-left: var(--bw) solid var(--lacquer); }
.calc { margin: 0; }
.calc h4 { font-size: var(--t3); }
.calc-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3); }
.calc label { font-weight: 600; font-size: var(--t5); display: block; }
.calc-hint { display: block; font-weight: 400; font-size: var(--t6); color: var(--graphite); margin-top: 2px; }
.calc-in { display: flex; align-items: center; gap: var(--s1); margin-top: var(--s1); font-weight: 500; }
input[type=number], input[type=text], input[type=email], input[type=tel], input[type=url], textarea { font: var(--t5) var(--sans); color: var(--ink); min-height: 40px; padding: 8px 12px; border: var(--bw) solid var(--field-line); border-radius: var(--r2); background: var(--white); }
input[type=number]:hover, input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: var(--graphite); }
.calc-in input { width: 120px; }
.calc-slider { display: grid !important; gap: 6px; margin-top: var(--s3); }
.calc-slider input[type=range] { width: 100%; max-width: 380px; accent-color: var(--lacquer); }
.calc-slider output { font-weight: 600; }
.calc-out { display: block; margin-top: var(--s3); font-size: var(--t5); color: var(--graphite); border: 0; border-top: var(--bw) solid var(--ink); border-radius: 0; background: none; box-shadow: none; padding: var(--s2) 0 0; }
.calc-big { display: block; font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t2); color: var(--ink); margin-bottom: 4px; }
.calc-note { font-size: var(--t6); color: var(--graphite); margin: var(--s2) 0 0; }
.stacks { margin: var(--s5) 0 0; }
.stack-h { font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); margin: var(--s3) 0 var(--s1); }
.stack-who { color: var(--graphite); }
.stack-table, .grid-table { width: 100%; border-collapse: collapse; font-size: var(--t5); margin: 0 0 var(--s3); }
.stack-table th, .stack-table td, .grid-table th, .grid-table td { text-align: left; vertical-align: top; padding: var(--s2) var(--s2) var(--s2) 0; border-bottom: var(--bw) solid var(--line); }
.stack-table thead th, .grid-table thead th { font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--graphite); }
.stack-vs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s4); margin: var(--s3) 0 var(--s2); }
.stack-vs > div:last-child { border-left: var(--bw) solid var(--lacquer); padding-left: var(--s3); }
.stack-vs span { display: block; }
.vs-label { font-size: var(--t7); letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--graphite); }
.vs-big { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); margin: 4px 0; }
.stack-even { font-weight: 500; }
.stack-small { font-size: var(--t6); color: var(--graphite); }
.vat-switch { display: inline-flex; gap: 10px; align-items: center; margin: 0 0 var(--s3); font-size: var(--t5); color: var(--graphite); cursor: pointer; }
.vat-switch input { appearance: none; width: 32px; height: 18px; border-radius: var(--r2); background: var(--field-line); position: relative; cursor: pointer; flex: none; margin: 0; transition: background .15s; }
.vat-switch input::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--white); transition: transform .15s; }
.vat-switch input:checked { background: var(--lacquer); }
.vat-switch input:checked::after { transform: translateX(14px); }
.boxes, .mobile-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s4) var(--s3); }
.item h3 { font-size: var(--t3); margin-bottom: var(--s1); }
.item p { color: var(--graphite); font-size: var(--t5); }
.boxes .ico { width: 22px; height: 22px; color: var(--lacquer); display: block; margin-bottom: var(--s2); }
.boxes .tag { display: block; font-size: var(--t7); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); font-weight: 600; margin-bottom: 4px; }
.feature-pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s4); margin-top: var(--s5); padding-top: var(--s4); border-top: var(--bw) solid var(--line); }
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s3); counter-reset: step; list-style: none; padding: 0; margin: var(--s4) 0 0; }
.steps .item::before { counter-increment: step; content: counter(step); display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; border: var(--bw) solid var(--lacquer); color: var(--lacquer); font-weight: 600; font-size: var(--t6); margin-bottom: var(--s2); }
.signoff { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); margin-top: var(--s4); }
.prices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));   gap: var(--s3); }
.prices .card { border: var(--bw) solid var(--line); border-radius: var(--radius); background: var(--surface); padding: var(--s3); display: flex; flex-direction: column; }
.prices .card.main { background: var(--surface); border-color: var(--accent); box-shadow: var(--shadow-1); }
.prices .card h3 { margin-bottom: 4px; }
.prices > * { container-type: inline-size; }
.prices .amount { font-family: var(--serif); font-weight: var(--serif-weight); font-size: min(var(--t2), 44px, 16cqi); line-height: 1.05; white-space: nowrap; margin: 0 0 var(--s1); }
.prices .card p { font-size: var(--t5); color: var(--graphite); margin: 0; }
.founding { margin: var(--s3) 0 0; font-size: var(--t5); color: var(--graphite); background: var(--tint); border-left: var(--bw) solid var(--accent); border-radius: 0 var(--r2) var(--r2) 0; padding: var(--s2) var(--s3); max-width: none; }
.founding b { color: var(--ink); }
.extras-h { margin: var(--s5) 0 var(--s2); }
.addons { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--s3); }
.addon { border-top: var(--bw) solid var(--line); padding-top: var(--s2); }
.addon h4 { font-size: var(--t4); }
.addon p { font-size: var(--t5); color: var(--graphite); margin-bottom: var(--s1); }
.addon-price { font-weight: 600; color: var(--ink) !important; }
.extras { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s4); margin-top: var(--s4); }
.extras .card { border-top: var(--bw) solid var(--line); padding-top: var(--s2); }
.guarantee { margin: var(--s4) 0 0; padding-left: var(--s2); border-left: var(--bw) solid var(--lacquer); color: var(--graphite); }
.guarantee b { color: var(--ink); }
.faq { max-width: 820px; display: grid; gap: var(--s1); }
.faq > details { border: var(--bw) solid var(--line); border-radius: var(--radius); background: var(--surface); }
.faq > details[open] { background: color-mix(in srgb, var(--accent) 6%, var(--surface)); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }
.faq > details > summary { font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: var(--s2); min-height: 48px; padding: 10px 12px 10px var(--s2); border-radius: var(--radius); }
.faq > details > summary::-webkit-details-marker { display: none; }
.faq > details > summary::after { content: "+"; flex: none; display: grid; place-items: center; width: 28px; height: 28px; border: var(--bw) solid var(--line); border-radius: 50%; background: var(--surface); color: var(--accent); font-weight: 400; font-size: 20px; line-height: 1; }
.faq > details[open] > summary::after { content: "\2212"; border-color: var(--accent); }
.faq > details > :not(summary) { margin-left: var(--s2); margin-right: var(--s2); }
.faq > details > :last-child { margin-bottom: var(--s2); }
.faq details p { margin-top: 0; margin-bottom: var(--s2); color: var(--graphite); }
.bio { display: flex; gap: var(--s2); align-items: flex-start; max-width: 760px; margin: var(--s4) 0 0; color: var(--graphite); }
.bio img { border-radius: 50%; flex: none; }
.bio p { margin: 0; }
.bio:has(> .bio-h) { flex-direction: column; gap: var(--s1); }
.bio .bio-h { margin: 0; }
.not-for { list-style: none; padding: 0; margin: 0; max-width: 820px; border-top: var(--bw) solid var(--line); }
.not-for li { padding: var(--s2) 0; border-bottom: var(--bw) solid var(--line); max-width: none; }
.extras .card > :is(.read-more, .more-shown) { margin: var(--s1) 0 0; }
.not-for-sec { margin: var(--s5) 0 0; padding: 0; }
main.compare .wrap > section { padding: var(--s4) 0 0; margin-top: var(--s4); } main.compare .wrap > section.mess { padding-top: 0; }
.not-for.swipe { border-top: 0; }
@media (min-width: 701px) { .not-for.swipe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s4); max-width: none; } }
.chips { list-style: none; padding: 0; margin: var(--s2) 0; display: flex; flex-wrap: wrap; gap: 8px; }
.chips li { padding: 6px 12px; border: var(--bw) solid var(--line); border-radius: var(--r-pill, 999px); background: var(--white); font-size: var(--t5); max-width: none; }
.calc-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s2) var(--s3); align-items: end; margin: var(--s3) 0 0; }
.calc-three label { margin: 0; }
.calc-three select { width: 100%; }
@media (max-width: 700px) { .calc-three { grid-template-columns: 1fr; } }
.calc-example .example { margin-top: var(--s1); }
.pairs.swipe .pair { position: relative; }
.form-pairs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s2); align-items: end; }
.form-pairs input { width: 100%; min-width: 0; box-sizing: border-box; }
.narrow-wrap { max-width: 900px; }
form.signup { display: grid; gap: var(--s2); max-width: 480px; }
form.signup label { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .3em; row-gap: 6px; font-weight: 600; font-size: var(--t5); }
form.signup label > :is(input:not([type=checkbox]):not([type=radio]), select, textarea) { flex: 1 1 100%; min-width: 0; }
form.signup input[type=text], form.signup input[type=email], form.signup input[type=tel], form.signup input[type=url], form.signup textarea { width: 100%; }
form.signup textarea { min-height: 96px; resize: vertical; }
form.signup .check { display: flex; flex-wrap: nowrap; gap: 10px; align-items: flex-start; font-weight: 400; }
form.signup .check > span { flex: 1 1 0; min-width: 0; }
form.signup fieldset { border: 0; padding: 0; margin: 0; }
form.signup legend { font-weight: 600; font-size: var(--t5); margin-bottom: 6px; }
form.signup .radios { display: flex; flex-wrap: wrap; gap: var(--s2); font-weight: 400; }
form.signup .radios label { display: flex; gap: 6px; font-weight: 400; align-items: center; }
.form-privacy { margin: 0; }
.form-msg { margin: 0; font-weight: 600; min-height: 1em; }
.form-msg.ok { color: var(--ok); }
.form-msg.err { color: var(--lacquer); }
.promise-list { list-style: none; padding: 0; margin: var(--s4) 0; border-top: var(--bw) solid var(--line); }
.promise-list li { padding: var(--s2) 0; border-bottom: var(--bw) solid var(--line); font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); line-height: 1.3; }
.signature { font-family: var(--serif); font-weight: var(--serif-weight); margin: var(--s2) 0 var(--s3); font-size: var(--t2); font-style: italic; }
.gets { padding-left: 1.1em; }
.care-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s4) var(--s3); margin-top: var(--s3); }
.care-grid .item h3 { margin-top: 0; }
@media (max-width: 860px) { .care-grid { grid-template-columns: 1fr; gap: var(--s3); } }
.get-cards { list-style: none; padding: 0; margin: var(--s3) 0 var(--s4); display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s3); }
.get-cards .card { border: 0; border-top: var(--bw) solid var(--ink); border-radius: 0; background: none; box-shadow: none; padding: var(--s2) 0 0; max-width: none; }
.get-cards h3 { font-size: var(--t3); margin-top: 0; }
.get-cards p { margin-bottom: 0; color: var(--graphite); }
@media (max-width: 1000px) { .get-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .get-cards { grid-template-columns: 1fr; } }
.running-short { margin-top: var(--s3); }
.trust-links { margin-top: var(--s3); }
.trust-links p { margin: 0 0 var(--s1); }
.box-line { margin-bottom: var(--s1); }
.page .mess, .page .save { margin-top: var(--s5); }
.trade-cards, .demo-cards, .guide-cards { list-style: none; padding: 0; margin: var(--s2) 0 var(--s4); display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--s3); }
.guide-cards .card { border: 0; border-top: var(--bw) solid var(--ink); border-radius: 0; background: none; box-shadow: none; padding: var(--s2) 0 0; max-width: none; }
.trade-cards h3, .guide-cards h3, .demo-cards h2 { font-size: var(--t3); margin-top: 0; }
.guide-cards h2 { font-size: var(--t3); margin: 0 0 var(--s1); line-height: 1.2; } .guide-cards h2 a { text-decoration: none; } .guide-cards h2 a:hover { text-decoration: underline; }
.guide-cards .card { display: flex; flex-direction: column; } .guide-cards .card p:last-child { margin: auto 0 0; }
.trade-cards a, .guide-cards a, .demo-cards h2 { color: var(--ink); }
.plain-list { list-style: none; padding: 0; margin: 0; }
.plain-list li { padding: var(--s1) 0; }
.timeline { list-style: none; counter-reset: tl; padding: 0; margin: var(--s4) 0; border-left: var(--bw) solid var(--line); }
.timeline li { counter-increment: tl; position: relative; padding: 0 0 var(--s3) var(--s4); }
.timeline li::before { content: counter(tl); position: absolute; left: -14px; top: 2px; width: 28px; height: 28px; border-radius: 50%; background: var(--porcelain); border: var(--bw) solid var(--lacquer); color: var(--lacquer); display: grid; place-items: center; font: 600 var(--t7)/1 var(--sans); }
.timeline h2, .timeline h3 { font-size: var(--t3); margin: 0 0 4px; }
.handbook-page { border-top: var(--bw) solid var(--line); border-bottom: var(--bw) solid var(--line); padding: var(--s3) 0; }
.counts { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2); margin: 0 0 var(--s1); }
.counts div { border-top: var(--bw) solid var(--line); padding-top: var(--s1); }
.counts dt { font-size: var(--t5); color: var(--graphite); } .counts dd { margin: 0; font-family: var(--serif); font-size: var(--t2); }
blockquote { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); line-height: 1.35; border-left: var(--bw) solid var(--lacquer); margin: var(--s4) 0; padding-left: var(--s2); }
.links-404 { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s1) var(--s3); max-width: none; }
.links-404 .btn { min-width: 12em; justify-content: center; }
.crafts-404 { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: var(--s3); text-align: left; margin: var(--s5) 0 var(--s4); padding: var(--s3) 0 0; border-top: var(--bw) solid var(--ink); }
.crafts-404 ul { list-style: none; padding: 0; margin: 0; }
.crafts-404 li { padding: 3px 0; max-width: none; }
.crafts-404 a { color: var(--ink); text-decoration: none; }
.crafts-404 a:hover { color: var(--accent); text-decoration: underline; }
.about-photo { border-radius: 50%; float: right; margin: 0 0 var(--s2) var(--s3); display: block; line-height: 0; }
.do-next { margin: 0 0 var(--s4); padding: var(--s2) 0; border-top: var(--bw) solid var(--line); border-bottom: var(--bw) solid var(--line); }
.do-next h2 { margin-top: 0; font-size: var(--t3); }
.magnet { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--s4); align-items: center; }
.confirmed-note { border-left: var(--bw) solid var(--lacquer); padding-left: var(--s2); }
.trade-grid { grid-template-areas: "text pic"; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); align-items: center; }
.trade-pic { grid-area: pic; }
.trade-photo, .trade-photo img { display: block; width: 100%; height: auto; border-radius: var(--r2); }
.trade-photo img { aspect-ratio: 3 / 2; object-fit: cover; background: var(--mist); }
.trade-show { max-width: 960px; margin: 0 auto; }
body[data-trade="nails"] { --craft-pale: var(--w-shell-pale); --craft-deep: var(--w-shell-deep); --craft-numeral: var(--w-shell-numeral); --craft-mid: var(--w-shell-mid); }
body[data-trade="beauty"] { --craft-pale: var(--w-peach-pale); --craft-deep: var(--w-peach-deep); --craft-numeral: var(--w-peach-numeral); --craft-mid: var(--w-peach-mid); }
body[data-trade="spmu"] { --craft-pale: var(--w-rose-pale); --craft-deep: var(--w-rose-deep); --craft-numeral: var(--w-rose-numeral); --craft-mid: var(--w-rose-mid); }
body[data-trade="lashes"] { --craft-pale: var(--w-lilac-pale); --craft-deep: var(--w-lilac-deep); --craft-numeral: var(--w-lilac-numeral); --craft-mid: var(--w-lilac-mid); }
body[data-trade="hair"] { --craft-pale: var(--w-caramel-pale); --craft-deep: var(--w-caramel-deep); --craft-numeral: var(--w-caramel-numeral); --craft-mid: var(--w-caramel-mid); }
body[data-trade="barbers"] { --craft-pale: var(--w-slate-pale); --craft-deep: var(--w-slate-deep); --craft-numeral: var(--w-slate-numeral); --craft-mid: var(--w-slate-mid); }
body[data-trade="tattoo"] { --craft-pale: var(--w-bone-pale); --craft-deep: var(--w-bone-deep); --craft-numeral: var(--w-bone-numeral); --craft-mid: var(--w-bone-mid); }
body[data-trade="piercing"] { --craft-pale: var(--w-sea-pale); --craft-deep: var(--w-sea-deep); --craft-numeral: var(--w-sea-numeral); --craft-mid: var(--w-sea-mid); }
body[data-trade="massage"] { --craft-pale: var(--w-mist-pale); --craft-deep: var(--w-mist-deep); --craft-numeral: var(--w-mist-numeral); --craft-mid: var(--w-mist-mid); }
body[data-trade="aesthetics"] { --craft-pale: var(--w-mist-pale); --craft-deep: var(--w-mist-deep); --craft-numeral: var(--w-mist-numeral); --craft-mid: var(--w-mist-mid); }
body[data-trade="dogs"] { --craft-pale: var(--w-sky-pale); --craft-deep: var(--w-sky-deep); --craft-numeral: var(--w-sky-numeral); --craft-mid: var(--w-sky-mid); }
body[data-trade="fitness"] { --craft-pale: var(--w-sage-pale); --craft-deep: var(--w-sage-deep); --craft-numeral: var(--w-sage-numeral); --craft-mid: var(--w-sage-mid); }
body[data-trade="coaching"] { --craft-pale: var(--w-skygrey-pale); --craft-deep: var(--w-skygrey-deep); --craft-numeral: var(--w-skygrey-numeral); --craft-mid: var(--w-skygrey-mid); }
body[data-trade] { --tint: var(--craft-pale); --deep: var(--craft-deep); --numeral: var(--craft-numeral); }
.compare-tabs { display: flex; flex-wrap: wrap; gap: 0 var(--s3); margin: var(--s4) 0 var(--s2); border-bottom: var(--bw) solid var(--line); }
.compare-tabs button { min-height: 32px; font: 500 var(--t5)/1 var(--sans); padding: var(--s1) 0; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--graphite); cursor: pointer; }
.compare-tabs button:hover { color: var(--ink); }
.compare-tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--lacquer); font-weight: 600; }
.compare-trade { padding: var(--s3) 0; }
.page .compare-trade h2 { margin-top: var(--s1); }
.grid-scroll { overflow-x: auto; margin: 0 0 var(--s3); }
.grid-table { min-width: 620px; }
.grid-table th, .grid-table td { padding: var(--s2) var(--s2) var(--s2) 0; }
.grid-table thead th:nth-child(n+2) { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t4); letter-spacing: 0; text-transform: none; color: var(--ink); }
.grid-table tbody th { width: 22%; font-weight: 600; }
.grid-table td:nth-child(2), .grid-table th:nth-child(2) { border-left: var(--bw) solid var(--lacquer); padding-left: var(--s2); }
.facts { margin: 0; padding-left: 1.1em; } .facts li { margin-bottom: 6px; }
.src { font-size: var(--t6); color: var(--graphite); }
.calc.full { margin: var(--s5) 0 0; padding-top: var(--s5); border-top: var(--bw) solid var(--line); }
.calc.full h2 { margin-top: 0; }
.example { color: var(--graphite); font-size: var(--t5); padding-left: var(--s2); border-left: var(--bw) solid var(--line); }
.calc-step { border: 0; border-top: var(--bw) solid var(--line); margin: var(--s4) 0 0; padding: var(--s3) 0 0; }
.calc-step legend { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); padding: 0; margin-bottom: var(--s1); }
.calc-tasks { display: grid; margin: var(--s2) 0; }
.calc-task { display: grid; grid-template-columns: 1fr 120px 200px; gap: var(--s2); align-items: center; padding: 6px 0; border-bottom: var(--bw) solid var(--line); }
.calc-task.head { font-size: var(--t7); letter-spacing: .08em; text-transform: uppercase; color: var(--graphite); font-weight: 600; }
.calc-task input, .calc-task select { width: 100%; min-height: 34px; padding-top: 4px; padding-bottom: 4px; }
.calc-task input::placeholder { color: var(--muted); opacity: 1; }
.calc-fee { border: 0; padding: 0; margin: var(--s2) 0 0; } .calc-fee legend { font-weight: 600; font-size: var(--t5); }
.calc-fee .radios { display: flex; flex-wrap: wrap; gap: var(--s3); } .calc-fee label { display: flex; gap: 6px; align-items: center; font-weight: 400; }
.calc-result { border-top: var(--bw) solid var(--line); border-bottom: var(--bw) solid var(--line); padding: var(--s3) 0; margin: var(--s4) 0 var(--s2); }
.calc-result p { margin: 0 0 6px; }
.calc-ctas { margin-top: var(--s3); align-items: flex-start; }
.quiz .q { border: 0; border-top: var(--bw) solid var(--line); padding: var(--s3) 0; margin: 0; }
.quiz legend { font-weight: 600; font-size: var(--t4); padding: 0; margin-bottom: var(--s1); }
.q-n { display: block; font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--graphite); margin-bottom: 4px; }
.quiz .opt { display: flex; gap: 10px; align-items: center; min-height: 32px; cursor: pointer; font-size: var(--t5); }
.quiz .opt input { width: 18px; height: 18px; accent-color: var(--lacquer); flex: none; margin: 0; }
.quiz-go { margin-top: var(--s3); }
.quiz-result { border-top: var(--bw) solid var(--lacquer); padding: var(--s3) 0; margin: var(--s4) 0; }
.quiz-result:focus { outline: none; }
.gaps li { margin-bottom: var(--s1); }
.video-slot { position: relative; display: grid; place-items: center; max-width: 760px; margin: var(--s4) 0 0; aspect-ratio: 16 / 9; border-radius: var(--r2); overflow: hidden; background: var(--mist); }
.video-slot img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.video-slot iframe, .video-slot video { width: 100%; height: 100%; border: 0; background: #000; }
.video-play { position: relative; display: inline-flex; gap: var(--s1); align-items: center; min-height: 40px; padding: 8px 18px 8px 12px; border: var(--bw) solid var(--line); border-radius: var(--r2); background: var(--white); color: var(--ink); font: 600 var(--t5)/1.2 var(--sans); cursor: pointer; }
.video-play svg { width: 18px; height: 18px; color: var(--lacquer); } .video-play span { font-weight: 400; color: var(--graphite); }
.video-slot.empty { aspect-ratio: auto; background: transparent; border: var(--bw) dashed #E4B979; padding: var(--s2) var(--s3); color: var(--graphite); font-size: var(--t5); }
.video-slot.empty p { margin: 0; }
footer.foot { border-top: var(--bw) solid var(--line); color: var(--graphite); padding: var(--s5) 0 var(--s4); font-size: var(--t5); }
.foot-grid { display: grid; align-items: start; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: var(--s4) var(--s3); }
.foot-grid ul { list-style: none; margin: 0; padding: 0; }
.foot-grid li a { display: inline-flex; align-items: center; min-height: 28px; color: var(--ink); text-decoration: none; line-height: 1.3; padding: 2px 0; }
.foot-grid li a:hover { color: var(--lacquer); }
@media (min-width: 1001px) { .foot-grid:has(.foot-later) { grid-template-columns: minmax(0, 1.9fr) repeat(3, minmax(0, 1fr)); }}
.foot .wordmark { font-size: 24px; min-height: 32px; }
.legal table { width: 100%; border-collapse: collapse; font-size: var(--t5); margin: var(--s2) 0 var(--s3); display: block; overflow-x: auto; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: var(--bw) solid var(--line); }
.legal.privacy :is(p, li, td) { line-height: 1.5; }
.legal :is(p, li) { line-height: 1.5; }
.legal.privacy :is(p, li, td) { line-height: 1.45; }
@media (max-width: 600px) { .legal.privacy table.cards td[data-label]::before { display: inline; margin: 0 .5em 0 0; } .legal.privacy table.cards tr { padding: 12px 0; } }
@media (min-width: 601px) { .legal.privacy :is(th, td) { padding-top: 6px; padding-bottom: 6px; } :root .legal.privacy .toc-body > h2:not(:first-child) { margin-top: 48px; } }
.checklist h2 { font-size: var(--t3); margin: var(--s4) 0 var(--s1); }
.ticks { list-style: none; padding: 0; margin: 0; }
.ticks li { border-bottom: var(--bw) solid var(--line); max-width: none; }
.ticks label { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; cursor: pointer; }
.ticks input { width: 18px; height: 18px; margin-top: 4px; accent-color: var(--lacquer); flex: none; }
.score { margin: var(--s4) 0 var(--s3); border-top: var(--bw) solid var(--line); padding-top: var(--s2); }
.score .big { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t2); margin: 0 0 var(--s1); }
.score [data-from] { opacity: .45; margin: 4px 0; }
.score [data-from].on { opacity: 1; }
html.bk-open, html.bk-open body { overflow: hidden; }
.bk { position: fixed; inset: 0; z-index: 1000; background: rgba(29, 29, 27, .5); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4vh 16px; }
.bk-box { position: relative; width: 100%; max-width: 860px; height: min(640px, 86vh); background: var(--white); border-radius: var(--r3); overflow: hidden; box-shadow: var(--shadow-pop); animation: bkIn .2s ease-out; transition: height .2s ease; }
.bk-box iframe { display: block; width: 100%; height: 100%; border: 0; opacity: 0; transition: opacity .15s; }
.bk.ready iframe { opacity: 1; }
.bk-wait { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0; color: var(--graphite); font-size: var(--t5); max-width: none; }
.bk.ready .bk-wait { display: none; }
.bk-x { position: absolute; top: 12px; right: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border-radius: var(--r2); border: var(--bw) solid var(--line); background: var(--white); color: var(--ink); font: 600 var(--t6)/1 var(--sans); cursor: pointer; }
.bk-x span { font-size: var(--t4); line-height: 1; }
.bk-x:hover { border-color: var(--ink); }
.bk-foot { max-width: 860px; width: 100%; margin: 10px 0 0; color: var(--porcelain); font-size: var(--t6); text-align: center; }
.bk-foot a { color: var(--porcelain); }
@media (max-width: 600px) {
  table.cards, table.cards tbody, table.cards tr, table.cards th, table.cards td { display: block; width: auto; min-width: 0; }
  table.cards { overflow: visible; }
  table.cards thead, table.cards .head-row { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  table.cards tr { border: 0; border-top: var(--bw) solid var(--ink); padding: var(--s2) 0; margin: 0; background: none; }
  table.cards th, table.cards td { border: 0; padding: 4px 0; }
  table.cards tr > :first-child { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); padding-bottom: var(--s1); }
  table.cards tr > :first-child::before { display: none; }
  table.cards td[data-label]::before { content: attr(data-label); display: block; font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--graphite); margin-top: 6px; }
}
.op .op-box { height: auto; max-height: 90vh; max-width: 640px; overflow-y: auto; overscroll-behavior: contain; scroll-padding-bottom: 104px; scroll-padding-top: var(--s2); }
.op-in { padding: var(--s4) var(--s4) var(--s3); }
.op-step { font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); margin: 0 0 var(--s1); }
.op h2 { font-size: var(--t2); margin-bottom: var(--s3); outline: none; }
.op form.signup { max-width: none; }
.op form.signup .radios { flex-direction: column; gap: 10px; }
.op form.signup .radios label { display: block; } .op form.signup .radios input { margin: 0 8px 0 0; }
.op form.signup select, .op form.signup input[type=tel] { width: 100%; }
.op-total { margin: 0; padding: var(--s2); background: var(--porcelain); border-radius: var(--r2); font-size: var(--t5); max-width: none; }
.op-sum { display: grid; grid-template-columns: max-content 1fr; gap: 8px var(--s3); margin: 0; padding: var(--s2); background: var(--porcelain); border-radius: var(--r2); }
.op-sum dt { font-weight: 600; } .op-sum dd { margin: 0; }
.op-nav { display: flex; gap: var(--s2); justify-content: flex-end; flex-wrap: wrap; }
.op-pay { min-height: 360px; position: relative; }
.op-foot { margin: var(--s3) 0 0; padding-top: var(--s2); border-top: var(--bw) solid var(--line); color: var(--graphite); max-width: none; }
@media (max-width: 700px) { .op .op-box { max-height: none; } .op-in { padding: var(--s5) var(--s2) var(--s3); } .op-nav .btn { flex: 1; justify-content: center; } }
@keyframes bkIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes bkUp { from { transform: translateY(30px); opacity: .4; } to { transform: none; opacity: 1; } }
@media (max-width: 1000px) {
  .boxes, .mobile-grid, .steps { grid-template-columns: repeat(2, 1fr); }
  .foot-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
  .hero-grid, .trade-grid { grid-template-columns: 1fr; grid-template-areas: "text" "show"; gap: var(--s4); }
  .trade-grid { grid-template-areas: "text" "pic"; }
  .hero-text { max-width: none; }
  .magnet, .feature-pair, .extras, .three-years { grid-template-columns: 1fr; }
  .prices { grid-template-columns: 1fr; }
  .stage { aspect-ratio: auto; }
  .device { position: static; width: 100%; max-width: none; margin: 0 auto; }
  .device.back { display: none; }
  .phone.front { max-width: 270px; }
  .device.front { transform: none; opacity: 1; filter: none; }
}
@media (max-width: 600px) {
  body { font-size: var(--t4); }
  section { padding: var(--s5) 0; }
  .page { padding: var(--s4) 0 var(--s5); }
  .wrap, .top, .crumbs { padding-left: var(--s2); padding-right: var(--s2); }
  .top { gap: var(--s1); }
  .top .wordmark { font-size: var(--t3); }
  .boxes, .mobile-grid, .steps, .hidden-costs, .calc-row, .stack-vs { grid-template-columns: 1fr; }
  .stack-vs > div:last-child { border-left: 0; border-top: var(--bw) solid var(--lacquer); padding: var(--s2) 0 0; }
  .pair { grid-template-columns: 1fr; gap: 4px; }
  .pair .arrow { display: none; }
  .stack-table { display: block; overflow-x: auto; }
  .hero { padding-top: var(--s4); }
  .lead { font-size: var(--t4); }
  .strip p { font-size: var(--t5); }.strip p span:not(.strip-dot) { display: block; }
  .calc-task { grid-template-columns: 96px minmax(0, 1fr); } .calc-task > span:first-child { grid-column: 1 / -1; font-weight: 600; } .calc-task.head { display: none; }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .phone-bar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; gap: var(--s2); align-items: center; justify-content: space-between; padding: 4px var(--s2) calc(4px + env(safe-area-inset-bottom)); background: rgba(245, 244, 240, .97); border-top: var(--bw) solid var(--line); }
  footer.foot { padding-bottom: 76px; }
}
@media (max-width: 700px) {
  .bk { padding: 0; align-items: stretch; }
  .bk-box { max-width: none; height: 100%; border-radius: 0; animation-name: bkUp; }
  .bk-x { top: 8px; right: 8px; }
  .bk-foot { background: var(--ink); margin: 0; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); }
}
@media (pointer: coarse) {
  .btn, .btn.small, select, input[type=number], input[type=text], input[type=email], input[type=tel], input[type=url] { min-height: 44px; }
  .seg button, .tour-replay, .st-nav .linkish, .main-nav > a, .menu > summary, .menu-panel a, .foot-grid li a, .jump a, .arrow-link, .compare-tabs button, .quiz .opt, .crumbs a, .bk-x, .vat-switch, .wordmark, .linkish { min-height: 44px; display: inline-flex; align-items: center; }
  .tour-steps button { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .device, .card, .arrow-link span, .vat-switch input, .vat-switch input::after { transition: none; }
  .reveal.will > * { opacity: 1; transform: none; transition: none; }
  main { transition: none; }
  .bk-box, .bk-box iframe { animation: none; transition: none; }
}
@media print {
  .top, .foot, .draft, .crumbs, .jump, .strip, .phone-bar, .btn, .arrow-link, .confirmed-note, .section-link, .vat-switch, .compare-tabs, .bk, .video-slot, .calc-ctas, .draft-note { display: none !important; }
  body { background: #fff; font-size: 12pt; } .page, section { padding: 12pt 0; }
  [data-panel][hidden] { display: block !important; } .compare-trade { break-inside: avoid; } a { color: inherit; } .grid-table { min-width: 0; }
  .gated { outline: 0; }
}
@media (pointer: fine) { .linkish, .tour-replay { min-height: 24px; } }
@media (pointer: coarse) { .calc-task input, .calc-task select { min-height: 44px; } }
.switcher .wrap, .switcher .sw-in { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s2); padding-top: var(--s1); padding-bottom: var(--s1); font-size: var(--t5); color: var(--graphite); }
.switcher label { font-weight: 500; }
.switcher select { min-height: 32px; font-size: var(--t6); }
@media (max-width: 860px) { .switcher label { flex: 1 1 100%; } .switcher select { flex: 1 1 0; min-width: 0; } .switcher-go { flex: none; } }
.page + #clients-see { padding-top: 0; } .page:has(+ #clients-see) { padding-bottom: var(--s2); }
.switcher-go { font-size: var(--t5); font-weight: 600; min-height: 24px; min-width: 32px; padding: 0 6px; }
@media (pointer: coarse) { .switcher select, .demo-for select, .switcher-go { min-height: 44px; } }
.switcher select, .demo-for select { max-width: 100%; min-width: 0; text-overflow: ellipsis; }
@media (max-width: 700px) {}
.hint-cap { font-weight: 600; border-radius: 4px; color: var(--ink); }
.hint-cap .pt-coarse { display: none; }
@media (pointer: coarse) { .hint-cap .pt-coarse { display: inline; } .hint-cap .pt-fine { display: none; } }
.hint-cap.hint-now { animation: hintPulse 1.2s ease-in-out 2; }
.demo-aside { display: block; margin-top: 4px; font-size: var(--t6); color: var(--graphite); }
.hint-cursor { position: absolute; left: 0; top: 0; z-index: 9; pointer-events: none; opacity: 0; transition: transform .85s cubic-bezier(.45, .05, .25, 1), opacity .3s ease; }
.hint-cursor.on { opacity: 1; }
.hint-cursor i { position: absolute; left: -9px; top: -9px; width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--lacquer); opacity: 0; transform: scale(.3); }
.hint-cursor.click i { animation: hintClick .5s ease-out; }
@keyframes hintClick { 0% { opacity: .9; transform: scale(.3); } 100% { opacity: 0; transform: scale(1.6); } }
.hint-pulse { animation: hintPulse 1.2s ease-in-out 2; border-radius: var(--r2); }
@keyframes hintPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(162, 59, 42, 0); } 50% { box-shadow: 0 0 0 6px rgba(162, 59, 42, .18); } }
.hint-ring { animation: hintPulse 1.2s ease-in-out 2; }
.hint-static #view { outline: var(--bw) solid rgba(162, 59, 42, .35); outline-offset: 3px; border-radius: var(--r2); }
@media (prefers-reduced-motion: reduce) { .hint-cursor, .hint-pulse, .hint-ring { animation: none; transition: none; } }
.quiz.stepped .q { border-top: 0; min-height: 260px; }
.quiz-nav { display: flex; align-items: center; justify-content: space-between; max-width: 480px; margin-top: var(--s3); }
.quiz-nav [data-back][hidden] + [data-next] { margin-left: 0; }
.quiz.stepped .q:first-child { min-height: 0; }
.quiz-go .btn { margin-right: var(--s2); }
.calc-task input.from-quiz { color: var(--graphite); font-style: italic; }
.bring { margin: 0; border-top: var(--bw) solid var(--line); }
.bring > div { display: grid; grid-template-columns: 1fr 1.6fr; gap: var(--s3); padding: var(--s2) 0; border-bottom: var(--bw) solid var(--line); }
.bring dt { font-weight: 600; } .bring dd { margin: 0; color: var(--graphite); }
.stack-short { color: var(--graphite); font-size: var(--t5); margin-top: var(--s3); }
@media (max-width: 600px) { .bring > div { grid-template-columns: 1fr; gap: 4px; } }
.share-set { padding: var(--s4) 0; }
.share-set h2 { margin-top: 0; font-size: var(--t3); }
.share-url code, .share-set code { font-size: var(--t6); background: var(--white); border: var(--bw) solid var(--line); border-radius: var(--r1); padding: 2px 6px; overflow-wrap: anywhere; display: inline-block; max-width: 100%; }
.share-text { margin: var(--s2) 0 0; }
.share-text > div { display: grid; grid-template-columns: 140px 1fr; gap: var(--s2); padding: var(--s1) 0; border-top: var(--bw) solid var(--line); }
.share-text dt { font-weight: 600; font-size: var(--t5); } .share-text dd { margin: 0; font-size: var(--t5); }
.copy { font-size: var(--t6); margin-left: 6px; }
@media (max-width: 600px) { .share-text > div { grid-template-columns: 1fr; gap: 2px; } }
.finishing-touch { font-family: var(--serif); font-style: italic; font-weight: 400; color: var(--graphite); font-size: var(--t4); max-width: 46ch; margin: 0 0 var(--s2); }
@media (max-width: 860px) { body:not(:has(main.home)) .top { position: sticky; top: 0; z-index: 70; background: rgba(245, 244, 240, .97); border-bottom: var(--bw) solid var(--line); max-width: none; } }
@media (max-width: 860px) { section[id], div[id="save"], [id="calculator"], #early-form, #tell-form { scroll-margin-top: 84px; } }
.phone.back .screen { background-color: #FBFAF7; background-image: linear-gradient(160deg, #FBFAF7, var(--mist)); }
.phone.back .screen iframe:not([src]) { display: none; }
main > section.outcomes { border-top: 0; padding: 0; }
.outcomes { border-bottom: var(--bw) solid var(--line); }
.moments { list-style: none; padding: 0; margin: var(--s4) 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s4) var(--s3); }
.moments .item { border-top: var(--bw) solid var(--ink); padding-top: var(--s2); }
.client-facts { margin-top: var(--s4); }
.client-facts li, .risk .ticks li { padding: 10px 0 10px 28px; position: relative; }
.client-facts li::before, .risk .ticks li::before { content: ""; position: absolute; left: 4px; top: 19px; width: 10px; height: 5px; border-left: 2px solid var(--lacquer); border-bottom: 2px solid var(--lacquer); transform: rotate(-45deg); }
li.gated { background: #FBF3E4; }
.win-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s4) var(--s3); margin-top: var(--s4); }
.win-grid .item { border-top: var(--bw) solid var(--ink); padding-top: var(--s2); }
.win-grid h2 { font-size: var(--t3); margin-top: 0; }
.risk { margin: var(--s4) 0 0; padding: var(--s2) 0 0; border: 0; border-top: var(--bw) solid var(--ink); border-radius: 0; background: none; box-shadow: none; max-width: 720px; }
.risk h3 { margin-bottom: var(--s1); }
.risk .ticks li:last-child { border-bottom: 0; }
.disappear { margin-top: var(--s3); }
.price-frame { margin: var(--s2) 0; font-size: var(--t5); color: var(--graphite); }
.care-lines { margin-top: var(--s4); }
.care-lines h3 { margin-bottom: var(--s1); }
.care-lines li { padding: 2px 0; }
@media (max-width: 760px) {
  .moments, .win-grid { grid-template-columns: 1fr; gap: var(--s3); }
}
@media print { .outcomes, .keys { display: none; } }
.from-strip { background: var(--white); border-bottom: var(--bw) solid var(--line); font-size: var(--t5); }
.from-strip p { margin: 0; padding: 10px 0; max-width: none; }
.credit-line { margin-top: var(--s2); }
.draft .name-dot, .bk-foot .name-dot { color: var(--lacquer-dark); }
@media print { .name-dot { color: inherit; } }
.bio picture { flex: none; display: block; line-height: 0; }
.about-photo img { border-radius: 50%; display: block; }
@media (max-width: 560px) { .about-photo { float: none; margin: 0 0 var(--s3); } .about-photo img { width: 160px; height: 160px; } }
.trade-line .trade-note { display: block; font-family: var(--sans); font-size: var(--t5); color: var(--graphite); margin-top: 6px; }
@media (min-width: 861px) { main.features > .jump { position: sticky; top: 0; background: var(--bg); z-index: 5; } }
main.features section[id] { scroll-margin-top: 60px; }
.coming-list { list-style: none; padding: 0; margin: 0 0 var(--s3); }
.coming-list li { padding: 10px 0; border-bottom: var(--bw) solid var(--line); max-width: none; }
#coming h4 { margin: var(--s3) 0 var(--s1); }
.tag-new { display: inline-block; font-size: var(--t7); letter-spacing: .08em; text-transform: uppercase; color: var(--white); background: var(--lacquer); border-radius: var(--r1); padding: 1px 6px; vertical-align: middle; }
#by-craft h3 { margin-top: var(--s4); }
@media print { #feature-form, main.features .closing, .tell-me, main.features > .jump { display: none; } }
.recent-h { margin-top: var(--s4); }
.whole-stack h2 { max-width: 30ch; }
.ws-visual { display: flex; align-items: center; gap: var(--s3); margin-top: var(--s3); flex-wrap: wrap; }
.ws-stack { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, auto); gap: 6px; }
.ws-stack li { border: var(--bw) solid var(--line); background: var(--white); border-radius: var(--r1); padding: 6px 12px; font-size: var(--t5); max-width: none; }
.ws-arrow { color: var(--graphite); font-size: var(--t3); }
.ws-one { border: var(--bw) solid var(--lacquer); color: var(--lacquer); border-radius: var(--r2); padding: 18px 24px; font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); }
.sc-total th, .sc-total td { border-top: var(--bw) solid var(--ink); font-size: var(--t3); font-family: var(--serif); font-weight: var(--serif-weight); }
@media (max-width: 760px) {
  .ws-stack { grid-template-columns: repeat(2, auto); }
}
.order-pair { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.cta-row .order-pair { margin-right: var(--s2); }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.order-form fieldset { margin-bottom: var(--s2); }
main.compare-draft .whole-stack { background: var(--white); border-top: var(--bw) solid var(--line); border-bottom: var(--bw) solid var(--line); }
.sc-craft { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-weight: 600; margin: var(--s3) 0 var(--s2); padding: 0; }
.sc-craft select { font-weight: 400; min-width: 16rem; }
.sc-result.card { border: 0; border-top: var(--bw) solid var(--ink); border-radius: 0; background: none; box-shadow: none; padding: var(--s3) 0 0; margin-top: var(--s4); }
.why-list li { padding: 10px 0 10px 28px; position: relative; border-bottom: var(--bw) solid var(--line); }
.why-list li::before { content: ""; position: absolute; left: 4px; top: 19px; width: 10px; height: 5px; border-left: 2px solid var(--lacquer); border-bottom: 2px solid var(--lacquer); transform: rotate(-45deg); }
@media (max-width: 760px) {
  .sc-craft select { min-width: 0; width: 100%; }
}
.email-eg { margin: var(--s1) 0 var(--s3); }
.email-eg p { margin: 0 0 var(--s1); }
.email-eg table { font-size: var(--t6); max-width: 34rem; }
.lbl-card { padding: 0; }
.lbl-card > p { max-width: 40rem; }
.lbl-foot { margin-top: var(--s3); padding-top: var(--s2); border-top: var(--bw) solid var(--line); font-size: var(--t5); color: var(--graphite); max-width: none; }
.op .op-bar { height: 3px; background: var(--border); border-radius: var(--r-pill); margin: 0 0 var(--s3); overflow: hidden; }
.op .op-bar i { display: block; height: 100%; background: var(--accent); border-radius: inherit; transition: width var(--quick) var(--ease); }
.op form.signup .op-pkgs .radios { gap: var(--s1); }
.op form.signup .op-pkgs .radios label { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: var(--bw) solid var(--border); border-radius: var(--r2); background: var(--surface); cursor: pointer; transition: border-color var(--quick) var(--ease), box-shadow var(--quick) var(--ease); }
.op form.signup .op-pkgs .radios label:hover { border-color: var(--muted); }
.op form.signup .op-pkgs .radios label:has(input:checked) { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.op form.signup .op-pkgs .radios input { margin: 4px 0 0; accent-color: var(--accent); flex: none; }
.op .op-pk { display: grid; gap: 2px; }
.op .op-pr { font-weight: 600; }
.op .op-pr s { color: var(--muted); font-weight: 400; margin-right: 4px; }
.op form.signup .check input, .op form.signup .radios input { accent-color: var(--accent); }
.op .op-nav { position: sticky; bottom: 0; margin: 0 calc(-1 * var(--s4)); padding: var(--s2) var(--s4) var(--s3); background: var(--surface); border-top: var(--bw) solid var(--border); z-index: 1; }
.op .op-pay { border: var(--bw) solid var(--border); border-radius: var(--r2); padding: var(--s1); background: #FFFFFF; }
.op .op-sum, .op .op-total { border: var(--bw) solid var(--border); }
@media (max-width: 700px) { .op { justify-content: flex-start; padding: 0; } .op .op-box { height: 100%; } .op .op-nav { margin: 0 calc(-1 * var(--s2)); padding: var(--s2); } }
.btn:not(.ghost):hover { box-shadow: 0 6px 16px -8px rgba(162, 59, 42, .55); }
.btn:active { transform: translateY(1px); box-shadow: none; }
.trade-cards .card, .guide-cards .card, .demo-cards .card { transition: border-color var(--quick) var(--ease), box-shadow var(--quick) var(--ease), transform var(--quick) var(--ease); }
.trade-cards .card:hover, .guide-cards .card:hover, .demo-cards .card:hover { border-color: var(--field-line); box-shadow: var(--shadow-1); transform: translateY(-2px); }
details > summary { transition: color var(--quick) var(--ease); }
@media (prefers-reduced-motion: reduce) {
  .btn, .trade-cards .card, .guide-cards .card, .demo-cards .card, a, details > summary, .op .op-bar i, .op form.signup .op-pkgs .radios label { transition: none !important; }
  .btn:active, .trade-cards .card:hover, .guide-cards .card:hover, .demo-cards .card:hover { transform: none; }
}
main.home > section:not(.hero):not(.outcomes) { padding: var(--band-pad) 0; }
@media (max-width: 700px) {
  main.home > section:not(.hero):not(.outcomes) { padding: var(--band-pad) 0; }
  main.home .steps { gap: var(--s2); } main.home .steps .item { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 12px; align-items: start; }
  main.home .steps .item::before { grid-row: 1 / span 2; margin: 0; } main.home .steps .item > * { grid-column: 2; }
  main.home .get-cards { gap: var(--s2); } main.home .get-cards .card, main.home .prices .card { padding: var(--s2); }
  main.home .prices { gap: var(--s2); }
  .foot-grid > nav:nth-of-type(2) { grid-row: span 2; }
}
.prices .card > p:last-child:has(.btn) { margin-top: auto; padding-top: var(--s3); }
input[type=radio], input[type=checkbox], input[type=range] { accent-color: var(--accent); }
input[type=radio] { appearance: none; -webkit-appearance: none; flex: none; display: inline-grid; place-content: center; width: 20px; height: 20px; margin: 0; border: var(--bw) solid var(--muted); border-radius: 50%; background: var(--surface); vertical-align: -4px; cursor: pointer; }
input[type=radio]::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); transform: scale(0); }
input[type=radio]:checked { border-color: var(--accent); }
input[type=radio]:checked::before { transform: scale(1); }
input[type=checkbox] { width: 18px; height: 18px; margin: 0; flex: none; vertical-align: -3px; }
@media (forced-colors: active) { input[type=radio] { appearance: auto; -webkit-appearance: auto; } input[type=radio]::before { content: none; } }
form.signup .radios label { flex-wrap: nowrap; align-items: flex-start; min-height: 32px; }
form.signup .radios input[type=radio] { margin-top: 3px; }
form.signup .check input[type=checkbox] { margin-top: 4px; }
form.signup legend { padding: 0; }
@media (max-width: 700px) { .phone-bar { background: var(--bg); box-shadow: 0 -8px 24px -18px rgba(29, 29, 27, .35); } }
@media (max-width: 700px) { .timeline { margin-left: 14px; } }
.arrow-link, .jump a { white-space: normal; }
.hero-text .cta-row { margin-bottom: var(--s3); }
.hero-text .under-line { border-top: var(--bw) solid var(--border); padding-top: var(--s2); margin-top: 0; }
.hero-text .under-line, .hero-text .assure { font-size: var(--t6); }
.hero-text .assure { margin-top: var(--s1); }
.order-links { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s3); align-items: baseline; margin: 0 0 var(--s3); font-size: var(--t5); }
.trust-close { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); margin-top: var(--s3); }
.story { margin-top: var(--s4); }
.story-fig { margin: 0; max-width: 720px; }
.story-quote { margin: 0; padding-left: var(--s3); border-left: var(--bw) solid var(--lacquer); font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); line-height: 1.35; }
.story-quote p { margin: 0; }
.story-who { margin-top: var(--s1); color: var(--graphite); font-size: var(--t5); }
.story-more { max-width: 720px; }
.trust-short { border-left: var(--bw) solid var(--lacquer); padding-left: var(--s3); margin: 0 0 var(--s4); }
.trust-short h2 { font-size: var(--t3); }
.trust-short .trust-close { font-size: 19px; margin-top: var(--s2); }
.craft-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: var(--s2) 0 0; }
.craft-chips button { font: 500 var(--t6) var(--sans); color: var(--text); background: var(--bg); border: var(--bw) solid var(--border); border-radius: var(--r-pill); padding: 6px 12px; min-height: 32px; cursor: pointer; transition: border-color var(--quick) var(--ease); }
.craft-chips button:hover { border-color: var(--accent); color: var(--accent); }
.craft-chips button[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); background: var(--surface); }
@media (pointer: coarse) { .craft-chips button { min-height: 44px; } }
@media (max-width: 860px) { .craft-chips { display: none; } }
@media (min-width: 861px) {.picker { border-top: 0; padding-top: 0; margin-top: var(--s2); } }
.guide-top { margin: var(--s3) 0 0; }
@media (max-width: 700px) {
  .phone-bar .btn { flex: 1; justify-content: center; }
  body.has-bar { padding-bottom: calc(54px + env(safe-area-inset-bottom)); }
  .bk-open .phone-bar, body:has(details[data-menu][open]) .phone-bar { display: none !important; }
}
@media (max-width: 700px) { body.has-bar .top .btn { display: none; } }
.clip video { display: block; width: 100%; height: auto; border-radius: var(--r1); background: var(--mist); }
.see-site { display: flex; align-items: center; gap: 12px; margin: 0 0 var(--s3); padding: 0; max-width: 30rem; }
.see-site p { margin: 0 0 4px; line-height: 1.35; }
.see-thumb { flex: none; width: 48px; height: 64px; overflow: hidden; border-radius: 8px; border: var(--bw) solid var(--line); }
.see-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.menu-panel a:has(.menu-demo) { flex-wrap: wrap; row-gap: 0; padding: 2px 0; }
.later-block { margin: var(--s4) 0 0; padding: 0; }
.trade-page-link .see-btn { margin-left: var(--s2); }
@media (max-width: 600px) { .trade-page-link .see-btn { margin: var(--s1) 0 0; } }
.see-site > div { min-width: 0; }
.see-site .btn { white-space: normal; text-align: left; }
.descriptor { font-size: var(--t4); font-weight: 600; line-height: 1.35; margin: -6px 0 6px; }
.cost-next { font-size: var(--t5); margin: var(--s2) 0 0; }
.who-sees { text-align: center; margin: var(--s2) 0 0; }
.next-steps { padding: var(--s3) 0; }
.next-list { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s3); justify-content: center; list-style: none; margin: 0; padding: 0; font-weight: 600; }
.next-list .n { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; border: var(--bw) solid var(--line); margin-right: 6px; font-size: var(--t6); }
.not-for-line { text-align: center; color: var(--graphite); margin: var(--s3) auto; max-width: 40rem; }
.proof-line { text-align: center; font-weight: 600; margin: var(--s2) auto 0; max-width: 40rem; }
.devices { position: relative; width: 100%; max-width: 560px; padding: 0 0 6% 0; }
.dv-laptop { width: 86%; border: 2px solid var(--ink); border-radius: 12px 12px 4px 4px; padding: 2.2% 2.2% 0; background: var(--ink); }
.dv-laptop::after { content: ""; display: block; height: 10px; margin: 0 -9% 0; background: var(--ink); border-radius: 0 0 10px 10px; transform: translateY(0); }
.dv-laptop .dv-screen { aspect-ratio: 16 / 10; overflow: hidden; border-radius: 4px 4px 0 0; background: var(--mist); }
.dv-phone { position: absolute; right: 0; bottom: 0; width: 27%; border: 2px solid var(--ink); border-radius: 18px; padding: 5px; background: var(--ink); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.dv-phone .dv-screen { aspect-ratio: 1 / 2; overflow: hidden; border-radius: 13px; background: var(--mist); }
.dv-screen { position: relative; }
.devices img, .devices video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.devices video { position: absolute; inset: 0; opacity: 0; transition: opacity .3s; }
.devices video.on { opacity: 1; }
.devices.small { max-width: 220px; flex: none; }
.devices.small .dv-phone { border-radius: 10px; padding: 3px; } .devices.small .dv-phone .dv-screen { border-radius: 8px; }
.see-site.with-devices { align-items: center; max-width: 36rem; }
@media (max-width: 600px) { .see-site.with-devices { flex-direction: column; align-items: flex-start; } .devices.small { max-width: 100%; width: 100%; } }
.demo-loops { list-style: none; margin: var(--s4) 0 0; padding: 0; display: grid; gap: var(--s5); }
.demo-loops li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--s4); align-items: center; scroll-margin-top: 84px; }
.demo-loops h2 { margin-bottom: var(--s1); margin-top: 0; }
@media (max-width: 760px) { .demo-loops li { grid-template-columns: 1fr; gap: var(--s2); } .demo-loops .devices { order: -1; } }
@media (min-width: 861px) {}
.see-how { margin: var(--s4) 0; padding: 0; }
.see-craft[hidden] { display: none; }
.see-craft > .flow:first-child { margin-top: 0; }
.flow { margin: 0 0 var(--s5); padding: 0; }
.flow h3 { margin-bottom: 4px; }
.flow-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--s4); align-items: center; margin-top: var(--s2); }
.flow-dev .dv-screen img { position: absolute; inset: 0; opacity: 0; transition: opacity .5s; }
.flow-dev .dv-screen img.on { opacity: 1; }
.flow-steps { margin: 0; padding-left: 1.3em; }
.flow-steps li { margin: 0 0 6px; }
.flow-steps button { display: block; width: 100%; text-align: left; text-decoration: none; color: var(--graphite); font-weight: 400; min-height: 32px; padding: 4px 0; line-height: 1.45; }
.flow-steps button:hover { color: var(--ink); }
.flow-steps button[aria-current="step"] { color: var(--ink); font-weight: 600; }
.flow-steps .who { display: block; font-size: var(--t7); font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--graphite); }
@media (max-width: 760px) { .flow-grid { grid-template-columns: 1fr; gap: var(--s2); } }
@media (prefers-reduced-motion: reduce) { .flow-dev .dv-screen img { transition: none; } }
.flow-context { margin: 0 0 4px; }
@media (max-width: 400px) { .see-site-hero.with-devices .devices.small { max-width: 200px; } }
.summary-link { margin-top: var(--s2); font-weight: 600; }
.summary-sheet h2 { font-size: var(--t4); margin: var(--s3) 0 var(--s1); }
.summary-sheet ul { padding-left: 1.2em; margin: 0 0 var(--s2); }
.summary-sheet li { margin-bottom: 4px; }
.summary-q { margin-top: var(--s3); font-weight: 600; }
.summary-screen { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin-top: var(--s4); }
@page summary { size: A4; margin: 14mm 16mm; }
@media print {
  main.summary { page: summary; }
  html:has(main.summary), body:has(main.summary), main.summary, main.summary .page { background: #fff !important; }
  .summary-screen, .summary-link, .skip { display: none !important; }
  main.summary .page { padding: 0; }
  main.summary .wrap { max-width: none; padding: 0; }
  .summary-sheet { font-size: 11.5pt; line-height: 1.45; }
  .summary-sheet .kicker { font-size: 9pt; margin: 0; }
  .summary-sheet h1 { font-size: 24pt; margin: 2pt 0 8pt; }
  .summary-sheet h2 { font-size: 14pt; margin: 14pt 0 3pt; padding-top: 6pt; border-top: var(--bw) solid #ccc; break-after: avoid; }
  .summary-sheet p, .summary-sheet li { max-width: none; margin-top: 0; }
  .summary-sheet p { margin-bottom: 4pt; }
  .summary-sheet ul { margin: 0 0 4pt; }
  .summary-sheet li { margin-bottom: 2pt; }
  .summary-sheet .summary-q { margin-top: 14pt; }
}
.status-list .card { border-left: var(--bw) solid var(--line); }
.status-list .status-ok { border-left-color: #3C7A4E; } .status-list .status-down { border-left-color: var(--lacquer); } .status-list .status-unknown { border-left-color: var(--line-strong); }
.action-block { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s2); margin: var(--s3) 0; text-align: left; }
.action-block > .btn { margin: 0; }
.ab-row { align-self: stretch; display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s3); }
.ab-row .see-site { margin: 0; flex: 1 1 100%; }
.ab-chat p { margin: 0; }
.ab-chat .ab-zoom { margin-top: 2px; }
.chat-card { align-self: stretch; max-width: 520px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.chat-card-h { font: var(--serif-weight) var(--t3)/1.2 var(--serif); color: var(--ink); }
.chat-card .ab-zoom { margin-bottom: 6px; }
@media (max-width: 600px) { .chat-card { padding: 12px 0 14px; } .chat-card-h { font-size: var(--t4); } }
.phone-menu .menu-panel .menu-sub-list { padding: 0 0 0 12px; margin-bottom: 4px; }
.phone-menu .menu-sub-list .menu-h { margin: 4px 0 0; }
.ab-next { margin: 0; color: var(--graphite); }
.closing .action-block { align-items: flex-start; gap: var(--s1); margin-bottom: var(--s2); }
.closing .action-block > .ab-chat { margin-top: var(--s2); }
.switcher.in-hero { margin-top: var(--s3); padding-top: var(--s2); border-top: var(--bw) solid var(--line); background: none; }
.switcher.in-hero .sw-in { padding: 0; }
.action-block .ab-email { align-self: stretch; max-width: 680px; gap: var(--s1); }
.ab-email .ab-email-label { display: block; font-weight: 600; font-size: var(--t5); }
.ab-email-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s2); }
.ab-email-row input[type=email] { flex: 1 1 200px; min-width: 0; width: auto; }
.ab-email-row .btn { margin: 0; flex: none; }
.ab-email-row .ab-aside { flex: 0 1 auto; color: var(--graphite); }
.ab-email .check { font-size: var(--t6, 0.875rem); }
.ab-email .draft-note, .ab-email .form-privacy { margin: 0; }
.pricing-links { margin: var(--s2) 0 var(--s3); }
.prices + .ab-chat { margin-top: var(--s2); }
@media print { .ab-email, .action-block { display: none !important; } }
.ab-email .form-msg:empty { display: none; }
.ab-email + .ab-chat { margin-top: var(--s2); }
.ab-row .arrow-link { display: inline-block; min-height: 0; padding: 10px 0; }
@media (pointer: fine) { .ab-row .arrow-link { padding: 2px 0; } }
.ab-row .arrow-link span { display: inline-block; }
.mid-actions .ab-row .arrow-link, .mid-row .arrow-link { display: block; min-height: 44px; padding: 10px 0; line-height: 1.5; }
.mid-actions .ab-row, .mid-row { row-gap: 0; }
.mid-actions { margin: var(--s4) 0 0; }
.mid-actions .who-sees { text-align: left; margin: 0; }
.trust-links .mid-row { margin: 0; }
.section-link .mid-row { margin: 0; }
.band-actions .ab-row { flex-direction: column; align-items: flex-start; }
.band-actions .ab-row .see-site { flex: none; width: 100%; }
.ab-write { margin: 0; }
.page-404 .links-404 { justify-content: flex-start; }
.about-note { margin: var(--s2) 0 var(--s3); color: var(--graphite); }
.toc-page { --toc-head: var(--head-h, 0px); }
@media (max-width: 860px) { .toc-page { --toc-head: var(--head-h, 72px); } }
.toc-page h2[id], .toc-page section[id] { scroll-margin-top: calc(var(--toc-head) + var(--s3)); }
.toc-page .toc-body > h2:first-child, .toc-page .toc-body > .later-block:first-child, .toc-page .toc-body > .gated:first-child > h2:first-child { margin-top: var(--s4); }
.toc-top:empty { display: none; }
.toc { margin: var(--s3) 0; font-size: var(--t5); }
.toc-d { border: var(--bw) solid var(--line); border-radius: var(--radius); background: var(--surface); }
.toc-d > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--s1); min-height: 44px; padding: 0 var(--s2); cursor: pointer; font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); border-radius: var(--r2); }
.toc-d > summary::-webkit-details-marker { display: none; }
.toc-d > summary::after { content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.toc-d[open] > summary::after { transform: rotate(-135deg) translateY(-1px); }
.toc-d > summary:hover { color: var(--lacquer); }
.toc ul { list-style: none; margin: 0; padding: 0 var(--s2) var(--s1); }
.toc li { max-width: none; border-top: var(--bw) solid var(--line); }
.toc li:first-child { border-top: 0; }
.toc a { display: flex; align-items: center; min-height: 44px; padding: 6px 0; color: var(--ink); text-decoration: none; line-height: 1.35; }
.toc a:hover { color: var(--lacquer); text-decoration: underline; }
.toc a:focus-visible, .toc-d > summary:focus-visible { outline: 2px solid var(--lacquer); outline-offset: 2px; border-radius: var(--r1); }
.toc a[aria-current] { color: var(--lacquer); font-weight: 600; }
.short-answer { margin: var(--s3) 0 0; padding: 0 0 0 var(--s3); border-left: var(--bw) solid var(--lacquer); max-width: var(--measure); }
.short-answer p { margin: 0; }
.short-answer .sa-h { font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); margin: 0 0 6px; }
.toc-body p, .toc-body li, .toc-body .faq, .toc-top p { max-width: var(--measure); }
@media (min-width: 1100px) {
  .page .narrow:has(> .toc-page) { max-width: 1120px; }
  .page .narrow:has(> .toc-page) > h1, .page .narrow:has(> .toc-page) > .lead { max-width: calc(100% - 15rem - var(--s5)); }
  .toc-page { display: grid; grid-template-columns: minmax(0, 1fr) 15rem; grid-template-rows: auto 1fr; column-gap: var(--s5); align-items: start; }
  .toc-top { grid-column: 1; grid-row: 1; }
  .toc-body { grid-column: 1; grid-row: 2; min-width: 0; }
  .toc-page > .toc { grid-column: 2; grid-row: 1 / span 2; position: sticky; top: calc(var(--toc-head) + var(--s3)); max-height: calc(100vh - var(--toc-head) - var(--s5)); overflow-y: auto; overscroll-behavior: contain; margin: 6px 0 0; padding: 0; scrollbar-width: thin; }
  .toc-page > .toc .toc-d { border: 0; background: none; }
  .toc-page > .toc .toc-d > summary { min-height: 0; padding: 0 0 var(--s1) var(--s2); cursor: default; pointer-events: none; }
  .toc-page > .toc .toc-d > summary::after { display: none; }
  .toc-page > .toc ul { padding: 0; }
  .toc-page > .toc li { border: 0; }
  .toc-page > .toc a { min-height: 32px; padding: 4px 0 4px var(--s2); border-left: 2px solid var(--line); color: var(--graphite); font-size: var(--t6); }
  .toc-page > .toc a:hover { color: var(--lacquer); }
  .toc-page > .toc a[aria-current] { color: var(--ink); border-left-color: var(--lacquer); font-weight: 600; }
}
.jump a[aria-current] { color: var(--ink); text-decoration: underline; text-decoration-color: var(--lacquer); text-decoration-thickness: 2px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .toc a, .jump a { transition: none; } }
@media (max-width: 600px) { .page .wrap, .get-yours > .wrap, main.banded section > .wrap { --gut: var(--s2); } }
@media (min-width: 761px) {
  .demo-loops { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4) var(--s3); }
  .demo-loops li { grid-template-columns: minmax(0, 1fr); gap: var(--s2); align-content: start; align-items: start; }
  .demo-loops .devices { order: -1; }
  .demo-loops h2 { font-size: var(--t3); }
  .demo-loops p { margin-bottom: var(--s1); }
}
@media (min-width: 1100px) { .demo-loops { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .demo-loops h2 { font-size: var(--t3); } }
.flow-tabs { display: flex; flex-wrap: wrap; gap: 0 var(--s3); margin: var(--s3) 0 var(--s3); border-bottom: var(--bw) solid var(--line); }
.flow-tabs[hidden], .see-how .flow[hidden] { display: none; }
.flow-tabs button { min-height: 44px; display: inline-flex; align-items: center; font: 500 var(--t5)/1.2 var(--sans); padding: var(--s1) 0; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--graphite); cursor: pointer; text-align: left; }
.flow-tabs button:hover { color: var(--ink); }
.flow-tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--lacquer); font-weight: 600; }
.see-how.tabbed .flow { margin-bottom: var(--s4); }
.see-how.tabbed .flow h3 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.see-how .flow[role="tabpanel"]:focus { outline: none; }
.see-how .flow[role="tabpanel"]:focus-visible { outline: 2px solid var(--lacquer); outline-offset: 6px; border-radius: var(--r1); }
@media (max-width: 760px) { .flow-tabs { gap: 0 var(--s2); } }
@media (min-width: 761px) {
  .timeline { columns: 2; column-gap: var(--s5); border-left: 0; padding-left: 14px; }
  .timeline li { break-inside: avoid; border-left: var(--bw) solid var(--line); padding-bottom: var(--s3); }
  .timeline li p { margin-bottom: 0; }
}
@media (max-width: 760px) {
  .timeline { border-left: 0; margin: var(--s3) 0; }
  .timeline li { padding: var(--s2) 0 0; border-top: var(--bw) solid var(--line); }
  .timeline li::before { position: static; margin: 0 0 var(--s1); }
  .timeline li p { margin-bottom: 0; }
}
.demo-loops .kicker { margin-bottom: var(--s1); }
@media (max-width: 760px) {
  .flow-steps .who { display: inline; margin-right: 6px; }
  .flow-steps li { margin-bottom: 2px; }
  .see-how.tabbed .flow { margin-bottom: var(--s3); }
}
@media (max-width: 760px) {
  .timeline li { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 12px; align-content: start; }
  .timeline li::before { grid-row: 1 / span 2; margin: 0; }
  .timeline li > * { grid-column: 2; }
  .flow-tabs { margin: var(--s2) 0; }
  .flow-dev { max-width: 320px; }
}
@media (max-width: 760px) { .timeline { margin-top: var(--s3); margin-bottom: var(--s3); } }
@media (min-width: 861px) {
  .top { position: sticky; top: 0; z-index: 70; max-width: none; background: var(--bg) !important; border-bottom: var(--bw) solid var(--line); padding-left: max(var(--s3), calc((100% - var(--wrap)) / 2 + var(--s3))); padding-right: max(var(--s3), calc((100% - var(--wrap)) / 2 + var(--s3))); }
  html:not(:has(.toc-page)) { scroll-padding-top: calc(var(--head-h) + var(--s2)); }
  section[id], div[id="save"], [id="calculator"] { scroll-margin-top: 0; }
  main.features > .jump { top: var(--head-h); }
}
@media (max-width: 860px) {
  :root:root { --head-h: 77px; }
  html:not(:has(main.home)):not(:has(.toc-page)) { scroll-padding-top: calc(var(--head-h) + var(--s1)); }
  html:not(:has(main.home)) :is(section[id], div[id="save"], [id="calculator"], #early-form, #tell-form) { scroll-margin-top: 0; }
}
@media (max-width: 700px) { html:has(body.has-bar) { scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom)); } }
.foot-grid > nav { grid-row: auto; }
.foot-grid .foot-h { margin-bottom: var(--s1); }
@media (max-width: 1000px) { .foot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }}
@media (max-width: 600px) { .foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3) var(--s2); }}
@media (max-width: 700px) { .foot-grid > nav:nth-of-type(2) { grid-row: auto; } }
.foot-base { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--s3); margin-top: var(--s4); padding-top: var(--s2); border-top: var(--bw) solid var(--line); }
.foot-base p.small { margin: 0; flex: 1 1 320px; }
p.office-def, span.office-def { font-size: var(--t5); color: var(--graphite); }
.foot-base a:not(.wordmark) { color: var(--graphite); }
:is(a, button, summary, input, select, textarea, iframe, [tabindex]:not([tabindex="-1"])):focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
:is(input[type=radio], input[type=checkbox]):focus-visible { outline-offset: 2px; }
.draft, .bk-foot, .skip { --focus: #FFFFFF; }
.skip:focus-visible { outline-offset: -4px; }
iframe:focus-visible { outline: 3px solid var(--focus); outline-offset: -3px; }
.phone-menu .menu-panel a:focus-visible, .phone-menu .menu-panel summary:focus-visible, .toc a:focus-visible { outline-offset: -2px; }
@media (forced-colors: active) { :focus-visible { outline: 2px solid CanvasText !important; } }
@media (min-width: 861px) { html:not(:has(.toc-page)) .demo-loops li { scroll-margin-top: 0; } }
@media (max-width: 860px) { html:not(:has(main.home)):not(:has(.toc-page)) .demo-loops li { scroll-margin-top: 0; } }
main.trade .craft-who .lead { margin-bottom: 0; font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); line-height: 1.35; text-wrap: pretty; }
.disclose { margin: var(--s2) 0; }
.disclose > summary { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 10px; min-height: 44px; padding: 8px 14px 8px 16px; border: var(--bw) solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--ink); font: 600 var(--t5)/1.3 var(--sans); text-align: left; cursor: pointer; list-style: none; }
.disclose > summary::-webkit-details-marker { display: none; }
.disclose > summary::after { content: ""; flex: none; width: 7px; height: 7px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: translateY(-2px) rotate(45deg); transition: transform var(--quick) var(--ease); }
.disclose[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.disclose > summary:hover { border-color: var(--graphite); }
.disclose .d-hide, .disclose[open] > summary .d-show { display: none; }
.disclose[open] > summary .d-hide { display: inline; }
.disclose[open] > summary { margin-bottom: var(--s2); }
.disclose-body > :last-child, .more-shown > :last-child { margin-bottom: 0; }
@media (prefers-reduced-motion: reduce) { .disclose > summary::after { transition: none; } }
:is(h1, h2, h3) { text-wrap: balance; } main p { text-wrap: pretty; }
@media (max-width: 600px) { .seg-one { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: var(--radius); width: 100%; } .seg-one button { flex-direction: row; gap: 5px; white-space: nowrap; border-radius: var(--radius); min-height: 44px; } .seg-one button small { font-size: var(--t6); } }
.disclose > summary { min-height: 48px; padding: 10px 12px 10px 18px; background: var(--panel); border-color: var(--panel-line); }
.disclose > summary:hover { border-color: var(--coral); }
.disclose > summary::after { width: 28px; height: 28px; border: 0; border-radius: 50%; transform: none; background: var(--coral-pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A23B2A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center / 14px no-repeat; }
.disclose[open] > summary::after { transform: rotate(180deg); }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .disclose > summary { background: var(--card); border-color: var(--card-line); }
@media print { .disclose > summary { display: none; } }
@media (min-width: 701px) {
  .guide-list.swipe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s2) var(--s4); }
  .guide-list.swipe li { padding: 0; }
  main.trade .craft-week .narrow-wrap { max-width: var(--wrap); }
  main.trade .guides-for .wrap > h2 { margin-bottom: var(--s3); }
}
@media (max-width: 700px) {
  .swipe { grid-template-columns: minmax(0, 1fr) !important; }
  .swipe-ok { display: grid !important; grid-auto-flow: column; grid-template-columns: none !important; grid-auto-columns: 80%;
    gap: 12px !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    margin-left: calc(-1 * var(--s2)); margin-right: calc(-1 * var(--s2)); padding: 4px var(--s2) 12px; scroll-padding: 0 var(--s2); list-style: none; }
  .swipe-ok > * { scroll-snap-align: start; min-width: 0; max-width: none; margin: 0 !important; box-sizing: border-box; }
  .swipe-ok:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
  main.home .steps.swipe .item { display: block; } main.home .steps.swipe .item::before { margin: 0 0 var(--s1); }
}
@media (min-width: 1100px) {
  .demo-band .demo-grid { display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); column-gap: var(--s5); align-items: start; }
  .demo-band .demo-grid > * { grid-column: 2; min-width: 0; }
  .demo-band .demo-grid > .demo-text { grid-column: 1; grid-row: 1; }
  .demo-band .demo-grid > .band-actions { grid-column: 1; grid-row: 2; margin-top: 0; }
  .demo-band .demo-grid > .trade-show { grid-row: 1 / span 3; max-width: none; width: 100%; margin: 0; }
  .demo-band .demo-text .intro { margin-bottom: var(--s3); }
  .demo-band .band-actions .see-site.with-devices { flex-direction: column; align-items: flex-start; }
  main.home .price-foot, .craft-price .price-foot { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 340px); column-gap: var(--s5); align-items: start; margin-top: var(--s3); }
  main.home .price-foot .mid-actions, .craft-price .price-foot .price-actions { margin-top: 0; }
  main.home .price-foot .running-short { margin-top: 0; }
  .craft-price .price-notes > :first-child { margin-top: 0; }
  main.trade :is(.craft-who, .craft-moving, .craft-where, .craft-same, .guides-for) > .wrap, main.trade #faq > .wrap, main.home #faq > .wrap {
    display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); column-gap: var(--s5); align-items: start; max-width: var(--wrap); }
  main.trade :is(.craft-who, .craft-moving, .craft-where, .craft-same, .guides-for) > .wrap > *, main.trade #faq > .wrap > *, main.home #faq > .wrap > * { grid-column: 2; min-width: 0; }
  main.trade :is(.craft-who, .craft-moving, .craft-where, .craft-same, .guides-for) > .wrap > h2, main.trade #faq > .wrap > h2, main.home #faq > .wrap > h2 { grid-column: 1; grid-row: 1 / span 2; margin-top: 0; }
  main.trade #faq > .wrap > h2 { grid-row: 1; }
  main.trade #faq > .wrap > .faq { grid-row: 1 / span 3; max-width: none; }
  main.trade #faq > .wrap > .bio { grid-column: 1; grid-row: 2; margin: var(--s2) 0 0; font-size: var(--t5); }
  main.trade :is(.craft-who, .craft-moving, .craft-week, .craft-where, .craft-same) p { max-width: none; }
  main.trade .craft-who .lead { margin-top: 0; }
}
.home .trust p { margin: 0 0 var(--s1); }
.home .trust .proof-line { text-align: left; margin: var(--s2) 0 0; max-width: none; }
main.home :is(.home-get, .home-how, .home-cost) .section-link { margin: var(--s2) 0 0; }
@media (min-width: 861px) {
}
@media (max-width: 599px) {}
@media (pointer: coarse) {}
main.banded.home > section.outcomes { padding: var(--s3) 0; border: 0; }
.outcome-row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); }
.outcome-row li { margin: 0; max-width: none; font-size: var(--t5); color: var(--muted); }
.outcome-row b { display: block; font-size: var(--t4); }
.pair .before, .pair .after { padding: 6px 12px; border-radius: var(--r2); }
.pair .after { border: var(--bw) solid var(--accent); }
@media (max-width: 700px) {
  .pair { gap: var(--s1); }
  .pairs.swipe > .pair { border: 0 !important; padding: 4px !important; background: none; align-content: start; }
}
main.home :is(.home-clients, .home-hold, .home-finished) .section-link { margin: var(--s2) 0 0; }
.arrow-link .aw { white-space: nowrap; transform: none !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.home .trust .trust-close { margin: 0; font: var(--serif-weight) var(--t3)/1.25 var(--serif); }
@media (max-width: 700px) {
}
@media (min-width: 861px) {
  main.home :is(.home-get, .home-how, .home-cost, .trust, .home-close) > .wrap { display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); column-gap: var(--s5); align-items: start; max-width: var(--wrap); }
  main.home :is(.home-cost, .trust, .home-close) > .wrap > * { grid-column: 2; min-width: 0; max-width: 42rem; }
  main.home :is(.home-get, .home-how) > .wrap > * { grid-column: 2; min-width: 0; }
  main.home > section:not(.hero):not(.outcomes):is(.home-get, .home-how, .home-cost, .trust, .home-close) { padding: var(--band-pad) 0; }
  main.home :is(.home-get, .home-how, .home-cost, .trust, .home-close) > .wrap > h2 { grid-column: 1; grid-row: 1 / span 6; margin-top: 0; }
  main.home :is(.home-get, .home-how) > .wrap > h2 { grid-row: 1 / span 2; }
}
@media (max-width: 860px) {
}
main.trade .craft-close .action-block { margin-top: var(--s2); }
.bring-lists h3 { margin: var(--s2) 0 var(--s1); font-size: var(--t5); }
.bring-lists ul { margin: 0; }
.guide-titles li a { font-weight: 600; }
@media (max-width: 700px) {
  main.trade .trade-hero .trade-pic { display: none; }
  main.trade .trade-hero .trade-pic:has(.craft-pic) { display: block; margin-top: var(--s4); }
  main.trade .trade-grid { gap: 0; }
}
@media (min-width: 701px) { .bring-lists { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s4); } }
@media (min-width: 1100px) {
  main.trade .craft-price > .wrap { display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); column-gap: var(--s5); align-items: start; }
  main.trade .craft-price > .wrap > * { grid-column: 2; min-width: 0; }
  main.trade .craft-price > .wrap > h2 { grid-column: 1; grid-row: 1; margin-top: 0; }
  main.trade .craft-price > .wrap > .price-foot { grid-column: 1; grid-row: 2 / span 5; display: block; margin-top: var(--s2); }
  main.trade .craft-price > .wrap > .price-lead { margin-top: 0; }
}
.craft-price .price-lead { font-size: var(--t4, 1.125rem); margin: var(--s2) 0 var(--s1); }
@media (min-width: 1100px) { main.trade .craft-price > .wrap > .price-lead { margin-top: 0; } }
main.trade .demo-band .showcase .caption { margin-top: 6px; }
main.trade .demo-band .showcase .caption:first-of-type { margin-top: var(--s2); }
main.trade .demo-band .showcase .who-sees { text-align: center; margin: 6px 0 0; }
@media (min-width: 1100px) {
}
.trade-grid.no-pic { grid-template-columns: minmax(0, 1fr); grid-template-areas: "text"; }
.trade-grid.no-pic .hero-text { max-width: 640px; }
.trade-grid.no-pic .trade-pic { display: none; }
@media (max-width: 700px) {}
.foot-d > summary { list-style: none; cursor: default; display: flex; align-items: center; min-height: 24px; }
.foot-d > summary::-webkit-details-marker { display: none; }
@media (min-width: 601px) { .foot-d > summary { pointer-events: none; } }
@media (max-width: 600px) {
  .foot-grid { grid-template-columns: 1fr; gap: 0; }
  .foot-grid > nav { border-bottom: var(--bw) solid var(--line); }
  .foot-d > summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; min-height: 44px; margin: 0; }
  .foot-d > summary::after { content: "+"; font-weight: 400; color: var(--graphite); }
  .foot-d[open] > summary::after { content: "\2212"; }
  .foot-d > ul { padding-bottom: var(--s2); }
  .foot-base { margin-top: var(--s3); }
}
.section-break { display: block; border: 0; border-top: var(--bw) solid var(--line); margin: 64px 0; width: 100%; height: 0; }
@media (min-width: 861px) { .section-break { margin: 96px 0; } }
.holds-band .holds-note { margin: var(--s2) 0 0; }
main.what-you-get .costs .grid-scroll, main.what-you-get .costs .own-table { margin-bottom: var(--s1); }
main.what-you-get .bring-list .bring-line { margin: 0; padding: var(--s2) 0; border-bottom: var(--bw) solid var(--line); font-weight: 600; max-width: none; }
@media (min-width: 1100px) {
  main.what-you-get .holds-band > .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: var(--s5); align-items: start; }
  main.what-you-get .holds-band > .wrap > * { grid-column: 1; }
  main.what-you-get .holds-band > .wrap > .acct { grid-column: 2; grid-row: 1 / span 6; margin: 0; }
  main.what-you-get .holds-band .acct-map { gap: var(--s2) var(--s3); }
  main.what-you-get .holds-band .acct-hub { width: 124px; height: 124px; font-size: var(--t4); }
}
@media (max-width: 700px) {
  main.what-you-get .holds-band .acct-hub { width: 96px; height: 96px; font-size: var(--t5); gap: 2px; }
  main.what-you-get .holds-band .acct-lock { width: 18px; height: 18px; }
}
.demo-chips { margin: var(--s2) 0 var(--s3); }
.demo-chips li { padding: 0; border: 0; background: none; }
.demo-chips a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 14px; border: var(--bw) solid var(--line); border-radius: var(--r-pill, 999px); background: var(--white); color: var(--ink); text-decoration: none; font-size: var(--t5); }
.demo-chips a:hover { border-color: var(--accent); color: var(--accent); }
.demo-chips a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.page:has(+ .section-break) { padding-bottom: 0; }
.section-break + section > .wrap > h2:first-child { margin-top: 0; }
@media (max-width: 700px) {
  main.compare-draft > section, main.features > section, main > section.demo-close, main > section.get-yours { padding: 32px 0; }
}
@media (min-width: 1100px) { main.features .boxes { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
main.features .boxes .item { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 10px; align-content: start; }
main.features .boxes .item > * { grid-column: 1 / -1; }
main.features .boxes .item > .ico { grid-column: 1; margin: 2px 0 0; }
main.features .boxes .item > .ico + h3 { grid-column: 2; }
main.features .boxes .item > h3 { margin-bottom: var(--s1); }
main.compare-draft > .page, main.features > .page { padding-bottom: var(--s4); }
@media (max-width: 700px) { main.compare-draft > section, main.features > section { padding: 32px 0; } main.compare-draft > .page, main.features > .page { padding-bottom: 24px; } }
@media (min-width: 601px) {
  table.swipe-table, table.swipe-table tbody, table.swipe-table tr, table.swipe-table th, table.swipe-table td { display: block; width: auto; min-width: 0; }
  table.swipe-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  table.swipe-table tbody { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); padding: 0; }
  table.swipe-table tr { border-top: var(--bw) solid var(--ink); padding: var(--s2) 0 0; }
  table.swipe-table th, table.swipe-table td { border: 0; padding: 4px 0; }
  table.swipe-table tr > :first-child { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); padding-bottom: var(--s1); }
  table.swipe-table td[data-label]::before { content: attr(data-label); display: block; font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--graphite); margin-top: 6px; }
}
@media (min-width: 1100px) { main.pricing-page .extras { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
  main.compare-draft .whole-stack .wrap { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); column-gap: var(--s5); align-items: center; }
  main.compare-draft .whole-stack .wrap > .read-more { grid-column: 1; }
}
main.features .signoff { font-family: var(--sans); font-size: var(--t4); margin-top: var(--s2); }
@media (max-width: 700px) {
  main.compare-draft .close-line { font-size: var(--t4); margin-top: var(--s2); }
  main.compare-draft .ws-stack { grid-template-columns: repeat(3, auto); }
  main.compare-draft .ws-one { padding: 10px 16px; }
  main.compare-draft .ws-visual { flex-direction: column; align-items: flex-start; gap: var(--s2); }
  main.compare-draft .ws-arrow { display: inline-block; transform: rotate(90deg); margin-left: var(--s2); }
}
main.features > .page { padding-top: var(--s4); }
main.features > .page .lead { margin-bottom: 0; }
@media (min-width: 1100px) {}
main.pricing-page .branding-more { margin-top: var(--s2); }
@media (max-width: 700px) {
  main.pricing-page .page h2, main.pricing-page .extras-h { margin-top: 32px; }
  main.pricing-page .extras { margin-top: var(--s3); }
  main.pricing-page .page { padding-top: var(--s4); }
  main.pricing-page .not-for-line { margin: var(--s3) 0; }
}
@media (max-width: 700px) {
  main.pricing-page .risk { margin-top: var(--s3); padding: var(--s2); }
  main.pricing-page .risk .ticks li { padding-top: 1px; padding-bottom: 1px; }
  main.pricing-page .risk .ticks li::before { top: 15px; }
  main.pricing-page .pricing-links { display: flex; flex-wrap: wrap; gap: 4px var(--s3); margin-bottom: var(--s2); }
}
main.pricing-page > .page { padding-bottom: var(--s4); }
@media (max-width: 700px) {
  main.compare-draft .lbl-card { padding: var(--s2); }
}
main.compare-draft > .page { padding-top: var(--s4); }
main.compare-draft > .page .lead + .action-block, main.compare-draft > .page .action-block + .small { margin-top: var(--s2); }
@media (max-width: 700px) {
  main.pricing-page .founding { margin-top: var(--s2); }
  main.pricing-page .prices + .ab-chat { margin-top: var(--s2); }
}
@media (max-width: 700px) { main.compare-draft > .page, main.pricing-page > .page { padding-top: var(--s3); } main.compare-draft .closing .action-block, main.pricing-page .section-cta { margin-bottom: 0; } }
@media (max-width: 700px) { main.compare-draft > section.demo-close { padding: 24px 0; } }
@media (min-width: 701px) {
  main.features > .jump .wrap { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 701px) {
  main.features .boxes { row-gap: var(--s3); margin-top: var(--s2); }
  main.features #everyone :is(.read-more, .more-shown), main.features #by-craft :is(.read-more, .more-shown) { margin-bottom: 0; }
  main.features .closing h2 { margin-bottom: var(--s2); }
}
@media (min-width: 701px) { main.features > .page { padding-top: var(--s3); } }
main.trade .craft-close .not-for-line { margin-top: 0; margin: 0 0 var(--s2); color: var(--muted); text-align: left; max-width: 60ch; }
@media (min-width: 1100px) {
  main.trade > .trade-hero { padding: var(--s4) 0; }
  main.trade #faq .faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s4); align-items: start; }
}
@media (max-width: 860px) { main.trade .trade-grid { grid-template-columns: minmax(0, 1fr); } }
.dc-craft { font-family: var(--serif); font-weight: var(--serif-weight); line-height: 1.15; margin: 0; }
p.dc-craft { font-size: var(--t3); }
.dc-biz, .see-site p.dc-biz { font-size: var(--t6); font-weight: 600; letter-spacing: .02em; color: var(--lacquer); margin: 2px 0 4px; }
.laptop .screen, .phone.front .screen { background-color: var(--mist); }
.screen::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .35) 50%, transparent 70%) 0 0 / 220% 100%; animation: skel 1.4s infinite; }
.screen.ready::before { content: none; }
@keyframes skel { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@media (prefers-reduced-motion: reduce) { .screen::before { content: none; } }
main.trade { background: var(--bg); }
main.trade > .trade-hero { background: var(--tint); }
main.trade > section:not(.hero) { padding: var(--band-space) 0; border-top: 0; }
main.trade > .section-break { border: 0; margin: 0; height: 0; }
main.trade > section:not(.hero) .wrap > h2:first-child { margin-top: 0; }
.price-points { list-style: none; padding: 0; margin: var(--s2) 0; display: grid; gap: var(--s1); }
.price-points li { margin: 0; padding-left: var(--s2); border-left: var(--bw) solid var(--accent); max-width: 60ch; }
.price-points .price-lead { font-size: var(--t4); margin: 0; }
.week-tiles { list-style: none; padding: 0; margin: var(--s3) 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.week-tiles .day { margin: 0; padding: 12px 0 0; border-top: var(--bw) solid var(--ink); display: flex; flex-direction: column; gap: 4px; min-width: 0; max-width: none; }
.week-tiles .day-label { font: 600 var(--t7)/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--il-muted); }
.week-tiles .day-line { font-size: var(--t6); line-height: 1.45; }
.week-tiles .day-tag { align-self: flex-start; margin-top: auto; font: 600 var(--t7)/1.2 var(--sans); color: var(--muted); background: var(--band-b); border-radius: var(--r-pill); padding: 4px 10px; }
main.trade .craft-week .wrap { max-width: var(--wrap); }
main.trade .craft-week .wrap > h2 { margin-bottom: 0; }
main.trade .craft-week .day:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (min-width: 701px) { .week-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } main.trade .craft-week .day:last-child:nth-child(odd) { grid-column: auto; } }
main.trade .hero-text .under-line + .under-line { border-top: 0; padding-top: 0; margin-top: 4px; }
main.trade .hero-text .craft-promise { margin: var(--s2) 0 0; }
main.trade .craft-week .week-note { margin: var(--s2) 0 0; }
main.trade .craft-same .same-links { margin-top: var(--s2); flex-wrap: wrap; }
main.trade #faq .faq-more { margin: var(--s2) 0 0; }
main.trade .craft-close .close-find { margin: var(--s2) 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s3); }
main.trade .trade-grid { grid-template-areas: "text pic" "text switch"; grid-template-rows: auto 1fr; }
main.trade .trade-grid.no-pic { grid-template-areas: "text" "switch"; grid-template-rows: auto auto; }
main.trade .hero-switch { grid-area: switch; min-width: 0; }
@media (max-width: 860px) { main.trade .trade-grid { grid-template-areas: "text" "pic" "switch"; grid-template-rows: auto; } }
@media (min-width: 861px) { main.trade .trade-grid { align-items: start; } main.trade .hero-switch .switcher.in-hero { margin-top: var(--s2); } }
@media (min-width: 1100px) {
  .week-tiles { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--s2); }
  main.trade .craft-price > .wrap > .price-points { margin-top: 0; }
  main.trade .craft-close > .wrap { display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); column-gap: var(--s5); align-items: start; }
  main.trade .craft-close > .wrap > * { grid-column: 2; min-width: 0; }
  main.trade .craft-close > .wrap > h2 { grid-column: 1; grid-row: 1 / span 2; margin: 0; }
  main.trade .craft-close > .wrap:has(> .craft-signoff) > h2 { grid-row: 1 / span 3; }
  main.trade .craft-close .action-block { margin-top: 0; }
}
@media (min-width: 1001px) {
  footer.foot { padding-top: var(--s4); }
}
.disclose-lead { margin: var(--s2) 0 var(--s1); color: var(--ink); }
.disclose-lead + .disclose { margin-top: 0; }
.arrow-link, .arrow-link:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.band-lead { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); line-height: 1.3; color: var(--ink); margin: 0 0 var(--s3); max-width: 40ch; text-wrap: balance; }
.fig { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t2); line-height: 1; color: var(--ink); margin: 0 0 var(--s1); }
.way-cards, .extra-cards, .cost-cards { list-style: none; padding: 0; margin: 0 0 var(--s3); display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--s2); max-width: none; }
.way-cards > li, .extra-cards > li, .cost-cards > li { margin: 0; padding: var(--s2) 0 0; border: 0; border-top: var(--bw) solid var(--ink); border-radius: 0; background: none; box-shadow: none; }
.way-cards h3, .extra-cards h3 { font-size: var(--t4); margin: 0 0 6px; }
.way-cards p, .extra-cards p { margin: 0 0 6px; font-size: var(--t5); }
.way-cards p:last-child, .extra-cards p:last-child { margin-bottom: 0; }
.extra-cards p.fig { font-size: var(--t2); margin-bottom: var(--s1); }
.cost-cards > li { border-left: 0; padding-left: 0; font-size: var(--t5); }
.later-card { max-width: 560px; margin: 0 0 var(--s2); padding: 12px 0 0; border: 0; border-top: var(--bw) solid var(--line); background: none; box-shadow: none; }
.later-card .later-card-h { margin: 0 0 2px; font-weight: 600; font-size: var(--t6); }
.later-card p:last-child { margin: 0; }
.also-built { margin: 0 0 var(--s3); font-size: var(--t5); }
.price-extras .addon, .price-extras .card.addon { display: flex; flex-direction: column; }
.price-extras .addon-price { order: -1; font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t2); line-height: 1; margin: 0 0 var(--s1); }
.price-extras .branding-more .addon-price { font-size: var(--t3); order: 0; }
.dash-frame { position: absolute; inset: -.25px; width: calc(100% + .5px); height: calc(100% + .5px); overflow: visible; pointer-events: none; fill: none; }
.dash-frame rect { stroke: var(--graphite); stroke-width: 1.5; stroke-dasharray: 6 4; }
@media (max-width: 700px) {
  .disclose > summary { min-height: 48px; }
}
@media print { .link-card .lc-arrow { display: none; } }
.arrow-link .aw > span { text-decoration: none; }
.support, main.pricing-page .founding-rule, main.pricing-page .cost-next { font-size: var(--t5); color: var(--graphite); }
main.banded > section > .wrap > p.intro, main.banded > section > .wrap > .narrow-wrap > p.intro, main.banded > section > .wrap.narrow-wrap > p.intro { font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); line-height: 1.3; color: var(--ink); text-wrap: balance; }
@media (min-width: 701px) {
  .cost-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
main.trade :is(.craft-moving, .craft-where) .narrow-wrap > p { margin: 0; font-family: var(--serif); font-weight: var(--serif-weight); font-size: var(--t3); line-height: 1.3; max-width: 36ch; }
main.trade .pick-craft { margin: var(--s2) 0 0; color: var(--muted); }
main.trade .pick-craft a { font-weight: 600; }
.demo-its { margin: var(--s1) 0 0; display: flex; flex-wrap: wrap; gap: 0 var(--s3); justify-content: center; }
.band-white, [data-ground="white"] { background-color: var(--white); --card: var(--shell); --card-edge: var(--shell); }
.band-shell, .band-tint, [data-ground="shell"], [data-ground="tint"] { background-color: var(--shell); --card: var(--white); --card-edge: var(--white); }
.band-tint, [data-ground="tint"] { background-color: var(--craft-pale); --shell-grad: linear-gradient(170deg, var(--craft-pale) 0%, color-mix(in srgb, var(--craft-pale) 38%, var(--ground)) 100%); }
.band-shell, .band-tint, [data-ground="shell"], [data-ground="tint"] { background-image: var(--grain-dark), var(--shell-grad); }
main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close]) { padding: var(--s6) 0 !important; }
@media (max-width: 700px) { main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close]) { padding: var(--s5) 0 !important; } }
:is(.band-lacquer, .price-panel) .dot { color: var(--pp-ink); }
@media (min-width: 1100px) {
  main > :is(.band-close, [data-close]) > .wrap { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); column-gap: var(--s5); align-items: center; }
  main > :is(.band-close, [data-close]) > .wrap > :not(.action-block) { grid-column: 1; }
  main > :is(.band-close, [data-close]) > .wrap > .action-block { grid-column: 2; grid-row: 1 / span 6; margin: 0; }
}
.band-deep .btn.ghost, main.home > section.home-how .btn.ghost { color: var(--deep-ink); border-color: var(--deep-muted); }
.band-deep .link-card { color: var(--ink); }
.price-panel { background: var(--pp-bg); color: var(--pp-ink); border: 0; border-radius: var(--radius); padding: var(--s4) var(--s5); }
.price-panel :is(h2, h3, p, li, .muted) { color: var(--pp-ink); }
.price-panel a:not(.btn) { color: var(--pp-ink); }
.price-panel :focus-visible { outline-color: var(--pp-ink); }
.price-panel .btn:not(.ghost) { background: var(--pp-btn); border-color: var(--pp-btn); color: var(--pp-btn-ink); }
.price-panel .btn.ghost { background: transparent; border-color: var(--pp-ink); color: var(--pp-ink); }
@media (max-width: 700px) { .price-panel { padding: var(--s3) var(--s2); } }
@media (max-width: 700px) {}
.big-figure { font: var(--serif-weight) var(--t0)/.92 var(--serif); letter-spacing: -.025em; margin: 0 0 var(--s2); color: inherit; }
.bf-facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); max-width: 60rem; }
.bf-facts > li { margin: 0; padding-top: var(--s1); border-top: var(--bw) solid currentColor; font-size: var(--t5); }
@media (max-width: 700px) { .bf-facts { grid-template-columns: minmax(0, 1fr); gap: var(--s2); } }
.statement { font: var(--serif-weight) var(--t2)/1.08 var(--serif); letter-spacing: -.015em; max-width: 22ch; text-wrap: balance; margin: 0; }
.more-link { font-weight: 600; }
.link-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--s3); align-items: center; margin: var(--s3) 0 0; padding: var(--s3); border: var(--bw) solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--ink); text-decoration: none; max-width: 640px; }
.link-card .lc-h { grid-column: 1; font: var(--serif-weight) var(--t3)/1.2 var(--serif); color: var(--ink); text-decoration: none; }
.link-card .lc-line { grid-column: 1; margin-top: 4px; font-size: var(--t5); color: var(--muted); line-height: 1.45; }
.link-card .lc-arrow { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 44px; height: 44px; border: var(--bw) solid var(--accent); border-radius: 50%; color: var(--accent); font-size: var(--t4); line-height: 1; transition: transform var(--quick) var(--ease), background-color var(--quick) var(--ease), color var(--quick) var(--ease); }
.link-card:hover { border-color: var(--ink); }
.link-card:hover .lc-arrow { background: var(--accent); color: var(--surface); transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { .link-card .lc-arrow { transition: none; } .link-card:hover .lc-arrow { transform: none; } }
@media (max-width: 700px) { .link-card { max-width: none; padding: var(--s2); } }
.settle { position: relative; max-width: 560px; margin: var(--s3) 0 0; padding: var(--s3); border: var(--bw) solid var(--accent); border-radius: var(--radius); background: var(--surface); transition: border-color .5s var(--ease) .7s, background-color .5s var(--ease) .7s; }
.settle-parts { list-style: none; margin: 0 0 var(--s2); padding: 0; display: flex; flex-wrap: wrap; gap: var(--s1); max-width: none; }
.settle-parts > li { margin: 0; padding: 6px 12px; border: var(--bw) solid var(--line); border-radius: var(--r-pill); font-size: var(--t5); max-width: none; transition: transform .7s var(--ease) calc(var(--i, 0) * 60ms), border-color .4s ease .3s, border-style 0s linear .5s; }
.settle-whole { margin: 0; font: var(--serif-weight) var(--t3)/1.2 var(--serif); transition: opacity .5s ease .8s; }
.settle.will:not(.is-done) { border-color: transparent; background-color: transparent; }
.settle.will:not(.is-done) .settle-parts > li { border-style: dashed; border-color: var(--graphite); }
.settle.will:not(.is-done) .settle-parts > li:nth-child(4n + 1) { transform: translate(-14px, 10px); }
.settle.will:not(.is-done) .settle-parts > li:nth-child(4n + 2) { transform: translate(18px, -8px); }
.settle.will:not(.is-done) .settle-parts > li:nth-child(4n + 3) { transform: translate(-6px, 18px); }
.settle.will:not(.is-done) .settle-parts > li:nth-child(4n) { transform: translate(22px, 12px); }
.settle.will:not(.is-done) .settle-whole { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .settle, .settle-parts > li, .settle-whole { transition: none; } }
.photo-slot { position: relative; margin: 0; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius); overflow: hidden; background: var(--mist); }
.photo-slot.has-photo { background: none; }
.photo-slot picture, .photo-slot img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 700px) {}
[data-freshen] h1 .dot { color: var(--lacquer); }
[data-freshen] :is(.band-deep, main.home > section.home-how) { background: var(--grain-light), var(--deep) !important; color: var(--deep-ink); }
[data-freshen] :is(.band-deep, main.home > section.home-how) :is(h2, h3, p, li) { color: var(--deep-ink); }
[data-freshen] :is(.band-deep, main.home > section.home-how) .muted { color: var(--deep-muted); }
[data-freshen] :is(.band-deep, .band-lacquer) :is(li.gated, li.gated :is(h2, h3, p, span, .muted, .soon, .tag-soon)), :is(.band-deep, .band-lacquer) :is(li.gated, li.gated :is(h2, h3, p, span, .muted, .soon, .tag-soon)) { color: var(--ink); }
[data-freshen] :is(.band-deep, .band-lacquer) ul li.gated.gated a:not(.btn) { color: var(--lacquer); }
[data-freshen] :is(.band-deep, main.home > section.home-how) a:not(.btn) { color: var(--numeral); }
[data-freshen] :is(.band-deep, main.home > section.home-how) :focus-visible { outline-color: var(--numeral); }
@media (max-width: 700px) {
}
[data-freshen] .guide-groups { display: grid; gap: var(--s3); }
[data-freshen] .guide-group h2 { font-size: var(--t3); margin: 0 0 var(--s1); }
[data-freshen] .guide-group .guide-titles { margin: 0; }
[data-freshen] .guide-group .guide-titles li { margin: 0; padding: 6px 0; border-top: var(--bw) solid var(--line); }
[data-freshen] .guide-group .guide-titles a { color: var(--ink); text-decoration: none; }
[data-freshen] .guide-group .guide-titles a:hover { text-decoration: underline; }
@media (min-width: 900px) { [data-freshen] .guide-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s5); row-gap: var(--s4); align-items: start; } }
@media (min-width: 701px) {
}
@media (min-width: 1100px) {
  [data-freshen] .pay-band > .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); column-gap: var(--s5); align-items: start; }
  [data-freshen] .pay-band h2 { margin: 0; }
}
[data-freshen] .data-list { margin: var(--s1) 0 0; display: grid; gap: 0 var(--s4); }
[data-freshen] .data-list li { margin: 0; padding: 6px 0; border-top: var(--bw) solid var(--line); }
@media (min-width: 1100px) { [data-freshen] .data-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
  [data-freshen] main.banded section.data-close > .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--s5); align-items: center; }
  [data-freshen] main.banded section.data-close > .wrap > p { margin: 0; }
  [data-freshen] main.banded section.data-close .section-cta, [data-freshen] main.banded section.data-close .action-block { margin: 0; }
}
@media (min-width: 1100px) {
  [data-freshen] main.banded section.split > .wrap > h2:first-child + p.data-lead { grid-column: 1; grid-row: 2; margin: var(--s1) 0 0; }
  [data-freshen] main.banded section.split > .wrap > h2:first-child:has(+ p.data-lead) { grid-row: 1; }
  [data-freshen] main.banded section.split > .wrap > p.data-lead + .data-list { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
}
[data-freshen] .gx-pic { position: relative; display: flex; flex-direction: column; gap: 8px; height: 92px; margin-bottom: 14px; padding: 12px; border-radius: 12px; background: var(--porcelain); overflow: hidden; }
[data-freshen] .gx-pic span, [data-freshen] .gx-pic i, [data-freshen] .gx-pic b { display: block; }
[data-freshen] .gx-ln { height: 8px; border-radius: 9px; background: var(--line); }
[data-freshen] .gx-ln.w40 { width: 40%; } [data-freshen] .gx-ln.w50 { width: 50%; } [data-freshen] .gx-ln.w60 { width: 60%; } [data-freshen] .gx-ln.w70 { width: 70%; }
[data-freshen] .gx-bar { display: flex !important; gap: 4px; }
[data-freshen] .gx-bar i { width: 6px; height: 6px; border-radius: 50%; background: var(--line); }
[data-freshen] .gx-head { height: 24px; width: 80%; border-radius: 6px; background: var(--ink); }
[data-freshen] .gx-btn { height: 14px; width: 34%; border-radius: 5px; background: var(--lacquer); margin-top: auto; }
[data-freshen] .gx-slots { flex: 1; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
[data-freshen] .gx-slots i { border-radius: 6px; background: var(--band-b); border: var(--bw) solid var(--line); }
[data-freshen] .gx-slots i.on { background: var(--lacquer); border-color: var(--lacquer); }
[data-freshen] .gx-field { height: 14px; border: var(--bw) solid var(--line); border-radius: 4px; background: var(--white); }
[data-freshen] .gx-field.short { width: 60%; }
[data-freshen] .gx-sig { position: absolute; left: 18px; bottom: 16px; width: 92px; height: 30px; color: var(--lacquer); }
[data-freshen] .gx-rule { position: absolute; left: 12px; right: 40%; bottom: 16px; height: 1px; background: var(--graphite); opacity: .5; }
[data-freshen] .gx-msg { display: flex !important; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 8px; background: var(--white); border: var(--bw) solid var(--line); }
[data-freshen] .gx-msg .gx-ln { flex: 1; }
[data-freshen] .gx-paid { margin-left: 18px; }
[data-freshen] .gx-bell { flex: none; width: 12px; height: 12px; border-radius: 6px 6px 3px 3px; border: 2px solid var(--lacquer); }
[data-freshen] .gx-tick { flex: none; position: relative; width: 16px; height: 16px; border-radius: 50%; background: var(--lacquer); }
[data-freshen] .gx-tick::after { content: ""; position: absolute; left: 5px; top: 3px; width: 4px; height: 7px; border: solid var(--porcelain); border-width: 0 2px 2px 0; transform: rotate(45deg); }
@media (min-width: 861px) {
}
@media (min-width: 701px) and (max-width: 1099px) {}
@media (max-width: 700px) {
  [data-freshen] .gx-pic { height: 78px; margin: 0; padding: 8px; gap: 5px; border-radius: 10px; }
  [data-freshen] .gx-head { height: 16px; } [data-freshen] .gx-btn { height: 10px; }
  [data-freshen] .gx-slots { gap: 4px; } [data-freshen] .gx-msg { padding: 5px 6px; gap: 5px; } [data-freshen] .gx-paid { margin-left: 8px; }
  [data-freshen] .gx-sig { left: 10px; bottom: 10px; width: 70px; height: 24px; } [data-freshen] .gx-rule { left: 8px; bottom: 10px; }
}
[data-freshen] .fx-stage { --fx-tint: var(--band-b); align-self: stretch; background: var(--fx-tint); border-radius: var(--r3); padding: 14px 16px 10px; display: flex; justify-content: center; align-items: flex-end; overflow: hidden; }
[data-freshen] .fx-stage .devices { max-width: 250px; width: 100%; margin: 0 auto; cursor: pointer; }
[data-freshen] .mini-device[data-floop] .md-lid .md-screen { background: linear-gradient(var(--line), var(--line)) 8% 12% / 34% 5% no-repeat, linear-gradient(var(--ink), var(--ink)) 8% 34% / 52% 10% no-repeat, linear-gradient(var(--line), var(--line)) 8% 52% / 44% 5% no-repeat, linear-gradient(var(--accent), var(--accent)) 8% 72% / 22% 10% no-repeat, linear-gradient(var(--fx-tint, var(--band-b)), var(--fx-tint, var(--band-b))) 92% 50% / 34% 76% no-repeat, var(--white); }
[data-freshen] .mini-device[data-floop] .md-body .md-screen { background: linear-gradient(var(--ink), var(--ink)) 50% 10% / 60% 4% no-repeat, linear-gradient(var(--band-b), var(--band-b)) 50% 26% / 84% 9% no-repeat, linear-gradient(var(--band-b), var(--band-b)) 50% 40% / 84% 9% no-repeat, linear-gradient(var(--band-b), var(--band-b)) 50% 54% / 84% 9% no-repeat, linear-gradient(var(--accent), var(--accent)) 50% 72% / 84% 7% no-repeat, var(--white); }
[data-freshen] .fx-stage[data-tint="nails"] { --fx-tint: var(--tint-nails); } [data-freshen] .fx-stage[data-tint="lashes"] { --fx-tint: var(--tint-lashes); } [data-freshen] .fx-stage[data-tint="beauty"] { --fx-tint: var(--tint-beauty); }
[data-freshen] .fx-stage[data-tint="hair"] { --fx-tint: var(--tint-hair); } [data-freshen] .fx-stage[data-tint="barbers"] { --fx-tint: var(--tint-barbers); } [data-freshen] .fx-stage[data-tint="tattoo"] { --fx-tint: var(--tint-tattoo); }
[data-freshen] .fx-stage[data-tint="piercing"] { --fx-tint: var(--tint-piercing); } [data-freshen] .fx-stage[data-tint="spmu"] { --fx-tint: var(--tint-spmu); } [data-freshen] .fx-stage[data-tint="massage"] { --fx-tint: var(--tint-massage); }
[data-freshen] .fx-stage[data-tint="dogs"] { --fx-tint: var(--tint-dogs); } [data-freshen] .fx-stage[data-tint="fitness"] { --fx-tint: var(--tint-fitness); } [data-freshen] .fx-stage[data-tint="coaching"] { --fx-tint: var(--tint-coaching); }
@media (pointer: fine) {}
[data-freshen] .cc-note { margin: 0 0 var(--s3); }
@media (min-width: 701px) and (max-width: 1099px) {}
@media (max-width: 700px) {
}
@media (min-width: 761px) and (max-width: 1099px) {}
[data-freshen] .fx-loop .dv-screen { background: var(--porcelain); }
[data-freshen] .fx-site { display: flex; flex-direction: column; gap: 7%; padding: 7%; }
[data-freshen] .fx-slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4%; font: 600 7.5px/1 var(--sans); color: var(--ink); }
[data-freshen] .fx-slots i { font-style: normal; text-align: center; padding: 4px 0; border: var(--bw) solid var(--line); border-radius: 4px; background: var(--white); }
[data-freshen] .fx-slots i.fx-pick, [data-freshen] .fx-loop.run .fx-slots i.fx-pick { background: var(--lacquer); border-color: var(--lacquer); color: var(--porcelain); }
[data-freshen] .fx-btn { height: 14px; border-radius: 4px; background: var(--lacquer); }
[data-freshen] .fx-cur { position: absolute; left: 62%; top: 62%; width: 12px; height: 12px; opacity: 0; fill: var(--ink); stroke: var(--white); stroke-width: 1; }
[data-freshen] .fx-loop .fx-studio { display: flex; flex-direction: column; gap: 6px; padding: 10% 9%; background: var(--white); }
[data-freshen] .fx-row { height: 14px; border-radius: 3px; background: var(--band-b); }
[data-freshen] .fx-done { display: block; padding: 3px 2px; border-radius: 3px; background: var(--lacquer); color: var(--porcelain); font: 600 7px/1.2 var(--sans); text-align: center; white-space: nowrap; overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
  [data-freshen] .fx-loop.run .fx-pick { animation: fx-slot 5s var(--fx-delay, 0s) infinite; }
  [data-freshen] .fx-loop.run .fx-cur { animation: fx-cur 5s var(--fx-delay, 0s) infinite; }
  [data-freshen] .fx-loop.run .fx-btn { animation: fx-btn 5s var(--fx-delay, 0s) infinite; }
  [data-freshen] .fx-loop.run .fx-done { animation: fx-done 5s var(--fx-delay, 0s) infinite; }
}
@keyframes fx-slot { 0%, 48% { background: var(--white); color: var(--ink); border-color: var(--line); } 54%, 92% { background: var(--lacquer); color: var(--porcelain); border-color: var(--lacquer); } 100% { background: var(--white); color: var(--ink); border-color: var(--line); } }
@keyframes fx-cur { 0% { transform: translate(30px, 24px); opacity: 0; } 8% { opacity: 1; } 40% { transform: translate(0, 0); } 48% { transform: scale(.8); } 56% { transform: none; } 90% { opacity: 1; } 100% { transform: none; opacity: 0; } }
@keyframes fx-btn { 0%, 56% { background: var(--ink); } 66%, 92% { background: var(--lacquer); } 100% { background: var(--ink); } }
@keyframes fx-done { 0%, 56% { opacity: 0; transform: translateY(4px); } 64%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; } }
[data-freshen] .week-tiles .day.lit { background: var(--lacquer); border-color: var(--lacquer); color: var(--porcelain); padding: 12px 14px; border-radius: var(--radius); }
[data-freshen] .week-tiles .day.lit .day-label { color: var(--porcelain); }
[data-freshen] .week-tiles .day.lit .day-tag { color: var(--lacquer); background: var(--porcelain); }
@media (min-width: 701px) and (max-width: 1099px) { [data-freshen] main.trade .craft-week .day:last-child:nth-child(3n + 1) { grid-column: auto; } }
@media (min-width: 1100px) {
}
:root { --num-ink: var(--lacquer); --on-dark: #1D1D1B; --tick-bg: var(--coral-pale); --tick-ink: var(--lacquer); --shell-grad: linear-gradient(170deg, var(--shell) 0%, color-mix(in srgb, var(--shell) 38%, var(--ground)) 100%); --coral-sphere: radial-gradient(circle at 32% 26%, #FFB39F 0%, var(--coral) 46%, #C9583E 100%); }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) { --tick-bg: rgba(229, 138, 114, .22); --tick-ink: var(--numeral); color: var(--deep-ink); --ink: var(--deep-ink); --text: var(--deep-ink); --graphite: var(--deep-muted); --muted: var(--deep-muted); --line: rgba(245, 244, 240, .22); --border: rgba(245, 244, 240, .22); --line-strong: rgba(245, 244, 240, .4); --num-ink: var(--numeral); --card: rgba(245, 244, 240, .08); --card-line: rgba(245, 244, 240, .2); --card-edge: rgba(245, 244, 240, .08); --card-shadow: none; }
.band-deep { background-color: var(--deep); background-image: var(--grain-light); }
.band-stage { background-color: var(--oxblood); background-image: var(--grain-light); --numeral: var(--coral); }   footer.foot-436.band-stage { background-color: #100E0C; }  :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) :is(h1, h2, h3, h4, p, li, dt, dd, b, strong, summary, label) { color: inherit; }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) a:not(.btn, .link-card, .wordmark) { color: var(--numeral); text-decoration-color: currentColor; }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) :focus-visible { outline-color: var(--numeral); }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .dot { color: var(--numeral); }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .btn:not(.ghost) { background: var(--cream); border-color: var(--cream); color: var(--on-dark); }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .btn:not(.ghost):hover { background: #FFFFFF; border-color: #FFFFFF; }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .btn.ghost { background: transparent; border-color: var(--deep-muted); color: var(--deep-ink); }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .btn.ghost:hover { border-color: var(--deep-ink); background: rgba(245, 244, 240, .08); }
:root :is(main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .btn:not(.ghost) { background: var(--coral); border-color: var(--coral); color: #2A1512; }
:root :is(main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .btn:not(.ghost):hover { background: #FF967D; border-color: #FF967D; color: #2A1512; }:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) :is(.demo-chips a, .hc-links a, .chips li) { background: var(--card); border-color: var(--card-line); color: inherit; }
nav.crumbs[data-ground] { max-width: none; padding-top: var(--s2); padding-left: max(var(--s3), calc((100% - var(--wrap)) / 2 + var(--s3))); padding-right: max(var(--s3), calc((100% - var(--wrap)) / 2 + var(--s3))); }
nav.crumbs[data-ground] + .page { padding-top: var(--s3); }
.read-hero { padding: var(--s3) 0 var(--s5); }
.read-hero > .wrap > :last-child { margin-bottom: 0; }
@media print { .band-shell, .band-tint, .band-deep, .band-stage, .band-coral, .band-white, [data-ground] { background: none !important; color: #000; } main > [data-close]::after, .disc-hero::before, .disc-hero::after { display: none; } }
:root :is(.fx-card, .trade-cards .card, .demo-cards .card, .prices .card, .link-card, .faq > details, .toc-d, .disclose > summary, .settle, .acct-card, .price-points li, .way-cards > li, .extra-cards > li, .cost-cards > li) { background: var(--card); border: 0; box-shadow: var(--card-shadow); }
:root :is(.band-deep, .band-stage, .band-lacquer, [data-close]) :is(.fx-card, .trade-cards .card, .demo-cards .card, .prices .card, .link-card, .faq > details, .toc-d, .disclose > summary, .settle, .acct-card, .price-points li, .way-cards > li, .extra-cards > li, .cost-cards > li) { border: var(--bw) solid var(--card-line); }
:root :is(.way-cards, .extra-cards, .cost-cards) > li { padding: var(--s3); border-radius: var(--radius); }
:root .price-points li { border-left: 0; padding: var(--s2); border-radius: var(--r2); }
:root .faq > details[open] { background: color-mix(in srgb, var(--accent) 8%, var(--card)); border-color: var(--card-line); }
:root .band-shell .faq > details > summary::after, :root .band-tint .faq > details > summary::after { background: var(--shell); border-color: transparent; }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .faq > details > summary::after { background: transparent; border-color: var(--card-line); }
:root .prices .card.main { border-top: 3px solid var(--lacquer); }
:root .link-card:hover { border-color: var(--card-line); }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .link-card { color: inherit; }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .link-card .lc-h { color: inherit; }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .link-card .lc-line { color: var(--deep-muted); }
:root :is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .link-card .lc-arrow { border-color: var(--numeral); color: var(--numeral); }main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close]) { background-color: var(--oxblood); background-image: var(--grain-light); position: relative; isolation: isolate; overflow: hidden; padding-bottom: calc(var(--s5) + 150px) !important; }
main > :is(.band-close, [data-close])::after, main .band-stack > :is(.band-close, [data-close])::after { content: ""; position: absolute; z-index: -1; width: 340px; aspect-ratio: 1; border-radius: 50%; right: -90px; bottom: -190px; background: var(--coral-sphere); pointer-events: none; }
main > :is(.band-close, [data-close]) :is(h1, h2), main .band-stack > :is(.band-close, [data-close]) :is(h1, h2) { font-size: var(--t1); line-height: .98; letter-spacing: -.02em; }
@media (min-width: 861px) {
  main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close]) { padding-bottom: var(--s6) !important; }
  main > :is(.band-close, [data-close])::after, main .band-stack > :is(.band-close, [data-close])::after { width: clamp(440px, 40vw, 620px); right: calc(-1 * clamp(440px, 40vw, 620px) * .3); bottom: calc(-1 * clamp(440px, 40vw, 620px) * .46); }
  main > :is(.band-close, [data-close]) > .wrap { display: block !important; }
  main > :is(.band-close, [data-close]) > .wrap > * { max-width: min(100%, 680px); }
  main > :is(.band-close, [data-close]) > .wrap > .action-block { margin-top: var(--s3); }
}
@media (min-width: 1100px) { main > :is(.band-close, [data-close]) > .wrap > .action-block { grid-column: auto; grid-row: auto; } }[data-ticks] .tick { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset .6s var(--ease) calc(var(--i, 0) * .22s); }
[data-ticks].will:not(.is-done) .tick { stroke-dashoffset: 1; }
@media (prefers-reduced-motion: reduce) { [data-ticks] .tick { transition: none; stroke-dashoffset: 0 !important; } }
.p-bigline { max-width: none; }
.p-bigline .pb-line { max-width: 15ch; }
.p-bigline .pb-line { font: var(--serif-weight) var(--t1)/1.05 var(--serif); letter-spacing: -.01em; margin: 0 0 var(--s2); max-width: none; text-wrap: balance; color: inherit; }
.p-bigline .pb-support { font: var(--t6)/1.5 var(--sans); color: var(--graphite); margin: 0; max-width: 46ch; }
.p-bigline.wide { max-width: none; }
.p-band { padding: var(--s6) 0; }
@media (max-width: 700px) { .p-band { padding: var(--s5) 0; } }
.p-pull { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4) var(--s3); grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); max-width: none; }
.p-pull > li { margin: 0; max-width: none; }
.p-pull .pf-label { display: block; font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); margin: 0 0 var(--s1); }
.p-pull .pf-fig { font: var(--serif-weight) var(--t0)/.92 var(--serif); letter-spacing: -.025em; margin: 0 0 var(--s1); color: inherit; }
.p-pull .pf-line { margin: 0; font-size: var(--t5); max-width: 32ch; }
@media (max-width: 700px) { .p-pull:not(.pf-2) { grid-template-columns: minmax(0, 1fr); } .p-pull.pf-2 { gap: var(--s3) var(--s2); } .p-pull.pf-2 .pf-fig { font-size: 56px; } }
.p-receipt { background: var(--card); border: 0; box-shadow: var(--card-shadow); border-radius: var(--radius); padding: var(--s3); max-width: 640px; }
.p-receipt .pr-head { font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; margin: 0 0 var(--s2); color: var(--graphite); }
.p-receipt .pr-group { font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); margin: var(--s3) 0 var(--s1); }
.p-receipt .pr-rows { list-style: none; margin: 0; padding: 0; max-width: none; }
.p-receipt .pr-row { display: flex; align-items: baseline; gap: var(--s1); margin: 0; padding: 6px 0; max-width: none; font-size: var(--t5); }
.p-receipt .pr-row .pr-label { color: inherit; }
.p-receipt .pr-row .pr-lead { flex: 1 1 auto; min-width: 12px; border-bottom: 1px dotted var(--line-strong); transform: translateY(-4px); }
.p-receipt .pr-row .pr-val { font-variant-numeric: tabular-nums; text-align: right; }
.p-receipt .pr-row.pr-wrap { flex-wrap: wrap; } .p-receipt .pr-row.pr-wrap .pr-lead { display: none; } .p-receipt .pr-row.pr-wrap .pr-val { flex-basis: 100%; text-align: left; color: var(--graphite); }
@media (min-width: 701px) { .p-receipt .pr-row.pr-wrap { flex-wrap: nowrap; } .p-receipt .pr-row.pr-wrap .pr-lead { display: block; } .p-receipt .pr-row.pr-wrap .pr-val { flex-basis: auto; text-align: right; color: inherit; } }
.p-receipt details { margin: 0; } .p-receipt details > summary { display: flex; align-items: baseline; gap: var(--s1); cursor: pointer; list-style: none; padding: 6px 0; min-height: 44px; font-size: var(--t5); } .p-receipt details > summary::-webkit-details-marker { display: none; }
.p-receipt details > summary .pr-lead { flex: 1 1 auto; min-width: 12px; border-bottom: 1px dotted var(--line-strong); transform: translateY(-4px); }
.p-receipt details > p { margin: 0 0 var(--s1); font-size: var(--t6); color: var(--graphite); }
.p-receipt .pr-total { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s2); margin: var(--s2) 0 0; padding: var(--s2) 0 0; border-top: var(--bw) solid var(--ink); font: var(--serif-weight) var(--t2)/1.1 var(--serif); }
.p-receipt .pr-total .pr-val { color: var(--lacquer); font-variant-numeric: tabular-nums; }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .p-receipt .pr-total .pr-val { color: var(--numeral); }
.pr-source { margin: var(--s1) 0 0; font: var(--t7)/1.4 var(--sans); color: var(--graphite); max-width: 640px; }
.p-phone { max-width: 300px; margin: 0 auto; }
.p-phone.framed { border: 8px solid var(--device); border-radius: var(--r-device); padding: var(--s2) var(--s1); background: var(--white); }
.p-phone .pm-label { display: block; font: 600 var(--t7)/1.4 var(--sans); color: var(--graphite); margin: var(--s2) 0 6px; }
.p-phone .pm-label:first-child { margin-top: 0; }
.p-phone .pm-bubble { margin: 0; padding: 12px 14px; max-width: 82%; border-radius: 18px 18px 4px 18px; font: var(--t5)/1.45 var(--sans); background: var(--lacquer); color: #FFFFFF; margin-left: auto; }
.p-phone .pm-bubble.client { border-radius: 18px 18px 18px 4px; background: var(--card); color: inherit; border: 0; box-shadow: var(--card-shadow); margin-left: 0; margin-right: auto; }
.p-phone .caption { margin: var(--s2) 0 0; font-size: var(--t7); color: var(--graphite); text-align: center; }
.p-scenes { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s2); grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
.p-scenes.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.p-scenes > li { margin: 0; max-width: none; background: var(--card); border: 0; box-shadow: var(--card-shadow); border-top: 4px solid var(--lacquer); border-radius: var(--radius); padding: var(--s3); display: flex; flex-direction: column; gap: var(--s2); }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .p-scenes > li { border-top-color: var(--numeral); }
.p-scenes .ps-kicker { font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); margin: 0; }
.p-scenes .ps-line { font: var(--serif-weight) var(--t3)/1.2 var(--serif); margin: 0; }
.p-scenes .ps-chips { list-style: none; margin: auto 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; max-width: none; }
.p-scenes .ps-chips li { margin: 0; max-width: none; padding: 4px 10px; border: 0; border-radius: 6px; font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--graphite); background: color-mix(in srgb, var(--ink) 7%, transparent); cursor: default; }
@media (max-width: 900px) { .p-scenes.four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .p-scenes, .p-scenes.four { grid-template-columns: minmax(0, 1fr); } }
.p-ba { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s3); max-width: none; }
.p-ba > li { margin: 0; max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); align-items: stretch; gap: var(--s1); }
.p-ba .ba-label { display: block; font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--graphite); margin: 0 0 6px; }
.p-ba .ba-after .ba-label { color: var(--lacquer); }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .p-ba .ba-after .ba-label { color: var(--numeral); }
.p-ba .ba-before { padding: var(--s3) var(--s1) var(--s3) 0; color: var(--graphite); font-size: var(--t5); }
.p-ba .ba-before p, .p-ba .ba-after p { margin: 0; }
.p-ba .ba-after { background: var(--card); border: 0; box-shadow: var(--card-shadow); border-radius: var(--radius); padding: var(--s3); font: var(--serif-weight) var(--t3)/1.25 var(--serif); color: inherit; }
.p-ba .ba-glyph { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; }
.p-ba .ba-glyph i { display: block; height: 3px; border-radius: 2px; background: var(--graphite); opacity: .6; }
.p-ba .ba-glyph i:nth-child(1) { width: 12px; } .p-ba .ba-glyph i:nth-child(2) { width: 18px; } .p-ba .ba-glyph i:nth-child(3) { width: 30px; height: 4px; background: var(--lacquer); opacity: 1; }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .p-ba .ba-glyph i:nth-child(3) { background: var(--numeral); }
@media (max-width: 700px) { .p-ba > li { grid-template-columns: minmax(0, 1fr); gap: 0; } .p-ba .ba-before { padding: 0; } .p-ba .ba-glyph { flex-direction: row; justify-content: flex-start; padding: var(--s1) 0; } }
.p-hub { display: grid; grid-template-columns: minmax(0, 1fr) 140px minmax(0, 1fr); grid-template-areas: "a hub b" "c hub d"; gap: var(--s2) var(--s4); align-items: center; max-width: 860px; margin: 0 auto; }
.p-hub .hub-centre { grid-area: hub; justify-self: center; width: 120px; height: 120px; border-radius: 50%; display: grid; place-items: center; text-align: center; padding: 10px; background: color-mix(in srgb, var(--lacquer) 16%, var(--white)); color: var(--ink); font: var(--serif-weight) var(--t5)/1.15 var(--serif); }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .p-hub .hub-centre { background: color-mix(in srgb, var(--numeral) 22%, transparent); }
.p-hub .hub-tile { position: relative; background: var(--card); border: 0; box-shadow: var(--card-shadow); border-radius: var(--radius); padding: var(--s2); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.p-hub .hub-tile:nth-of-type(1) { grid-area: a; } .p-hub .hub-tile:nth-of-type(2) { grid-area: b; } .p-hub .hub-tile:nth-of-type(3) { grid-area: c; } .p-hub .hub-tile:nth-of-type(4) { grid-area: d; }
.p-hub .hub-tile::after { content: ""; position: absolute; top: 50%; width: var(--s4); border-top: var(--bw) solid var(--line-strong); }
.p-hub .hub-tile:nth-of-type(odd)::after { left: 100%; } .p-hub .hub-tile:nth-of-type(even)::after { right: 100%; }
.p-hub .hub-name { font: var(--serif-weight) var(--t3)/1.2 var(--serif); margin: 0; }
.p-hub .hub-line { margin: 0; font-size: var(--t6); color: var(--graphite); }
.p-hub .hub-stamp { align-self: flex-start; font: 600 var(--t7)/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; padding: 5px 10px; border-radius: var(--r-pill); background: var(--lacquer); color: #FFFFFF; }
@media (max-width: 700px) { .p-hub { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "hub hub" "a b" "c d"; gap: var(--s2); } .p-hub .hub-tile::after { display: none; } .p-hub .hub-tile { padding: var(--s2) 12px; } }
.p-3way { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: var(--t5); }
.p-3way th, .p-3way td { text-align: left; vertical-align: top; padding: var(--s2) var(--s2) var(--s2) 0; border-bottom: var(--bw) solid var(--line); font-weight: 400; }
.p-3way thead th { font: 600 var(--t7)/1.3 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--graphite); border-bottom: var(--bw) solid var(--ink); }
.p-3way tbody th { font: var(--serif-weight) var(--t3)/1.2 var(--serif); width: 30%; }
.p-3way .tw-us { background: var(--card); padding-left: var(--s2); border-left: 2px solid var(--lacquer); border-right: 2px solid var(--lacquer); }
.p-3way thead .tw-us { color: var(--lacquer); border-top: 2px solid var(--lacquer); border-radius: var(--r2) var(--r2) 0 0; }
.p-3way tbody tr:last-child .tw-us { border-bottom: 2px solid var(--lacquer); border-radius: 0 0 var(--r2) var(--r2); }
@media (max-width: 700px) {
  .p-3way, .p-3way tbody, .p-3way tr { display: block; }
  .p-3way thead { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .p-3way tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: var(--s3) 0; border-bottom: var(--bw) solid var(--line); }
  .p-3way tbody th { grid-column: 1 / -1; width: auto; padding: 0 0 4px; border: 0; }
  .p-3way td { display: block; padding: 10px 8px; border: 0; font-size: var(--t6); background: var(--card); border-radius: var(--r2); }
  .p-3way td::before { content: attr(data-col); display: block; font: 600 var(--t7)/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--graphite); margin-bottom: 4px; }
  .p-3way td.tw-us { background: var(--lacquer); color: #FFFFFF; border: 0; border-radius: var(--r2); padding-left: 8px; }
  .p-3way td.tw-us::before { color: inherit; }
}
.p-time { list-style: none; margin: 0; padding: 0 0 0 var(--s4); position: relative; max-width: none; }
.p-time::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: var(--num-ink); }
.p-time > li { position: relative; margin: 0 0 var(--s4); padding: 0; max-width: none; }
.p-time > li:last-child { margin-bottom: 0; }
.p-time > li::before { content: ""; position: absolute; left: calc(-1 * var(--s4) + 1px); top: 10px; width: 14px; height: 4px; border-radius: 2px; background: var(--num-ink); }
.p-time > li:last-child::before { width: 28px; left: calc(-1 * var(--s4) - 6px); }
.p-time .pt-phase { display: block; font: 600 var(--t7)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--num-ink); margin: 0 0 2px; }
.p-time .pt-title { font: var(--serif-weight) var(--t3)/1.2 var(--serif); margin: 0 0 4px; }
.p-time .pt-line { margin: 0; font-size: var(--t5); color: var(--graphite); max-width: 52ch; }
.p-time details { margin-top: var(--s1); } .p-time details > summary { cursor: pointer; font-size: var(--t6); font-weight: 600; min-height: 44px; display: flex; align-items: center; } .p-time details > p { margin: 0 0 var(--s1); font-size: var(--t6); color: var(--graphite); }
@media (max-width: 700px) { .p-time { padding-left: 32px; } .p-time::before { left: 7px; } .p-time > li::before { left: -31px; } .p-time > li:last-child::before { left: -38px; } }:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .p-quote::before { color: var(--numeral); }
.p-pill { display: inline-block; font: 600 var(--t7)/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; padding: 5px 10px; border-radius: var(--r-pill); white-space: nowrap; }
.p-pill.built { background: var(--lacquer); color: #FFFFFF; border: var(--bw) solid var(--lacquer); }
.p-pill.being { background: var(--card); color: var(--lacquer); border: var(--bw) solid var(--lacquer); }
.p-pill.list { background: transparent; color: var(--graphite); border: var(--bw) solid var(--line-strong); }
.p-strip { padding: var(--s4) 0; }
.p-strip ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; max-width: none; font: var(--serif-weight) var(--t3)/1.4 var(--serif); }
.p-strip li { margin: 0; max-width: none; padding: 0 var(--s2); border-left: var(--bw) solid var(--line-strong); }
.p-strip li:first-child { padding-left: 0; border-left: 0; }
footer.foot.band-stage { border-top: 0; --lacquer: var(--coral); }
footer.foot.band-stage :is(.foot-grid li a, .foot-base a:not(.wordmark)):hover { color: var(--numeral); }
footer.foot.band-stage .foot-grid .foot-later a:not(:hover), footer.foot.band-stage .foot-base a:not(.wordmark) { color: var(--deep-muted); }
:root body main [data-close] :is(.not-for-line, .muted, .small) { color: var(--deep-ink); }
:root .btn { border-radius: var(--r-pill); padding-left: 22px; padding-right: 22px; }
:root .btn.small { padding-left: 16px; padding-right: 16px; }.bloom-soft { background-image: radial-gradient(70% 100% at 85% 0%, var(--shell) 0%, transparent 72%), radial-gradient(50% 70% at 0% 100%, var(--shell) 0%, transparent 70%); }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) .numeral-xl { color: var(--coral); }
.glow-coral { position: relative; isolation: isolate; }
.glow-coral::before { content: ""; position: absolute; z-index: -1; inset: -35% -15%; background: radial-gradient(closest-side, color-mix(in srgb, var(--coral) 36%, transparent) 0%, transparent 100%); pointer-events: none; }
.numeral-xl { display: block; font: 400 calc(var(--t0) * 1.3)/.9 var(--serif); letter-spacing: -.03em; font-variant-numeric: lining-nums; color: var(--coral-deep); margin: 0 0 var(--s2); max-width: none; }
@media (max-width: 700px) { .numeral-xl { font-size: 84px; } }
.trade-pic:empty { display: none; }
body[data-trade] { --cc-ink: var(--craft-deep); }
main.trade.slim .trade-hero { padding: var(--s5) 0 var(--s4); }
main.trade.slim .trade-grid { display: block; position: relative; }
body[data-trade="nails"] { --disc: var(--w-shell-pale); } body[data-trade="beauty"] { --disc: var(--w-peach-pale); } body[data-trade="spmu"] { --disc: var(--w-rose-pale); } body[data-trade="lashes"] { --disc: var(--w-lilac-pale); } body[data-trade="hair"] { --disc: var(--w-caramel-pale); } body[data-trade="barbers"] { --disc: var(--w-slate-pale); }
body[data-trade="tattoo"] { --disc: var(--w-bone-pale); } body[data-trade="piercing"] { --disc: var(--w-sea-pale); } body[data-trade="fitness"] { --disc: var(--w-sage-pale); } body[data-trade="massage"] { --disc: var(--w-mist-pale); } body[data-trade="dogs"] { --disc: var(--w-sky-pale); } body[data-trade="coaching"] { --disc: var(--w-skygrey-pale); }
.hm-box { position: relative; aspect-ratio: 1 / .92; }
.hm-dev { position: absolute; container-type: inline-size; pointer-events: none; }
.hm-dev-laptop { left: 0; top: 15%; width: 90%; z-index: 1; }
.hm-dev-laptop .md-laptop { --dku: calc(100cqw / 560); width: 100%; }
.hm-dev-laptop .md-lid { box-shadow: 0 10px 24px rgba(42, 21, 18, .2); }
.hm-dev-phone { right: 1%; bottom: 0; width: 31%; z-index: 2; }
.hm-dev-phone .md-phone { --dku: calc(100cqw / 224); width: 100%; filter: drop-shadow(0 16px 24px rgba(42, 21, 18, .3)); }
.hm-dev .md-screen img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.craft-pic { position: relative; isolation: isolate; margin: var(--s4) auto 0; width: min(100%, 440px); pointer-events: none; }
.craft-pic::before { content: ""; position: absolute; z-index: -1; width: 82%; aspect-ratio: 1; right: 0; top: 0; border-radius: 50%; background: radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--disc, var(--craft-pale)) 60%, #FFFFFF) 0%, color-mix(in srgb, var(--disc, var(--craft-pale)) 72%, var(--craft-mid)) 52%, color-mix(in srgb, var(--disc, var(--craft-pale)) 52%, var(--craft-mid)) 100%); box-shadow: 0 30px 70px -36px color-mix(in srgb, var(--craft-mid) 55%, transparent); }
@media (min-width: 861px) {
  main.trade.slim .trade-grid { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: var(--s5); align-items: center; }
  main.trade.slim .trade-grid .craft-pic { margin: 0; width: 440px; }
  main.trade .trade-pic .craft-pic { margin: 0 auto; width: min(100%, 440px); }
}
main.trade.slim .hero-text { max-width: 760px; min-width: 0; }
main.trade.slim .hero-text h1 { font-size: var(--t1-read); line-height: 1.05; margin: var(--s1) 0 0; }
main.trade .trade-hero .finishing-touch { font-style: normal; font-weight: var(--serif-weight); color: var(--ink); font-size: clamp(26px, 3.4vw, 44px); line-height: 1.12; letter-spacing: -.015em; max-width: 22em; margin: var(--s2) 0 var(--s2); text-wrap: balance; }
main.trade.slim .craft-promise { font-size: var(--t4); max-width: 34em; }
main.trade .close-find { margin: 6px 0 var(--s2); color: var(--muted); }
main.trade .craft-close .close-find { color: var(--deep-ink); }
main.trade.slim .hero-actions { margin: var(--s3) 0 var(--s2); }
main.trade.slim .hero-actions .hero-demo { margin-top: var(--s1); }
main.trade.slim .chip-row { list-style: none; margin: var(--s3) 0 var(--s2); padding: 0; display: flex; flex-wrap: wrap; gap: 14px;   max-width: none; }
main.trade.slim .chip-row li { margin: 0; padding: 12px 18px; border-radius: var(--radius); background: var(--ground); color: var(--ink); font: var(--t6)/1.35 var(--sans); box-shadow: var(--card-shadow); max-width: 34em; }
main.trade.slim .hero-switch { margin-top: var(--s2); }
main.trade.slim .craft-stage { position: relative; background-image: radial-gradient(60% 55% at 50% 38%, var(--craft-pale) 0%, transparent 72%); padding: var(--s4) 0 var(--s5); overflow: hidden; }
main.trade.slim .hero-demo-col { position: relative; z-index: 1; min-width: 0; margin: 0 auto; max-width: 960px; }
main.trade.slim .craft-stage .stage { position: relative; isolation: isolate; padding-bottom: var(--s2); }
main.trade.slim .craft-stage .stage::after { content: ""; position: absolute; z-index: -1; left: -4%; right: -4%; bottom: -6px; height: 54px; background: var(--craft-deep); border-radius: var(--radius) var(--radius) var(--r3) var(--r3); box-shadow: 0 18px 30px -12px rgba(42, 21, 18, .35); }
main.trade.slim .craft-stage .showcase .caption, main.trade.slim .craft-stage .demo-its { position: relative; }
main.trade.slim .craft-stage .showcase .demo-bar { margin-bottom: var(--s3); }
main.trade.slim .craft-stage .showcase .tour { margin-top: var(--s4); }
main.trade.slim .demo-its { margin: var(--s1) 0 0; display: flex; gap: var(--s1) var(--s3); flex-wrap: wrap; justify-content: center; align-items: baseline; text-align: center; }
main.trade.slim .demo-its > a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; line-height: 1.4; }
@media (max-width: 860px) { main.trade.slim .craft-stage .stage::after { left: 50%; right: auto; width: min(72%, 260px); transform: translateX(-50%); height: 40px; } }
@media (min-width: 861px) { main.trade.slim .craft-stage .stage { margin-bottom: -9%; } main.trade.slim .craft-stage .stage::after { bottom: calc(18.85% - 80px); left: 0; right: 0; } main.trade.slim .craft-stage { padding-top: var(--s5); } }
main.trade.slim .craft-care > .wrap > h2 { margin-bottom: var(--s3); }
main.trade.slim .craft-care.band-shell { background: var(--craft-pale); }
.cc-cards { list-style: none; margin: 0; padding: 0; max-width: none; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s3); counter-reset: none; }
.cc-card { margin: 0; max-width: none; position: relative; overflow: hidden; background: var(--ground); --card: var(--craft-pale); border-radius: var(--radius); padding: var(--s3); box-shadow: var(--card-shadow); display: flex; flex-direction: column; gap: var(--s1); min-width: 0; }
.cc-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: var(--craft-deep); }
.cc-card .cc-n { font: 400 72px/.9 var(--serif); letter-spacing: -.03em; color: var(--cc-ink); display: block; }
.cc-card h3 { margin: var(--s1) 0 0; font-size: var(--t3); line-height: 1.2; }
.cc-card .cc-line { margin: 0; max-width: none; color: var(--ink); font-size: var(--t5); }
.cc-card .cc-art { margin-top: auto; padding-top: var(--s2); display: grid; gap: var(--s2); }
.cc-card .cc-art .p-receipt { max-width: none; padding: var(--s2); }
.cc-card .cc-art .p-phone { max-width: none; margin: 0; }
.cc-card .cc-art .p-phone { display: flex; flex-direction: column; align-items: flex-start; }
.cc-card .cc-art .p-phone .pm-bubble { max-width: 80%; margin: 0; background: var(--craft-pale); color: var(--ink); border-radius: 18px 18px 18px 4px; box-shadow: none; font-size: var(--t6); }
.cc-card .cc-art .p-phone .pm-bubble + .pm-label, .cc-card .cc-art .p-phone .pm-bubble + .pm-bubble { margin-top: 8px; }
.cc-status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s1); margin: 0 0 var(--s1); }
.cc-status .cw-h { font: 600 var(--t4)/1.3 var(--sans); letter-spacing: 0; margin: 0 var(--s1) 0 0; }
main.trade.slim .where-line { margin: 0; max-width: 60ch; }
main.trade.slim .craft-status .related-guide { margin: var(--s2) 0 0; }
@media (min-width: 861px) { .cc-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s4); } .cc-card { padding: var(--s4) var(--s3) var(--s3); } .cc-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: var(--craft-deep); }
.cc-card .cc-n { font-size: 112px; } }
@media (max-width: 860px) { .cc-card { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: var(--s2); row-gap: 4px; padding: var(--s3) var(--s2) var(--s2); } .cc-card .cc-n { grid-row: 1 / span 2; font-size: 56px; } .cc-card h3 { margin: 0; } .cc-card .cc-line { grid-column: 2; } .cc-card .cc-art { grid-column: 1 / -1; padding-top: var(--s1); } }
main.trade.slim .craft-faq .faq { max-width: none; }
.week-line .pt-phase { color: var(--cc-ink); }
.week-line .pt-title { font-size: var(--t4); font-family: var(--sans); font-weight: 500; line-height: 1.4; }
.week-line > li.lit .pt-phase { background: var(--craft-pale); padding: 3px 10px; border-radius: var(--r-pill); display: inline-block; }
.week-line > li.lit::before { background: var(--lacquer); height: 6px; top: 9px; }
.week-line::before { transform-origin: top; background: var(--cc-ink); }
.draw-js .week-line[data-draw]::before { transition: transform 1.3s var(--ease); }
.draw-js .week-line[data-draw]:not(.is-done)::before { transform: scaleY(0); }
@media (prefers-reduced-motion: reduce) { .draw-js .week-line[data-draw]::before { transform: none !important; transition: none; } }
main.trade.slim .craft-week > .wrap > h2 { margin-bottom: var(--s4); }
main.trade.slim .craft-week .week-note { margin: var(--s3) 0 0; }
main.trade.slim .craft-same { position: relative; overflow: hidden; border-top: 10px solid var(--craft-deep); }
main.trade.slim .craft-same h2 { font-size: var(--t4); font-family: var(--sans); font-weight: 600; letter-spacing: 0; margin-bottom: var(--s2); }
main.trade.slim .craft-same .cs-price { font: var(--serif-weight) var(--t2)/1.05 var(--serif); letter-spacing: -.02em; margin: 0 0 var(--s3); max-width: 16em; color: var(--ink); text-wrap: balance; }
main.trade.slim .craft-same .cs-fig { color: var(--lacquer); font-size: 1.35em; }
main.trade.slim .craft-same .cs-price:has(+ .cs-money){margin-bottom:var(--s2)}.cs-terms,.cs-figs{margin:0 0 var(--s1);max-width:40em}.cs-figs{margin-bottom:var(--s3);font-size:var(--t5);color:var(--graphite)}
main.trade.slim .craft-built{padding:var(--s4) 0}main.trade.slim .craft-built.band-deep .cb-col{--ink:#1D1D1B}main.trade.slim .craft-built.band-deep .cb-col :is(h3,li,p,b){color:var(--ink)}.cb-cols{display:grid;gap:var(--s3)}.cb-col,.health-box{position:relative;overflow:hidden;padding:var(--s3);border-radius:var(--radius);background:var(--ground);color:var(--ink);box-shadow:var(--card-shadow)}.cb-col::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--craft-deep)}.cb-not::before{background:var(--line-strong)}
.cb-col h3{margin:var(--s1) 0;font:600 var(--t4)/1.3 var(--sans);letter-spacing:0}.cb-col p,.health-box p,.cb-list li{margin:0 0 var(--s1);font-size:var(--t5);max-width:none}.cb-list{list-style:none;margin:0;padding:0;max-width:none}.health-box h2{margin:0 0 var(--s2);font:600 var(--t3)/1.25 var(--sans);letter-spacing:0}
.health-box{max-width:46rem;border-left:6px solid var(--craft-deep)}.health-box a{color:var(--ink)}main.trade.slim .craft-health{background:var(--craft-pale)}
@media (min-width:861px){.cb-cols{grid-template-columns:3fr 2fr;gap:var(--s4)}.cb-one{grid-template-columns:minmax(0,46rem)}}
main.trade.slim .craft-same .strip-body { font: var(--serif-weight) var(--t3)/1.3 var(--serif); letter-spacing: -.005em; max-width: 30em; margin: 0 0 var(--s2); }
main.trade.slim .craft-same .same-links { margin-top: var(--s3); flex-wrap: wrap; }
main.trade.slim .craft-close .close-actions { margin-top: var(--s2); }
main.trade.slim .hero-launch { margin: 0 0 var(--s2); font-size: var(--t6); line-height: 1.4; color: var(--graphite); max-width: 34em; }
main.trade.slim .cs-launch { margin: 0 0 var(--s3); max-width: 40em; font-size: var(--t5); color: var(--graphite); }
main.trade.slim > :is(.band-shell, .band-tint, [data-ground="shell"]), main.trade.slim > .crumbs { background-color: var(--craft-pale); background-image: none; }
main.trade.slim > [data-ground="white"] { background-image: none; }
main.trade.slim .craft-stage { background-image: none; } main.trade.slim .craft-stage .stage::after { box-shadow: none; }
main.trade.slim .kicker, main.trade.slim .week-line .pt-phase, main.trade.slim .p-pill { font: 600 var(--t5)/1.3 var(--sans); letter-spacing: 0; text-transform: none; }
main.trade.slim .p-pill { padding: 0; border: 0; border-radius: 0; background: none; color: var(--lacquer); }
main.trade.slim .chip-row li { padding: 0 0 0 14px; border: 0; border-left: 2px solid var(--line-strong); border-radius: 0; background: none; box-shadow: none; color: var(--graphite); font: var(--t5)/1.4 var(--sans); }
main.trade.slim :is(.cb-col, .health-box) { background: none; box-shadow: none; border-radius: 0; padding: var(--s2) 0 0; border-top: var(--bw) solid var(--line-strong); }
main.trade.slim .cb-col::before, main.trade.slim .cc-card::before { display: none; }
main.trade.slim .health-box { border-left: 0; }
main.trade.slim .cc-card { background: none; box-shadow: none; border-radius: 0; padding: var(--s2) 0 0; border-top: 2px solid var(--craft-deep); }
main.trade.slim .cc-card .cc-n { font: var(--serif-weight) var(--t2)/1 var(--serif); color: var(--lacquer); }
main.trade.slim .cc-card .cc-art .p-receipt { background: none; box-shadow: none; border-radius: 0; padding: var(--s1) 0 0; border-top: var(--bw) solid var(--line-strong); }
main.trade.slim .craft-same { border-top: 0; }
main.trade.slim .craft-close .close-find { color: var(--graphite); }
main.trade.slim :is(.md-lid, .md-body, .md-phone) { box-shadow: none; }
@media (min-width: 861px) { main.trade.slim .cc-card { padding: var(--s3) 0 0; } }
@media (max-width: 860px) { main.trade.slim .cc-card { padding: var(--s2) 0 0; grid-template-columns: 40px minmax(0, 1fr); } main.trade.slim .cc-card .cc-n { font-size: var(--t2); } }
@media (max-width: 700px) {
  main.trade.slim { font-size: var(--t5); }
  main.trade.slim :is(.crumbs, .small, p, li, .cc-line, .under-line, .hero-launch, .cs-figs, .cs-launch, .week-line .pt-title, .faq summary, .cb-col h3, .cw-h, .craft-same h2, .demo-its, .caption) { font-size: var(--t5); }
  main.trade.slim .trade-hero .kicker, main.trade.slim .trade-hero .chip-row li:first-child, main.trade.slim .trade-hero .hero-launch { display: none; }
  main.trade.slim .craft-pic::before { display: none; }
  main.trade.slim .hero-text h1 { font-size: clamp(50px, 13.4vw, 80px); line-height: .95; }
  main.trade.slim .trade-hero .finishing-touch, main.trade.slim .cc-card h3, main.trade.slim .craft-same .strip-body, main.trade.slim .health-box h2, main.trade.slim .prices .card h3 { font: var(--serif-weight) 22px/1.3 var(--serif); letter-spacing: 0; }
  main.trade.slim .craft-same .cs-price { font-size: var(--t2); } main.trade.slim .craft-same .cs-fig { font-size: clamp(50px, 13.4vw, 68px); }
  main.trade.slim :is(h2, .craft-close h2) { font-size: var(--t2); line-height: 1.1; }
  main.trade.slim :is(.cc-status .cw-h, .craft-same h2) { font: 600 var(--t5)/1.3 var(--sans); }
  main.trade.slim .craft-pic { margin-top: var(--s3); }
  main.trade.slim .trade-hero .finishing-touch { margin: var(--s2) 0 var(--s1); }
}
:root main.trade.slim .craft-faq .faq > details, :root main.trade.slim .craft-faq .faq > details[open] { background: none; box-shadow: none; border: 0; border-bottom: var(--bw) solid var(--line-strong); border-radius: 0; }
main.trade.slim .craft-faq .faq { border-top: var(--bw) solid var(--line-strong); gap: 0; }
main.trade.slim .craft-faq .faq > details > summary { font: var(--serif-weight) clamp(22px, 2vw, 24px)/1.25 var(--serif); padding: 12px 0; border-radius: 0; min-height: 44px; color: var(--ink); }
:root main.trade.slim .craft-faq .faq > details > summary::after { content: "+"; width: 32px; height: 32px; border: 0; background: none; box-shadow: none; color: var(--lacquer); font: 300 32px/1 var(--sans); transition: transform .25s var(--ease); }
:root main.trade.slim .craft-faq .faq > details[open] > summary::after { content: "+"; transform: rotate(45deg); }
main.trade.slim .craft-faq .faq > details > :not(summary) { margin-left: 0; margin-right: 0; }
main.trade.slim .week-line > li.lit .pt-phase { background: none; padding: 0; color: var(--lacquer); }
main.trade.slim .craft-stage :is(.seg small, .tour-steps .n) { font-size: var(--t5); }
@media (max-width: 700px) { main.trade.slim .craft-stage .phone.front { max-width: 236px; margin-left: auto; margin-right: auto; } }
@media (min-width: 861px) { main.trade.slim .craft-same > .wrap { display: block; } }
main.trade.slim .price-points li { background: none; box-shadow: none; border: 0; border-bottom: var(--bw) solid var(--line-strong); border-radius: 0; padding: 12px 0; }
main.trade.slim .disclose > summary { background: none; box-shadow: none; border: 0; border-top: var(--bw) solid var(--line-strong); border-bottom: var(--bw) solid var(--line-strong); border-radius: 0; padding-left: 0; padding-right: 0; }
@media (max-width: 700px) { main.trade.slim .demo-aside { font-size: var(--t5); } }
main.trade.slim .prices .card { background: none; box-shadow: none; border: var(--bw) solid var(--line-strong); } main.trade.slim .prices .card.main { border-color: var(--lacquer); }
dfn.office-tip { position: relative; font-style: normal; text-decoration: underline dotted; text-decoration-thickness: 1px; text-underline-offset: 3px; cursor: help; }
dfn.office-tip[data-tip]::after { content: attr(data-tip); display: none; position: absolute; z-index: 30; left: var(--pop-x, 0); top: 100%; margin-top: var(--s1); width: min(20rem, calc(100vw - 32px)); padding: var(--s2) var(--s3); box-sizing: border-box; background: var(--surface); color: var(--text); border: 1px solid var(--line-strong); border-radius: var(--r2); font: 400 var(--t6)/1.4 var(--sans); letter-spacing: 0; text-transform: none; text-align: left; text-decoration: none; white-space: normal; }
dfn.office-tip[data-tip]:is(:hover, :focus, :focus-within, .open)::after { display: block; }
:root { --il-line: var(--ink); --il-paper: var(--white); --il-acc: var(--lacquer); --il-on-acc: var(--white); --il-plate: var(--shell, #F4E1DA); --il-plate-2: #E2DCD4; --il-rule: var(--line); --il-muted: var(--graphite); --plate-dark: #170A08; }
:is(.band-deep, .il-dark) { --il-line: #F2F0EB; --il-paper: #21201E; --il-acc: #FF7A5C; --il-on-acc: #161615; --il-plate: var(--plate-dark); --il-rule: rgba(242, 240, 235, .2); --il-muted: #D9CFC9; }
:is(.band-lacquer, .band-close, [data-close]) { --il-plate: #7E2C1F; --il-acc: #FFFFFF; --il-on-acc: #A23B2A; }.il-acl { fill: none; stroke: var(--il-acc); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.il-ocl { fill: none; stroke: var(--il-on-acc); stroke-width: 2; stroke-linecap: round; }
.il-t2 { stroke-width: 2; } .il-t35 { stroke-width: 3.5; }
.il-mark { color: var(--il-acc); }
.draw-js [data-draw]:not(.is-done) .il-mk, .draw-js [data-draw]:not(.is-done) .il-draw, .draw-js [data-ticks]:not(.is-done) .il-mk { stroke-dasharray: 1; stroke-dashoffset: 1; }
.draw-js [data-draw].is-done .il-mk, .draw-js [data-draw].is-done .il-draw, .draw-js [data-ticks].is-done .il-mk { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset .9s cubic-bezier(.2, .7, .2, 1) .2s; }
@media (prefers-reduced-motion: reduce) { .draw-js :is([data-draw], [data-ticks]) :is(.il-mk, .il-draw) { stroke-dasharray: none; stroke-dashoffset: 0; transition: none; } }
.sc { --sc-shadow: 0 12px 32px rgba(42, 21, 18, .13), 0 1px 3px rgba(42, 21, 18, .08); position: relative; box-sizing: border-box; width: 100%; max-width: 352px; margin: 0; padding: 18px 20px; border-radius: var(--radius); background: var(--il-paper); border: 0; box-shadow: var(--sc-shadow); color: var(--il-line); font: 400 14px/1.4 var(--sans); text-align: left; }
.sc p { margin: 0; }
.sc-serif { font-family: var(--serif); font-weight: 500; }
.sc-muted { color: var(--il-muted); }.sc-cap { display: block; font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--il-muted); }.sc-head-top { align-items: flex-start; justify-content: space-between; }.sc-time { font-size: 12.5px; color: var(--il-muted); align-self: flex-start; }
.sc-badge, .sc-avatar { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: var(--il-acc); color: var(--il-on-acc); font: 500 14px/1 var(--serif); }
.sc-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--il-plate); color: var(--il-line); font-size: 16px; }
.sc-pill { flex: none; padding: 3px 11px; border-radius: var(--r-pill); background: var(--il-acc); color: var(--il-on-acc); font-size: 11.5px; font-weight: 600; }
.sc-name { font-size: 20px; }
.sc-date { display: block; font-size: 26px; line-height: 1.15; margin-top: 2px; }
.sc-remind { background: transparent; border: 0; box-shadow: none; padding: 0; margin-right: 0; }
.sc-remind .sc-cap { text-align: center; margin-bottom: 8px; }
.sc-bubble { position: relative; padding: 16px 20px; border-radius: var(--radius) var(--radius) var(--radius) 4px; background: var(--il-paper); border: 0; box-shadow: var(--sc-shadow); }.sc-link { color: var(--il-acc); text-decoration: underline; overflow-wrap: anywhere; }
.sc-from { display: block; margin-top: 10px; font-size: 12px; color: var(--il-muted); }
.sc-diary { max-width: 300px; padding: 18px 16px 12px 20px; }
.sc-grid { position: relative; margin-top: 12px; }
.sc-hr { position: absolute; left: 0; right: 0; height: 0; border-top: 1px solid var(--il-rule); }
.sc-hr > span { position: absolute; top: 3px; left: 0; font-size: 11.5px; color: var(--il-muted); }
.sc-slot { position: absolute; left: 44px; right: 0; box-sizing: border-box; padding: 6px 10px; border-radius: 8px; background: var(--il-plate); color: var(--il-line); overflow: hidden; display: flex; flex-direction: column; font-size: 12px; line-height: 1.3; }
.sc-slot strong { font-size: 13px; font-weight: 600; }
.sc-slot span { color: var(--il-muted); }
.sc-slot.sc-fresh { background: var(--il-acc); color: var(--il-on-acc); } .sc-slot.sc-fresh span { color: var(--il-on-acc); }
.sc-client { max-width: 320px; }
.sc-rows { margin: 14px 0 0; padding-top: 14px; border-top: 1.5px solid var(--il-rule); display: grid; gap: 12px; }
.sc-rows dd { margin: 2px 0 0; }
.sc-consent { max-width: 320px; }.sc-sign { display: block; width: 100%; height: 56px; margin-top: 10px; border-bottom: 1.5px solid var(--il-rule); }
.sc-sign path { fill: none; stroke: var(--il-line); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.sc-foot { font-size: 12.5px; }
.sc-ticket { max-width: 280px; padding: 22px 22px 22px 52px; border-radius: 12px 12px 12px 12px; transform: rotate(-3deg); border: 0; }
.sc-hole { position: absolute; left: 18px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: var(--il-plate); border: 2px solid var(--il-line); }
.sc-ticket::before { content: ""; position: absolute; left: 44px; top: 14px; bottom: 14px; border-left: 2px dotted var(--il-line); opacity: .5; }
.sc-price { font-size: 44px; line-height: 1.1; margin-top: 2px; }.sc-receipt { max-width: 260px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; margin: 0; filter: drop-shadow(0 10px 18px rgba(42, 21, 18, .16)); }
.sc-slip { padding: 22px 20px 30px; background: var(--il-paper); --z: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 12px 100% repeat-x; -webkit-mask: var(--z); mask: var(--z); }
.sc-center { text-align: center; padding-bottom: 12px; border-bottom: 2px dotted var(--il-rule); }
.sc-lines { list-style: none; margin: 0 0 14px; padding: 0; }
.sc-lines li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; }
.sc-foot-line { margin-top: 6px; padding-top: 14px; border-top: 2px dotted var(--il-rule); font-size: 17px; }
:is(.band-deep, .il-dark) .sc { --sc-shadow: 0 14px 34px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .35); }
@media (min-width: 1100px) { main.trade #faq .faq { grid-template-columns: minmax(0, 1fr); } }
footer.foot-436 { padding: var(--s2) 0; }
.foot-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s2); align-items: start; }
.foot-cols ul { list-style: none; margin: 0; padding: 0; max-width: none; }
.foot-cols li { margin: 0; max-width: none; }
.foot-cols li a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); text-decoration: none; line-height: 1.3; }
.foot-cols li a:hover, .foot-legal a:hover, .foot-h4 a:hover { color: var(--numeral); }
.foot-fold > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 44px; font-weight: 600; color: var(--ink); }
.foot-fold > summary::-webkit-details-marker { display: none; }
.foot-fold > summary::after { content: "+"; color: var(--deep-muted); font-weight: 400; }
.foot-fold[open] > summary::after { content: "\2212"; }
.foot-fold[open] { grid-column: 1 / -1; }
.foot-h4 { display: none; margin: 0 0 4px; font-weight: 600; line-height: 24px; color: var(--ink); max-width: none; }
.foot-h4 a { color: inherit; text-decoration: none; }
.foot-print { margin-top: var(--s1); padding-top: var(--s1); border-top: var(--bw) solid var(--line); }
.foot-id { margin: 0; max-width: 34em; line-height: 1.45; color: var(--deep-muted); }
.foot-id .wordmark { margin-right: 6px; vertical-align: baseline; min-height: 0; }
.foot-id .wordmark { display: table; margin: 0 0 4px; }
footer.foot-436 .foot-id a:not(.wordmark) { color: var(--deep-muted); }
.foot-legal { list-style: none; margin: 0; padding: 0; max-width: none; display: flex; flex-wrap: wrap; gap: 0 var(--s3); }
.foot-legal li { margin: 0; max-width: none; }
.foot-legal a { display: inline-flex; align-items: center; min-height: 44px; color: var(--deep-muted); }
@media (min-width: 601px) {
  .foot-fold > summary { display: none; }
  .foot-h4 { display: block; }
  .foot-fold[open] { grid-column: auto; }
  .foot-cols { gap: var(--s3); }
  .foot-cols li, .foot-cols li a { min-height: 24px; line-height: 24px; }
  .foot-crafts ul { display: grid; grid-template-columns: repeat(2, auto); justify-content: start; column-gap: var(--s3); }
}
@media (min-width: 961px) {
  .foot-cols { grid-template-columns: auto auto auto auto; justify-content: space-between; }
  .foot-print { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 var(--s3); margin-top: var(--s1); }
  .foot-id { margin: 0; flex: 1 1 30em; max-width: 62em; }
  .foot-legal { flex: none; }
  .foot-id .wordmark { display: inline; margin: 0 6px 0 0; }
  .foot-legal a { min-height: 28px; }
}
@media (max-width: 600px) { footer.foot-436 { padding-bottom: 76px; } }
.nav-drop .menu-panel { list-style: none; margin: 0; display: block; min-width: 240px; padding: var(--s2) var(--s3); }
.nav-drop .menu-panel li { margin: 0; max-width: none; }
.nav-drop.nav-crafts .menu-panel { columns: 2; column-gap: var(--s3); min-width: 520px; }
.nav-drop.nav-crafts .menu-panel li { break-inside: avoid; }
.nav-drop .menu-panel a[aria-current="page"], .nav-drop > summary[aria-current] { color: var(--lacquer); }
.main-nav > a.nav-quiet { color: var(--graphite); }
.main-nav > a.nav-quiet:hover { color: var(--lacquer); }
.main-nav > :is(a, details) { flex: none; white-space: nowrap; }
.top-436 .phone-menu .menu-five { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s2); align-items: start; }
.top-436 .phone-menu .menu-five > li { margin: 0 0 var(--s1); max-width: none; }
.top-436 .phone-menu .menu-five > li:nth-child(2) { grid-column: 2; grid-row: 1 / span 3; }
.top-436 .phone-menu .menu-five ul { list-style: none; margin: 0; padding: 0; }
.top-436 .phone-menu .menu-five ul li { margin: 0; max-width: none; }
.top-436 .phone-menu .mf-h { display: flex; align-items: center; min-height: 44px; margin: 0; font-weight: 600; color: var(--ink); }
.top-436 .phone-menu .mf-h[aria-current] { color: var(--lacquer); }
.top-436 .phone-menu .menu-five ul a { min-height: 44px; line-height: 1.25; }
@media (min-width: 1100px) {
  main.trade.slim .trade-grid:has(> .craft-pic) { grid-template-columns: minmax(0, 1fr) 480px; grid-template-rows: repeat(5, auto) auto auto auto; column-gap: var(--s5); row-gap: 0; align-items: start; }
  body[data-trade="coaching"] main.trade.slim .trade-grid:has(> .craft-pic) { grid-template-columns: minmax(0, 1fr) 540px; }
  main.trade.slim .trade-grid:has(> .craft-pic) > .hero-text { display: contents; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > * { grid-column: 1; min-width: 0; max-width: 760px; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > :is(.chip-row, .hero-launch, .hero-switch) { grid-column: 1 / -1; max-width: none; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > .kicker { grid-row: 1; justify-self: start; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > h1 { grid-row: 2; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > .finishing-touch { grid-row: 3; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > .craft-promise { grid-row: 4; margin-top: 0; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > .hero-actions { grid-row: 5; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > .chip-row { grid-row: 6; margin-top: calc(var(--s3) - var(--s2)); }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > .hero-launch { grid-row: 7; }
  main.trade.slim .trade-grid:has(> .craft-pic) .hero-text > .hero-switch { grid-row: 8; }
  main.trade.slim .trade-grid:has(> .craft-pic) > .craft-pic { grid-column: 2; grid-row: 1 / 6; align-self: center; width: 100%; }
}
@media (max-width: 699.98px) {
  :root header.top .top-end .btn.small { min-height: 44px; background: transparent; color: var(--lacquer); border-color: var(--lacquer); box-shadow: none; }
  :root header.top .top-end .btn.small:hover, :root header.top .top-end .btn.small:focus-visible, :root header.top .top-end .btn.small:active { background: transparent; color: var(--lacquer-hover); border-color: var(--lacquer-hover); box-shadow: none; }
}
main.slim .own-kit h2{font-size:var(--t1-read);line-height:1.05;max-width:30ch}
.own-kit p{max-width:46ch;margin:0 0 var(--s2)}
.own-kit-line{font-size:var(--t3);line-height:1.4}
.own-kit .own-kit-link{margin:var(--s2) 0 0;font-weight:600}
@media (max-width: 699px) { main.trade.slim .trade-hero { padding-top: var(--s4); } main.trade.slim .cb-433 { gap: 12px; } main.trade.slim :is(.cb-433 .cb-col, .cc-card) { padding-top: 10px; } main.trade.slim .own-kit { padding-top: var(--s3); padding-bottom: 16px; } main.trade.slim .own-kit h2 { margin-bottom: 8px; } main.trade.slim .own-kit p { margin-bottom: 8px; } main.trade.slim .own-kit .own-kit-link { margin-top: 0; } }
@media (min-width: 1100px) { main.trade.slim .own-kit .wrap { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); column-gap: var(--s5); align-items: start; } main.trade.slim .own-kit h2 { grid-column: 1; grid-row: 1 / span 3; margin: 0; } main.trade.slim .own-kit .wrap > :not(h2) { grid-column: 2; } }
@media (min-width:861px){.cb-cols.cb-433{grid-template-columns:5fr 4fr 4fr;gap:var(--s3)}.cb-cols.cb-433:not(:has(.cb-not)){grid-template-columns:1fr 1fr}main.trade.slim .cb-433 .cb-list li{margin:0 0 4px}}
main.trade.slim .cb-433 .cb-list li{margin:0 0 6px}
main.trade.slim .cb-where{display:block;margin:var(--s2) 0 0;padding-top:var(--s2);border-top:var(--bw) solid var(--line)}main.trade.slim .cb-col .cb-where .where-line,main.trade.slim .cb-col .cb-where .related-guide{font-size:var(--t5)}main.trade.slim .cb-col .cb-where{margin-top:10px;padding-top:10px}main.trade.slim .cb-col .cb-where .cb-where-row{line-height:1.45}main.trade.slim .cb-col .cb-where .related-guide{margin-top:4px!important;line-height:1.45}main.trade.slim .cb-where .cb-where-row .p-pill{margin-right:0}main.trade.slim .cb-where .cb-where-row .where-line{display:inline}main.trade.slim .cb-where .related-guide{margin-top:var(--s1)!important}
main.trade.slim .cb-where :is(.where-line,.related-guide){margin:0;flex-basis:100%}
main.trade.slim .craft-built{padding:var(--s3) 0}main.trade.slim .cb-433 .cb-extra .cb-list li{display:inline;margin:0}main.trade.slim .cb-433 .cb-extra .cb-list li+li::before{content:" "}
@media (min-width:861px){
  main.trade.slim .week-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--s3);padding:var(--s3) 0 0}
  main.trade.slim .week-line::before{left:0;right:0;top:7px;bottom:auto;width:auto;height:2px;transform-origin:left}
  main.trade.slim .week-line>li{margin:0}
  main.trade.slim .week-line>li::before,main.trade.slim .week-line>li:last-child::before{left:0;top:calc(-1 * var(--s3) + 2px);width:4px;height:14px}
  main.trade.slim .week-line>li.lit::before{width:6px;height:16px;top:calc(-1 * var(--s3) + 1px)}
  main.trade.slim .craft-week>.wrap>h2{margin-bottom:var(--s3)}
}
@media (max-width:700px){
  main.trade.slim .week-line>li{display:grid;grid-template-columns:5.6em minmax(0,1fr);column-gap:var(--s1);margin-bottom:var(--s2)}
  main.trade.slim .week-line .pt-phase{margin:0;align-self:start}
  main.trade.slim .week-line>li.lit .pt-phase{justify-self:start;padding:0 8px}
  main.trade.slim .week-line .pt-title{margin:0}
  main.trade.slim .craft-week>.wrap>h2{margin-bottom:var(--s3)}
  main.trade.slim .craft-care>.wrap>h2{margin-bottom:var(--s2)}
  main.trade.slim .cc-cards{gap:var(--s2)}
  main.trade.slim .cc-card .cc-art .p-phone{flex-direction:row;flex-wrap:wrap;gap:8px}
  main.trade.slim .cc-card .cc-art .p-phone .pm-bubble{max-width:none}
  main.trade.slim .cc-card .cc-art .p-phone .pm-bubble+.pm-bubble{margin-top:0}
  main.trade.slim .craft-same .strip-body{font-size:var(--t5)}
  main.trade.slim .craft-built{padding:var(--s3) 0}
  main.trade.slim .cb-433 .cb-list li{margin:0 0 2px}
  main.trade.slim .cb-433{gap:var(--s2)}
  main.trade.slim .cb-433 .cb-col h3{margin:4px 0}
  main.trade.slim .cc-card{padding-top:var(--s2)}
  main.trade.slim .cc-card .cc-art{padding-top:4px}
  main.trade.slim .cc-card{grid-template-columns:40px minmax(0,1fr)}
  main.trade.slim .cc-card .cc-n{grid-row:1;font-size:44px}
  main.trade.slim .cc-card h3{align-self:center}
  main.trade.slim .cc-card .cc-line{grid-column:1/-1}
  :root main.trade.slim .craft-faq .faq>details>summary{padding:8px 0}
}
.cs-shots { list-style: none; margin: var(--s3) 0 var(--s4); padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s4) var(--s3); max-width: none; counter-reset: none; }
.cs-shots > .item { margin: 0; padding: 0; border: 0; max-width: none; }
.cs-shot { aspect-ratio: 390 / 470; overflow: hidden; border-radius: 22px; border: 7px solid var(--ink); background: var(--white); margin: 0 0 var(--s2); box-shadow: 0 18px 40px -24px rgba(42, 21, 18, .45); }
.cs-shot img { display: block; width: 100%; height: auto; }
.cs-shots h3 { margin: 0 0 4px; }
.cs-shots p { margin: 0; font-size: var(--t5); color: var(--graphite); }
.cs-shots:focus-visible { outline: 2px solid var(--lacquer); outline-offset: 6px; border-radius: var(--r1); }
@media (max-width: 760px) {
  .cs-shots { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 68%; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-bottom: var(--s1); gap: var(--s2); }
  .cs-shots > .item { scroll-snap-align: start; }
}
.quiz .q-open { border: 0; padding: 0; margin: 0 0 var(--s3); max-width: 46rem; }
.qo-facts { list-style: none; margin: 0 0 var(--s4); padding: 0; display: flex; flex-wrap: wrap; gap: var(--s1); }
.qo-facts li { margin: 0; padding: 8px 16px; border-radius: var(--r-pill); border: 1px solid rgba(255, 252, 250, .28); font-size: var(--t5); }
.qo-facts b { font: var(--serif-weight) var(--t3)/1 var(--serif); margin-right: 4px; }
.qo-h { font: var(--serif-weight) var(--t3)/1.2 var(--serif); margin: 0 0 var(--s2); }
.qo-scale { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s2); max-width: none; }
.qo-scale li { margin: 0; display: flex; flex-direction: column; gap: 6px; font-size: var(--t6); line-height: 1.4; max-width: none; }
.qo-scale b { font-size: var(--t5); }
.qo-bar { display: block; height: 10px; border-radius: 5px; background: var(--coral-pale, #FBE3DA); }
.qo-scale li:nth-child(2) .qo-bar { background: #FFA48C; }
.qo-scale li:nth-child(3) .qo-bar { background: var(--coral, #E58A72); }
.qo-scale li:nth-child(4) .qo-bar { background: var(--coral-deep, #C9583E); }
@media (max-width: 700px) { .qo-scale { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ws-cards { display: block; border: 0; margin: var(--s3) 0 var(--s2); }
.ws-cards thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ws-cards tbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s2); }
.ws-cards tr { display: flex; flex-direction: column; gap: var(--s1); padding: var(--s3); border-radius: var(--radius); background: var(--white); border: 1px solid var(--line); }
.ws-cards th, .ws-cards td { display: block; padding: 0; border: 0; text-align: left; }
.ws-cards th { display: flex; align-items: center; gap: 10px; font: 600 var(--t4)/1.3 var(--sans); color: var(--ink); }
.ws-cards td { font-size: var(--t5); color: var(--graphite); }
.ws-cards .ws-ico { width: 36px; height: 36px; flex: none; padding: 7px; border-radius: 50%; background: var(--tint, #F4E1DA); color: var(--lacquer); }
.ws-cards .ws-health { display: flex; align-items: flex-start; gap: 8px; margin-top: auto; padding: 10px 12px; border-radius: 10px; background: var(--bg); color: var(--ink); }
.ws-cards .ws-lock { width: 20px; height: 20px; flex: none; color: var(--lacquer); }
.ws-cards .ws-h { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ws-cards tr.ws-you, .ws-cards tr.ws-us { grid-column: auto; }
.ws-cards tr.ws-us { background: var(--deep, #2A1512); border-color: var(--deep, #2A1512); }
.ws-cards tr.ws-us th, .ws-cards tr.ws-us td { color: #FFFCFA; }
.ws-cards tr.ws-us .ws-ico { background: rgba(255, 252, 250, .12); color: #FFA48C; }
.ws-cards tr.ws-us .ws-health { background: rgba(255, 252, 250, .1); color: #FFFCFA; }
.ws-cards tr.ws-us .ws-lock { color: #FFA48C; }
@media (min-width: 1000px) { .ws-cards tbody { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ws-cards tr.ws-us { grid-column: span 2; } }
@media (max-width: 640px) { .ws-cards tbody { grid-template-columns: minmax(0, 1fr); } }
.page .wrap.has-vis, .read-hero .wrap.has-vis { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); column-gap: var(--s5); align-items: center; }
.wrap.has-vis > :not(.hero-vis) { grid-column: 1; }
.wrap.has-vis > .hero-vis { grid-column: 2; grid-row: 1 / span 12; align-self: center; }
.hero-vis { position: relative; margin: 0; aspect-ratio: 16 / 11.5; width: 100%; max-width: 560px; justify-self: end; }
.hero-vis .hv-lap { position: absolute; right: 0; top: 0; width: 86%; border: 9px solid #1D1D1B; border-bottom-width: 16px; border-radius: 14px; background: #1D1D1B; overflow: hidden; box-shadow: 0 34px 60px -30px rgba(42, 21, 18, .55); }
.hero-vis .hv-ph { position: absolute; left: 0; bottom: 0; width: 29%; border: 6px solid #1D1D1B; border-radius: 22px; background: #1D1D1B; overflow: hidden; box-shadow: 0 26px 46px -22px rgba(42, 21, 18, .6); }
.hero-vis img { display: block; width: 100%; height: auto; border-radius: 6px; }
.hero-vis .hv-ph img { border-radius: 16px; }
@media (max-width: 860px) {
  .page .wrap.has-vis, .read-hero .wrap.has-vis { display: block; }
  .hero-vis { max-width: 360px; margin: var(--s3) auto 0; }
}
@media print { .hero-vis { display: none; } }
.close-line { margin: 0 0 var(--s3); }
.close-vis { display: none; }
@media (min-width: 1100px) {
  section:is(.band-close, [data-close], .close-light) > .wrap.has-vis { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important; column-gap: var(--s5); align-items: center; position: relative; z-index: 1; }
  section:is(.band-close, [data-close], .close-light) > .wrap.has-vis > :not(.close-vis) { grid-column: 1 !important; grid-row: auto !important; }
  section:is(.band-close, [data-close], .close-light) > .wrap.has-vis > .close-vis { display: block; position: relative; grid-column: 2 !important; grid-row: 1 / span 8 !important; align-self: center; margin: 0; aspect-ratio: 16 / 11.5; width: 100%; max-width: 520px; justify-self: end; }
  .close-vis .hv-lap { position: absolute; right: 0; top: 0; width: 86%; border: 9px solid #120908; border-bottom-width: 16px; border-radius: 14px; background: #120908; overflow: hidden; box-shadow: 0 34px 60px -30px rgba(0, 0, 0, .7); }
  .close-vis .hv-ph { position: absolute; left: 0; bottom: 0; width: 29%; border: 6px solid #120908; border-radius: 22px; background: #120908; overflow: hidden; box-shadow: 0 26px 46px -22px rgba(0, 0, 0, .7); }
  .close-vis img { display: block; width: 100%; height: auto; border-radius: 6px; }
  .close-vis .hv-ph img { border-radius: 16px; }
}
:is(ul, div).icards { list-style: none; margin: var(--s3) 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--s2); max-width: none; border: 0; columns: auto; }
:is(ul, div).icards > :is(li, .item) { position: relative; margin: 0; padding: calc(var(--s3) + 50px) var(--s3) var(--s3) !important; background: var(--white); border: 1px solid var(--line) !important; border-radius: 16px; max-width: none; font-size: var(--t5); line-height: 1.5; color: var(--ink); break-inside: avoid; }
:is([data-ground="white"], .band-white) :is(ul, div).icards > :is(li, .item) { background: var(--panel); border-color: var(--panel-line) !important; }
:is(.band-deep, .band-stage, main > :is(.band-close, [data-close]), main .band-stack > :is(.band-close, [data-close])) :is(ul, div).icards > :is(li, .item) { background: var(--card); border-color: var(--card-line) !important; }
:is(ul, div).icards > :is(li, .item)::before { display: none !important; }
.icards .ic-disc { position: absolute; top: var(--s3); left: var(--s3); width: 40px; height: 40px; padding: 9px; border-radius: 50%; background: var(--lacquer); color: #FFFCFA; stroke-width: 1.8; }
.icards :is(b, strong, h3) { display: block; font: 600 var(--t4)/1.3 var(--sans); color: var(--ink); margin: 0 0 4px; }
main.pricing-page .icards :is(b, strong, h3) { font-size: var(--t5); }
ul.promise-list.icards > li { font: var(--serif-weight) var(--t4)/1.4 var(--serif); padding-top: calc(var(--s3) + 50px); }
@media (min-width: 1000px) { ul.promise-list.icards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { section:is(.band-close, [data-close]) > .wrap.has-vis > h2 { font-size: clamp(44px, 4.4vw, 68px); line-height: 1.04; } }
.pr-open { margin: var(--s4) 0 0; padding: var(--s4); border-radius: var(--radius); background: var(--white); border: 1px solid var(--line); }
:is([data-ground="white"], .band-white) .pr-open { background: var(--panel); border-color: var(--panel-line); }
.pr-open-h { font: var(--serif-weight) var(--t2)/1.1 var(--serif); margin: 0 0 var(--s2); letter-spacing: -.01em; }
.pr-open > h2:first-child { margin-top: 0; }
@media (max-width: 700px) { .pr-open { padding: var(--s3); } }
.pr-open.pay-more { grid-column: 1 / -1; width: 100%; }
.pr-open > .fold-h:first-child b { font: var(--serif-weight) var(--t2)/1.1 var(--serif); }
.stack-tiles { list-style: none; margin: var(--s3) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--s2); max-width: none; }
.stack-tiles li { margin: 0; padding: var(--s3); border-radius: 16px; background: var(--panel); border: 1px dashed #CFC8BF; display: flex; flex-direction: column; gap: 6px; max-width: none; font-size: var(--t6); color: var(--graphite); }
.stack-tiles li b { font: 600 var(--t5)/1.3 var(--sans); color: var(--ink); }
.stack-tiles .st-ico { width: 36px; height: 36px; padding: 8px; border-radius: 50%; background: var(--white); color: var(--graphite); margin-bottom: 4px; }
.stack-tiles li.st-us { background: var(--lacquer); border: 1px solid var(--lacquer); color: #FFFCFA; }
.stack-tiles li.st-us b { color: #FFFCFA; }
.stack-tiles li.st-us .st-ico { background: rgba(255, 252, 250, .18); color: #FFFCFA; }
.hiddencalc .hc-top { margin: 0 0 var(--s1); }
.hiddencalc .hc-top ~ #hc-own-h { font-size: var(--t3); margin-top: var(--s4); }
.sw-lead { font: var(--serif-weight) var(--t3)/1.3 var(--serif); margin: 0 0 var(--s3); max-width: 32em; }
.sw-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--s2); max-width: none; }
.sw-cards li { margin: 0; max-width: none; }
.sw-cards a { position: relative; display: flex; flex-direction: column; gap: 4px; padding: var(--s3) var(--s3) var(--s4); border-radius: var(--radius); background: var(--white); border: 1px solid var(--line); text-decoration: none; color: var(--ink); min-height: 140px; transition: border-color var(--quick, .15s), transform var(--quick, .15s); }
.sw-cards a:hover, .sw-cards a:focus-visible { border-color: var(--lacquer); transform: translateY(-2px); }
.sw-cards .sw-from { font-size: var(--t6); color: var(--graphite); }
.sw-cards b { font: var(--serif-weight) var(--t2)/1.05 var(--serif); letter-spacing: -.01em; }
.sw-cards .sw-go { position: absolute; right: var(--s3); bottom: var(--s3); width: 40px; height: 40px; border-radius: 50%; background: var(--lacquer); color: #FFFCFA; display: grid; place-items: center; }
.sw-cards .sw-ico { width: 22px; height: 22px; }
@media (prefers-reduced-motion: reduce) { .sw-cards a { transition: none; } .sw-cards a:hover { transform: none; } }
.ws-cards th, .ws-cards td { width: auto !important; max-width: none !important; min-width: 0; }
.ws-cards .ws-health { width: 100%; box-sizing: border-box; }
.own-cols .own-col { padding: var(--s4); border-radius: var(--radius); background: var(--panel); border: 1.5px dashed #CFC8BF; }
.own-cols .own-col-yes { background: var(--white); border: 1.5px solid var(--lacquer); }
.ro-pic { margin: var(--s2) 0 var(--s3); min-height: 120px; }
.ro-rent { display: flex; flex-wrap: wrap; gap: 10px 12px; align-content: center; padding: var(--s2) 0; }
.ro-rent span { padding: 10px 14px; border-radius: 12px; border: 1.5px dashed #C9A89B; background: var(--white); font: 600 var(--t6)/1 var(--sans); color: var(--graphite); transform: rotate(calc((var(--i) - 2) * 2.2deg)) translateY(calc(mod(var(--i), 2) * 6px)); }
.ro-own { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: var(--s3); border-radius: 16px; background: var(--lacquer); color: #FFFCFA; }
.ro-own b { font: var(--serif-weight) var(--t3)/1.2 var(--serif); }
.ro-own span { display: flex; flex-wrap: wrap; gap: 8px; }
.ro-own i { font: 600 var(--t6)/1 var(--sans); font-style: normal; padding: 8px 12px 8px 30px; border-radius: 999px; background: rgba(255, 252, 250, .16); position: relative; }
.ro-own i::before { content: ""; position: absolute; left: 12px; top: 50%; width: 9px; height: 5px; border-left: 2px solid #FFFCFA; border-bottom: 2px solid #FFFCFA; transform: translateY(-70%) rotate(-45deg); }
@media (max-width: 700px) { .own-cols .own-col { padding: var(--s3); } }
.wrap.narrow.has-vis { max-width: var(--wrap); }
@media (max-width: 700px) {
  :is(ul, div).icards { gap: 10px; margin: var(--s2) 0; }
  :is(ul, div).icards > :is(li, .item) { padding: 14px 14px 14px 64px !important; }
  .icards .ic-disc { top: 14px; left: 14px; width: 36px; height: 36px; padding: 8px; }
  ul.promise-list.icards > li { padding-top: 14px !important; font-size: var(--t5); }
  .own-cols .own-col { padding: var(--s2); }
  .ro-pic { margin: var(--s1) 0 var(--s2); min-height: 0; }
  .ro-rent { gap: 6px 8px; padding: 4px 0; }
  .ro-rent span { padding: 7px 10px; }
  .ro-own { padding: 14px; gap: 8px; }
  .ro-own i { padding: 6px 10px 6px 26px; }
  .ro-own i::before { left: 10px; }
  .hero-vis { max-width: 300px; margin-top: var(--s2); }
  .stack-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .stack-tiles li { padding: 12px; }
  .pr-open { margin-top: var(--s3); padding: var(--s2); }
  .ws-cards tr { padding: var(--s2); }
}
@media (max-width: 1099px) { section .wrap.has-vis > figure.close-vis { display: none !important; } }
@media (min-width: 1100px) { section:is(.band-close, [data-close], .close-light) > .wrap.has-vis > figure.close-vis { display: block !important; } }
@media (min-width: 900px) {
  section.closing.close-light:not(:has(.close-vis)) { position: relative; overflow: hidden; background-color: var(--panel) !important; isolation: isolate; }
  section.closing.close-light:not(:has(.close-vis))::after { content: ""; position: absolute; z-index: -1; right: -60px; top: 50%; width: 440px; height: 440px; margin-top: -220px; border-radius: 50%; background: var(--coral-pale); }
}
main.trade.slim .cc-card { background: var(--panel); border: var(--bw) solid var(--panel-line); border-top: var(--bw) solid var(--panel-line); border-radius: var(--radius); padding: var(--s3); box-shadow: none; display: flex; flex-direction: column; gap: 6px; }
main.trade.slim .cc-card .cc-art { order: -1; margin: 0 0 var(--s1); padding: var(--s2); min-height: 96px; align-content: center; background: var(--white); border-radius: var(--radius); }
main.trade.slim .cc-card .cc-art .p-receipt { border-top: 0; padding: 0; }
main.trade.slim .cc-card h3 { margin: 0; } main.trade.slim .cc-card > * { align-self: stretch !important; text-align: left; grid-column: auto; grid-row: auto; }
@media (max-width: 860px) { main.trade.slim .cc-card { display: flex; padding: var(--s2); } main.trade.slim .cc-card .cc-art { min-height: 0; padding: 12px; } }
.calc-teaser { display: grid; gap: 6px; margin: var(--s4) 0 0; padding: var(--s3) var(--s4); border-radius: var(--radius); background: var(--deep); color: var(--deep-ink); text-decoration: none; max-width: 720px; transition: transform .2s ease; }
.calc-teaser:hover { transform: translateY(-2px); }
.calc-teaser:focus-visible { outline: 2px solid var(--lacquer); outline-offset: 3px; }
.ct-k { font-size: var(--t5); color: var(--deep-muted); }
.ct-h { font-family: var(--serif); font-weight: var(--serif-weight); font-size: clamp(22px, 2vw, 28px); line-height: 1.15; }
.ct-p { font-size: var(--t5); color: var(--deep-ink); }
.ct-p b { color: var(--numeral); font-weight: 600; }
.ct-go { font-weight: 600; color: var(--numeral); margin-top: 4px; }
@media (max-width: 600px) { .calc-teaser { padding: var(--s3); } }
@media (prefers-reduced-motion: reduce) { .calc-teaser { transition: none; } }
.calc-teaser { max-width: none; }
.calc-teaser .ct-go { justify-self: start; padding: 10px 20px; border-radius: var(--r-pill); background: var(--numeral); color: var(--oxblood); }
.calc-teaser.ct-light .ct-go { background: var(--lacquer); color: #FFFCFA; }
@media (min-width: 760px) { .calc-teaser { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--s4); align-items: center; padding: var(--s4); } .calc-teaser > :not(.ct-go) { grid-column: 1; } .calc-teaser .ct-go { grid-column: 2; grid-row: 1 / span 3; align-self: center; margin: 0; } .ct-p b { font: var(--serif-weight) 1.4em/1.1 var(--serif); } }
.calc-teaser.ct-light { background: var(--shell); color: var(--ink); margin: var(--s2) 0 var(--s3); }
.calc-teaser.ct-light .ct-p { color: var(--ink); }
.calc-teaser.ct-light .ct-go { color: var(--lacquer); }