@font-face{font-family:PlusJakartaSans;src:url('/assets/fonts/PlusJakartaSans_400Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PlusJakartaSans;src:url('/assets/fonts/PlusJakartaSans_500Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:PlusJakartaSans;src:url('/assets/fonts/PlusJakartaSans_600SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:PlusJakartaSans;src:url('/assets/fonts/PlusJakartaSans_700Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:PlusJakartaSans;src:url('/assets/fonts/PlusJakartaSans_800ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
/* Shared typography and app colour tokens. */
:root{color-scheme:light;--paper:#fcf9f7;--white:#fff;--ink:#261f2d;--muted:#625a68;--quiet:#756e7b;--plum:#765a9a;--plum-strong:#5b4374;--plum-soft:#eee8f6;--line:#e2d9e1;--rose:#b45f7d;--teal:#3f847a;--blue:#5274a5;--indigo:#454a85;--font:'PlusJakartaSans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--content:1180px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--font);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--plum);outline-offset:5px}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{font-weight:600;text-wrap:balance}
.page-wrap{width:min(var(--content),calc(100% - 80px));margin-inline:auto}
.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:10px 14px;transform:translateY(-160%);background:#fff;border:1px solid var(--line);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{width:min(var(--content),calc(100% - 80px));height:96px;margin:auto;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.045em;white-space:nowrap}
.brand img{width:40px;height:40px;border-radius:11px}
.site-nav{display:flex;gap:30px;align-items:center;margin-left:auto}
.site-nav a,.site-footer nav a{font-size:13px;text-decoration:none;color:var(--muted);transition:color .2s}
.site-nav a:hover,.site-footer nav a:hover{color:var(--plum-strong);text-decoration:underline;text-underline-offset:5px}
.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;background:var(--plum-strong);color:#fff;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.button:hover{background:#49345f;transform:translateY(-1px)}
.button:active{transform:translateY(1px)}
.button-small{min-height:42px;padding-inline:17px;font-size:12px;border-radius:10px}
.eyebrow{margin:0 0 20px;color:var(--plum-strong);font-size:13px;font-weight:600;letter-spacing:.01em}
.eyebrow-dot,.topic-mark{display:none}
.lead,.section-intro{color:var(--muted);text-wrap:pretty}
.text-link{display:inline-flex;align-items:center;gap:16px;color:var(--plum-strong);font-size:13px;font-weight:600;text-decoration:none}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.muted{color:var(--quiet);font-size:13px;margin:0}
/* Homepage: product first, then the question library. */
.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:70px;padding-top:42px;padding-bottom:42px}
.hero h1{margin:0;font-size:clamp(44px,4.65vw,65px);line-height:1.13;letter-spacing:-.055em;font-weight:600}
.hero h1 span{color:var(--plum-strong)}
.hero .lead{max-width:470px;margin:25px 0 27px;font-size:17px;line-height:1.8}
.app-note{display:grid;gap:2px;margin:13px 0 0;font-size:11px;line-height:1.5;color:var(--quiet)}
.app-note p{margin:0}
.hero-guide{margin-top:46px;font-size:12px;display:grid;gap:6px}
.hero-guide>span{color:var(--quiet)}
.hero-guide a{width:fit-content;text-decoration:none;color:var(--plum-strong);font-weight:600}
.hero-guide a{padding-bottom:2px;border-bottom:1px solid #b7a8c6}
.product-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:630px;padding:26px 25px 20px;margin:0;background:#eee8f2;border-radius:28px}
.product-screen{width:264px;overflow:hidden;border:1px solid #d5cbdc;border-radius:32px;background:var(--paper);box-shadow:0 12px 28px #47315412}
.product-screen img{width:100%}
.product-stage figcaption{display:flex;justify-content:space-between;width:100%;color:#72637d;font-size:10px}
.care-types{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid var(--line);padding-block:23px;font-size:13px}
.care-types>span:first-child{color:var(--quiet);font-size:12px}
.care-type{display:flex;align-items:center;gap:10px;font-weight:500}
.care-type:before{content:none}
.guide-section{padding-block:96px 88px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}
.section-heading .eyebrow{margin-bottom:14px}
.section-heading h2,.app-copy h2{margin:0;font-size:clamp(32px,3.2vw,43px);line-height:1.2;letter-spacing:-.045em}
.section-intro{max-width:600px;font-size:15px;line-height:1.8;margin:0}
.home-questions{display:grid;grid-template-columns:1fr 1fr;gap:0 58px;margin-top:34px}
.home-questions article{padding:25px 0 27px;border-top:1px solid var(--line)}
.card-meta{display:grid;gap:1px;margin:0;color:var(--quiet);font-size:11px;font-weight:500;line-height:1.5}
.home-questions h3{font-size:21px;line-height:1.45;letter-spacing:-.035em;margin:11px 0 10px}
.home-questions h3 a{display:inline;text-decoration:none;text-decoration-color:#a797b6;text-underline-offset:4px}
.home-questions h3 a:hover{color:var(--plum-strong)}
.home-questions article>p:last-child{margin:0;color:var(--muted);font-size:13px;max-width:420px;line-height:1.75}
.app-section{display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:center;padding-block:0 90px}
.insights-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;min-height:650px;margin:0;padding:30px;background:#e8eeeb;border-radius:28px}
.insights-screen{width:264px;border:1px solid #cfdbd4;border-radius:32px;overflow:hidden;box-shadow:0 12px 28px #304d4210}
.insights-stage figcaption{font-size:11px;color:#5e756c}
.app-copy .eyebrow{color:var(--teal)}
.app-copy>.section-intro{margin-top:22px}
.app-details{margin:30px 0 0}
.app-details>div{padding:17px 0;border-top:1px solid var(--line)}
.app-details dt{font-size:14px;font-weight:600;margin-bottom:6px}
.app-details dd{margin:0;color:var(--muted);font-size:13px;line-height:1.75;max-width:430px}
.app-details a{color:var(--plum-strong);text-underline-offset:3px}
.closing{padding-block:40px;margin-bottom:66px;border-block:1px solid var(--line);display:flex;gap:25px;align-items:center}
.closing>img{border-radius:19px;flex-shrink:0;width:72px}
.closing h2{margin:0 0 8px;font-size:27px;line-height:1.3;letter-spacing:-.035em}
.closing p{margin:0;font-size:13px;color:var(--muted)}
.closing>.button{margin-left:auto;flex-shrink:0}
.site-footer{width:min(var(--content),calc(100% - 80px));margin:auto;padding:0 0 35px;display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:center}
.brand-footer{font-size:17px}
.brand-footer img{width:32px;height:32px;border-radius:9px}
.site-footer p{margin:8px 0 0;color:var(--quiet);font-size:11px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:24px}
.site-footer small{grid-column:1 / -1;color:var(--quiet);font-size:10px}
/* Question library: open editorial rows, no featured-card hierarchy. */
.guide-hero{padding-top:70px;padding-bottom:48px}
.guide-hero h1{margin:0;max-width:750px;font-size:clamp(40px,5vw,62px);line-height:1.16;letter-spacing:-.05em}
.guide-hero .lead{max-width:640px;font-size:16px;line-height:1.8;margin:22px 0 30px}
.guide-search{display:flex;align-items:center;gap:15px;max-width:620px;padding:6px 6px 6px 17px;border:1px solid #cfc5d6;border-radius:12px;background:var(--white)}
.guide-search:focus-within{outline:2px solid var(--plum);outline-offset:3px}
.search-mark{font-size:26px;color:var(--plum)}
.guide-search input{width:100%;min-width:0;border:0;background:transparent;font-size:14px;color:var(--ink)}
.guide-search input:focus{outline:0}
.guide-search input::placeholder{color:var(--quiet)}
.guide-search .button{flex-shrink:0}
.guide-note{font-size:11px;color:var(--quiet);margin:13px 0 0}
.guide-content{padding-bottom:65px}
.guide-heading{border-top:1px solid var(--line);padding-top:27px;margin-bottom:25px}
.guide-heading h2{font-size:25px;letter-spacing:-.03em}
.guide-heading .eyebrow{display:none}
.filter-row{display:flex;flex-wrap:wrap;gap:23px;margin-bottom:10px}
.filter-button{min-height:42px;padding:0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px;cursor:pointer;transition:color .2s,border-color .2s}
.filter-button:hover{color:var(--plum-strong)}
.filter-button.is-active{border-color:var(--plum-strong);color:var(--plum-strong);font-weight:600}
.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 58px}
.question-card{padding:27px 0 30px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:start}
.question-card h2{font-size:23px;line-height:1.4;letter-spacing:-.035em;margin:14px 0 12px}
.question-card h2 a{text-decoration:none}
.question-card h2 a:hover{color:var(--plum-strong)}
.question-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 20px;max-width:490px}
.question-card .text-link{margin-top:auto;font-size:12px}
.empty-results{padding:34px 0;color:var(--muted)}
.editorial-note{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);padding-top:28px;margin-bottom:70px}
.editorial-symbol{display:none}
.editorial-note h2{font-size:17px;margin:0 0 10px;letter-spacing:-.025em}
.editorial-note p{font-size:13px;color:var(--muted);line-height:1.8;margin:0;max-width:710px}
/* Articles: comfortable reading measure, clear source hierarchy. */
.reading-shell{width:min(1040px,calc(100% - 80px));margin:auto;padding:26px 0 75px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0;color:var(--quiet);font-size:11px}
.breadcrumbs a{text-decoration:none}
.breadcrumbs a:hover{color:var(--plum-strong)}
.reading-page{width:min(100%,710px);margin:50px auto 0}
.article-header{padding-bottom:25px;border-bottom:1px solid var(--line)}
.article-header h1{margin:18px 0;font-size:clamp(36px,4.5vw,52px);line-height:1.18;letter-spacing:-.045em}
.article-deck{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.byline{margin:20px 0 0;color:var(--quiet);font-size:11px}
.byline span{padding:0 5px}
.quick-answer{margin:30px 0 38px;padding:6px 0 6px 22px;border-left:2px solid var(--plum)}
.quick-answer .eyebrow{margin-bottom:10px;font-size:12px}
.quick-answer>p:last-child{font-size:16px;line-height:1.85;margin:0;color:#43374f}
.article-prose{font-size:16px;line-height:1.9;color:#39313f}
.article-section{margin:35px 0}
.article-section h2{font-size:23px;line-height:1.4;letter-spacing:-.03em;margin:0 0 12px}
.article-section p{margin:0 0 16px}
.article-prose a,.sources a{color:var(--plum-strong);text-underline-offset:4px}
.care-note{padding:21px 23px;background:#edf1f7;border-radius:10px;margin:37px 0}
.care-note strong{font-size:13px;font-weight:600}
.care-note p{font-size:13px;line-height:1.85;color:var(--muted);margin:7px 0 0}
.sources{padding-top:25px;border-top:1px solid var(--line)}
.sources h2{font-size:18px;letter-spacing:-.025em;margin:0 0 14px}
.sources ul{padding-left:18px;margin:0;font-size:13px;line-height:1.9}
.source-date{font-size:11px;color:var(--quiet);margin:16px 0 0}
.related-questions{padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}
.related-questions h2{font-size:18px;letter-spacing:-.025em;margin:0 0 8px}
.related-questions ul{list-style:none;padding:0;margin:0}
.related-questions li{padding:13px 0;border-bottom:1px solid var(--line)}
.related-questions a{color:var(--plum-strong);font-size:14px;font-weight:600;text-decoration:none}
.related-questions a:hover{text-decoration:underline;text-underline-offset:4px}
.related-questions p{color:var(--muted);font-size:12px;line-height:1.7;margin:5px 0 0}
.back-link{display:inline-flex;margin-top:30px;font-size:13px;color:var(--plum-strong);text-decoration:none}
.back-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.hero{gap:40px}.hero h1{font-size:50px}.product-stage{min-height:580px}.product-screen{width:240px}.app-section{gap:50px}.insights-stage{min-height:610px}.site-nav{gap:22px}.site-header{gap:25px}.home-questions,.question-grid{column-gap:35px}.desktop-break{display:none}}
@media(max-width:760px){.page-wrap,.site-header,.site-footer{width:calc(100% - 40px)}.site-header{height:76px;gap:18px}.brand{font-size:18px;gap:8px}.brand img{width:34px;height:34px;border-radius:10px}.site-nav{gap:20px}.site-nav a{font-size:12px}.site-header>.button,.site-nav a[href="/support.html"]{display:none}.hero{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:30px}.hero h1{font-size:clamp(40px,9.6vw,59px);line-height:1.15;letter-spacing:-.05em}.hero .eyebrow{margin-bottom:16px}.hero .lead{font-size:15px;line-height:1.8;max-width:490px;margin:20px 0 23px}.hero-guide{margin-top:26px;display:flex;flex-wrap:wrap;gap:5px 12px}.product-stage{min-height:0;padding:24px 22px 16px;border-radius:22px;gap:20px}.product-screen{width:min(264px,78%)}.care-types{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;padding-block:20px;font-size:12px}.care-types>span:first-child{grid-column:1 / -1;font-size:11px}.care-type{gap:8px}.guide-section{padding-block:56px 47px}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:18px}.section-heading h2,.app-copy h2{font-size:33px;line-height:1.22}.section-heading .eyebrow{margin-bottom:12px}.section-intro{font-size:14px}.home-questions{grid-template-columns:1fr;margin-top:27px}.home-questions article{padding:21px 0}.home-questions h3{font-size:20px;margin-block:10px}.home-questions article>p:last-child{font-size:12px}.app-section{grid-template-columns:1fr;gap:31px;padding-bottom:52px}.app-copy{grid-row:1}.app-copy>.section-intro{margin-top:18px}.app-details{margin-top:22px}.app-details>div{padding-block:16px}.insights-stage{min-height:0;padding:24px 22px 20px;gap:20px;border-radius:22px}.insights-screen{width:min(264px,78%)}.closing{display:grid;grid-template-columns:52px 1fr;padding-block:27px;gap:18px;margin-bottom:37px}.closing>img{width:52px;border-radius:14px}.closing h2{font-size:24px}.closing p{font-size:12px}.closing>.button{grid-column:2;margin-left:0;justify-self:start}.site-footer{grid-template-columns:1fr;gap:23px;padding-bottom:27px}.site-footer nav{gap:18px}.site-footer nav a{font-size:12px}.site-footer small{grid-column:1}.guide-hero{padding-top:42px;padding-bottom:35px}.guide-hero h1{font-size:42px}.guide-hero .lead{font-size:15px;margin:19px 0 24px}.guide-search{gap:10px;padding-left:13px}.guide-search input{font-size:12px}.guide-search .button{padding-inline:14px}.guide-heading{padding-top:22px;gap:10px}.guide-heading h2{font-size:25px}.filter-row{gap:22px}.question-grid{grid-template-columns:1fr}.question-card{padding-block:23px}.question-card h2{font-size:22px}.question-card p{font-size:13px}.guide-content{padding-bottom:40px}.editorial-note{grid-template-columns:1fr;gap:20px;padding-top:25px;margin-bottom:46px}.editorial-note h2{font-size:16px}.editorial-note p{font-size:12px}.reading-shell{width:calc(100% - 40px);padding-top:22px}.breadcrumbs [aria-current]{display:none}.reading-page{margin-top:35px}.article-header h1{font-size:36px;line-height:1.22;letter-spacing:-.04em}.article-deck{font-size:14px}.quick-answer{padding-left:17px}.quick-answer>p:last-child{font-size:15px}.article-prose{font-size:15px}.article-section h2{font-size:21px}}
@media(max-width:360px){.site-nav{gap:12px}.site-nav a{font-size:11px}.hero h1{font-size:37px}.hero-guide{font-size:11px}.care-types{font-size:11px}.filter-row{gap:15px}.guide-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
