:root{
  --night:#0F2327; --night-2:#16333A; --teal:#006F75; --icon-teal:#008F96; --mint:#2FC7C9; --ember:#E8562A;
  --pale:#E6F4F4; --ink:#12272B; --ink-soft:#44595D; --line:#C9DFDF; --on-night:#E4EFEE; --on-night-soft:#A7BFC0;
  box-sizing:border-box;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,"Segoe UI",system-ui,sans-serif;background:#fff;color:var(--ink);font-size:18px;line-height:1.6}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--icon-teal);outline-offset:3px;border-radius:6px}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
h2{font-weight:800;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.8px;line-height:1.12;margin:0 0 18px;color:var(--teal)}
h3{font-weight:800;font-size:20px;line-height:1.3;margin:0 0 6px}
p{margin:0 0 16px}
.eyebrow{font-weight:800;font-size:14px;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal);margin:0 0 14px}
.btn{display:inline-block;font-weight:700;font-size:17px;text-decoration:none;padding:15px 26px;border-radius:12px}
.btn-primary{background:var(--ember);color:#fff}
.btn-primary:hover{background:#D24A20}
.btn-teal{background:var(--teal);color:#fff}
.btn-teal:hover{background:#005A5F}
section{padding:104px 0}
section.pale{background:var(--pale)}

/* Top section: the only dark part of the page */
.topband{position:relative;background:var(--night);color:var(--on-night)}
.topband :focus-visible{outline-color:var(--mint)}
.rings{position:absolute;inset:0;background:url(images/tree-rings.svg) no-repeat;background-size:1100px 1100px;background-position:right -360px bottom -420px;opacity:.34;overflow:hidden;pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .rings::after{content:"";position:absolute;inset:0;background:inherit;opacity:0;transform-origin:calc(100% - 190px) calc(100% - 130px);animation:rings-ripple 16s ease-in-out infinite}
}
@keyframes rings-ripple{0%{opacity:0;transform:scale(1)}40%{opacity:.5}100%{opacity:0;transform:scale(1.06)}}
.topband > *:not(.rings){position:relative}
header.top{padding:28px 0;z-index:5}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none}
.brand img{height:46px;width:auto}
.top .brand img{min-width:0;object-fit:contain;object-position:left center}
.brand span{font-size:18px;white-space:nowrap;font-weight:700;color:var(--pale);border-left:1px solid rgba(228,239,238,.35);padding-left:18px;line-height:1.2;letter-spacing:.1px;position:relative;top:3px}
.top .actions{display:flex;align-items:center;gap:12px;flex:none}
.menu{position:relative}
.menu-btn,.btn-demo{display:inline-block;font:inherit;font-weight:700;font-size:16px;line-height:1.3;text-decoration:none;padding:10px 20px;border-radius:999px;white-space:nowrap;cursor:pointer}
.menu-btn{color:var(--on-night);background:none;border:1.5px solid rgba(47,199,201,.5)}
.menu-btn:hover,.menu-btn[aria-expanded="true"]{border-color:var(--mint);color:#fff}
.menu-btn::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 10px}
.menu-btn[aria-expanded="true"]::after{transform:rotate(-135deg);margin-bottom:-1px}
.top-link{display:inline-flex;align-items:center;gap:7px;color:var(--mint);font-weight:800;font-size:16px;line-height:1.3;text-decoration:none;padding:10px 6px;white-space:nowrap}
.bulb{width:22px;height:22px;flex:none;fill:currentColor}
.bulb .base{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.top-link:hover span{color:#fff}
#site-nav .nav-insights .bulb{display:none}
.top-link:hover span,.top-link[aria-current="page"] span{text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px;text-underline-offset:6px}
.btn-demo{background:var(--ember);color:#fff;border:1.5px solid var(--ember)}
.btn-demo:hover{background:#D24A20;border-color:#D24A20}
#site-nav{background:#fff;border-radius:16px;padding:8px;min-width:240px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
#site-nav a{display:block;padding:11px 16px;border-radius:10px;color:var(--ink);font-weight:700;font-size:16px;text-decoration:none}
#site-nav a:hover{background:var(--pale);color:var(--teal)}
#site-nav a[aria-current="page"]{color:var(--teal);background:var(--pale)}
#site-nav a:focus-visible{outline-color:var(--teal)}
.js #site-nav{display:none;position:absolute;right:0;top:calc(100% + 10px);z-index:20}
.js #site-nav.open{display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[id]{scroll-margin-top:16px}
main h1{font-weight:800;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.8px;line-height:1.12;margin:0 0 18px;color:var(--teal)}
main h1.sr{margin:0}
.how .head h1{margin-bottom:10px}
.hero{padding:64px 0 120px}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.hero h1{font-weight:800;font-size:clamp(40px,5.4vw,66px);line-height:1.04;letter-spacing:-1.5px;margin:0 0 24px;color:#fff;max-width:15ch}
.hero p.lede{font-size:20px;color:var(--on-night-soft);max-width:33em;margin:0 0 36px}

.thread{--agency:#24406B;background:#fff;color:#1B2430;border-radius:28px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.thread .who{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.thread .avatar{width:42px;height:42px;border-radius:21px;background:var(--agency);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:18px}
.thread .name{font-weight:800;color:var(--agency);font-size:16px;line-height:1.3}
.thread .sub{font-size:13px;color:#5B6470}
.bubble{background:#EEF1F6;color:#1B2430;border-radius:20px 20px 20px 6px;padding:14px 18px;font-size:16px;line-height:1.5;max-width:92%}
.bubble .link{overflow-wrap:anywhere}
.bubble .link{color:var(--agency);font-weight:700;text-decoration:underline}
.stamp{font-size:12px;color:#5B6470;margin:10px 4px 18px}
.reply{margin-left:auto;background:var(--agency);color:#fff;border-radius:20px 20px 6px 20px;padding:12px 16px;font-size:15px;width:fit-content;max-width:80%}
.resolved{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 16px;border-radius:14px;background:#E8EDF5;color:var(--agency);font-weight:700;font-size:15px}
.resolved .dot{width:12px;height:12px;border-radius:6px;background:var(--agency);flex:none}
@media (prefers-reduced-motion:no-preference){
  .reply,.resolved{opacity:0;transform:translateY(8px);animation:rise .5s ease-out forwards}
  .reply{animation-delay:1.1s}
  .resolved{animation-delay:2s}
  @keyframes rise{to{opacity:1;transform:none}}
}

/* Explainer video: hidden until the video exists */
.video{padding:88px 0 0}
.video .frame{max-width:920px;margin:0 auto;border-radius:22px;overflow:hidden;background:var(--night);box-shadow:0 24px 48px rgba(15,35,39,.16)}
.video video{display:block;width:100%;aspect-ratio:16/9}
.video p{text-align:center;color:var(--ink-soft);margin:18px 0 0;font-size:16px}

/* The problem */
.problem .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.problem .eyebrow{color:var(--ember);font-size:16px}
.problem h2{max-width:13ch;margin-left:-.04em}
.problem .own-words{font-size:20px;color:var(--ink-soft);max-width:26em}
.problem .own-words p:first-child{color:var(--ink);font-weight:700}

/* Who we serve */
.serve h2{margin-bottom:36px}
.serve .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.serve .card{background:#fff;border-radius:18px;border-top:4px solid var(--teal);padding:28px 26px 26px;box-shadow:0 8px 24px rgba(15,35,39,.06)}
.serve .card h3{margin:0 0 10px;font-size:22px;line-height:1.2;color:var(--ink)}
.serve .card p{margin:0;font-size:17px;color:var(--ink)}
.serve .card p.docs{margin-top:8px;color:var(--ink-soft)}

/* Proof point */
.proof{padding:84px 0}
.proof h2{margin-bottom:44px}
.proof .facts{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.proof .facts > div{border-top:3px solid var(--teal);padding-top:26px}
.proof .facts strong{display:block;font-weight:800;font-size:clamp(36px,4.4vw,56px);line-height:1.05;letter-spacing:-.03em;color:var(--night);margin-bottom:14px}
.proof .facts span{display:block;font-size:20px;color:var(--ink-soft);max-width:22em}

/* How it works: one connected row */
.how .head{margin-bottom:60px}
.how .head h2{margin-bottom:10px}
.how .head p{color:var(--icon-teal);font-weight:700;font-size:23px;line-height:1.35;margin:0}
ol.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:step;position:relative}
ol.steps::before{content:"";position:absolute;left:28px;right:calc(33.33% - 28px);top:27px;height:3px;background:var(--line)}
ol.steps li{counter-increment:step;position:relative;padding-right:40px}
ol.steps li::before{content:counter(step);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:28px;background:var(--teal);color:#fff;font-weight:800;font-size:22px;margin-bottom:22px;position:relative;box-shadow:0 0 0 8px #fff}
ol.steps h3{font-size:22px;margin-bottom:8px;max-width:15em}
ol.steps p{margin:0;color:var(--ink-soft);font-size:17px;max-width:21em}

/* Product pictures */
.showcase{display:grid;grid-template-columns:320px minmax(0,1fr);gap:64px;align-items:start;margin-top:8px}
.showcase figure{margin:0;min-width:0;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:22px;text-align:center}
.showcase h3{color:var(--teal);font-size:22px;margin:0}
.showcase .device{justify-self:center;text-align:left}
.showcase .laptop{margin-top:38px}
.seq{display:flex;flex-direction:column;align-items:center;gap:12px}
.seq .label{font-weight:800;font-size:16px;color:var(--ink);margin:0;line-height:26px}
.seq .label b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:13px;background:var(--teal);color:#fff;font-size:14px;margin-right:8px}
.seq .arrow{width:28px;height:44px;margin:4px 0}
.sms{width:290px;max-width:100%;text-align:left;background:#fff;border-radius:18px 18px 18px 5px;padding:12px 15px;font-size:13.5px;line-height:1.45;color:#1B2430;box-shadow:0 8px 24px rgba(15,35,39,.10)}
.sms small{display:block;font-size:11px;font-weight:800;color:#24406B;margin-bottom:3px}
.sms u{color:#24406B;font-weight:700}
.showcase .laptop{width:100%}
.showcase figcaption{color:var(--ink-soft);font-size:16px;max-width:36em;justify-self:center}
.phone{width:290px;max-width:100%;background:#0B1A1D;border-radius:40px;padding:12px;box-shadow:0 24px 48px rgba(15,35,39,.18)}
.phone .screen{background:#F6F5F1;border-radius:30px;overflow:hidden;font-size:13px;color:#1B2430}
.laptop .lid{background:#0B1A1D;border-radius:22px 22px 0 0;padding:14px 14px 12px;margin:0 5%;box-shadow:0 24px 48px rgba(15,35,39,.14)}
.laptop .screen{background:#fff;border-radius:10px;overflow:hidden}
.laptop .base{height:18px;background:#0B1A1D;border-radius:4px 4px 18px 18px;position:relative}
.laptop .base::before{content:"";position:absolute;left:50%;top:0;width:16%;height:7px;transform:translateX(-50%);background:#2A4046;border-radius:0 0 8px 8px}
.device img{width:100%;height:auto}
.ag-head{background:#24406B;color:#fff;padding:22px 16px 18px;text-align:center}
.ag-head .ag-name{font-weight:800;font-size:19px;letter-spacing:-.2px}
.ag-head .ag-sub{font-size:11px;color:#C9D4E6;margin-top:2px}
.phone .body{padding:16px;display:flex;flex-direction:column;gap:11px}
.phone h4{margin:0;font-size:17px;line-height:1.25;font-weight:800}
.item{background:#fff;border:1px solid #E1E4E8;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:9px}
.item .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.item b{font-size:14px}
.item small{display:block;color:#5B6470;font-size:11px}
.powered{text-align:center;font-size:11px;font-weight:700;color:var(--ember);padding:4px 0 14px}
.onfile{background:#fff;border:1px solid #E1E4E8;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.onfile small{display:block;color:#5B6470;font-size:11px}
.onfile b{font-size:13px}
.pill{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.p-warn{background:#FBEBD9;color:#7A3A0E}.p-bad{background:#F6DEDD;color:#8E2426}.p-rev{background:#E6E8F5;color:#33408A}.p-ok{background:#E2F1E6;color:#1F6B3A}.p-miss{background:#E9EBEE;color:#3C4552}
.fbtn{border-radius:9px;padding:10px;text-align:center;font-weight:800;font-size:13px}
.fbtn.solid{background:#24406B;color:#fff}.fbtn.line{border:1.5px solid #24406B;color:#24406B;background:#fff}
.fbtn.quiet{color:#24406B;text-decoration:underline;font-weight:700;padding:4px}
.dash{color:#1B2430}
.dash-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #E4E6EA}
.dash-top b{font-size:15px}
.dash-top span{font-size:11px;color:#fff;background:#24406B;border-radius:6px;padding:4px 8px;font-weight:700}
.counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 16px;background:#F1F3F6}
.counts div{background:#fff;border-radius:8px;padding:10px 10px 10px 12px;border-left:5px solid var(--c);box-shadow:0 1px 3px rgba(27,36,48,.12)}
.counts strong{display:block;font-size:28px;font-weight:800;line-height:1.05;color:var(--c)}
.counts small{font-size:12px;font-weight:700;color:#1B2430;line-height:1.25;display:block;margin-top:4px}
.dash-table{padding:0 6px 8px}
.dash table{width:100%;border-collapse:collapse;font-size:12px}
.dash th{text-align:left;color:#4A5360;font-weight:700;padding:6px 10px;font-size:11px}
.dash td{padding:6px 10px;border-top:1px solid #EEF0F2}
.dash td small{display:block;color:#5B6470;font-size:10.5px}

/* Security and privacy */
.security .wrap{display:grid;grid-template-columns:6fr 5fr;gap:72px;align-items:center}
.security ul{list-style:none;margin:32px 0 0;padding:0}
.security li{position:relative;padding:0 0 22px 44px;max-width:32em}
.security li::before{content:"";position:absolute;left:0;top:3px;width:26px;height:26px;border-radius:13px;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M7.5 13.5l3.6 3.6 7.4-8' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.security li b{display:block}
.security li span{color:var(--ink-soft)}
.security .photo{border-radius:24px;overflow:hidden;aspect-ratio:3/2}
.security .photo img{width:100%;height:100%;object-fit:cover}

/* Closing */
.closing .wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.closing blockquote{margin:0 0 36px;font-weight:800;font-size:19px;line-height:1.35;letter-spacing:-.2px;color:#9C6F0E}
.closing p{color:var(--ink-soft);max-width:30em;margin-bottom:28px}
.closing p.promise{color:var(--ink);font-weight:800;font-size:22px;line-height:1.3;margin-bottom:12px}
.closing .contact-line{margin:16px 0 0;font-size:14px;color:var(--ink-soft)}
.closing .contact-line a{color:inherit}
.closing .photo{border-radius:24px;overflow:hidden;aspect-ratio:4/3}
.closing .photo img{width:100%;height:100%;object-fit:cover}

footer.site-foot{position:relative;overflow:hidden;background:var(--night);color:var(--on-night-soft);padding:64px 0 calc(28px + env(safe-area-inset-bottom,0px));font-size:15px}
.site-foot :focus-visible{outline-color:var(--mint)}
.site-foot .wrap{position:relative}
.foot-rings{position:absolute;right:0;bottom:0;width:clamp(120px,19vw,300px);aspect-ratio:1;background:url(images/tree-rings.svg) no-repeat left top/170% 170%;opacity:.3;pointer-events:none}
.site-foot .cols{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:48px}
.site-foot .brand{flex-direction:column;align-items:flex-start;gap:12px}
.site-foot .brand img{height:40px}
.site-foot .brand span{border:0;padding:0;top:0;font-size:16px}
.site-foot h2{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--on-night-soft);margin:0 0 12px;font-weight:800;line-height:1.4}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin:0 0 8px}
.site-foot a{color:var(--on-night);font-weight:700;text-decoration:none}
.site-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.site-foot .copy{margin:44px 0 0;padding-top:22px;border-top:1px solid rgba(228,239,238,.14);font-size:14px}

@media (max-width:900px){
  .site-foot .cols{grid-template-columns:1fr;gap:32px}
  footer.site-foot{padding-top:48px}
  section{padding:80px 0}
  .hero .wrap,.problem .wrap,.proof .facts,.security .wrap,.closing .wrap{grid-template-columns:minmax(0,1fr);gap:44px}
  .how .head{margin-bottom:48px}
  ol.steps{grid-template-columns:1fr;gap:36px}
  ol.steps::before{left:27px;right:auto;top:28px;bottom:60px;width:3px;height:auto}
  ol.steps li{padding:0 0 0 80px}
  ol.steps li::before{position:absolute;left:0;top:0;margin:0}
  .showcase{grid-template-columns:minmax(0,1fr);gap:56px}
  .showcase .laptop{margin-top:0}
  .serve .cards{grid-template-columns:minmax(0,1fr);gap:18px}
}
@media (max-width:1000px){
  .top .brand span{display:none}
}
@media (max-width:560px){
  .top-link{font-size:14px;gap:5px;padding:8px 2px}
  .top-link .bulb{width:19px;height:19px}
  body{font-size:17px}
  .wrap{padding:0 20px}
  section{padding:64px 0}
  .brand img{height:32px}
  .top .actions{gap:8px}
  .menu-btn,.btn-demo{font-size:14px;padding:8px 13px}
  .menu-btn::after{margin-left:7px}
  header.top .wrap{gap:10px}
  .hero{padding:32px 0 88px}
  .proof{padding:64px 0}
  .sms,.phone{width:min(90vw,100%,420px)}
  .sms{font-size:15.5px;padding:14px 17px}
  .sms small{font-size:12.5px}
  .phone .screen{font-size:15px}
  .ag-head .ag-name{font-size:21px}
  .ag-head .ag-sub{font-size:12.5px}
  .phone h4{font-size:19px}
  .item{padding:14px}
  .item b{font-size:16px}
  .item small{font-size:12.5px}
  .phone .pill{font-size:12px}
  .fbtn{font-size:15px;padding:12px}
  .powered{font-size:12.5px}
  .laptop .lid{margin:0 3%;padding:9px 9px 8px;border-radius:16px 16px 0 0}
  .laptop .base{height:14px}
  .dash-top{padding:9px 10px}
  .dash-top b{font-size:13px}
  .counts{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:10px}
  .counts div{grid-column:span 2;padding:7px 6px 7px 8px;border-left-width:4px}
  .counts div:nth-child(n+4){grid-column:span 3}
  .counts strong{font-size:21px}
  .counts small{font-size:10.5px}
  .dash-table{padding:0 2px 6px}
  .dash table{font-size:11px}
  .dash th{padding:6px 5px;font-size:10px}
  .dash td{padding:6px 5px;overflow-wrap:anywhere}
  .dash td small{font-size:9.5px}
  .dash .pill{display:inline-block;white-space:normal;font-size:9.5px;padding:3px 7px;line-height:1.25;border-radius:10px;overflow-wrap:normal}
  .rings{background-size:760px 760px;background-position:right -300px bottom -330px}
  .rings::after{transform-origin:calc(100% - 80px) calc(100% - 50px)}
}
@media (max-width:400px){
  .top .brand img{height:26px}
  .menu-btn,.btn-demo{font-size:13px;padding:7px 10px}
  .top-link{font-size:13px}
}
/* too narrow for the link beside Menu: it becomes the first, highlighted item in the menu */
@media (max-width:499px){
  .top-link{display:none}
  .js #site-nav.open{display:flex;flex-direction:column}
  header.top .wrap{position:relative}
  .menu{position:static}
  .js #site-nav{right:20px}
  #site-nav .nav-insights{order:-1;display:flex;align-items:center;gap:8px;color:var(--teal);background:var(--pale);font-weight:800;margin-bottom:6px}
  #site-nav .nav-insights .bulb{display:block}
}
/* Insights */
.insights .sub{font-size:20px;color:var(--ink-soft);margin:0 0 44px}
ul.posts{list-style:none;margin:0;padding:0;display:grid;gap:40px}
ul.posts li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}
ul.posts .thumb{display:block;background:var(--pale);border-radius:20px;overflow:hidden}
ul.posts img,.post .art img{display:block;width:100%;height:auto}
ul.posts h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.4px;margin:0 0 12px}
ul.posts h2 a{color:var(--teal);text-decoration:none}
ul.posts h2 a:hover{text-decoration:underline;text-underline-offset:4px}
ul.posts p{color:var(--ink-soft);font-size:17px}
ul.posts .date,.post .date{font-size:15px;font-weight:700;color:var(--ink-soft);margin:0 0 10px}
ul.posts .more{font-weight:800;color:var(--teal);text-underline-offset:4px}
.post{padding:72px 0 96px}
.post .wrap{max-width:816px}
.post .eyebrow a{text-decoration:none}
.post .eyebrow a:hover{text-decoration:underline}
.post h1{font-size:clamp(30px,4vw,44px)}
.post .date{margin:0 0 28px}
.post .art{width:66.667%;margin:28px auto;background:var(--pale);border-radius:20px;overflow:hidden}
.post .art.banner{width:100%;margin:28px 0 32px;border-radius:24px;aspect-ratio:2.3/1}
.post .art.banner img{height:100%;object-fit:cover;object-position:center 26%}
.post .art.banner.photo{aspect-ratio:auto;height:320px}
.post .art.banner.photo img{object-position:50% 40%}
.post .art.banner.after{margin:36px 0}
.post .art.banner.photo.after img{object-position:50% 30%}
.post .art.photo img{object-fit:cover}
ul.tests-icons{list-style:none;display:flex;justify-content:center;gap:56px;margin:28px 0 32px;padding:0}
ul.tests-icons li{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;font-weight:800;font-size:17px;color:var(--ink)}
ul.tests-icons svg{width:88px;height:88px;padding:20px;border-radius:50%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
ul.tests-icons .see svg{background:#E3EFFB;color:#2462A8}
ul.tests-icons .hear svg{background:#E1F3E6;color:#1F8A4C}
ul.tests-icons .remember svg{background:#FFF2C7;color:#B97A00}
.post .lede{font-size:21px;font-weight:700;line-height:1.5}
.post h2{font-size:clamp(25px,3vw,32px);margin:52px 0 16px}
.post p,.post li{font-size:18px;line-height:1.65}
.post ol.reasons,.post ul.fixes{margin:0 0 16px;padding-left:26px}
.post ol.reasons li,.post ul.fixes li{margin:0 0 16px;padding-left:4px}
.post ol.reasons li::marker{font-weight:800;color:var(--teal)}
.post ul.fixes li::marker{color:var(--ember)}
.post .sign{font-weight:800;font-size:20px;margin-top:24px}
.post-cta{margin:40px 0 0;padding:36px 32px;border-radius:24px;background:var(--pale);text-align:center}
.post-cta p{font-weight:800;font-size:24px;line-height:1.3;color:var(--ink);margin:0 0 20px}
.post .back{margin:28px 0 0;font-size:16px;font-weight:700}
.post .back a{color:var(--teal);text-underline-offset:4px}
@media (max-width:760px){
  ul.posts li{grid-template-columns:minmax(0,1fr);gap:20px}
  .post{padding:44px 0 64px}
  .post .art{width:100%;margin:24px 0;border-radius:18px}
  .post .art img{max-height:40vh;object-fit:contain}
  .post .art.banner{margin:20px 0 24px;border-radius:18px;aspect-ratio:auto;height:min(40vh,48vw)}
  .post .art.banner img{max-height:none}
  .post .art.banner.photo{height:200px}
  .post .art.banner.after{margin:28px 0}
  ul.tests-icons{gap:28px}
  ul.tests-icons svg{width:72px;height:72px;padding:16px}
  .post h2{margin-top:40px}
  .post .lede{font-size:19px}
  .post-cta{padding:28px 20px}
}

/* From Laura line on the home page */
p.from-laura{margin:0;padding:22px 20px;text-align:center;font-size:17px;font-weight:700;border-top:1px solid rgba(36,64,107,.12)}
p.from-laura a{color:var(--teal);text-decoration:none}
p.from-laura a:hover{text-decoration:underline;text-underline-offset:4px}

/* Inner pages */
.topband.slim header.top{padding:22px 0}