@font-face{font-family:Outfit;src:url('assets/Outfit-wght.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Boston;src:url('assets/subset-Boston-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Boston;src:url('assets/subset-Boston-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Boston;src:url('assets/subset-Boston-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Boston;src:url('assets/subset-Boston-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171b60;background:#fff;font-family:Outfit,Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #00aded;outline-offset:4px}em{font-style:normal;color:#0080ef}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.intro{padding-top:24px}.topline{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;text-decoration:none;color:#171b60;font-size:18px}.brand span,footer span{color:#0080ef}.brand small,footer small{font-size:.72em;font-weight:500;margin-left:7px}.eyebrow,.kicker,.preview-label,.step{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:#526595}.intro h1{font-size:clamp(58px,7.3vw,102px);line-height:.92;letter-spacing:-.055em;margin:55px 0 18px;font-weight:700}.lead{font-size:clamp(20px,2.1vw,29px);line-height:1.2;color:#536594;margin:0 0 34px}.rules{border-top:1px solid #b9d8f4}.rules>div{display:grid;grid-template-columns:80px 235px 1fr;gap:10px;align-items:start;padding:18px 0;border-bottom:1px solid #b9d8f4;font-size:18px;line-height:1.3}.rules b{color:#0080ef}.rules strong{font-size:20px}.rules span{color:#536594}.note{font-size:18px;margin:28px 0 0}.note u{text-decoration-color:#0080ef;text-underline-offset:4px}.chooser{text-align:center;padding-top:75px}.kicker{color:#0080ef;margin:0 0 10px}.chooser h2,.mechanism h2,.arguments h2{font-size:clamp(39px,4.5vw,65px);line-height:1;letter-spacing:-.04em;margin:0;font-weight:700}.chooser h2{font-weight:700;letter-spacing:-.035em}.chooser>p:not(.kicker,.preview-label){font-size:20px;color:#536594;margin:10px 0 24px}.tabs{display:flex;justify-content:center;align-items:center;gap:35px}.tabs button{border:0;background:none;color:#171b60;padding:8px 0 12px;font-size:27px;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:#0080ef;font-weight:600;border-bottom-color:#0080ef}.tabs span{font-size:26px;color:#a8bde4}.preview-label{margin:95px 0 18px;color:#718bbb;font-size:11px}.paper-shell{background:#fbfaf4}.paper{color:#151515;padding:18px 0 36px}.paper-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:30px;border-bottom:1px solid #d9dcd2;padding-bottom:12px}.paper-logo{font-family:Georgia,serif;font-size:46px;line-height:.9;letter-spacing:-.06em;font-weight:700;color:#073a30}.paper-sub{letter-spacing:.22em;text-transform:uppercase;font-size:9px;color:#58646b;margin-top:5px}.paper-head nav{display:flex;gap:20px;justify-content:center;align-items:end;font-size:13px;color:#303842}.paper-head nav span{white-space:nowrap}.paper-head nav .current{color:#00664f;font-weight:700;border-bottom:2px solid #00664f;padding-bottom:14px;margin-bottom:-14px}.demo{font-size:9px;color:#626b76;text-transform:uppercase;white-space:nowrap;align-self:start}.paper-content{max-width:1120px;margin:auto}.crumb{color:#168070;font-size:13px;margin-top:17px}.paper h2{font-family:Georgia,serif;font-size:clamp(34px,4.1vw,58px);letter-spacing:-.045em;line-height:.97;margin:5px 0}.byline{font-size:13px;color:#647084;margin:7px 0}.visual{background-size:cover;background-position:center}.article-image{height:220px;border-radius:2px;background-position:center 55%;background-color:#d5e1e8}.article-copy,.article-after{font-size:18px;color:#3d4c68;line-height:1.38}.article-copy p{margin:11px 0}.article-copy mark{background:#d8efff;color:#0080ef;padding:1px 8px;border-radius:4px;font-weight:650}.article-copy .tag{display:inline-block;background:#e5f3ff;color:#0080ef;border-radius:4px;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.03em;margin:0 8px;padding:3px 8px;vertical-align:middle;white-space:nowrap}.article-copy mark:nth-of-type(3),.article-copy .cyan{background:#cff8fb;color:#009daf}.ad-unit{position:relative;margin:25px 0 20px;border:1px solid #cbdceb;padding:5px;background:#fff}.ad-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;color:#7790ae;text-transform:uppercase}.ad-meta button{background:#eaf6ff;color:#0080ef;border:0;padding:3px 8px;font-size:12px;letter-spacing:0;text-transform:none}.ad-banner{height:155px;display:grid;grid-template-columns:45% 55%;overflow:hidden;background:#e9eef0}.ad-text{padding:15px 22px;position:relative;z-index:1}.ad-text h3{font-size:clamp(22px,2.8vw,35px);line-height:1;margin:0 0 7px;letter-spacing:-.04em}.ad-text h3 span{font-weight:400}.ad-text p{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0}.ad-text button{position:absolute;bottom:10px;left:22px;background:#ee5a25;color:#fff;border:0;padding:8px 18px;font-size:15px}.ad-photo{background-position:center 60%}.why-pop{position:absolute;right:10px;bottom:calc(100% - 14px);width:min(280px,calc(100vw - 40px));padding:14px 16px;background:#fff;color:#171b60;box-shadow:0 5px 22px #14256326;border:1px solid #bad8ed;border-radius:4px;z-index:5;font-size:13px}.why-pop p{line-height:1.45;margin:7px 0}.why-pop small{color:#5e7098}.why-pop .close{position:absolute;right:8px;top:4px;background:none;border:0;color:#171b60;font-size:22px}.article-after h3{font-family:Georgia,serif;color:#171717;font-size:33px;margin:15px 0 3px;letter-spacing:-.03em}.article-after p{margin:4px 0}.mechanism{padding-top:115px}.section-rule{height:1px;background:#d8e2ef;margin-bottom:32px}.kicker.left{text-align:left}.mechanism h2{max-width:1100px}.section-lead{font-size:clamp(21px,2.2vw,29px);line-height:1.25;color:#536594;margin:12px 0 32px;max-width:1010px}.flow{display:grid;grid-template-columns:1.12fr 1fr .94fr;gap:26px;min-height:510px}.flow-col{min-width:0}.step{color:#0080ef;margin:0 0 12px}.step-sub{font-size:14px;margin:0 0 10px;color:#37456c}.site-stack{height:380px;position:relative}.mini-site{position:absolute;background:#fff;box-shadow:0 6px 20px #1c30502d;border:1px solid #d4d9e0;border-radius:8px;width:72%;height:335px;padding:12px;overflow:hidden}.mini-site.back{left:28%;top:20px;transform:rotate(5deg)}.mini-site.middle{left:15%;top:10px;transform:rotate(2deg)}.mini-site.front{left:0;top:36px;transform:rotate(-2deg)}.browser{height:24px;border-bottom:1px solid #dce1e8;color:#e87968;font-size:10px;white-space:nowrap}.browser span{color:#647184;border:1px solid #e5e8ed;border-radius:9px;padding:2px 18px;margin-left:10px}.mini-site>b{display:block;font-family:Georgia,serif;font-size:27px;margin:7px 0}.mini-site.green>b{color:#075641}.mini-site.red>b{color:#8c1730}.mini-site.teal>b{color:#087e85}.mini-site small{display:block;border-bottom:1px solid #ddd;padding-bottom:8px;font-size:10px}.mini-site strong{display:block;font-family:Georgia,serif;line-height:1.03;font-size:21px;margin:8px 0}.mini-photo{height:85px}.mini-site p{font:12px Georgia,serif;line-height:1.18}.mini-site mark{background:#c8e7ff;color:#0065ad}.caption{display:block;text-align:center;color:#697b9d}.checks{list-style:none;padding:0;margin:14px 0 20px;font-size:14px;line-height:1.8}.checks li:before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;background:#0080ef;color:white;border-radius:50%;margin-right:12px}.filter-scene{height:260px;position:relative;display:flex;align-items:center;overflow:hidden}.url-list{width:73%;display:flex;flex-direction:column;gap:15px;position:relative;z-index:2}.url-list span{font-size:11px;color:#0080ef;background:#ffffffdc;white-space:nowrap}.url-list .muted{color:#aeb8c8}.filter{width:37px;height:175px;border-left:8px solid #0080ef;border-right:8px solid #e3ebf7;transform:skewY(17deg);box-shadow:8px 6px 12px #4e84be1f;position:absolute;right:10px;top:20px;background:#f2f8ff;z-index:3}.filter i{display:block;border-left:2px dotted #8dcaff;height:100%;margin-left:8px}.paths{position:absolute;inset:0;width:100%;height:100%;z-index:1}.paths path{fill:none;stroke-width:2}.filter-scene small{position:absolute;bottom:0;right:0;color:#71809e}.emission-ad{height:360px;background:#edf6fb;display:flex;flex-direction:column;overflow:hidden}.emission-ad>div:first-child{padding:25px 25px 0}.emission-ad small{text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.22em}.emission-ad strong{display:block;font-size:35px;line-height:1.03;letter-spacing:-.035em;margin-top:12px}.emission-ad .visual{flex:1;background-position:center 60%}.flow-summary{text-align:center;font-size:clamp(23px,2.4vw,32px);font-weight:600;margin:36px 0 3px}.flow-detail{text-align:center;color:#536594;font-size:18px;margin:0 auto;max-width:900px}.arguments{padding-top:90px}.section-rule.short{width:65px}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ad-grid .step{margin-bottom:9px}.creative{height:265px;position:relative;padding:18px 20px}.creative:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ffffffd9,transparent 47%)}.creative strong{position:relative;z-index:1;font-size:27px;line-height:1.02;letter-spacing:-.04em;color:#171b60}.creative p{font-size:14px}.ad-grid>div>p:last-child{font-size:15px;color:#43537e;margin:10px 0}.footnote{border-top:1px solid #d8e2ef;padding:17px 0;color:#647399;font-size:14px;margin-top:25px}footer{display:flex;justify-content:flex-end;padding:20px 0 30px;font-size:18px;font-weight:700}dialog{border:1px solid #a5c9e9;box-shadow:0 12px 40px #0d175744;color:#171b60;padding:25px;max-width:calc(100vw - 40px)}dialog::backdrop{background:#11194866}dialog button{background:#0080ef;color:#fff;border:0;padding:8px 16px}.crop-0{background-image:url('assets/fuel.webp')}.crop-1{background-image:url('assets/city.webp')}.crop-2{background-image:url('assets/road.webp')}.crop-3{background-image:url('assets/studio.webp')}
@media(max-width:900px){.wrap{width:min(100% - 48px,760px)}.paper-head{grid-template-columns:1fr auto}.paper-head nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto;padding-top:8px}.flow{grid-template-columns:1fr;gap:45px}.site-stack{max-width:550px;margin:auto}.analysis,.selection,.emission{max-width:650px;width:100%;margin:auto}.filter-scene{max-width:550px}.emission-ad{max-width:550px}.ad-grid{gap:14px}.creative{height:220px}.creative strong{font-size:23px}}
@media(max-width:600px){.wrap{width:calc(100% - 34px)}.intro{padding-top:18px}.eyebrow{font-size:9px}.brand{font-size:15px}.intro h1{font-size:clamp(52px,12vw,72px);margin-top:54px}.lead{font-size:21px}.desktop{display:none}.rules>div{grid-template-columns:42px 1fr;gap:4px;padding:14px 0}.rules span{grid-column:2;font-size:16px}.rules strong{font-size:18px}.note{font-size:16px}.chooser{padding-top:65px}.chooser h2,.mechanism h2,.arguments h2{font-size:40px}.chooser>p:not(.kicker,.preview-label){font-size:18px}.tabs{gap:12px;justify-content:space-between}.tabs button{font-size:17px}.tabs span{font-size:18px}.preview-label{margin-top:58px}.paper{padding-top:15px}.paper-logo{font-size:39px}.paper-head{gap:4px}.paper-head nav{gap:16px;font-size:12px}.demo{font-size:8px}.paper h2{font-size:34px}.article-image{height:185px}.article-copy,.article-after{font-size:16px}.article-copy .tag{font-size:10px;white-space:normal}.ad-banner{height:270px;grid-template-columns:1fr;grid-template-rows:120px 150px}.ad-text{padding:10px 13px}.ad-text h3{font-size:25px}.ad-text button{bottom:-141px;left:13px;z-index:2}.ad-photo{grid-row:2}.article-after h3{font-size:26px}.mechanism{padding-top:85px}.section-lead{font-size:20px}.flow{gap:35px}.site-stack{height:345px}.mini-site{height:300px}.mini-site strong{font-size:17px}.mini-site>b{font-size:22px}.mini-site p{font-size:10px}.emission-ad{height:330px}.emission-ad strong{font-size:30px}.flow-summary{font-size:24px}.flow-detail{font-size:16px}.arguments{padding-top:70px}.ad-grid{grid-template-columns:1fr;gap:28px}.creative{height:250px}.creative strong{font-size:28px}.footnote{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Desktop scale: preserve the composition while bringing it closer to the
   former reduced-browser-zoom reference. Mobile keeps its own readable scale. */
@media(min-width:901px){
  .wrap{width:min(1080px,calc(100% - 80px))}
  .intro{padding-top:20px}
  .brand{font-size:16px}
  .intro h1{font-size:clamp(60px,5.65vw,76px);margin:43px 0 15px;line-height:.96}
  .lead{font-size:21px;line-height:1.25;margin-bottom:26px}
  .rules>div{grid-template-columns:65px 200px 1fr;padding:13px 0;font-size:16px}
  .rules strong{font-size:17px}
  .note{font-size:16px;margin-top:22px}
  .chooser{padding-top:59px}
  .chooser h2,.mechanism h2,.arguments h2{font-size:clamp(38px,3.65vw,49px)}
  .chooser>p:not(.kicker,.preview-label){font-size:18px;margin:9px 0 19px}
  .tabs{gap:29px}
  .tabs button{font-size:22px;padding:7px 0 10px}
  .preview-label{margin:78px 0 16px}
  .paper{max-width:1000px;padding:17px 0 30px}
  .paper-head{gap:23px}
  .paper-logo{font-size:39px}
  .paper-head nav{font-size:12px;gap:17px}
  .crumb{margin-top:14px;font-size:12px}
  .paper h2{font-size:clamp(35px,3.45vw,45px);line-height:1.01}
  .byline{font-size:12px;margin:6px 0}
  .article-image{height:175px}
  .article-copy,.article-after{font-size:16px;line-height:1.37}
  .article-copy p{margin:9px 0}
  .article-copy .tag{font-size:10px;padding:2px 6px}
  .ad-unit{margin:20px 0 17px}
  .ad-banner{height:128px}
  .ad-text{padding:11px 18px}
  .ad-text h3{font-size:28px}
  .ad-text p{font-size:11px}
  .ad-text button{left:18px;bottom:8px;font-size:13px;padding:6px 15px}
  .why-pop{font-size:12px;padding:11px 14px}
  .article-after h3{font-size:27px;margin:12px 0 3px}
  .mechanism{padding-top:105px}
  .section-rule{margin-bottom:26px}
  .section-lead{font-size:21px;margin:10px 0 26px}
  .flow{min-height:430px;gap:23px}
  .step{font-size:11px;margin-bottom:10px}
  .step-sub{font-size:13px}
  .site-stack{height:325px}
  .mini-site{height:290px;padding:10px}
  .mini-site>b{font-size:23px}
  .mini-site strong{font-size:18px}
  .mini-photo{height:70px}
  .mini-site p{font-size:10px}
  .checks{font-size:12px;margin:12px 0 16px}
  .checks li:before{width:20px;height:20px;margin-right:9px}
  .filter-scene{height:225px}
  .url-list span{font-size:10px}
  .filter{height:155px}
  .emission-ad{height:315px}
  .emission-ad>div:first-child{padding:20px 20px 0}
  .emission-ad strong{font-size:29px}
  .flow-summary{font-size:25px;margin:28px 0 3px}
  .flow-detail{font-size:16px}
  .arguments{padding-top:76px}
  .ad-grid{gap:20px}
  .creative{height:220px;padding:16px 18px}
  .creative strong{font-size:23px}
  .ad-grid>div>p:last-child{font-size:13px}
  .footnote{font-size:12px;margin-top:20px}
}
.why-pop{top:28px;bottom:auto}
@media(max-width:600px){.why-pop{top:calc(100% + 4px);bottom:auto}}

/* The selection drawing uses one coordinate space for every path and the gate. */
.flow{position:relative}
.flow .analysis,.flow .emission{position:relative;z-index:2}
.flow .selection{z-index:1}
.flow-schematic{pointer-events:none;overflow:visible}
.flow-desktop{position:absolute;inset:0;width:100%;height:430px;z-index:1}
.flow-mobile{display:none}
.flow-schematic .flow-gate rect{fill:#f2f8fe;stroke:#a8c8e5;stroke-width:1}
.flow-schematic .flow-gate path{fill:none;stroke:#a8d5f7;stroke-width:.75;stroke-dasharray:1 4}
.flow-schematic .accepted path{fill:none;stroke:#0080ef;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.flow-schematic .rejected path{fill:none;stroke:#b6c2d1;stroke-width:1.15;stroke-linecap:round}
.flow-schematic text{font-family:Outfit,Arial,sans-serif}
.flow-schematic .flow-address text{fill:#0080ef;font-size:11px;text-decoration:none}
.flow-schematic .rejected-cross text{fill:#a9b5c6;font-size:14px;font-weight:500}
.flow-schematic .rejected-caption{fill:#6f7d97;font-size:11px}
.flow .checks{margin-top:12px;font-size:12px;line-height:1.65}
.flow .checks li{margin-bottom:5px}
.flow .checks li:before{width:17px;height:17px;font-size:12px;margin-right:9px;vertical-align:1px}
@media(max-width:900px){
  .flow-desktop{display:none}
  .flow-mobile{display:block;width:min(100%,360px);height:auto;margin:20px auto 0}
  .flow .selection{max-width:550px}
  .flow .checks{width:max-content;max-width:100%;margin:10px auto 0}
}

/* Supplied selection illustration replaces the former browser previews and SVG. */
.mechanism .flow{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);grid-template-rows:auto auto;gap:0 23px;min-height:0;align-items:start}
.mechanism .flow .analysis{grid-column:1;grid-row:1;width:47%}
.mechanism .flow .selection{grid-column:1;grid-row:1;justify-self:end;width:48%;max-width:none}
.mechanism .selection-art{grid-column:1;grid-row:2;display:block;width:100%;max-width:1605px;margin-top:18px}
.mechanism .selection-art img{display:block;width:100%;height:auto;max-width:1605px;box-shadow:none;object-fit:contain}
.mechanism .flow .emission{grid-column:2;grid-row:1 / span 2}
.mechanism .emission-ad{margin-top:125px}
@media(max-width:900px){
  .mechanism .flow{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:18px;justify-items:center}
  .mechanism .flow .analysis,.mechanism .flow .selection,.mechanism .flow .emission{grid-column:1;grid-row:auto;width:min(100%,600px);max-width:600px;justify-self:center}
  .mechanism .selection-art{grid-column:1;grid-row:auto;width:min(100%,600px);max-width:1060px;margin-top:0}
  .mechanism .selection-art img{max-width:1060px}
  .mechanism .emission-ad{margin-top:0}
}

/* Interactive article demonstration */
.analysis-control{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid #d9e8f2;padding:11px 0;margin:12px 0 8px;color:#171b60;font-family:Boston,sans-serif}
.analysis-kicker{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#0080ef;font-weight:700}
.analysis-control-copy p{font-size:13px;color:#617194;margin:3px 0 0}
.analysis-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.switch-label{font-size:13px;font-weight:600;white-space:nowrap}
.analysis-switch{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:0;background:none;color:#566783;padding:4px;font-size:12px}
.switch-track{display:inline-flex;align-items:center;width:42px;height:24px;border-radius:20px;padding:3px;background:#aeb9ca;transition:background-color .3s}
.switch-thumb{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #15244b40;transition:transform .3s}
.analysis-switch[aria-checked="true"] .switch-track{background:#0080ef}
.analysis-switch[aria-checked="true"] .switch-thumb{transform:translateX(18px)}
.replay-demo{border:0;background:none;color:#0080ef;font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:40px;padding:4px 2px}
.article-copy mark{background:none!important;color:inherit!important;padding:0!important;font-weight:inherit!important;transition:background-color .28s,color .28s}
.article-copy .tag{display:none!important;cursor:pointer}
.paper.reveal-topic .article-copy mark[data-index="0"],.paper.reveal-sentiment .article-copy mark[data-index="1"]{background:#d8efff!important;color:#0080ef!important;padding:1px 8px!important;font-weight:650!important}
.paper.reveal-need .article-copy mark[data-index="2"]{background:#cff8fb!important;color:#009daf!important;padding:1px 8px!important;font-weight:650!important}
.paper.reveal-topic .article-copy .tag[data-index="0"],.paper.reveal-sentiment .article-copy .tag[data-index="1"],.paper.reveal-need .article-copy .tag[data-index="2"]{display:inline-block!important}
.article-copy mark.is-emphasized{background:#adddff!important;box-shadow:0 0 0 2px #0080ef66}
.article-copy mark[data-index="2"].is-emphasized{background:#a5f2f5!important;box-shadow:0 0 0 2px #00a5b266}
.article-copy .tag:focus-visible{outline:2px solid #0080ef;outline-offset:2px}
.analysis-tip{position:fixed;z-index:50;width:min(300px,calc(100vw - 24px));background:#fff;border:1px solid #bbd9ed;border-radius:4px;box-shadow:0 8px 24px #10286126;padding:14px 32px 14px 16px;color:#171b60;font:13px/1.4 Boston,sans-serif}
.analysis-tip p{margin:6px 0 0;color:#465981}
.analysis-tip-close{position:absolute;right:8px;top:5px;background:none;border:0;color:#171b60;font-size:21px}
.ad-stage{height:128px;position:relative;overflow:hidden;background:#f4f5ef}
.ad-stage .ad-banner{position:absolute;inset:0;width:100%;height:100%;transition:opacity .65s ease}
.grocery-creative{display:block;opacity:1;pointer-events:auto;background:#f7f2e8}
.grocery-creative img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.grocery-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:9px 18px;gap:2px;color:#164c34;width:53%}
.grocery-brand{font-family:Georgia,serif;font-size:17px;font-weight:700;letter-spacing:-.04em}
.grocery-label{color:#8e6428;font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:700}
.grocery-copy strong{font-size:24px;line-height:.95;letter-spacing:-.035em}
.grocery-copy button{margin-top:5px;background:#176a43;color:#fff;border:0;font-size:12px;padding:5px 11px}
.contextual-creative{opacity:0;pointer-events:none}
.ad-unit.matched .grocery-creative{opacity:0;pointer-events:none}
.ad-unit.matched .contextual-creative{opacity:1;pointer-events:auto}
#why-button[hidden]{display:none}
.match-status{min-height:18px;margin:5px 3px 0;color:#0080ef;font-size:12px;letter-spacing:.01em}
@media(max-width:600px){
  .analysis-control{align-items:flex-start;flex-direction:column;gap:5px}
  .analysis-actions{justify-content:flex-start;gap:8px 12px}
  .switch-label{font-size:12px}
  .ad-stage{height:270px}
  .grocery-creative img{object-position:63% center}
  .grocery-copy{width:100%;height:122px;padding:9px 13px;background:#f8f4ead9}
  .grocery-copy strong{font-size:23px}
  .grocery-copy button{position:absolute;top:207px;left:13px;margin:0;z-index:2}
}
@media(prefers-reduced-motion:reduce){.switch-track,.switch-thumb,.ad-stage .ad-banner,.article-copy mark{transition:none!important}.replay-demo{display:none}}


/* INIS identity uses Boston; editorial previews and independent ads keep Outfit. */
.intro,.chooser,.mechanism,.arguments,footer,.why-pop,#why-button,.match-status,.article-copy .tag,dialog{font-family:Boston,sans-serif;font-synthesis:none}
.mini-site,.emission-ad,.creative{font-family:Outfit,Arial,sans-serif}
:is(.intro,.chooser,.mechanism,.arguments,.analysis-control,.analysis-tip,.why-pop,dialog) :is(button,input,select,textarea){font-family:inherit}

/* INIS navigation above the ContextMatch landing page. */
.site-header{border-top:3px solid #303039;border-bottom:1px solid #dce6f0;background:#fff}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:83px;padding-block:12px}
.site-header-logo{display:inline-flex;align-items:center;flex:none}
.site-header-logo img{display:block;width:78px;height:58px}
.site-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:6px;background:#087df2;color:#fff;text-decoration:none;font:700 16px Boston,sans-serif;white-space:nowrap}
.site-header-cta:hover{background:#0068d7}
@media(max-width:600px){.site-header-inner{min-height:68px;padding-block:9px}.site-header-logo img{width:62px;height:auto}.site-header-cta{min-height:44px;padding:9px 14px;font-size:14px}}

/* Balance the identity row beneath the INIS navigation. */
.intro .topline{flex-direction:row-reverse}


/* Compact the hero after removing the eyebrow. */
.intro{padding-top:14px}
.intro h1{margin-top:28px}
@media(max-width:600px){.intro{padding-top:12px}.intro h1{margin-top:28px}}


/* Slightly uneven blue marker swipe in the intro note. */
.note u{text-decoration:none;background-image:linear-gradient(176deg,transparent 30%,#55b3fb80 37%,#2d9df2a8 78%,transparent 87%),linear-gradient(182deg,transparent 45%,#0080ef26 50%,#0080ef45 84%,transparent 93%);border-radius:.3em .12em .4em .16em;padding:0 .1em .03em;margin-inline:-.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}


/* Align the hero with the ContextMatch identity on wide screens. */
@media(min-width:1100px){.intro{position:relative}.intro .topline{position:absolute;top:14px;right:0}.intro h1{margin-top:0}}

/* Secondary industry picker follows the main tabs while examples are in view. */
.float-observer{display:block;height:1px;pointer-events:none}
.arguments{padding-bottom:100px}
.floating-branch-picker{position:fixed;z-index:40;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;gap:5px;width:min(680px,calc(100vw - 24px));max-width:calc(100% - 24px);min-height:64px;padding:7px 10px;background:#fff;border:1px solid #dce5ef;border-radius:999px;box-shadow:0 8px 30px #17285b1c;font-family:Boston,sans-serif;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms ease,transform 200ms ease,visibility 200ms}
.floating-branch-picker.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}
.floating-branch-label{padding:0 13px 0 17px;color:#647397;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.floating-branch-divider{width:1px;height:28px;background:#dce5ef;margin-right:5px;flex:none}
.floating-branch-picker button{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;min-height:48px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#171b60;font:600 14px Boston,sans-serif;white-space:nowrap}
.floating-branch-picker button[aria-pressed="true"]{background:#e8f5ff;color:#0080ef}
.floating-branch-picker button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.floating-branch-picker button i{display:none;width:5px;height:5px;background:#0080ef;border-radius:50%;flex:none}
.floating-branch-picker button[aria-pressed="true"] i{display:block}
.floating-branch-picker button:focus-visible{outline:3px solid #0080ef;outline-offset:2px}
@media(max-width:700px){.floating-branch-label,.floating-branch-divider{display:none}.floating-branch-picker{width:min(480px,calc(100vw - 24px));min-height:60px;padding:5px 6px;gap:1px}.floating-branch-picker button{flex:1;min-width:0;font-size:12px;padding:0 8px;gap:5px}.floating-branch-picker button svg{width:18px;height:18px}}
@media(max-width:420px){.floating-branch-picker button{flex-direction:column;gap:1px;min-height:54px;min-width:0;padding:4px 6px;font-size:12px;line-height:1.05;white-space:normal;text-align:center}.floating-branch-picker button span{max-width:100%}.floating-branch-picker button i{position:absolute;right:6px;top:6px}}
@media(prefers-reduced-motion:reduce){.floating-branch-picker{transition:none}}

/* ContextMatch analysis: one vocabulary for categories and sentiment results. */
:root{--sentiment-positive:#226B45;--sentiment-positive-bg:#EAF6EF;--sentiment-negative:#A93E48;--sentiment-negative-bg:#FCEDEE;--sentiment-neutral:#52647A;--sentiment-neutral-bg:#EDF1F6;--sentiment-mixed:#71509A;--sentiment-mixed-bg:#F2EDF8}
[data-sentiment="positive"]{--tone:var(--sentiment-positive);--tone-bg:var(--sentiment-positive-bg)}
[data-sentiment="negative"]{--tone:var(--sentiment-negative);--tone-bg:var(--sentiment-negative-bg)}
[data-sentiment="neutral"]{--tone:var(--sentiment-neutral);--tone-bg:var(--sentiment-neutral-bg)}
[data-sentiment="mixed"]{--tone:var(--sentiment-mixed);--tone-bg:var(--sentiment-mixed-bg)}
.analysis-symbols{position:absolute;width:0;height:0;overflow:hidden}
.analysis-icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.intro{position:relative;min-height:calc(100svh - 86px);padding-top:20px;padding-bottom:60px}
.intro .topline{position:relative;top:auto;right:auto;min-height:44px}
.intro .brand{font-size:clamp(26px,2.5vw,34px);line-height:1.1;white-space:nowrap}
.intro .brand small{font-size:.55em;font-weight:400;margin-left:10px}
.intro h1{font-size:clamp(48px,4.4vw,68px);line-height:1.02;margin:32px 0 17px;letter-spacing:-.045em}
.intro .lead{font-size:clamp(18px,1.6vw,23px);line-height:1.24;margin:0;color:#536594}
.hero-analysis{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(290px,1fr);gap:90px;align-items:start;position:relative;margin-top:68px}
.hero-article,.hero-results{position:relative;z-index:1;min-width:0}
.hero-kicker{margin:0 0 16px;color:#0080ef;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hero-quote{font:400 clamp(27px,2.28vw,35px)/1.22 Georgia,serif;letter-spacing:-.025em;margin:0;color:#171b60}
.hero-quote mark{background:#deedff;color:#171b60;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero-quote mark[data-sentiment]{background:var(--tone-bg);color:var(--tone)}
.hero-results{display:grid;gap:32px;align-self:stretch;align-content:space-between}
.hero-result{display:flex;gap:17px;align-items:flex-start;min-width:0}
.hero-result>.analysis-icon{font-size:42px;color:#0080ef;margin-top:0}
.hero-result h2{font:700 12px/1.2 Boston,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0080ef;margin:2px 0 5px}
.hero-result p{margin:0}
.hero-result .result-definition{font-size:15px;line-height:1.22;color:#667baf}
.hero-result .result-value{font-size:20px;line-height:1.15;font-weight:600;margin-top:9px;color:#171b60}
.sentiment-value{display:inline-block;background:var(--tone-bg);color:var(--tone);padding:5px 8px;border-radius:7px}
.hero-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;color:#0080ef}
.hero-lines path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.hero-lines circle{fill:currentColor}
.hero-conclusion{font-size:16px;line-height:1.4;margin:30px 0 0}
.paper.reveal-sentiment .article-copy mark[data-index="1"]{background:var(--tone-bg)!important;color:var(--tone)!important}
.article-copy .tag[data-index="1"]{background:var(--tone-bg);color:var(--tone)}
.article-copy mark[data-index="1"].is-emphasized{background:var(--tone-bg)!important;box-shadow:0 0 0 2px var(--tone)}
.analysis-category{display:inline-flex;align-items:center;gap:4px;color:#0080ef;font-weight:700}
.analysis-category .analysis-icon{width:15px;height:15px}
.analysis-result{display:inline-block;color:var(--tone);background:var(--tone-bg);border-radius:4px;padding:2px 5px;margin-left:3px}
.analysis-tip strong{display:inline-flex;align-items:center;gap:6px;color:#0080ef}
.analysis-tip strong .analysis-icon{width:16px;height:16px}
.analysis-tip[data-sentiment="positive"] p,.analysis-tip[data-sentiment="negative"] p,.analysis-tip[data-sentiment="neutral"] p,.analysis-tip[data-sentiment="mixed"] p{color:var(--tone)}
.analysis-tip[data-sentiment]{border-color:var(--tone-bg)}
.argument-sentiment{display:inline-block;color:var(--tone);background:var(--tone-bg);border-radius:4px;padding:3px 6px;font:600 12px Boston,sans-serif;margin:0 0 8px}
@media(max-width:900px){.intro{min-height:auto}.hero-analysis{grid-template-columns:1fr;gap:34px;margin-top:55px}.hero-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hero-result{gap:8px}.hero-result>.analysis-icon{font-size:30px}.hero-result .result-definition{font-size:13px}.hero-result .result-value{font-size:17px}.hero-lines{display:none}}
@media(max-width:600px){.intro{padding-top:12px;padding-bottom:55px}.intro .topline{min-height:42px}.intro .brand{font-size:24px}.intro .brand small{font-size:.55em}.intro h1{font-size:clamp(43px,11vw,58px);margin:26px 0 16px}.intro .lead{font-size:18px}.hero-analysis{margin-top:48px;gap:28px}.hero-quote{font-size:clamp(26px,7.1vw,31px);line-height:1.23}.hero-results{grid-template-columns:1fr;gap:24px}.hero-result>.analysis-icon{font-size:36px}.hero-result .result-definition{font-size:15px}.hero-result .result-value{font-size:18px}.hero-conclusion{font-size:15px;margin-top:35px}}
@media(max-width:900px){.hero-quote-break{display:none}}

/* Argument cards: the article's tone and context precede a separate ad creative. */
.ad-grid{align-items:stretch}
.argument-card{display:flex;flex-direction:column;min-width:0}
.argument-source{min-height:158px;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 16px;background:#fff}
.argument-kicker,.argument-context-label,.argument-ad-label{margin:0;color:#526595;font:700 11px/1.3 Boston,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.argument-sentiment{display:inline-block;margin-top:8px;padding:5px 9px;border-radius:5px;background:var(--tone-bg);color:var(--tone);font:600 14px/1.3 Boston,sans-serif}
.argument-context-label{margin-top:auto;padding-top:15px}
.argument-source .step{margin:5px 0 0;color:#0069d4;font-size:11px;line-height:1.3}
.argument-context-description{margin:3px 0 0;color:#171b60;font:600 16px/1.25 Boston,sans-serif}
.argument-card .creative{display:grid;grid-template-rows:105px minmax(0,1fr);height:300px;padding:0;background:none;overflow:hidden}
.argument-card .creative::before{content:none}
.creative-copy{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 17px;background:#f2f6fa;border-top:1px solid #dce6f0}
.argument-ad-label{font-size:10px}
.argument-card .creative strong{font:700 23px/1.02 Outfit,Arial,sans-serif;letter-spacing:-.035em;color:#171b60;overflow-wrap:break-word}
.argument-card .creative strong em{color:#0069d4}
.creative-photo{min-height:0;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#e8eef4}
.argument-card .argument-rationale{margin:11px 0 0;color:#43537e;font:400 13px/1.4 Boston,sans-serif}
@media(max-width:900px){.argument-source{min-height:160px}.argument-card .creative{height:280px;grid-template-rows:110px minmax(0,1fr)}.argument-card .creative strong{font-size:21px}}
@media(max-width:600px){.argument-source{min-height:0;padding-bottom:17px}.argument-card .creative{height:300px;grid-template-rows:105px minmax(0,1fr)}.argument-card .creative strong{font-size:23px}}

/* Keep the complete product in every argument creative and contextual banner. */
.argument-card .creative,.arguments[data-branch="motoryzacja"] .argument-card .creative{height:auto;grid-template-rows:105px auto}
.creative-photo{aspect-ratio:3/2}
.arguments[data-branch="motoryzacja"] .creative-photo{aspect-ratio:1}
.ad-stage{height:210px}
.contextual-creative{grid-template-columns:minmax(0,1fr) 210px}
.contextual-creative .ad-photo{background-size:contain;background-repeat:no-repeat;background-position:center}
@media(max-width:600px){.ad-stage{height:300px}.contextual-creative{grid-template-columns:1fr;grid-template-rows:105px 195px}.contextual-creative .ad-text button{bottom:-185px}.contextual-creative .ad-photo{grid-row:2}}

/* FAQ: native disclosure controls keep every answer available without scripts. */
.faq{font-family:Boston,sans-serif;font-synthesis:none;padding-bottom:76px}
.faq h2{margin:0 0 26px;color:#171b60;font-size:clamp(38px,3.65vw,49px);font-weight:700;line-height:1.05;letter-spacing:-.04em}
.faq-list{border-top:1px solid #c5ddf2}
.faq-list details{border-bottom:1px solid #c5ddf2}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;padding:18px 8px 18px 2px;color:#171b60;font-size:20px;font-weight:600;line-height:1.3;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::marker{content:''}
.faq-list summary:focus-visible{outline:3px solid #0080ef;outline-offset:-3px}
.faq-arrow{flex:none;width:12px;height:12px;margin-right:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform 180ms ease}
.faq-list details[open] .faq-arrow{transform:translateY(3px) rotate(225deg)}
.faq-answer{padding:0 44px 27px 2px;color:#536594;font-size:17px;line-height:1.55}
.faq-answer p{max-width:1020px;margin:0}
@media(max-width:600px){.faq{padding-bottom:56px}.faq h2{font-size:38px;margin-bottom:20px}.faq-list summary{min-height:58px;padding:16px 5px 16px 1px;gap:18px;font-size:17px}.faq-answer{font-size:16px;line-height:1.5;padding:0 24px 22px 1px}}
@media(prefers-reduced-motion:reduce){.faq-arrow{transition:none}}

/* Contact uses the same action as the INIS header, after the FAQ. */
.contact-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:36px 40px;margin-bottom:40px;background:#f3f7fd;font-family:Boston,sans-serif;font-synthesis:none}
.contact-cta-copy{min-width:0}
.contact-cta h2{margin:0 0 10px;color:#171b60;font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-.035em}
.contact-cta h2 span{color:#0080ef}
.contact-cta p{max-width:760px;margin:0;color:#536594;font-size:17px;line-height:1.45}
.contact-cta .site-header-cta{justify-self:end}
@media(max-width:700px){.contact-cta{grid-template-columns:1fr;gap:22px;padding:24px;margin-bottom:32px}.contact-cta .site-header-cta{justify-self:start}}
@media(max-width:600px){.contact-cta h2{font-size:28px}.contact-cta p{font-size:16px}}

/* Short, one-time explanation of the fixed hero analysis. The default HTML stays complete. */
.hero-analysis{column-gap:90px;row-gap:36px}
.hero-kicker-row{grid-column:1/-1;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;min-height:74px;margin:0;padding:12px 22px;border:1px solid #c5ddf2;border-radius:9px;background:#f3f7fd}
.hero-kicker-row .hero-kicker{margin:0}
.hero-demo-control{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#0069d4;font:600 13px/1.2 Boston,sans-serif}
.hero-ai-indicator{position:relative;display:inline-grid;place-items:center;flex:none;width:27px;height:27px;color:#0069d4;font:700 10px/1 Boston,sans-serif}
.hero-ai-indicator svg{position:absolute;inset:0;width:100%;height:100%}
.hero-ai-ring{fill:none;stroke:#0080ef;stroke-width:1.5;stroke-dasharray:5 4;stroke-linecap:round;transform-origin:50% 50%}
.hero-analysis.is-running .hero-ai-ring{animation:hero-ai-spin 1.1s linear infinite}
@keyframes hero-ai-spin{to{transform:rotate(360deg)}}
.hero-demo-status{display:inline-block;width:139px;flex:none}
#hero-demo-replay{display:inline-flex;align-items:center;justify-content:center;gap:9px;visibility:visible;min-width:175px;min-height:44px;padding:8px 14px;border:1px solid #0080ef;border-radius:6px;background:#fff;color:#0069d4;text-align:center;text-decoration:none;font:600 13px/1.2 Boston,sans-serif;transition:background-color 160ms ease,border-color 160ms ease}
#hero-demo-replay svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#hero-demo-replay:not(:disabled):hover{background:#e8f5ff;border-color:#0069d4}
#hero-demo-replay:focus-visible{outline:3px solid #0080ef;outline-offset:3px}
#hero-demo-replay:disabled{opacity:.55;cursor:default}
.hero-analysis.hero-demo-ready .hero-quote mark{--hero-mark:#deedff;background-color:transparent;background-image:linear-gradient(var(--hero-mark),var(--hero-mark));background-repeat:no-repeat;background-position:left center;background-size:0 100%;color:inherit;transition:background-size .42s ease,color .3s ease}
.hero-analysis.hero-demo-ready .hero-quote mark[data-sentiment]{--hero-mark:var(--tone-bg)}
.hero-analysis.hero-demo-ready.mark-topic #hero-topic-phrase,.hero-analysis.hero-demo-ready.mark-context #hero-context-phrase,.hero-analysis.hero-demo-ready.mark-sentiment #hero-sentiment-phrase{background-size:100% 100%}
.hero-analysis.hero-demo-ready.mark-sentiment #hero-sentiment-phrase{color:var(--tone)}
.hero-analysis.hero-demo-ready .hero-lines path{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.hero-analysis.hero-demo-ready .hero-lines circle{opacity:0}
.hero-analysis.hero-demo-ready.line-topic .hero-lines path[data-link="topic"],.hero-analysis.hero-demo-ready.line-context .hero-lines path[data-link="context"],.hero-analysis.hero-demo-ready.line-sentiment .hero-lines path[data-link="sentiment"]{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .58s ease,opacity .1s ease}
.hero-analysis.hero-demo-ready.line-topic .hero-lines circle[data-dot^="topic"],.hero-analysis.hero-demo-ready.line-context .hero-lines circle[data-dot^="context"],.hero-analysis.hero-demo-ready.line-sentiment .hero-lines circle[data-dot^="sentiment"]{opacity:1;transition:opacity .2s ease .35s}
.hero-analysis.hero-demo-ready .hero-result .result-value{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.hero-analysis.hero-demo-ready.result-topic #hero-topic-result .result-value,.hero-analysis.hero-demo-ready.result-context #hero-context-result .result-value,.hero-analysis.hero-demo-ready.result-sentiment #hero-sentiment-result .result-value{opacity:1;visibility:visible}
.hero-analysis.hero-demo-ready.is-complete .hero-quote mark,.hero-analysis.hero-demo-ready.is-complete .hero-lines path,.hero-analysis.hero-demo-ready.is-complete .hero-lines circle,.hero-analysis.hero-demo-ready.is-complete .hero-result .result-value{transition:none!important}
@media(max-width:900px){.hero-analysis{row-gap:34px}.hero-kicker-row{grid-column:1}}
@media(max-width:600px){.hero-analysis{row-gap:28px}.hero-kicker-row{gap:12px;padding:15px 16px}.hero-demo-control{width:100%;justify-content:space-between;gap:8px}.hero-demo-status{width:auto;min-width:118px;flex:1}#hero-demo-replay{min-width:0;padding:8px 10px;font-size:12px}}
@media(max-width:380px){.hero-demo-control{flex-wrap:wrap;justify-content:flex-start}.hero-demo-status{flex:none}#hero-demo-replay{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-analysis .hero-ai-ring{animation:none!important}#hero-demo-replay{transition:none!important}.hero-analysis.hero-demo-ready .hero-quote mark,.hero-analysis.hero-demo-ready .hero-lines path,.hero-analysis.hero-demo-ready .hero-lines circle,.hero-analysis.hero-demo-ready .hero-result .result-value{transition:none!important}}

/* A taller landscape ad keeps the copy and the product in balanced panels. */
.paper-content .ad-unit{float:none;width:min(780px,100%);margin:24px auto}
.paper-content .ad-stage{height:auto;aspect-ratio:12/5}
.paper-content .ad-stage .ad-banner{grid-template-columns:minmax(0,44fr) minmax(0,56fr);grid-template-rows:minmax(0,1fr)}
.paper-content .contextual-creative .ad-photo{grid-column:2;grid-row:1;background-size:cover;background-position:center;background-repeat:no-repeat}
.paper-content .ad-unit[data-branch="motoryzacja"] .ad-photo{background-size:106% auto;background-position:center bottom}
.paper-content .ad-unit[data-branch="dom"] .ad-photo{background-size:130% auto;background-position:center 70%}
.paper-content .ad-unit[data-branch="podroze"] .ad-photo{background-size:cover;background-position:56% center}
.paper-content .contextual-creative .ad-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:22px 26px}
.paper-content .ad-text h3{font-size:clamp(24px,2.5vw,29px);line-height:1.05;margin:0}
.paper-content .ad-text button{position:static;min-height:39px;margin-top:18px;padding:7px 17px}
.paper-content .grocery-creative{display:grid}
.paper-content .grocery-copy{grid-column:1;grid-row:1;width:100%;height:100%;justify-content:center;padding:22px 26px;background:#f7f2e8}
.paper-content .grocery-copy strong{font-size:24px}
.paper-content .grocery-copy button{position:static;min-height:39px;margin-top:16px}
.paper-content .grocery-creative img{position:static;grid-column:2;grid-row:1;width:100%;height:100%;min-height:0;object-fit:cover;object-position:72% center;background:#f7f2e8}
@media(max-width:620px){
  .paper-content .ad-unit{margin:22px auto}
  .paper-content .ad-stage{height:clamp(330px,75vw,430px);aspect-ratio:auto}
  .paper-content .ad-stage .ad-banner{grid-template-columns:1fr;grid-template-rows:140px minmax(0,1fr)}
  .paper-content .contextual-creative .ad-text{padding:12px 17px;gap:4px}
  .paper-content .ad-text h3{font-size:clamp(23px,6vw,28px)}
  .paper-content .ad-text button{margin-top:9px}
  .paper-content .contextual-creative .ad-photo{grid-column:1;grid-row:2}
  .paper-content .ad-unit[data-branch="motoryzacja"] .ad-photo{background-size:100% auto;background-position:center 80%}
  .paper-content .ad-unit[data-branch="dom"] .ad-photo{background-size:125% auto;background-position:center 70%}
  .paper-content .grocery-copy{grid-column:1;grid-row:1;padding:8px 17px}
  .paper-content .grocery-copy button{margin-top:7px}
  .paper-content .grocery-creative img{grid-column:1;grid-row:2;object-position:72% center}
  .paper-content .why-pop{top:32px;right:6px;bottom:auto}
}

/* The complete opening explanation fits a desktop viewport at normal zoom. */
@media(min-width:901px){
  .site-header-inner{min-height:72px;padding-block:9px}
  .site-header-logo img{width:70px;height:auto}
  .site-header-cta{min-height:44px}
  .intro{min-height:calc(100svh - 76px);padding-top:14px;padding-bottom:20px}
  .intro .topline{min-height:34px}
  .intro .brand{font-size:clamp(24px,2.25vw,30px)}
  .intro h1{font-size:clamp(46px,4.1vw,62px);margin:16px 0 12px}
  .intro .lead{font-size:clamp(18px,1.5vw,21px);line-height:1.2}
  .hero-analysis{margin-top:28px;column-gap:64px;row-gap:18px}
  .hero-kicker-row{min-height:60px;padding:8px 18px}
  .hero-quote{font-size:clamp(24px,2.07vw,31px);line-height:1.18}
  .hero-results{gap:16px}
  .hero-result{gap:12px}
  .hero-result>.analysis-icon{font-size:34px}
  .hero-result .result-definition{font-size:14px;line-height:1.2}
  .hero-result .result-value{font-size:18px;line-height:1.15;margin-top:6px}
  .sentiment-value{padding:4px 7px}
  .hero-conclusion{margin-top:15px}
}
@media(min-width:901px) and (max-height:700px){
  .intro{padding-top:10px;padding-bottom:14px}
  .intro h1{margin-top:10px;margin-bottom:8px}
  .hero-analysis{margin-top:19px;row-gap:14px}
  .hero-kicker-row{min-height:56px}
  .hero-conclusion{margin-top:10px}
}