/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/f5cba75c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/57421619.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/3e328e5f.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/f2de0430.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/b3a47a04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/7219033c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/7c0f2bb5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/f5cba75c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/57421619.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/3e328e5f.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/f2de0430.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/b3a47a04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/7219033c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/7c0f2bb5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/f5cba75c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/57421619.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/3e328e5f.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/f2de0430.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/b3a47a04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/7219033c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/7c0f2bb5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/f5cba75c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/57421619.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/3e328e5f.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/f2de0430.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/b3a47a04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/7219033c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/7c0f2bb5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/53405661.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/e2f93446.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/b584bcbc.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/bf33fa87.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/079d65c4.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/9e0af726.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/53405661.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/e2f93446.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/b584bcbc.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/bf33fa87.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/079d65c4.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/9e0af726.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Commission Desk · brokeragesimplified.com — Brokerage Simplified design system */
:root{
--navy-900:#102333;--navy-700:#1D3A52;--navy-50:#E9EEF3;--coral:#EC6454;--coral-50:#FDEDEA;
--ink:#16212A;--muted:#66737C;--line:#E4E8EB;--line-strong:#D9DFE3;--page:#F6F7F8;--card:#fff;
--on-dark-muted:#A9B6C2;--success:#1B7A43;
--shadow-card:0 1px 2px rgba(16,35,51,.04),0 1px 3px rgba(16,35,51,.04);
--shadow-raised:0 8px 24px rgba(16,35,51,.08),0 2px 6px rgba(16,35,51,.05);
--shadow-shot:0 24px 60px rgba(16,35,51,.12),0 4px 12px rgba(16,35,51,.05);
--serif:"Source Serif 4",Georgia,"Times New Roman",serif;
--sans:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
--ease:cubic-bezier(.2,0,0,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font:16px/1.6 var(--sans);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy-700);text-underline-offset:3px}
a:hover{color:var(--navy-900)}
h1,h2,h3{font-family:var(--serif);color:var(--navy-900);font-weight:700;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Swish: the coral brush stroke under titles and section headings */
.swish{display:block;width:72px;height:12px;background:url("/img/swish.png") left center/contain no-repeat;margin:14px 0 0}
.swish.lg{width:96px;height:16px;margin-top:18px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:10px;font:600 15.5px/1 var(--sans);text-decoration:none;border:1px solid transparent;white-space:nowrap;transition:background-color .16s var(--ease),border-color .16s var(--ease)}
.btn.primary{background:var(--navy-700);color:#fff}
.btn.primary:hover{background:var(--navy-900);color:#fff}
.btn.secondary{background:#fff;color:var(--navy-900);border-color:var(--line-strong)}
.btn.secondary:hover{background:var(--page)}
.btn.sm{height:40px;padding:0 16px;font-size:14.5px}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(29,58,82,.18);border-radius:10px}

/* Header */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:32px;height:76px}
.logo{display:block;flex:none}
.logo img{height:42px;width:auto}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500}
.nav a:hover{color:var(--navy-900)}
.top-actions{display:flex;align-items:center;gap:20px}
.signin{color:var(--navy-900);font-size:14.5px;font-weight:600;text-decoration:none}
.signin:hover{text-decoration:underline}

/* Hero */
.hero{background:#fff;border-bottom:1px solid var(--line);padding:88px 0 0;overflow:hidden}
.hero-text{max-width:820px}
.label{font:600 11.5px/1.4 var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}
.hero h1{font-size:60px;line-height:1.06;letter-spacing:-.8px;margin-top:16px}
.lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:640px;margin-top:24px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.proof{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:28px 0 0;padding:0;color:var(--muted);font-size:14.5px}
.proof li{display:flex;align-items:center;gap:8px}
.proof .ic{width:16px;height:16px;color:var(--navy-700)}
.hero-shot{margin-top:64px;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:var(--shadow-shot);background:#fff}
.hero-shot img{width:100%}

/* Sections */
section{padding:88px 0}
section.white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.head{max-width:680px;margin-bottom:48px}
.head h2,.split h2{font-size:40px;line-height:1.15;letter-spacing:-.4px}
.head p,.split .sub{color:var(--muted);font-size:18px;margin-top:20px}

/* Cards */
.grid{display:grid;gap:24px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow-card)}
.card h3{font-size:20px;line-height:1.3;margin-top:20px}
.card p{color:var(--muted);font-size:15.5px;margin-top:10px}
.features .card h3{margin-top:0}
.features .card .swish{width:56px;height:10px;margin-top:12px}
.features .card p{margin-top:16px}
.tile{width:44px;height:44px;border-radius:12px;background:var(--navy-50);color:var(--navy-700);display:grid;place-items:center}
.tile .ic{width:22px;height:22px}

/* Split highlight */
.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:center}
.split.flip{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.split.flip .shot,.split.flip .stubs{order:2}
.split + .split{margin-top:96px}
.shot{border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-shot);background:#fff}
.split.stub{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
.shot.bare{border:0;box-shadow:none;border-radius:14px;background:none}
.stubs{max-width:520px;width:100%;justify-self:end}
.stub-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:14px}
.stub-track::-webkit-scrollbar{display:none}
.stub-track img{flex:0 0 100%;width:100%;scroll-snap-align:start}
.split.stub:not(.flip){grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.split.stub:not(.flip) .stubs{justify-self:start}
.stub-img{width:100%;border-radius:14px}
.stub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.stub-tabs button{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;color:var(--muted);font:500 14.5px/1 var(--sans);cursor:pointer;transition:background-color .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}
.stub-tabs button:hover{background:var(--navy-50);color:var(--navy-900)}
.stub-tabs button[aria-selected="true"]{background:var(--navy-50);border-color:var(--navy-700);color:var(--navy-900);font-weight:600}
.stub-tabs button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(29,58,82,.18)}
.checks{list-style:none;margin:28px 0 0;padding:0}
.checks li{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:15.5px}
.checks li:last-child{border-bottom:1px solid var(--line)}
.checks .ic{width:18px;height:18px;color:var(--navy-700);margin-top:3px}
.note{margin-top:20px;font-size:14.5px;color:var(--muted)}

/* Records */
.more{display:inline-flex;align-items:center;gap:8px;margin-top:32px;font-weight:600;color:var(--navy-700);text-decoration:none}
.more:hover{text-decoration:underline}
.more .ic{width:18px;height:18px}

/* Steps */
.steps{counter-reset:step}
.step{position:relative}
.step .num{width:36px;height:36px;border-radius:50%;background:var(--navy-50);color:var(--navy-900);display:grid;place-items:center;font:700 16px/1 var(--serif)}
.step h3{margin-top:20px}
.aside{margin-top:24px;color:var(--muted);font-size:15.5px}

/* Pricing */
.pricing{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:stretch}
.plan{padding:36px;display:flex;flex-direction:column}
.plan h3{margin-top:0;font-size:24px}
.plan .checks{margin:24px 0 32px}
.plan .checks b{font-weight:600;color:var(--navy-900)}
.plan .btn{align-self:flex-start;margin-top:auto}
.price{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.price .amt{font:700 56px/1 var(--serif);color:var(--navy-900);font-variant-numeric:tabular-nums}
.price .per{color:var(--muted);font-size:15.5px}
.price.sm{margin-top:12px}
.price.sm .amt{font-size:40px}
.alt-price{margin-top:10px;color:var(--muted);font-size:15.5px}
.alt-price b{color:var(--navy-900);font-weight:600}
.plan-side{display:grid;gap:24px;align-content:start}
.plan-side .card p b{color:var(--navy-900);font-weight:600}
.plan-side .card p{margin-top:14px}
.fine{margin-top:24px;color:var(--muted);font-size:14.5px}

/* FAQ */
.faq{max-width:820px}
.faq-list{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card)}
details{border-top:1px solid var(--line)}
details:first-child{border-top:0}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;font-weight:600;font-size:16.5px;color:var(--navy-900)}
summary::-webkit-details-marker{display:none}
summary .ic{color:var(--muted);transition:transform .2s var(--ease)}
details[open] summary .ic{transform:rotate(45deg)}
summary:hover{background:var(--page)}
details:first-child summary{border-radius:14px 14px 0 0}
details p{padding:0 28px 24px;color:var(--muted);max-width:680px}

/* Closing CTA */
.band{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card);padding:56px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.band h2{font-size:36px;line-height:1.15}
.band p{color:var(--muted);font-size:17px;margin-top:20px;max-width:520px}

/* Footer */
.foot{background:var(--navy-900);color:var(--on-dark-muted);font-size:14px}
.foot .wrap{padding-top:56px;padding-bottom:40px}
.foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}
.foot-logo{width:150px}
.foot nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.foot a{color:#fff;text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.foot-legal{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}

/* Text pages: Privacy Policy, Terms of Service, Data & security */
.doc-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;align-items:start;padding-top:56px;padding-bottom:96px}
.doc-nav{position:sticky;top:108px;display:flex;flex-direction:column;gap:4px}
.doc-nav .label{margin:0 0 10px 12px}
.doc-nav a{display:block;padding:9px 12px;border-radius:10px;color:var(--muted);font-size:14.5px;font-weight:500;text-decoration:none}
.doc-nav a:hover{background:var(--navy-50);color:var(--navy-900)}
.doc-nav a[aria-current="page"]{background:var(--navy-50);color:var(--navy-900);font-weight:600}
.doc{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card);padding:56px 64px;max-width:820px;font-size:16px;line-height:1.7}
.doc h1{font-size:42px;line-height:1.1;letter-spacing:-.4px;margin-bottom:28px}
.doc h1::after{content:"";display:block;width:96px;height:16px;margin-top:18px;background:url("/img/swish.png") left center/contain no-repeat}
.doc h2{font-size:24px;line-height:1.25;margin:48px 0 12px}
.doc h3{font-size:19px;margin:32px 0 8px}
.doc p,.doc ul,.doc ol{margin:0 0 16px}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin:6px 0}
.doc li::marker{color:var(--muted)}
.doc b,.doc strong{font-weight:600;color:var(--navy-900)}
.doc table{width:100%;border-collapse:collapse;margin:20px 0 24px;font-size:15px;overflow-wrap:anywhere}
.doc th{text-align:left;font:600 11.5px/1.4 var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--line);background:var(--page)}
.doc td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;width:50%}
.doc blockquote{margin:0 0 28px;padding:14px 18px;background:var(--coral-50);border:1px solid #F6C9C2;border-radius:10px;color:var(--ink);font-size:15px}
.doc mark{background:var(--coral-50);color:var(--ink);padding:1px 4px;border-radius:4px;box-shadow:inset 0 0 0 1px #F6C9C2}

/* Tablet */
@media (max-width:980px){
  .wrap{padding:0 24px}
  .nav{display:none}
  .top-actions{margin-left:auto}
  .hero{padding-top:64px}
  .hero h1{font-size:44px}
  .g3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .split,.split.flip{grid-template-columns:minmax(0,1fr);gap:40px}
  .split.flip .shot,.split.flip .stubs{order:0}
  .pricing{grid-template-columns:minmax(0,1fr)}
  .stubs{justify-self:center}
  .split.stub:not(.flip){grid-template-columns:minmax(0,1fr)}
  .split.stub:not(.flip) .stubs{justify-self:center}
  .doc-wrap{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:32px}
  .doc-nav{position:static;flex-direction:row;flex-wrap:wrap}
  .doc-nav .label{display:none}
}
/* Phone */
@media (max-width:640px){
  .wrap{padding:0 20px}
  .top .wrap{height:64px;gap:16px}
  .logo img{height:34px}
  .top-actions{gap:14px}
  .top .btn.sm{height:38px;padding:0 12px;font-size:14px}
  .hero{padding-top:48px}
  .hero h1{font-size:36px;letter-spacing:-.4px}
  .lead{font-size:17px}
  .cta .btn{flex:1 1 100%}
  .proof{flex-direction:column;gap:10px}
  .hero-shot{margin-top:44px;border-radius:12px 12px 0 0}
  section{padding:64px 0}
  .head{margin-bottom:32px}
  .head h2,.split h2{font-size:30px}
  .head p,.split .sub{font-size:16.5px}
  .g3{grid-template-columns:minmax(0,1fr);gap:16px}
  .card{padding:24px}
  .plan{padding:28px 24px}
  .price .amt{font-size:46px}
  .plan .btn{align-self:stretch}
  .split + .split{margin-top:64px}
  summary{padding:20px}
  details p{padding:0 20px 20px}
  .band{padding:32px 24px}
  .band h2{font-size:28px}
  .band .btn{width:100%}
  .doc{padding:32px 22px;border-radius:14px}
  .doc h1{font-size:32px}
  .doc h2{font-size:21px;margin-top:40px}
}
@media (max-width:380px){.signin{display:none}}