@font-face{font-family: "Instrument Sans";
src: url("fonts/instrument-sans-400.woff2?v=86cf3896") format("woff2");
font-style: normal;
font-weight: 400;
font-display: block;}
@font-face{font-family: "Instrument Sans";
src: url("fonts/instrument-sans-500.woff2?v=93e64dc8") format("woff2");
font-style: normal;
font-weight: 500;
font-display: block;}
@font-face{font-family: "Ranade";
src: url("fonts/ranade-400.woff2?v=d7747f5d") format("woff2");
font-style: normal;
font-weight: 400;
font-display: block;}
@font-face{font-family: "Ranade";
src: url("fonts/ranade-500.woff2?v=e253793a") format("woff2");
font-style: normal;
font-weight: 500;
font-display: block;}
@font-face{font-family: "Ranade";
src: url("fonts/ranade-700.woff2?v=6c6885da") format("woff2");
font-style: normal;
font-weight: 700;
font-display: block;}
:root{--cream: #F9F9FA;
--paper: #ffffff;
--tan: #DDE8F5;
--sand: #B3E5FF;
--ink: #161F28;
--ink-soft: #5A6672;
--ink-faint: #64707D;
--line: rgba(22, 31, 40, 0.12);
--line-soft: rgba(22, 31, 40, 0.07);
--dark: #161F28;
--dark-2: #243D66;
--on-dark: #ffffff;
--on-dark-soft: rgba(255, 255, 255, 0.72);
--navy: #243D66;
--sky: #B3E5FF;
--sage: #0F7D6C;
--aurora: #27E6C6;
--serif: "Ranade", "Instrument Sans", sans-serif;
--brand: "Ranade", "Instrument Sans", sans-serif;
--sans: "Instrument Sans", "Helvetica Neue", system-ui, sans-serif;
--maxw: var(--nav-maxw, 1440px);
--page-gutter: clamp(24px, 5vw, 72px);}
* , *::before, *::after{box-sizing: border-box;}
html{scrollbar-gutter: stable; scroll-behavior: auto; -webkit-text-size-adjust: 100%; scroll-padding-top: 92px;}
body{margin: 0;
background: var(--cream);
color: var(--ink);
font-family: var(--sans);
font-size: 17px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
overflow-x: hidden;}
a{color: inherit; text-decoration: none;}
h1, h2, h3{font-family: var(--serif); margin: 0; font-weight: 500;}
.btn{display: inline-flex; align-items: center; gap: 9px;
font-family: var(--sans); font-size: 15px; font-weight: 500;
padding: 13px 22px; border-radius: 999px; cursor: pointer;
border: 1px solid transparent; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
white-space: nowrap;}
.btn .arrow{transition: transform .25s ease;}
.btn:hover .arrow{transform: translateX(3px);}
.btn-light{background: var(--on-dark); color: var(--ink);}
.btn-light:hover{transform: translateY(-1px); background: #fff;}
section{position: relative;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}}
@media (max-width: 560px){body{font-size: 16px;}}
.skip-link{position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 14px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 14px; transition: top .15s ease;}
.skip-link:focus{top: 12px; outline: 2px solid var(--aurora);}
main{display: block;}
.cookie-notice :focus-visible, [data-cookie-notice-open]:focus-visible{outline: 2px solid var(--navy); outline-offset: 4px;}
@container (min-width: 540px) { .pf-panes { grid-template-columns: 1.08fr 1fr; } }
.page--framed{--cream: #FAF5F0; --maxw: var(--nav-maxw, 1440px); --frame-gutter: var(--page-gutter); background: var(--cream);}
.framed-hero{min-height: 100svh;
min-height: 100dvh;
display: flex;
flex-direction: column;
background: var(--cream);
padding: 40px var(--frame-gutter) 40px;}
.framed-hero-grid{width: 100%;
flex: 1;
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 20px;
max-width: calc(var(--maxw) - 2 * var(--frame-gutter));
margin: 0 auto;}
.framed-card{position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: clamp(560px, calc(100svh - 140px), 820px);
padding: calc(clamp(32px, 4vw, 64px) + 64px) clamp(32px, 4vw, 64px) clamp(32px, 4vw, 64px);
border-radius: 24px;
overflow: hidden;}
.framed-card--business{position: relative; isolation: isolate; color: #fff; background: #174E5C;}
.framed-card--business::before{content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;}
.framed-card--business::before{background-image: linear-gradient(100deg, rgba(8,30,38,.52), rgba(8,30,38,.2)), url("hero-mesh-gradient.webp?v=64817a19"), url("data:image/webp;base64,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");
background-position: center;
background-size: cover;
background-repeat: no-repeat;}
.framed-audience{position: absolute; top: clamp(32px, 4vw, 64px); left: clamp(32px, 4vw, 64px);
display: inline-flex; align-self: flex-start; margin: 0; padding: 6px 12px;
border: 1px solid rgba(255,255,255,.24); border-radius: 999px;
background: rgba(255,255,255,.12); color: #fff;
font-size: 12px; font-weight: 500; line-height: 18px;}
.framed-card h1{font-family: var(--serif); font-size: clamp(42px, 4.7vw, 72px); line-height: 1.08; letter-spacing: -.04em;}
.framed-lede{margin: 28px 0 36px; max-width: 480px; font-size: 17px; line-height: 1.6;}
.framed-card--business .framed-lede{color: rgba(255,255,255,.9);}
.framed-actions{display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0;}
.framed-actions .btn{border-radius: 10px;}
@media (min-width: 681px){.framed-hero-grid{grid-template-rows: auto auto auto minmax(0, 1fr); row-gap: 0;}.framed-card{display: grid; grid-row: 1 / span 4; grid-template-rows: subgrid; row-gap: 0; align-items: start;}.framed-card--business{grid-column: 1;}.framed-card > :is(h1, h2){grid-row: 1;}.framed-card > .framed-lede{grid-row: 2;}.framed-card > .framed-actions{grid-row: 3;}}
@media (max-width: 900px){.framed-hero-grid{grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px;}.framed-card{padding: 80px 32px 32px;}.framed-card .framed-audience{top: 32px; left: 32px;}.framed-card h1{font-size: 42px;}}
@media (max-width: 680px){:root{--page-gutter: 24px;}.framed-hero{padding: 24px var(--frame-gutter) 24px;}.framed-hero-grid{grid-template-columns: minmax(0, 1fr);}.framed-card{min-height: 440px; padding: 80px 24px 32px; border-radius: 20px;}.framed-card .framed-audience{top: 28px; left: 24px;}.framed-card h1{font-size: clamp(35px, 8.8vw, 48px);}.framed-lede{font-size: 16px; margin-top: 24px;}}
@media (min-width: 1600px){:root{--nav-maxw: clamp(1440px, calc(40vw + 800px), 1680px);}.framed-card{min-height: clamp(560px, calc(100svh - 80px), 980px);}.framed-card h1{font-size: clamp(72px, calc(2.5vw + 32px), 88px);}.framed-lede{font-size: clamp(17px, calc(.625vw + 7px), 19px); max-width: clamp(480px, 30vw, 560px);}}
.page--international .framed-hero-grid{grid-template-columns: minmax(0, 1fr);}
.page--international .framed-card h1{max-width: 1000px; font-size: clamp(42px, 5.8vw, 92px);}
.page--international .framed-lede{max-width: 580px;}