@charset "UTF-8";
:root{--ink:#242522;--muted:#555c51;--paper:#f8f7f3;--line:#d7d9d0;--yellow:#f5d545;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--max:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit;cursor:pointer}
button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #856e10;outline-offset:6px}
[hidden]{display:none!important}
::selection{background:var(--yellow);color:var(--ink)}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:var(--serif);font-weight:500;font-feature-settings:"palt";letter-spacing:.01em;line-height:1.6}
h2{font-size:clamp(29px,3vw,41px)}
h3{font-size:21px;font-weight:600;line-height:1.7;letter-spacing:-.025em}
.container{width:min(var(--max),calc(100% - 112px));margin-inline:auto}
.section{padding:112px 0}
.eyebrow{font-size:14px;font-weight:500;letter-spacing:.04em;line-height:1.8;color:var(--muted)}
.eyebrow>span{display:none}
.section-heading>.eyebrow{margin-bottom:25px}
.heading-row{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end}
.heading-row>p{font-size:15px;color:var(--muted);line-height:2.15;padding-bottom:5px}
.section-description{font-size:15px;line-height:2.1;color:var(--muted);margin-top:27px}
.muted{color:var(--muted);font-size:14px;margin-top:20px}
.link-arrow{display:inline-flex;align-items:center;flex-shrink:0}
.link-arrow svg{width:27px;height:14px;display:block}
.button{display:inline-flex;min-height:64px;align-items:center;justify-content:space-between;gap:32px;border:1px solid transparent;padding:18px 26px;font-size:14px;line-height:1.7;font-weight:500;transition:background .18s,color .18s}
.button .link-arrow{transition:transform .2s}
.button:hover .link-arrow{transform:translateX(4px)}
.primary,.dark-button{background:var(--ink);color:var(--yellow)}
.primary:hover,.dark-button:hover{background:#45473f}
.text-button{background:transparent;color:var(--ink);padding:12px 0;min-height:48px;font-size:14px;gap:19px;border:0}
.text-button:hover{color:#7f6a17}
.simple-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid var(--ink);padding:7px 0;font-size:14px;line-height:1.8;font-weight:500}
.simple-link:hover{color:#83712d;border-color:#83712d}
.simple-link.light{color:#f2f2eb;border-color:#767a70}
.simple-link.light:hover{color:var(--yellow);border-color:var(--yellow)}
.mobile-br{display:none}
.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--yellow);padding:10px 20px}
.skip-link:focus{top:10px}
/* Brand and navigation */
.site-header{position:sticky;top:0;z-index:30;background:var(--yellow);border-bottom:1px solid #d1b32a}
.header-inner{width:min(1352px,calc(100% - 80px));height:93px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:block;width:203px;flex-shrink:0}
.brand img{width:100%}
.main-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:500;line-height:1.6}
.main-nav>a:not(.nav-cta){padding:16px 0}
.main-nav>a:not(.nav-cta):hover{color:#473b15;text-decoration:underline;text-underline-offset:6px}
.main-nav .nav-cta{display:flex;align-items:center;gap:22px;background:var(--ink);color:var(--yellow);padding:14px 19px;font-size:14px}
.main-nav .nav-cta:hover{background:#45473f;color:var(--yellow)}
.main-nav .nav-cta svg{width:22px}
.login-menu{position:relative}
.login-menu summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:17px 0}
.login-menu summary::-webkit-details-marker{display:none}
.login-menu summary:hover{color:#473b15;text-decoration:underline;text-underline-offset:6px}
.login-menu summary>span{font-size:16px}
.login-options{position:absolute;right:0;top:calc(100% + 18px);background:#fff9dd;border:1px solid #d1b32a;min-width:295px;padding:5px 17px}
.login-options a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;font-size:14px}
.login-options a+a{border-top:1px solid #e2d5a5}
.login-options a:hover{color:#473b15;text-decoration:underline;text-underline-offset:6px}
.login-options svg{width:21px}
.menu-toggle{display:none}
/* One photograph, a strong headline, and a clear action. */
.hero{background:var(--paper)}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:54px;align-items:center;padding-top:72px;padding-bottom:30px}
.hero-copy{padding-bottom:40px}
.hero-copy::before{content:"";display:block;width:43px;height:5px;background:var(--yellow);margin-bottom:27px}
.hero .eyebrow{font-size:14px;color:#62665d;letter-spacing:.035em}
.hero h1{font-size:clamp(55px,5.4vw,76px);font-weight:500;line-height:1.55;letter-spacing:-.035em;margin:22px 0 27px;font-feature-settings:"palt"}
.hero h1>span{color:var(--ink)}
.hero-description{font-size:15px;line-height:2.15;letter-spacing:-.01em;color:#5d6259}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:35px}
.hero-actions .primary{min-width:335px;padding:19px 24px;font-size:14px}
.hero-actions .text-button{font-size:14px}
.hero-note{font-size:14px;line-height:1.9;color:#5b6157;margin-top:12px;letter-spacing:-.02em}
.hero-visual{width:100%;align-self:start;margin-top:0}
.hero-image{height:524px;overflow:hidden;background:#e1e1d5}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:55% center}
.hero-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;font-size:14px;letter-spacing:.08em;color:#5b6157}
.hero-visual figcaption>span:last-child{font-size:14px;font-family:Arial,sans-serif;letter-spacing:.12em}
.hero-bottom{display:flex;align-items:center;justify-content:flex-end;gap:30px;padding:21px 0 45px;font-size:14px;letter-spacing:.13em;color:#5b6157}
.hero-bottom>a{font-size:14px;letter-spacing:.05em;color:#666c61}
.hero-bottom>a>span{margin-left:27px;font-size:16px}
.hero-bottom>a:hover{color:#242522}
/* Two audiences, presented as an index rather than panels. */
.about{border-top:1px solid var(--line);padding-top:96px}
.audience-grid{margin-top:54px;border-top:1px solid #9ea496}
.audience-card{display:grid;grid-template-columns:47px 1fr 36px;align-items:center;gap:25px;padding:30px 8px 31px 0;border-bottom:1px solid #b8bdaf;transition:background .2s}
.audience-card:hover{background:#efeee7}
.audience-index{font-family:var(--serif);font-size:22px;color:#59624e;align-self:start;line-height:1.4;padding-top:3px}
.audience-content{display:grid;grid-template-columns:1fr 1.55fr;gap:5px 30px;align-items:center}
.audience-content>p{grid-column:1;grid-row:1;font-size:14px;color:#555e4e;line-height:1.7}
.audience-content h3{grid-column:2;grid-row:1;font-family:var(--serif);font-weight:500;font-size:28px;letter-spacing:0;line-height:1.5}
.audience-caption{grid-column:2;grid-row:2;font-size:14px;line-height:1.8;color:#5b6353}
.audience-arrow{font-size:28px;font-family:Arial,sans-serif;font-weight:400;text-align:right;color:#535e48;transition:transform .2s}
.audience-card:hover .audience-arrow{transform:translateX(4px)}
.about-foot{margin-top:23px;text-align:right;color:#5b6353;font-size:14px;line-height:1.9}
/* Publisher section */
.partners{background:#fff;border-top:1px solid var(--line)}
.partners-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:105px}
.section-intro>h2{margin-top:26px;font-size:37px}
.benefit{padding:24px 0 29px;border-top:1px solid var(--line)}
.benefit:first-child{border-top:1px solid #969f8d}
.benefit h3{font-size:19px;line-height:1.75;font-weight:600;margin:0 0 12px}
.benefit p{color:var(--muted);font-size:14px;line-height:2.1}
.benefit-cta{border-top:1px solid var(--line);padding-top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.benefit-cta>.button{width:100%}
.benefit-cta>.simple-link{font-size:14px;gap:22px}
.benefit-cta>.simple-link svg{width:21px}
/* Advertisers */
.advertisers{background:#252823;color:#f4f3ec}
.advertisers .eyebrow{color:#c7cebf}
.advertisers .heading-row{grid-template-columns:1.25fr 1fr;gap:80px}
.advertisers h2{font-size:clamp(28px,2.8vw,39px);line-height:1.65}
.advertisers .yellow-text{color:#e6d78b}
.advertisers .heading-row>p{color:#d4dacd;font-size:14px}
.advertiser-services{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #656f5c;border-bottom:1px solid #656f5c;margin-top:60px}
.advertiser-services>article{padding:35px 55px 40px 0}
.advertiser-services>article+article{border-left:1px solid #656f5c;padding:35px 0 40px 55px}
.service-label{display:block;font-size:14px;color:#acb4a2;letter-spacing:.05em}
.advertiser-services h3{font-family:var(--serif);font-size:29px;line-height:1.6;letter-spacing:0;font-weight:500;margin:22px 0 19px}
.advertiser-services p{font-size:14px;line-height:2.1;color:#d4dacd;margin-bottom:30px;max-width:430px}
.advertiser-services .simple-link{font-size:14px}
.advertiser-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px}
.advertiser-cta strong{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.7}
.advertiser-cta p{font-size:14px;color:#c9d2bf;margin-top:10px}
.advertiser-cta>.button{min-width:280px;color:#272b24;background:#e9e8da;font-size:14px}
.advertiser-cta>.button:hover{background:#fff}
.commerce-note{margin-top:55px;padding-top:26px;border-top:1px solid #505b47;display:grid;grid-template-columns:145px 1fr 28px;gap:25px;align-items:center;font-size:14px;line-height:1.9;color:#c4ceba}
.commerce-note>span{font-size:14px;color:#c7cfbc}
.commerce-note>a{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}
.commerce-note>a:hover{color:#e6d78b}
/* Getting started */
.flow{background:#fff}
.centered{text-align:left}
.centered .eyebrow{margin-bottom:24px}
.centered>p:last-child{font-size:14px;color:var(--muted);margin-top:22px}
.flow-tabs{display:flex;border-bottom:1px solid var(--line);gap:40px;max-width:none;margin:45px 0 48px}
.flow-tabs button{position:relative;background:transparent;border:0;padding:16px 0 18px;color:#59634f;font-size:14px;line-height:1.7;font-weight:500;min-width:165px;text-align:left}
.flow-tabs button[aria-selected="true"]{color:var(--ink)}
.flow-tabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}
.flow-tabs button:hover{color:var(--ink)}
.flow-panel{text-align:left}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:0 0 43px}
.steps>li{padding-right:10px}
.step-label{display:block;color:#535f46;font-family:var(--serif);font-size:14px;letter-spacing:.04em;line-height:1.3}
.step-label>b{font-weight:400;font-size:20px}
.steps h3{font-size:20px;font-weight:500;line-height:1.6;margin:21px 0 15px}
.steps p{font-size:14px;line-height:2.1;color:var(--muted)}
.flow-panel>.button{min-width:330px}
/* Questions and news */
.faq{background:#fff;border-top:1px solid var(--line);padding-top:95px}
.faq-grid{display:grid;grid-template-columns:.7fr 1.6fr;gap:95px}
.faq h2{font-size:34px;margin-top:0}
.faq-list>details{border-top:1px solid var(--line)}
.faq-list>details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:25px 0;font-size:15px;line-height:1.8;font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-family:var(--serif);font-weight:400;font-size:18px;color:#59634f;align-self:flex-start;line-height:1.5}
.faq-list summary>i{position:relative;display:block;margin-left:auto;width:18px;min-width:18px;height:22px}
.faq-list summary>i::before,.faq-list summary>i::after{content:"";position:absolute;left:2px;right:2px;top:10px;height:1px;background:#717b63}
.faq-list summary>i::after{transform:rotate(90deg);transition:transform .2s}
.faq-list details[open] summary>i::after{transform:rotate(0)}
.faq-list summary:hover{color:#6a765d}
.faq-answer{padding:0 38px 25px;font-size:14px;color:var(--muted);line-height:2.1}
.news{background:#fff;border-top:1px solid var(--line);padding:75px 0 90px}
.news-grid{display:grid;grid-template-columns:.7fr 1.6fr;gap:95px}
.news h2{font-size:34px;margin:0 0 24px}
.news-grid .simple-link{font-size:14px;gap:25px}
.news-grid .simple-link svg{width:21px}
.news-row{display:block;align-self:start;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 50px 29px 0}
.news-row:hover h3,.news-row:hover h2{color:#6a765d}
.news-row>div{display:flex;gap:20px;align-items:center;color:#5c6553;font-size:14px}
.news-row time{font-family:Arial,sans-serif;letter-spacing:.04em}
.news-category{font-size:14px;color:#5c6553}
.news-row h3,.news-row h2{font-family:var(--font);font-size:17px;font-weight:500;line-height:1.8;margin:20px 0 0;letter-spacing:0}
.news-arrow{position:absolute;right:0;top:50%;font-family:Arial,sans-serif;font-size:26px;color:#5a664d;line-height:1;transform:translateY(-50%)}
/* Inquiry and corporate footer */
.contact{background:#eae9df;border-top:1px solid var(--line)}
.contact-inner{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:75px;padding:75px 0 85px}
.contact h2{font-size:32px;line-height:1.75;margin-top:21px}
.contact p:not(.eyebrow){font-size:14px;line-height:2.1;color:#4d5943;margin-top:23px}
.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:15px}
.contact-actions .button{font-size:14px;padding:23px 24px}
.contact-actions>span{font-size:14px;color:#56624b;line-height:1.8;text-align:center}
.site-footer{background:#252823;color:#f0f2e8;padding:65px 0 25px}
.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:80px;padding-bottom:52px}
.footer-brand{width:220px}
.footer-top p{font-size:14px;color:#c4cdbc;letter-spacing:.07em;margin-top:24px}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:18px 55px;font-size:14px;line-height:1.9;color:#d5ddce}
.footer-links a{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-links svg{width:20px}
.footer-links a:hover,.footer-bottom a:hover{color:#efde8b}
.footer-bottom{border-top:1px solid #4b5840;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;color:#c4cdbc;font-size:14px}
.footer-bottom>div{display:flex;align-items:center;gap:27px}
.footer-bottom a{display:inline-flex;align-items:center;gap:10px}
.footer-bottom svg{width:17px}
.footer-bottom small{font-size:14px;white-space:nowrap;letter-spacing:.035em}
.mobile-actions{display:none}
/* Supporting pages */
.page-title{padding:68px 0 45px;border-bottom:1px solid var(--line)}
.back-link{display:inline-block;margin-bottom:45px;font-size:14px;line-height:1.8;color:var(--muted)}
.back-link:hover{color:#83712d}
.page-title h1{font-size:clamp(29px,4vw,47px);margin-top:23px;line-height:1.65;overflow-wrap:anywhere}
.page-title>p:last-child:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:23px}
.legal{max-width:860px;padding:45px 0 95px;font-size:15px;line-height:2.2;overflow-wrap:anywhere}
.legal p{margin:17px 0}
.legal h2,.legal h3,.legal h4{font-family:var(--font);font-size:21px;font-weight:500;line-height:1.8;margin:40px 0 18px;letter-spacing:0}
.legal h2:first-child,.legal h3:first-child{margin-top:0}
.legal ul,.legal ol{margin:18px 0 25px;padding-left:1.6em}
.legal li{margin:8px 0;padding-left:.3em}
.legal a:not(.simple-link){color:#63774d;text-decoration:underline;text-underline-offset:4px}
.news-list{min-height:340px;padding-top:45px;padding-bottom:90px}
.article-title time{display:block;font-family:Arial,sans-serif;font-size:14px;color:var(--muted);margin-top:25px;letter-spacing:.05em}
.news-article{min-height:385px}
.news-article>.simple-link{margin-top:34px}
.status-page{text-align:center;min-height:55vh;padding:85px 0 100px}
.status-page h1{font-size:34px;margin:24px 0}
.status-page p{color:var(--muted);margin-bottom:30px}
.status-page .status-code{font-family:var(--serif);font-size:105px;color:#aab59e;font-weight:400;line-height:1.3;letter-spacing:-.04em}
@media(min-width:1450px){.hero-grid{padding-top:87px;gap:76px}
.hero-image{height:550px}
.hero h1{font-size:78px}
.hero-copy{padding-bottom:34px}}
@media(max-width:1160px){.container{width:calc(100% - 80px)}
.header-inner{width:calc(100% - 56px);gap:25px}
.brand{width:178px}
.main-nav{gap:19px;font-size:14px}
.main-nav .nav-cta{padding:13px 16px;font-size:14px;gap:18px}
.hero-grid{gap:40px;grid-template-columns:1.04fr 1fr;padding-top:60px}
.hero h1{font-size:62px}
.hero-image{height:500px}
.hero-description{font-size:14px}
.hero-note{max-width:320px}
.hero-actions .primary{min-width:310px;font-size:14px}
.heading-row{gap:70px}
.partners-grid{gap:65px}
.section-intro>h2{font-size:32px}
.audience-content{grid-template-columns:1fr 1.4fr;gap:6px 20px}
.audience-content h3{font-size:25px}
.audience-content>p{font-size:14px}
.advertisers .heading-row{gap:60px}
.faq-grid,.news-grid{gap:65px}
.contact-inner{gap:50px}
.contact h2{font-size:29px}}
@media(max-width:1160px){.header-inner{height:82px}
.brand{width:184px}
.menu-toggle{display:flex;align-items:center;gap:10px;padding:11px 0 11px 13px;color:var(--ink);background:none;border:0;font-size:14px;line-height:1.5;font-weight:400}
.menu-lines{display:block;width:22px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.main-nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--yellow);border-bottom:1px solid #d1b32a;padding:17px 30px 28px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 82px);overflow:auto;font-size:14px}
.main-nav.is-open{display:flex}
.main-nav>a:not(.nav-cta){padding:13px 0;border-bottom:1px solid #d1b32a}
.main-nav .nav-cta{margin-top:20px;padding:17px 20px;font-size:14px}
.login-options{position:static;min-width:0;margin-bottom:10px;padding:0 15px}
.login-options a{font-size:14px}
.login-menu summary{padding:15px 0}
.hero-grid{grid-template-columns:1.1fr 1fr;gap:30px;padding-top:46px}
.hero h1{font-size:53px;line-height:1.65;margin:19px 0 25px}
.hero .eyebrow{font-size:14px}
.hero-copy::before{margin-bottom:22px;width:36px;height:4px}
.hero-copy{padding-bottom:17px}
.hero-image{height:450px}
.hero-description{font-size:14px}
.hero-actions .primary{min-width:290px;font-size:14px;padding:17px 19px}
.hero-actions{margin-top:26px}
.hero-actions .text-button{font-size:14px}
.hero-note{font-size:14px;max-width:270px}
.hero-visual figcaption{font-size:14px;gap:10px}
.hero-visual figcaption>span:last-child{font-size:14px}
.hero-bottom{padding-bottom:35px}
.section{padding:86px 0}
.heading-row{gap:45px;grid-template-columns:1fr 1fr}
.heading-row>p{font-size:14px}
.audience-card{grid-template-columns:33px 1fr 30px;gap:20px;padding-block:27px}
.audience-content{grid-template-columns:1fr 1.4fr;gap:5px 16px}
.audience-content>p{font-size:14px}
.audience-content h3{font-size:23px}
.audience-caption{font-size:14px}
.partners-grid{gap:45px}
.section-intro>h2{font-size:29px}
.section-description{font-size:14px}
.benefit h3{font-size:17px}
.benefit p{font-size:14px}
.benefit-cta>.button{font-size:14px;padding:18px 19px}
.advertisers .heading-row{gap:45px}
.advertisers h2{font-size:30px}
.advertisers .heading-row>p{font-size:14px}
.advertiser-services>article{padding-right:35px}
.advertiser-services>article+article{padding-left:35px}
.advertiser-services h3{font-size:26px}
.advertiser-services p{font-size:14px}
.advertiser-cta strong{font-size:18px}
.advertiser-cta>.button{min-width:245px;font-size:14px}
.commerce-note{grid-template-columns:120px 1fr 28px;gap:17px}
.steps{gap:35px}
.steps h3{font-size:18px}
.steps p{font-size:14px}
.faq-grid,.news-grid{gap:45px;grid-template-columns:.7fr 1.6fr}
.faq h2,.news h2{font-size:29px}
.faq-list summary{font-size:14px;gap:15px}
.faq-answer{font-size:14px}
.contact h2{font-size:26px}
.contact-inner{gap:35px}
.contact p:not(.eyebrow){font-size:14px}
.footer-links{gap:18px 30px}
.footer-top{gap:45px}
.footer-brand{width:197px}
.desktop-br{display:none}}
@media(max-width:800px){html{scroll-padding-top:91px}
.container{width:calc(100% - 44px)}
.header-inner{width:calc(100% - 40px);height:75px}
.brand{width:173px}
.menu-toggle{font-size:14px}
.main-nav{top:74px;max-height:calc(100dvh - 75px);padding-inline:22px}
.hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch;padding-top:39px;padding-bottom:0}
.hero-copy{padding:0}
.hero-copy::before{width:32px;height:4px;margin-bottom:23px}
.hero .eyebrow{font-size:14px;letter-spacing:.03em}
.hero h1{font-size:clamp(46px,8.7vw,69px);line-height:1.6;letter-spacing:-.03em;margin:21px 0 24px}
.hero-description{font-size:14px;line-height:2.1}
.hero-actions{margin-top:28px;gap:11px;align-items:stretch}
.hero-actions .primary{font-size:14px;min-width:0;min-height:62px;padding:18px 23px}
.hero-actions .text-button{align-self:flex-start;font-size:14px;padding-block:10px;min-height:43px;gap:23px}
.hero-note{font-size:14px;line-height:2;max-width:none;margin-top:7px}
.hero-visual{margin-top:35px}
.hero-image{height:auto;aspect-ratio:1.42}
.hero-image img{object-position:center 49%}
.hero-visual figcaption{font-size:14px;padding-top:12px;gap:12px}
.hero-visual figcaption>span:last-child{font-size:14px}
.hero-bottom{padding:27px 0 31px;font-size:14px}
.hero-bottom>a{font-size:14px}
.hero-bottom>a>span{font-size:14px;margin-left:15px}
.section{padding:68px 0}
h2{font-size:29px;line-height:1.65;letter-spacing:0}
.eyebrow{font-size:14px}
.section-heading>.eyebrow{margin-bottom:22px}
.heading-row{grid-template-columns:1fr;gap:23px}
.heading-row>p{font-size:14px;line-height:2.1;padding-bottom:0}
.audience-grid{margin-top:36px}
.audience-card{grid-template-columns:22px 1fr 22px;gap:15px;padding:25px 0 27px}
.audience-index{font-size:17px;padding-top:3px}
.audience-content{display:block}
.audience-content>p{font-size:14px;margin-bottom:9px}
.audience-content h3{font-size:24px;line-height:1.6;font-weight:500;letter-spacing:-.035em}
.audience-caption{display:block;font-size:14px;line-height:1.85;margin-top:9px}
.audience-arrow{font-size:23px;align-self:center}
.about-foot{text-align:left;font-size:14px;line-height:1.95;margin-top:23px}
.partners-grid{grid-template-columns:1fr;gap:33px}
.section-intro>h2{font-size:29px;margin-top:21px}
.section-description{font-size:14px;line-height:2.1;margin-top:21px}
.benefit{padding:23px 0 26px}
.benefit h3{font-size:18px;font-weight:500;line-height:1.75;margin-bottom:10px}
.benefit p{font-size:14px;line-height:2}
.benefit-cta{padding-top:27px;gap:19px}
.benefit-cta>.button{font-size:14px;padding:19px 22px}
.benefit-cta>.simple-link{font-size:14px}
.advertisers .heading-row{grid-template-columns:1fr;gap:26px}
.advertisers h2{font-size:28px;line-height:1.7;letter-spacing:-.025em}
.advertisers .heading-row>p{font-size:14px;line-height:2.1}
.advertiser-services{grid-template-columns:1fr;margin-top:38px}
.advertiser-services>article{padding:29px 0 32px}
.advertiser-services>article+article{border-left:0;border-top:1px solid #656f5c;padding:29px 0 32px}
.service-label{font-size:14px}
.advertiser-services h3{font-size:26px;margin-top:18px;margin-bottom:17px;line-height:1.65}
.advertiser-services p{font-size:14px;line-height:2.1;margin-bottom:21px;max-width:none}
.advertiser-services .simple-link{font-size:14px}
.advertiser-cta{flex-direction:column;align-items:stretch;gap:23px;margin-top:29px}
.advertiser-cta strong{font-size:21px;line-height:1.8}
.advertiser-cta p{font-size:14px;line-height:2;margin-top:11px}
.advertiser-cta>.button{font-size:14px;min-width:0;padding:19px 22px}
.commerce-note{grid-template-columns:1fr 30px;gap:10px 20px;margin-top:36px;padding-top:24px;font-size:14px}
.commerce-note>span{grid-column:1;grid-row:1;font-size:14px}
.commerce-note>p{grid-column:1;grid-row:2}
.commerce-note>a{grid-column:2;grid-row:1/3}
.centered .eyebrow{margin-bottom:21px}
.centered>p:last-child{font-size:14px;margin-top:19px}
.flow-tabs{gap:23px;margin:29px 0 30px}
.flow-tabs button{font-size:14px;min-width:0;padding:15px 0 17px;flex:1}
.steps{grid-template-columns:1fr;gap:28px;margin-bottom:32px}
.steps>li{display:grid;grid-template-columns:28px 1fr;gap:9px 20px;padding:0}
.step-label{grid-column:1;grid-row:1/3;padding-top:3px}
.step-label>b{font-size:18px}
.steps h3{font-size:19px;margin:0;grid-column:2;grid-row:1;line-height:1.75}
.steps p{font-size:14px;grid-column:2;grid-row:2;line-height:2}
.flow-panel>.button{width:100%;min-width:0;font-size:14px}
.faq-grid{grid-template-columns:1fr;gap:31px}
.faq h2{font-size:29px;margin-top:0}
.faq .muted{font-size:14px;margin-top:15px}
.faq-list summary{font-size:14px;gap:15px;line-height:1.85;padding:22px 0}
.faq-list summary>span{font-size:17px;line-height:1.65}
.faq-list summary>i{width:16px;min-width:16px}
.faq-answer{font-size:14px;line-height:2;padding:0 28px 24px 27px}
.news-grid{grid-template-columns:1fr;gap:28px}
.news h2{font-size:29px;margin:0 0 18px}
.news-grid .simple-link{font-size:14px}
.news-row{padding:23px 35px 26px 0}
.news-row>div{gap:18px;font-size:14px}
.news-category{font-size:14px}
.news-row h3,.news-row h2{font-size:16px;margin-top:18px;line-height:1.8}
.news-arrow{font-size:23px}
.contact-inner{grid-template-columns:1fr;gap:28px;padding:57px 0 65px}
.contact h2{font-size:27px;line-height:1.8;margin-top:21px;letter-spacing:-.02em}
.contact p:not(.eyebrow){font-size:14px;line-height:2.1;margin-top:20px}
.contact-actions{gap:14px}
.contact-actions .button{font-size:14px;padding:20px 22px}
.contact-actions>span{font-size:14px}
.site-footer{padding:48px 0 25px}
.footer-top{flex-direction:column;gap:34px;padding-bottom:36px}
.footer-brand{width:195px}
.footer-top p{font-size:14px;margin-top:23px}
.footer-links{width:100%;grid-template-columns:1fr 1fr;gap:19px 25px;font-size:14px}
.footer-links a{gap:12px}
.footer-links svg{width:16px}
.footer-bottom{flex-direction:column;align-items:flex-start;gap:22px;font-size:14px;padding-top:24px}
.footer-bottom>div{gap:18px;flex-wrap:wrap}
.footer-bottom small{font-size:14px}
.home-page .site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.mobile-actions{display:grid;grid-template-columns:1.3fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:25;border-top:1px solid var(--line);background:#f8f7f3;padding:9px 11px calc(9px + env(safe-area-inset-bottom));gap:9px}
.mobile-actions a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;font-size:14px;font-weight:500;line-height:1.7;padding:10px 15px}
.mobile-actions a:first-child{background:var(--ink);color:#fff}
.mobile-actions a:last-child{background:#eae9df;color:var(--ink)}
.mobile-actions a>span{font-size:20px}
.page-title{padding:39px 0 34px}
.back-link{font-size:14px;margin-bottom:33px}
.page-title h1{font-size:29px;margin-top:22px;line-height:1.7}
.page-title>p:last-child:not(.eyebrow){font-size:14px;margin-top:20px}
.legal{width:calc(100% - 44px);font-size:14px;line-height:2.15;padding:34px 0 65px}
.legal h2,.legal h3,.legal h4{font-size:19px;line-height:1.8;margin-top:33px}
.legal p{margin:16px 0}
.news-list{padding-top:31px;min-height:310px;padding-bottom:65px}
.status-page{padding:58px 0 70px}
.status-page h1{font-size:27px}
.status-page p{font-size:14px;line-height:2}
.status-page .status-code{font-size:85px}}
@media(max-width:380px){.container{width:calc(100% - 36px)}
.header-inner{width:calc(100% - 32px)}
.brand{width:158px}
.hero h1{font-size:44px}
.hero .eyebrow{font-size:14px}
.hero-description{font-size:14px}
.hero-actions .primary{font-size:14px;padding-inline:20px}
.hero-note{font-size:14px}
.note-divider{display:none}
.audience-card{gap:12px;grid-template-columns:18px 1fr 18px}
.audience-content h3{font-size:22px}
.audience-caption{font-size:14px}
.section-intro>h2{font-size:27px}
.advertisers h2{font-size:26px}
.advertiser-cta strong{font-size:19px}
.contact h2{font-size:24px}
.footer-links{font-size:14px;gap:19px 19px}
.footer-links svg{width:14px}
.mobile-actions a{font-size:14px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}}

/* Readability: body copy, supporting copy, and controls have distinct sizes. */
body{font-size:18px}
.main-nav,.main-nav .nav-cta{font-size:15px}
.login-options{min-width:340px}
.login-options a{font-size:15px}
.eyebrow,.hero .eyebrow{font-size:14px;font-weight:600;color:#51594b}
.hero-description{font-size:18px;color:#434c3d;line-height:2}
.heading-row>p,.section-description,.benefit p,.advertisers .heading-row>p,.advertiser-services p,.steps p,.faq-answer,.contact p:not(.eyebrow),.legal{font-size:17px;line-height:2}
.button,.hero-actions .primary,.hero-actions .text-button,.benefit-cta>.button,.advertiser-cta>.button,.contact-actions .button,.flow-panel>.button{font-size:16px;font-weight:600}
.simple-link,.benefit-cta>.simple-link,.advertiser-services .simple-link,.news-grid .simple-link{font-size:15px}
.hero-note{display:flex;flex-wrap:wrap;gap:3px 18px;font-size:14px;line-height:1.85;max-width:none;color:#555e4e;margin-top:17px}
.hero-note>span{display:block}
.hero-note strong{color:var(--ink);font-size:16px;font-weight:600}
.hero-visual figcaption{font-size:14px;letter-spacing:0;flex-wrap:wrap;gap:5px 14px;color:#51594b}
.hero-visual figcaption>span:last-child{font-size:14px;letter-spacing:.06em}
.hero-bottom>a{font-size:15px}
.audience-content>p{font-size:15px;line-height:1.9}
.audience-caption,.about-foot{font-size:15px}
.benefit h3{font-size:21px;font-weight:600}
.advertisers .eyebrow{color:#e7ddb0}
.advertisers .yellow-text{color:#f5db70}
.service-label{font-size:14px;color:#e7ddb0}
.advertiser-cta p,.commerce-note{font-size:15px}
.commerce-note{grid-template-columns:165px 1fr 40px}
.commerce-note>span{font-size:15px}
.centered>p:last-child,.muted,.faq .muted{font-size:16px}
.flow-tabs button{font-size:17px}
.steps h3{font-size:21px;font-weight:600}
.faq-list summary{font-size:17px;font-weight:600}
.faq-list summary>span{font-size:21px}
.news-row>div,.news-category{font-size:14px}
.news-row h3,.news-row h2{font-size:19px}
.contact-actions>span,.footer-top p,.footer-bottom,.footer-bottom small{font-size:14px}
.footer-links{font-size:15px;gap:22px 42px}
.footer-bottom>div{flex-wrap:wrap}
.back-link,.article-title time{font-size:15px}
.page-title>p:last-child:not(.eyebrow),.status-page p{font-size:17px}
.legal h2,.legal h3,.legal h4{font-size:22px;font-weight:600}
/* The yellow stroke in the logo becomes a restrained visual motif. */
.hero{overflow:hidden}
.hero-copy::before{width:61px;height:7px;transform:skewX(-16deg);transform-origin:left}
.hero h1>span{box-shadow:inset 0 -.16em 0 var(--yellow)}
.hero-visual{position:relative;padding-right:16px;padding-top:16px}
.hero-visual::before{content:"";position:absolute;z-index:0;top:0;right:0;width:58%;height:calc(100% - 65px);background:var(--yellow)}
.hero-image{position:relative;z-index:1;border-bottom:8px solid var(--yellow)}
.hero-visual figcaption{position:relative;z-index:1;padding-top:18px}
.hero-actions .primary{background:var(--yellow);color:var(--ink)}
.hero-actions .primary:hover{background:#ebc526;color:var(--ink)}
.hero-actions .primary{min-width:355px;min-height:69px}
.hero-actions .text-button{font-weight:500}
.eyebrow:not(.hero .eyebrow)::before{content:"";display:inline-block;width:19px;height:5px;margin:0 12px 3px 0;background:var(--yellow);transform:skewX(-16deg)}
.audience-grid{border-top:2px solid var(--ink)}
.audience-card{padding-left:18px;border-left:5px solid var(--yellow)}
.audience-card:hover{background:#f2edda}
.audience-index{font-family:var(--font);font-size:22px;font-weight:600;color:var(--ink)}
.audience-arrow{color:var(--ink)}
.partners{background:#f2f1e8}
.section-intro>h2{margin-top:29px}
.benefits{counter-reset:benefit}
.benefit{position:relative;counter-increment:benefit;padding-left:48px}
.benefit::before{content:counter(benefit,decimal-leading-zero);position:absolute;left:0;top:29px;font-family:var(--font);font-size:16px;line-height:1.5;font-weight:600;color:#4b553f;border-bottom:4px solid var(--yellow)}
.benefit:first-child{border-top:2px solid #69745d}
.benefit-cta>.button{background:var(--yellow);color:var(--ink)}
.benefit-cta>.button:hover{background:#ebc526}
.advertisers{border-top:8px solid var(--yellow)}
.advertiser-services{border-top-color:#7f8974;border-bottom-color:#7f8974}
.advertiser-services .service-label{border-left:3px solid var(--yellow);padding-left:12px}
.advertiser-cta>.button{background:var(--yellow);color:var(--ink)}
.advertiser-cta>.button:hover{background:#ffe677}
.flow-tabs button[aria-selected="true"]::after{height:5px;background:var(--yellow)}
.step-label>b{display:inline-block;font-size:24px;font-weight:600;color:var(--ink);padding-bottom:10px;border-bottom:4px solid var(--yellow)}
.contact{background:#f4dd77;border-top:0}
.contact .eyebrow::before{background:var(--ink)}
.contact h2{font-weight:600}
.contact p:not(.eyebrow),.contact-actions>span{color:#444a35}
.site-footer{border-top:7px solid var(--ink)}
@media(min-width:1161px){.header-inner{gap:25px}
.main-nav{gap:22px}
.hero-grid{gap:50px}
.hero-visual{align-self:center}
.hero-image{height:clamp(520px,46vw,620px);min-height:0;max-height:none}
.hero-visual::before{height:calc(100% - 16px)}
.hero-grid{padding-bottom:60px}
.hero-visual figcaption{position:absolute;left:0;right:16px;top:100%}}
@media(max-width:1160px){.main-nav{font-size:17px}
.main-nav .nav-cta,.login-options a{font-size:16px}
.menu-toggle{font-size:14px}
.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.hero h1{font-size:56px}
.hero-actions .primary{min-width:0;width:100%;padding-inline:22px}
.hero-description{font-size:17px}
.hero-copy{min-width:0}
.hero-visual{align-self:center}
.hero-image{height:560px;min-height:0;max-height:none}
.hero-visual figcaption{position:absolute;left:0;right:0;top:100%}
.hero-grid{padding-bottom:63px}
.hero-visual::before{height:100%}
.hero .eyebrow{max-width:360px}
.partners-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px}
.section-intro>h2{font-size:30px}
.advertiser-cta{gap:25px}
.advertiser-cta>.button{min-width:265px}
.footer-top{gap:35px}
.footer-links{column-gap:25px}
.commerce-note{grid-template-columns:155px 1fr 40px;gap:16px}
.faq-grid,.news-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr)}}
@media(max-width:800px){body{font-size:17px}
.hero-grid{display:flex;padding-bottom:0}
.hero h1{font-size:clamp(45px,8.7vw,69px)}
.hero .eyebrow{font-size:14px;max-width:none}
.hero-description{font-size:17px;line-height:2}
.hero-description br{display:none}
.hero-copy::before{width:50px;height:6px}
.hero-actions .primary{font-size:16px;min-height:66px;gap:18px;padding-inline:20px}
.hero-actions .text-button{font-size:16px}
.hero-note{font-size:14px;margin-top:15px;gap:4px}
.hero-note>span{width:100%}
.hero-visual{margin-top:37px;padding-top:12px;padding-right:12px}
.hero-visual::before{height:calc(100% - 52px)}
.hero-image{height:auto;min-height:0;max-height:none;aspect-ratio:1.42;border-bottom-width:6px}
.hero-visual figcaption{position:relative;top:auto;left:auto;right:auto;font-size:14px;padding-top:13px;gap:5px 12px}
.hero-visual figcaption>span:last-child{font-size:14px}
.hero-bottom{padding:29px 0 35px}
.hero-bottom>a{font-size:15px}
.hero-bottom>a>span{font-size:18px}
.eyebrow{font-size:14px}
.heading-row>p,.section-description,.benefit p,.advertisers .heading-row>p,.advertiser-services p,.steps p,.faq-answer,.contact p:not(.eyebrow){font-size:17px}
.audience-card{grid-template-columns:24px minmax(0,1fr) 22px;gap:12px;padding:25px 0 27px 12px;border-left-width:4px}
.audience-index{font-size:18px}
.audience-content>p,.audience-caption{font-size:14px}
.audience-content h3{font-size:23px;letter-spacing:-.025em}
.about-foot{font-size:14px}
.partners-grid{grid-template-columns:1fr;gap:35px}
.section-intro>h2{font-size:30px}
.benefit{padding-left:38px}
.benefit::before{top:26px;font-size:15px}
.benefit h3{font-size:20px;font-weight:600}
.benefit-cta>.button{font-size:16px;gap:18px;padding-inline:20px}
.benefit-cta>.simple-link,.advertiser-services .simple-link{font-size:15px}
.advertiser-cta strong{font-size:22px}
.advertiser-cta p{font-size:15px}
.advertiser-cta>.button{font-size:16px;min-width:0}
.commerce-note{grid-template-columns:minmax(0,1fr) 30px;font-size:15px}
.commerce-note>span{font-size:15px}
.centered>p:last-child,.faq .muted{font-size:16px}
.flow-tabs{gap:23px}
.flow-tabs button{font-size:16px}
.steps>li{grid-template-columns:32px minmax(0,1fr);gap:10px 20px}
.step-label>b{font-size:22px;padding-bottom:7px}
.steps h3{font-size:21px}
.flow-panel>.button{font-size:16px}
.faq-grid,.news-grid{grid-template-columns:minmax(0,1fr)}
.faq-list summary{font-size:17px;gap:13px}
.faq-list summary>span{font-size:20px}
.faq-answer{padding-left:27px;padding-right:12px}
.news-grid .simple-link{font-size:15px}
.news-row>div,.news-category{font-size:14px}
.news-row h3,.news-row h2{font-size:18px}
.contact-actions .button{font-size:16px}
.contact-actions>span{font-size:14px}
.footer-top p{font-size:15px}
.footer-links{grid-template-columns:minmax(0,1fr);font-size:16px;gap:0}
.footer-links a{min-height:52px;border-bottom:1px solid #48503e;gap:18px}
.footer-links svg{width:22px}
.footer-bottom{font-size:14px}
.footer-bottom small{font-size:14px}
.footer-bottom>div{gap:14px 20px}
.mobile-actions{grid-template-columns:1.3fr 1fr}
.mobile-actions a{font-size:14px;min-height:48px;gap:8px;padding-inline:12px}
.mobile-actions a:first-child{background:var(--yellow);color:var(--ink)}
.mobile-actions a:last-child{background:var(--ink);color:var(--yellow)}
.mobile-actions a>span{font-size:18px}
.back-link,.article-title time{font-size:15px}
.page-title>p:last-child:not(.eyebrow),.status-page p,.legal{font-size:17px}
.legal h2,.legal h3,.legal h4{font-size:21px}}
@media(max-width:380px){.hero h1{font-size:42px}
.hero .eyebrow{font-size:14px}
.hero-description{font-size:17px}
.hero-actions .primary{font-size:16px;padding-inline:17px;gap:12px}
.hero-actions .primary .link-arrow svg{width:24px}
.hero-note{font-size:14px}
.audience-card{gap:9px;padding-left:9px;grid-template-columns:22px minmax(0,1fr) 18px}
.audience-content h3{font-size:21px}
.audience-caption{font-size:14px}
.section-intro>h2{font-size:28px}
.benefit-cta>.button{padding-inline:17px;gap:12px}
.flow-panel>.button{padding-inline:17px;gap:14px}
.hero-visual figcaption>span:last-child{letter-spacing:.025em}
.footer-links{font-size:16px}
.mobile-actions a{font-size:14px;padding-inline:9px;gap:5px}
.contact h2{font-size:25px}}

@media print{.site-header,.site-footer,.mobile-actions,.skip-link,.hero-visual{display:none!important}
body{background:#fff;color:#000;font-size:11pt}
.container{width:100%;max-width:none}
.section{padding:25px 0}
.hero-grid{display:block;padding:10px 0}
.hero-copy{padding:0}
.hero h1{font-size:35pt}
.hero-bottom{display:none}
.advertisers,.contact{background:#fff;color:#000}
.advertisers .yellow-text{color:#000}
.advertisers p,.advertisers .heading-row>p{color:#333}
.button{border:1px solid #333;background:#fff;color:#000}
.flow-tabs{display:none}
.flow-panel[hidden]{display:block!important}
.faq-answer{display:block}
.advertiser-services article,.steps li,.faq-list details{break-inside:avoid}}