:root{
  --paper:#F6F7F5;
  --ink:#1B2330;
  --ink-soft:#4A5565;
  --month:#0F7A63;
  --month-dark:#0B5C4A;
  --month-tint:#DCEFE8;
  --grid:#CFD6D1;
  --todo:#FFE58A;
  --wide:1080px;
  --text:680px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Source Serif 4",Georgia,serif;
  font-size:19px;
  line-height:1.65;
  overflow-x:hidden;
}
h1,h2,h3,h4,.sans{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:600;}
h1{font-size:clamp(31px,5.2vw,58px);line-height:1.05;letter-spacing:-0.02em;margin:0 0 20px}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto;text-wrap:pretty}
h2{font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-0.01em;margin:56px 0 16px}
h3{font-size:21px;line-height:1.3;margin:32px 0 10px}
p,ul,ol,table{margin:0 0 20px}
a{color:var(--month);text-underline-offset:3px}
a:hover{color:var(--month-dark)}
strong{font-weight:600}
mark.todo{background:var(--todo);color:var(--ink);padding:0 3px;border-radius:2px}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 20px}
.col{max-width:var(--text)}
.wrap>.col{margin-left:0}
main{padding-bottom:64px}
section{scroll-margin-top:84px}
.skip{position:absolute;left:-9999px;top:0;background:var(--month);color:#fff;padding:12px 18px;z-index:99}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--month);outline-offset:2px}

/* header */
header.site{border-bottom:1px solid var(--grid);background:rgba(246,247,245,.92);backdrop-filter:saturate(1.2) blur(8px);position:sticky;top:0;z-index:40}
.hbar{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}

/* logo */
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);flex:0 0 auto}
.logomark{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:2.5px;width:34px;height:34px;padding:5px;border-radius:9px;background:var(--month);flex:0 0 34px}
.logomark i{display:block;border-radius:1.5px;background:rgba(255,255,255,.38)}
.logomark i.on{background:#fff}
.logo:hover .logomark{background:var(--month-dark)}
.logotext{display:flex;flex-direction:column;font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.02;letter-spacing:-0.015em}
.logotext .l1{font-size:15px;font-weight:600;color:var(--ink)}
.logotext .l2{font-size:15px;font-weight:600;color:var(--month)}

/* nawigacja */
nav.main ul{list-style:none;display:flex;flex-wrap:nowrap;align-items:center;gap:2px;margin:0;padding:0;font-size:15px;font-family:"Bricolage Grotesque",system-ui,sans-serif}
nav.main>ul>li>a,nav.main>ul>li>.subbtn{white-space:nowrap}
nav.main a{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;padding:8px 9px;border-radius:7px}
nav.main a:hover{color:var(--month-dark);background:var(--month-tint)}
nav.main>ul>li>a[aria-current="page"]{color:var(--month-dark);background:var(--month-tint)}
.hright{margin-left:auto;display:flex;align-items:center;gap:12px}
.htel{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums;font-size:16px;white-space:nowrap;font-family:"Bricolage Grotesque",system-ui,sans-serif;padding:8px 4px}
.htel:hover{color:var(--month)}
.telround{display:none;width:46px;height:46px;border:1px solid var(--grid);border-radius:50%;align-items:center;justify-content:center;background:#fff;color:var(--month)}
.telround:hover{border-color:var(--month);background:var(--month-tint)}
.menubtn{display:none;min-height:46px;padding:0 15px;border:1px solid var(--grid);background:#fff;border-radius:9px;font:inherit;font-size:16px;font-family:"Bricolage Grotesque",system-ui,sans-serif;color:var(--ink);cursor:pointer}
.menubtn:hover{border-color:var(--month);color:var(--month-dark)}

/* buttons */
.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:8px;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid var(--month)}
.btn{background:var(--month);color:#fff}
.btn,.btn2{white-space:nowrap}
.card .btn,.card .btn2,.formcard .btn,.mbar .btn,.mbar .btn2{white-space:normal}
.btn:hover{background:var(--month-dark);color:#fff}
.btn2{background:transparent;color:var(--month)}
.btn2:hover{background:var(--month-tint);color:var(--month-dark)}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}

/* breadcrumbs + meta */
.crumbs{font-size:15px;color:var(--ink-soft);padding:22px 0 14px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.crumbs a{color:var(--ink-soft)}
.pagemeta{font-size:16px;color:var(--ink-soft);margin:0 0 28px;display:flex;flex-direction:column;gap:2px}

/* hero */
.hero{padding:26px 0 8px}
.herogrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"left form" "months form";gap:40px 48px;align-items:start}
.heroleft{grid-area:left;max-width:var(--text)}
.heroform{grid-area:form}
.heromonths{grid-area:months}
.lead{font-size:20px}
.telblock{margin:0 0 26px}
.telbig{display:inline-flex;align-items:center;gap:10px;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:27px;font-weight:600;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.telbig:hover{color:var(--month)}
.telnote{font-size:15px;color:var(--ink-soft);margin:4px 0 0;max-width:46ch}

/* month bar */
.months{margin:6px 0 0}
.months ol{list-style:none;display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin:0;padding:0}
.months li{border:1px solid var(--grid);border-radius:6px;padding:10px 2px;text-align:center;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:14px;color:var(--ink-soft);background:transparent}
.months li.on{background:var(--month);border-color:var(--month);color:#fff}
.months .cap{font-size:15px;color:var(--ink-soft);margin:10px 0 0}
.months.anim li.on{animation:fillmonth .55s ease-out both}
@keyframes fillmonth{from{background:transparent;color:var(--ink-soft);border-color:var(--grid)}to{background:var(--month);color:#fff;border-color:var(--month)}}
.months.small ol{gap:4px}
.months.small li{padding:6px 2px;font-size:12px}
.months.small.full li{background:var(--month);border-color:var(--month);color:#fff}
.mcompare{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 28px}
.mcompare p{font-size:15px;color:var(--ink-soft);margin:0 0 8px}
@media(prefers-reduced-motion:reduce){.months.anim li.on{animation:none}}

/* fact box */
.fact-box{background:var(--month-tint);border-radius:10px;padding:8px 22px 14px;margin:0 0 36px}
.fact-box h2{font-size:21px;margin:18px 0 6px}
.fact-box table{width:100%;border-collapse:collapse;font-size:17px}
.fact-box td{padding:9px 0;border-bottom:1px solid rgba(15,122,99,.22);vertical-align:top}
.fact-box tr:last-child td{border-bottom:none}
.fact-box td:first-child{width:46%;padding-right:18px;color:var(--ink-soft)}

/* tables */
.tablewrap{overflow-x:auto;margin:0 0 28px;border:1px solid var(--grid);border-radius:10px;background:#fff}
table.data{width:100%;border-collapse:collapse;font-size:16.5px;font-variant-numeric:tabular-nums;min-width:520px}
table.data th,table.data td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--grid);vertical-align:top}
table.data thead th{font-family:"Bricolage Grotesque",system-ui,sans-serif;background:var(--month-tint);border-bottom:1px solid var(--grid)}
table.data tbody th{font-weight:400;color:var(--ink-soft)}
table.data tr:last-child td,table.data tr:last-child th{border-bottom:none}
table.data td.hi,table.data th.hi{background:var(--month-tint)}

/* lists */
ul.plain{list-style:none;padding:0}
ul.plain li{padding:0 0 10px 22px;position:relative}
ul.plain li::before{content:"";position:absolute;left:4px;top:13px;width:7px;height:7px;background:var(--month);border-radius:50%}
ol.steps{list-style:none;counter-reset:s;padding:0}
ol.steps>li{counter-increment:s;position:relative;padding:0 0 18px 48px}
ol.steps>li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border:1px solid var(--month);color:var(--month);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:16px}

/* inline cta */
.ctaline{margin:8px 0 36px}

/* faq */
details.faq{border-bottom:1px solid var(--grid)}
details.faq summary{list-style:none;cursor:pointer;padding:16px 34px 16px 0;position:relative}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary h3{margin:0;font-size:19px}
details.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:24px;color:var(--month);font-family:"Bricolage Grotesque",system-ui,sans-serif}
details.faq[open] summary::after{content:"\2212"}
details.faq .ans{padding:0 0 18px}
details.faq .ans p:last-child{margin-bottom:0}

/* pricing cards */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 32px}
.card{background:#fff;border:1px solid var(--grid);border-radius:14px;padding:22px}
.card.pick{border-color:var(--month);border-width:2px}
.card h3{margin:0 0 4px;font-size:22px}
.card .tag{display:inline-block;background:var(--month-tint);color:var(--month-dark);border-radius:20px;padding:3px 12px;font-size:14px;font-family:"Bricolage Grotesque",system-ui,sans-serif;margin:0 0 8px}
.card .price{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:21px;font-variant-numeric:tabular-nums;margin:6px 0 6px}
.card .who{font-size:16px;color:var(--ink-soft);margin:0 0 14px}
.card ul{font-size:16px;margin:14px 0 0}
.card .btn,.card .btn2{width:100%;font-size:16px;padding:10px 12px;min-height:50px}
.card .btn2{margin-top:8px}

/* contact block */
.contactblock{background:var(--month-tint);padding:52px 0 56px;margin:64px 0 0}
.contactblock h2{margin-top:0}
.cbgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.telcard{background:#fff;border-radius:12px;padding:18px 20px;margin:24px 0 20px}
.telcard p{margin:0}
.facts3{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:16px;color:var(--ink-soft);margin:0}
.facts3 span{white-space:nowrap}

/* form */
.formcard{background:#fff;border:1px solid var(--grid);border-radius:14px;padding:24px}
.formcard h2,.formcard h3{margin-top:0}
.field{margin:0 0 18px}
.field label{display:block;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:16px;margin:0 0 6px}
.field .opt{color:var(--ink-soft);font-weight:400}
.field input[type=text],.field input[type=email],.field input[type=tel]{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--grid);border-radius:8px;background:#fff;font:inherit;font-size:17px;color:var(--ink)}
.field input:focus{border-color:var(--month)}
.field .hint{font-size:15px;color:var(--ink-soft);margin:6px 0 0}
.field .err{font-size:15px;color:#9A1B1B;margin:6px 0 0;display:none}
.field.bad input{border-color:#9A1B1B}
.field.bad .err{display:block}
.radios{display:flex;gap:10px;flex-wrap:wrap}
.radios label{display:flex;align-items:center;gap:8px;border:1px solid var(--grid);border-radius:8px;padding:12px 16px;min-height:52px;cursor:pointer;font-size:17px;font-family:"Source Serif 4",Georgia,serif}
.radios input{accent-color:var(--month);width:18px;height:18px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formcard .btn{width:100%}
.formnote{font-size:15px;color:var(--ink-soft);margin:12px 0 0}
.pickedpkg{font-size:16px;background:var(--month-tint);border-radius:8px;padding:10px 14px;margin:0 0 18px;display:none}
.pickedpkg.show{display:block}
.steps3{margin:0 0 28px}

/* author box */
aside.author{max-width:var(--wide);margin:56px auto 0;padding:24px 20px;border-top:1px solid var(--grid);display:flex;gap:20px;align-items:flex-start}
aside.author img,aside.author .ph{width:96px;height:96px;border-radius:50%;flex:0 0 96px;background:var(--month-tint);border:1px solid var(--grid)}
aside.author .an{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:20px;font-weight:600;margin:0 0 6px}
aside.author p{margin:0 0 10px;font-size:17px}
aside.author .links{display:flex;gap:18px;font-size:16px}

/* footer */
footer.site{border-top:1px solid var(--grid);background:#fff;padding:40px 0 100px;font-size:16px;color:var(--ink-soft)}
footer.site address{font-style:normal;margin:0 0 16px;line-height:1.8}
footer.site a{color:var(--month)}
footer.site ul{list-style:none;display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:0 0 14px}
.fgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px}

/* mobile sticky bar */
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--paper);border-top:1px solid var(--grid);padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:10px}
.mbar a{flex:1;min-height:56px;font-size:17px}
.mbar.hide{display:none !important}

/* cookies */
.cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;background:#fff;border:1px solid var(--grid);border-radius:12px;padding:16px 18px;max-width:480px;font-size:16px;box-shadow:none}
.cookies p{margin:0 0 12px}
.cookies .row{display:flex;gap:10px;flex-wrap:wrap}
.cookies .btn,.cookies .btn2{min-height:48px;font-size:16px}

/* blog list */
ul.posts{list-style:none;padding:0}
ul.posts li{border-bottom:1px solid var(--grid);padding:22px 0}
ul.posts h2{margin:0 0 6px;font-size:24px}
ul.posts h2 a{text-decoration:none}
ul.posts h2 a:hover{text-decoration:underline}
ul.posts .m{font-size:15px;color:var(--ink-soft);margin:0 0 6px}

@media(max-width:1080px){
  .herogrid,.cbgrid,.fgrid,.mcompare{grid-template-columns:1fr;gap:32px}
  .herogrid{grid-template-areas:"left" "form" "months"}
  .heroform .formcard,.heromonths{max-width:var(--text)}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1040px){
  nav.main{display:none;width:100%;order:9}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;gap:0}
  nav.main li{border-top:1px solid var(--grid)}
  nav.main a{display:block;padding:14px 0;min-height:48px}
  .hbar{flex-wrap:wrap}
  .menubtn{display:inline-flex;align-items:center;order:2}
  .hright{order:3}
}
@media(max-width:768px){
  body{font-size:18px;padding-bottom:72px}
  .htel{display:none}
  .telround{display:inline-flex;order:2}
  .menubtn{order:1}
  .hright .btn{display:none}
  .logomark{width:32px;height:32px;flex-basis:32px}
  .mbar{display:flex}
  .cards{grid-template-columns:1fr}
  .months ol{grid-template-columns:repeat(6,1fr)}
  aside.author{flex-direction:column}
  h2{margin-top:44px}
  .cookies{font-size:15px}
}

.inlinecta{background:var(--month-tint);border-radius:12px;padding:20px 22px;margin:36px 0}
.inlinecta p{margin:0 0 14px}

.pagemeta-end{flex-direction:row;flex-wrap:wrap;gap:4px 28px;border-top:1px solid var(--grid);padding:16px 0 0;margin:48px 0 0;max-width:var(--wide)}

/* podmenu Usługi */
nav.main li.has-sub{position:relative}
.subbtn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:8px 9px;margin:0;border-radius:7px;font:inherit;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:15px;color:var(--ink);cursor:pointer}
.subbtn:hover,li.has-sub.active>.subbtn{background:var(--month-tint)}
.subbtn:hover,li.has-sub.active>.subbtn{color:var(--month)}
.chev{width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-top:-4px}
nav.main ul.sub{position:absolute;top:calc(100% + 6px);left:0;margin:0;padding:6px;background:#fff;border:1px solid var(--grid);border-radius:12px;flex-direction:column;flex-wrap:nowrap;gap:0;min-width:286px;display:none;z-index:30;box-shadow:0 12px 28px -18px rgba(27,35,48,.45)}
nav.main li.has-sub:hover>ul.sub,nav.main li.has-sub:focus-within>ul.sub,nav.main li.has-sub.open>ul.sub{display:flex}
nav.main ul.sub a{display:block;padding:9px 12px;border-radius:6px}
nav.main ul.sub a:hover{background:var(--month-tint);text-decoration:none}
.bars{width:18px;height:2px;background:currentColor;position:relative;display:inline-block}
.bars::before,.bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}
.bars::before{top:-6px}.bars::after{top:6px}
.menubtn[aria-expanded="true"] .bars{background:transparent}
.menubtn[aria-expanded="true"] .bars::before{top:0;transform:rotate(45deg)}
.menubtn[aria-expanded="true"] .bars::after{top:0;transform:rotate(-45deg)}
.menubtn{gap:10px}

@media(max-width:1040px){
  nav.main{border-top:1px solid var(--grid);margin:6px -20px -14px;padding:0 20px 8px;width:calc(100% + 40px)}
  nav.main ul.sub{position:static;display:flex;flex-direction:column;flex-wrap:nowrap;border:0;background:transparent;min-width:0;padding:0 0 6px 16px;border-left:2px solid var(--grid);margin:0 0 8px}
  nav.main li.has-sub>ul.sub{display:none}
  nav.main li.has-sub.open>ul.sub{display:flex}
  nav.main ul.sub a{padding:12px 0;min-height:48px}
  .subbtn{display:flex;width:100%;justify-content:space-between;padding:14px 0;min-height:48px;border-top:1px solid var(--grid);margin-top:-1px}
  nav.main li.has-sub{border-top:0}
  nav.main li.has-sub.open>.subbtn .chev{transform:rotate(-135deg);margin-top:2px}
}

.hright .btn{min-height:46px;padding:10px 18px;font-size:16px}
@media(max-width:1180px){.hright .btn{display:none}}
@media(max-width:1040px){
  nav.main a{padding:14px 0;border-radius:0}
  nav.main a:hover{background:transparent;color:var(--month)}
  nav.main>ul>li>a[aria-current="page"]{background:transparent}
  nav.main ul.sub a{padding:12px 0}
  .subbtn{padding:14px 0;border-radius:0}
  .subbtn:hover,li.has-sub.active>.subbtn{background:transparent}
}

/* nagłówek: mieszczenie w jednym rzędzie */
@media(max-width:1240px) and (min-width:1181px){.htel{display:none}}
@media(max-width:1180px) and (min-width:769px){.htel{display:flex}}
@media(max-width:1180px){.hright .btn{display:none}}
@media(max-width:768px){.htel{display:none}}

/* nagłówek mobilny: logo z lewej, akcje z prawej */
@media(max-width:1040px){
  .hbar{gap:10px}
  .menubtn{order:2;margin-left:auto}
  .telround{order:3;margin-left:0}
  .hright{order:4;margin-left:0}
  nav.main{order:9}
}
@media(max-width:768px){
  .hbar{padding:10px 16px}
  .logotext .l1,.logotext .l2{font-size:14px}
}

/* menu mobilne: pełna szerokość */
@media(max-width:1040px){
  nav.main ul{flex-wrap:nowrap;align-items:stretch;font-size:16px}
  nav.main>ul>li{width:100%}
  nav.main>ul>li>a,nav.main>ul>li>.subbtn{width:100%;white-space:normal}
  nav.main ul.sub{min-width:0;box-shadow:none;border-radius:0}
  nav.main ul.sub li{width:100%}
  nav.main ul.sub a{width:100%}
}

/* WhatsApp */
.hwa{display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:10px 14px;border:1px solid var(--grid);border-radius:9px;background:#fff;color:#128C7E;text-decoration:none;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:15px;white-space:nowrap}
.hwa:hover{border-color:#128C7E;background:#EAF7F3;color:#0B6B5F}
.wabtn{display:inline-flex;align-items:center;gap:9px;border-color:#128C7E;color:#128C7E}
.wabtn:hover{background:#EAF7F3;color:#0B6B5F}
.wacard{margin:12px 0 0}
.mwa{flex:0 0 58px;border-color:#128C7E;color:#128C7E;padding:0}
.mwa:hover{background:#EAF7F3;color:#0B6B5F}
@media(max-width:1180px){.hwa span{display:none}.hwa{padding:10px;width:46px;justify-content:center}}
@media(max-width:1040px){.hwa{order:2}}
@media(max-width:768px){.hwa{display:none}}

/* checkbox zgody */
.checkline .chk{display:flex;gap:10px;align-items:flex-start;font-family:"Source Serif 4",Georgia,serif;font-size:15.5px;line-height:1.5;cursor:pointer;margin:0}
.checkline input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;accent-color:var(--month);flex:0 0 20px}
.checkline.bad .chk span{color:#9A1B1B}

/* case study */
.eyebrow{display:inline-block;background:var(--month-tint);color:var(--month-dark);border-radius:20px;padding:4px 13px;font-size:14px;font-family:"Bricolage Grotesque",system-ui,sans-serif;margin:0 0 12px}
.cslogo{display:block;height:auto;max-width:280px;margin:0 0 20px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 40px}
.stat{background:var(--month-tint);border-radius:12px;padding:22px 20px;text-align:center}
.stat .v{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:600;color:var(--month-dark);margin:0 0 4px;font-variant-numeric:tabular-nums;line-height:1.05}
.stat .l{font-size:15.5px;color:var(--ink-soft);margin:0}
table.data td.pos{font-family:"Bricolage Grotesque",system-ui,sans-serif;color:var(--month-dark);white-space:nowrap}
.quotebox{border-left:3px solid var(--month);background:var(--month-tint);border-radius:0 10px 10px 0;padding:16px 20px;margin:24px 0 36px}
figure.shot{margin:0 0 28px;border:1px solid var(--grid);border-radius:12px;background:#fff;padding:12px;max-width:var(--text)}
figure.shot img{display:block;width:100%;height:auto;border-radius:6px}
figure.shot figcaption{font-size:15px;color:var(--ink-soft);margin:10px 2px 2px}
.pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:8px 0 36px}
.pill{background:#fff;border:1px solid var(--grid);border-radius:14px;padding:22px}
.pill .num{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:14px;color:var(--month);margin:0 0 8px}
.pill h3{margin:0 0 8px;font-size:19px}
.pill p:last-child{margin:0;font-size:16.5px;color:var(--ink-soft)}
ul.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 32px}
ul.chips li{border:1px solid var(--grid);border-radius:20px;padding:6px 14px;font-size:15px;background:#fff}
ul.chips li.more{background:var(--month-tint);border-color:var(--month-tint);color:var(--month-dark)}
.cscards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 20px}
.cscard{display:block;background:#fff;border:1px solid var(--grid);border-radius:16px;padding:26px;text-decoration:none;color:var(--ink)}
.cscard:hover{border-color:var(--month);color:var(--ink)}
.cscard img{display:block;height:auto;max-width:210px;margin:0 0 18px}
.cscard h2{margin:0 0 10px;font-size:24px}
.cscard .d{font-size:16.5px;color:var(--ink-soft);margin:0 0 14px}
.cscard .more{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:16px;color:var(--month);margin:0}
.cscard:hover .more{color:var(--month-dark);text-decoration:underline}
@media(max-width:900px){
  .stats{grid-template-columns:1fr;gap:12px}
  .stat{text-align:left;display:flex;align-items:baseline;gap:12px}
  .stat .v{font-size:30px}
  .pillars,.cscards{grid-template-columns:1fr}
}