/* Seamless Context site, version 2 (23 Oct 2026). One stylesheet, no external fonts or scripts. */
:root{
  --ink:#F3F1EC; --ink-soft:#A39FB0; --paper:#0B0B0F; --paper-dim:#111117; --card:#17171E;
  --line:#2A2933; --line-soft:#1E1D26; --accent:#8B7FFF; --accent-dark:#A79DFF; --accent-tint:#1C1933;
  --good:#3EE0B2; --good-tint:#0F231E; --warn:#E8B34E; --warn-tint:#251E10;
  --font-display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --radius-s:8px; --radius-m:14px; --radius-l:22px;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.35);
  --content-w:1120px; --prose-w:720px;
}
@media (prefers-color-scheme: light){
  :root{
    --ink:#17161C; --ink-soft:#5A5665; --paper:#FBFAFC; --paper-dim:#F2F0F6; --card:#FFFFFF;
    --line:#E2DFEA; --line-soft:#ECEAF2; --accent:#5F4FE0; --accent-dark:#4837C4; --accent-tint:#EEEBFF;
    --good:#0C8A65; --good-tint:#E3F6EE; --warn:#9A6B00; --warn-tint:#FFF4DB;
    --shadow:0 1px 2px rgba(23,22,28,.05),0 12px 32px rgba(23,22,28,.07);
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--accent-dark);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,4.6vw,3.5rem);font-weight:500}
h2{font-size:clamp(1.55rem,2.6vw,2.2rem)}
h3{font-size:1.25rem}
p{margin:0 0 1.1em}
.wrap{max-width:var(--content-w);margin-inline:auto;padding-inline:20px}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:.8em}
.muted{color:var(--ink-soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-weight:700;font-size:.97rem;padding:.85em 1.5em;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{background:var(--accent-dark);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-sm{padding:.55em 1.1em;font-size:.86rem}
/* header */
.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.brand{display:flex;align-items:center;gap:.6em;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand .mark{width:28px;height:28px;border-radius:9px;background:linear-gradient(155deg,var(--accent),var(--good));flex:none}
.main-nav{display:flex;align-items:center;gap:26px}
.main-nav a{font-size:.92rem;font-weight:600;color:var(--ink-soft)}
.main-nav a:hover{color:var(--ink);text-decoration:none}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{list-style:none;cursor:pointer;font-weight:700;font-size:.9rem;padding:.5em .9em;border:1px solid var(--line);border-radius:999px}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;right:0;top:46px;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-m);padding:10px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.mobile-menu nav a{padding:.6em .8em;color:var(--ink);font-weight:600;border-radius:8px}
.mobile-menu nav a:hover{background:var(--paper-dim);text-decoration:none}
@media (max-width:860px){.main-nav{display:none}.mobile-menu{display:block}}
/* hero + sections */
.hero{padding:84px 0 56px;text-align:center}
.hero h1{max-width:860px;margin-inline:auto}
.hero .lede{max-width:660px;margin:20px auto 32px;font-size:1.15rem;color:var(--ink-soft)}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-trust{margin-top:26px;font-size:.88rem;color:var(--ink-soft)}
section.block{padding:56px 0}
.section-head{max-width:680px;margin:0 auto 36px;text-align:center}
.card-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.card-grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-l);padding:26px;box-shadow:var(--shadow)}
.card .num{font-family:var(--font-display);font-size:1.5rem;color:var(--accent);display:block;margin-bottom:8px}
.card p{color:var(--ink-soft);margin:0;font-size:.97rem}
.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 0 28px}
@media (max-width:760px){.stat-grid{grid-template-columns:1fr}}
.stat{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-m);padding:22px;text-align:center}
.stat b{display:block;font-family:var(--font-display);font-size:2.1rem;color:var(--good);line-height:1.1}
.stat span{display:block;margin-top:6px;font-size:.9rem;color:var(--ink-soft)}
.note{background:var(--warn-tint);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);border-radius:var(--radius-m);padding:18px 20px;margin:20px 0;font-size:.97rem}
.note strong{color:var(--warn)}
/* tables */
.tablewrap{overflow-x:auto;margin:1.2em 0;border:1px solid var(--line-soft);border-radius:var(--radius-m)}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{font-family:var(--font-display);background:var(--paper-dim)}
tr:last-child td{border-bottom:none}
td.good{color:var(--good);font-weight:700}
td.bad{color:var(--warn);font-weight:700}
/* pricing */
.price-card{background:var(--card);border:1px solid var(--accent);border-radius:var(--radius-l);padding:34px;box-shadow:var(--shadow);max-width:520px;margin:0 auto}
.price-card .amount{font-family:var(--font-display);font-size:2.8rem;margin:6px 0 2px}
.price-card .amount s{font-size:1.2rem;color:var(--ink-soft);margin-left:6px}
.price-card ul{list-style:none;padding:0;margin:18px 0 24px}
.price-card li{position:relative;padding-left:1.6em;margin:.55em 0;font-size:.97rem;color:var(--ink-soft)}
.price-card li::before{content:"\2713";position:absolute;left:0;color:var(--good);font-weight:700}
/* faq */
.faq{max-width:var(--prose-w);margin-inline:auto}
.faq details{border-bottom:1px solid var(--line-soft);padding:16px 0}
.faq summary{cursor:pointer;font-weight:700;font-family:var(--font-display);font-size:1.06rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.3rem}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin:12px 0 0;color:var(--ink-soft)}
/* cta band */
.cta-band{background:radial-gradient(120% 160% at 15% 0%,var(--accent-tint),var(--paper-dim) 62%);border:1px solid var(--line);border-radius:var(--radius-l);padding:48px 28px;text-align:center}
.cta-band p{max-width:560px;margin:0 auto 1.4em;color:var(--ink-soft)}
/* articles */
.article-shell{display:grid;grid-template-columns:minmax(0,var(--prose-w)) 270px;gap:52px;max-width:var(--content-w);margin-inline:auto;padding:40px 20px 72px;align-items:start}
@media (max-width:980px){.article-shell{grid-template-columns:1fr}}
.breadcrumbs{font-size:.82rem;color:var(--ink-soft);margin-bottom:16px}
.breadcrumbs a{color:var(--ink-soft)}
.article-meta{font-size:.85rem;color:var(--ink-soft);margin:0 0 1.6em}
article.prose h1{font-size:clamp(1.9rem,3.4vw,2.6rem)}
article.prose h2{margin-top:1.6em;font-size:1.45rem}
article.prose h3{margin-top:1.3em}
article.prose p,article.prose li{color:var(--ink-soft);font-size:1.03rem}
article.prose strong{color:var(--ink)}
article.prose a{text-decoration:underline;text-underline-offset:3px}
article.prose ul,article.prose ol{padding-left:1.3em}
article.prose li{margin-bottom:.45em}
article.prose table{margin:0}
.callout{margin:1.6em 0;padding:18px 22px;border-left:3px solid var(--accent);background:var(--accent-tint);border-radius:0 var(--radius-s) var(--radius-s) 0}
.callout p{margin:0;color:var(--ink)}
.callout-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:6px}
.article-cta{margin:2.4em 0 0;padding:26px;border:1px solid var(--accent);border-radius:var(--radius-l);background:var(--card);box-shadow:var(--shadow)}
.article-cta h3{margin-top:0}
.article-cta p{color:var(--ink-soft);font-size:.99rem}
.article-cta .row{display:flex;gap:12px;flex-wrap:wrap}
.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
@media (max-width:980px){.sidebar{position:static}}
.sidebar-block{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-m);padding:18px}
.sidebar-block h4{font-family:var(--font-body);font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);margin-bottom:12px}
.sidebar-block ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sidebar-block a{font-size:.9rem;font-weight:600;color:var(--ink)}
.sidebar-block p{font-size:.9rem;color:var(--ink-soft)}
/* guides hub */
.guide-group{margin:0 0 40px}
.guide-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.guide-list{grid-template-columns:1fr}}
.guide-list a{display:block;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-m);padding:16px 18px;color:var(--ink);font-weight:600}
.guide-list a:hover{border-color:var(--accent);text-decoration:none}
.guide-list small{display:block;font-weight:400;color:var(--ink-soft);margin-top:4px;font-size:.86rem}
/* footer */
.site-footer{border-top:1px solid var(--line-soft);padding:48px 0 34px;background:var(--paper-dim)}
.footer-grid{display:grid;gap:30px;grid-template-columns:1.4fr repeat(3,1fr)}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}
.footer-grid h4{font-family:var(--font-body);font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);margin-bottom:12px}
.footer-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.footer-grid a{font-size:.9rem;color:var(--ink-soft)}
.footer-grid a:hover{color:var(--ink)}
.footer-legal{margin-top:34px;padding-top:18px;border-top:1px solid var(--line-soft);font-size:.8rem;color:var(--ink-soft)}
/* inline call-to-action boxes inside articles */
.mid-cta{margin:2em 0;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--paper-dim);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mid-cta h3{margin:0 0 .3em;font-size:1.1rem}
.mid-cta p{margin:0;font-size:.97rem}
.mid-cta > div{flex:1 1 360px}
/* small phones: keep the header on one line */
.brand{white-space:nowrap}
.btn-sm{white-space:nowrap}
@media (max-width:480px){
  .site-header .wrap{gap:8px;height:62px}
  .brand{font-size:.98rem;gap:.45em}
  .brand .mark{width:24px;height:24px;border-radius:7px}
  .btn-sm{padding:.5em .85em;font-size:.8rem}
  .mobile-menu summary{padding:.45em .75em;font-size:.82rem}
  .hero{padding:56px 0 40px}
}