:root{--ink:#13231d;--green:#3af0a0;--cream:#f3f1e9;--line:#ccd0c7;--muted:#627069}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.p-header{height:72px;padding:0 clamp(20px,8vw,130px);display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff}.p-brand{font:500 17px/1 "DM Mono",monospace;letter-spacing:-1px}.p-brand span,.label{color:#18ac6a}.p-header a:last-child{font-size:12px;border-bottom:1px solid var(--green);padding-bottom:3px}.p-hero{padding:112px clamp(20px,12vw,180px) 92px;background:var(--ink);color:#fff}.label{font:500 11px "DM Mono",monospace;letter-spacing:1px}.p-hero h1{max-width:930px;margin:28px 0 25px;font-size:clamp(42px,6vw,86px);line-height:1.18;letter-spacing:-.085em}.p-hero h1 em{font-style:normal;color:var(--green)}.p-hero p{max-width:620px;color:#cad2cd;font-size:15px}.p-section{padding:100px clamp(20px,12vw,180px)}.p-section.cream{background:var(--cream)}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.lead-grid h2,.p-section>h2{font-size:clamp(30px,3.7vw,54px);letter-spacing:-.07em;line-height:1.35;margin:22px 0}.lead-grid p{color:var(--muted);margin:36px 0 0}.list{list-style:none;padding:0;margin:44px 0 0;border-top:1px solid var(--line)}.list li{display:grid;grid-template-columns:72px 1fr 1.15fr;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.list span{font:400 11px "DM Mono",monospace;color:#12945e}.list h3{font-size:18px;margin:0}.list p{font-size:13px;color:var(--muted);margin:0}.media-grid,.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.media-grid div,.case-grid article{padding:23px;background:#fff;border:1px solid var(--line);min-height:170px}.media-grid h3,.case-grid h3{margin:28px 0 7px;font-size:19px;line-height:1.5}.media-grid p,.case-grid p{font-size:12px;color:var(--muted);margin:0}.case-grid strong{font:500 10px "DM Mono",monospace;color:#159a62}.media-section-heading{display:grid;grid-template-columns:1fr minmax(280px,440px);gap:50px;align-items:end}.media-section-heading h2{margin-bottom:0}.media-section-heading p{font-size:14px;color:var(--muted);margin:0}.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:46px}.media-logo-card{min-height:218px;padding:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:19px;align-items:flex-start;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.media-logo-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(19,35,29,.09)}.logo-mark{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border:1px solid var(--line);background:#fff}.logo-mark img{width:42px;height:42px;object-fit:contain}.logo-wide{width:160px;height:62px}.logo-wide img{width:138px;height:50px}.logo-wordmark{width:auto;min-width:82px;padding:0 11px;font:800 21px/1 Arial,sans-serif;letter-spacing:-.08em}.logo-wordmark span{display:block}.logo-yahoo{color:#a01b2e;font-style:italic;font-size:30px;letter-spacing:-.16em}.logo-criteo{color:#f05a28;font-size:16px;letter-spacing:-.05em}.media-copy{min-width:0}.media-copy span{display:block;font:500 9px/1.2 "DM Mono",monospace;letter-spacing:.08em;color:#159a62}.media-copy h3{margin:10px 0 5px;font-size:18px;letter-spacing:-.04em;line-height:1.35}.media-copy p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.media-note{margin:28px 0 0;font-size:13px;color:var(--muted)}.cta{background:var(--ink);color:#fff;padding:85px clamp(20px,12vw,180px)}.cta h2{font-size:clamp(32px,4vw,58px);line-height:1.3;letter-spacing:-.07em;margin:20px 0}.cta p{color:#c5d0c9}.cta a{display:inline-block;background:var(--green);color:var(--ink);padding:14px 20px;font-weight:700;font-size:13px;margin-top:12px}.footer{background:#0d1814;color:#c0cac4;padding:28px clamp(20px,8vw,130px);font-size:10px}.article-list{margin-top:40px;border-top:1px solid var(--line)}.article-list a{display:grid;grid-template-columns:150px 1fr 24px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.article-list span{font:400 10px "DM Mono",monospace;color:#159a62}.article-list h3{font-size:18px;margin:0;letter-spacing:-.035em}.article-list b{font-size:19px;font-weight:400}.article{max-width:830px;margin:0 auto;padding:90px 20px}.article .meta{font:400 11px "DM Mono",monospace;color:#159a62}.article h1{font-size:clamp(32px,4.5vw,58px);letter-spacing:-.07em;line-height:1.35;margin:28px 0 45px}.article h2{font-size:25px;letter-spacing:-.05em;margin:55px 0 15px}.article p{font-size:15px;color:#3d4a44}.article .point{padding:25px;background:var(--cream);font-weight:600;color:var(--ink)}@media(max-width:980px){.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-section-heading{gap:32px}}@media(max-width:700px){.p-hero,.p-section{padding:70px 22px}.lead-grid{display:block}.lead-grid p{margin-top:20px}.list li{grid-template-columns:40px 1fr}.list li p{grid-column:2}.media-grid,.case-grid,.logo-grid{grid-template-columns:1fr}.media-section-heading{display:block}.media-section-heading p{margin-top:22px}.media-logo-card{min-height:170px}.article-list a{grid-template-columns:1fr 20px;gap:4px}.article-list span{grid-column:1}.article-list h3{font-size:16px}.article-list b{grid-column:2;grid-row:1/3}.cta{padding:70px 22px}}
