/* One cohesive advertising composition, limited to the trial hero. */
#about.hero-ad-reference{--ad-color:#173B55;--ad-accent:#F1D778;--ad-cta:#F1D778;--ad-cta-text:#173B55;position:relative;display:block;overflow:hidden;isolation:isolate;margin-top:22px;margin-bottom:38px;border:1px solid #D2DDE5;background:#fff;color:#252D33}
#about.hero-ad-reference.hero-ad-wine{--ad-color:#872B2B;--ad-accent:#ECD17F;--ad-cta:#26813F;--ad-cta-text:#fff}
#about.hero-ad-reference:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ad-color);clip-path:polygon(0 66%,100% 43%,100% 100%,0 100%)}
#about.hero-ad-reference .ad-g-topline{margin:0;padding:10px 18px 9px;background:#fff;text-align:center;font-size:20px;font-weight:800;line-height:1.5;color:#252D33;letter-spacing:.04em}
#about.hero-ad-reference .ad-g-ribbon{margin:0;padding:8px 16px;background:var(--ad-color);color:#fff;text-align:center;font-size:24px;font-weight:800;line-height:1.4;letter-spacing:.08em}
#about.hero-ad-reference .ad-g-scene{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:26px;align-items:center;padding:27px 42px 20px;position:relative;z-index:1}
#about.hero-ad-reference .ad-g-copy{min-width:0}
#about.hero-ad-reference .ad-g-copy h1{margin:0 0 13px;color:#252D33;font-size:72px;font-weight:900;line-height:1.07;letter-spacing:.02em}
#about.hero-ad-reference .ad-g-copy h1 span,#about.hero-ad-reference .ad-g-copy h1 em{display:block;white-space:nowrap;font-style:normal}
#about.hero-ad-reference .ad-g-copy h1 em{color:var(--ad-color)}
#about.hero-ad-reference .ad-g-copy>p{margin:0;font-size:15px;line-height:1.75;font-weight:600;color:#3F4B53}
#about.hero-ad-reference .ad-g-media{position:relative;margin:0;border:7px solid #fff;min-width:0;background:#fff;transform:translateY(7px)}
#about.hero-ad-reference .ad-g-media video{display:block;width:100%;height:308px;object-fit:cover;background:#E8ECEF}
#about.hero-ad-reference .ad-g-media figcaption{position:absolute;right:6px;bottom:37px;padding:2px 7px;background:#ffffffed;color:#4C5A62;font-size:10px;line-height:1.6}
#about.hero-ad-reference .ad-g-bottom{position:relative;z-index:1;padding:15px 28px 22px;color:#fff;background:var(--ad-color)}
#about.hero-ad-reference .ad-g-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0 auto 17px;padding:0;max-width:900px}
#about.hero-ad-reference .ad-g-benefits li{position:relative;min-width:0;min-height:118px;display:flex;align-items:center;justify-content:center;text-align:center}
#about.hero-ad-reference .ad-g-laurel{position:absolute;inset:0;width:100%;height:100%;fill:var(--ad-accent);color:var(--ad-accent);pointer-events:none}
#about.hero-ad-reference .ad-g-fact{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 22px}
#about.hero-ad-reference .ad-g-fact>span{font-size:17px;font-weight:700;line-height:1.4;white-space:nowrap}
#about.hero-ad-reference .ad-g-number{font-family:Arial,sans-serif;font-size:59px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#fff}
#about.hero-ad-reference .ad-g-number small{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:24px;margin-left:3px;letter-spacing:0}
#about.hero-ad-reference .ad-g-service{margin:5px 0 0;color:#fff;font-size:26px;font-weight:800;line-height:1.35;white-space:nowrap}
#about.hero-ad-reference .ad-g-service small{display:block;font-size:14px;font-weight:600;margin-top:3px}
#about.hero-ad-reference .ad-g-actions{display:flex;flex-direction:column;align-items:center;gap:9px}
#about.hero-ad-reference .ad-g-cta{display:flex;align-items:center;justify-content:center;gap:24px;width:min(650px,100%);min-height:55px;padding:11px 24px;border-radius:40px;background:var(--ad-cta);color:var(--ad-cta-text);text-decoration:none;font-size:21px;font-weight:800;line-height:1.5}
#about.hero-ad-reference .ad-g-cta:hover{filter:brightness(1.05)}
#about.hero-ad-reference .ad-g-cta>span{font-family:Arial,sans-serif;font-size:28px;line-height:1}
#about.hero-ad-reference .ad-g-prices{color:#fff;text-underline-offset:4px;font-size:12px;font-weight:600;line-height:1.7}
@media(min-width:761px) and (max-width:1080px){
 #about.hero-ad-reference .ad-g-scene{gap:18px;padding:24px 27px 18px}
 #about.hero-ad-reference .ad-g-copy h1{font-size:59px}
 #about.hero-ad-reference .ad-g-copy>p{font-size:13px}
 #about.hero-ad-reference .ad-g-media video{height:280px}
 #about.hero-ad-reference .ad-g-fact>span{font-size:15px}
 #about.hero-ad-reference .ad-g-number{font-size:53px}
 #about.hero-ad-reference .ad-g-service{font-size:23px}
}
@media(max-width:760px){
 #about.hero-ad-reference{margin-top:15px;margin-bottom:25px}
 #about.hero-ad-reference:before{clip-path:polygon(0 64%,100% 45%,100% 100%,0 100%)}
 #about.hero-ad-reference .ad-g-topline{padding:8px 8px;font-size:12px;letter-spacing:0}
 #about.hero-ad-reference .ad-g-ribbon{font-size:16px;padding:8px 7px;letter-spacing:.035em}
 #about.hero-ad-reference .ad-g-scene{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:8px;padding:18px 13px 16px}
 #about.hero-ad-reference .ad-g-copy h1{font-size:32px;line-height:1.15;letter-spacing:0;margin-bottom:10px}
 #about.hero-ad-reference .ad-g-copy>p{font-size:11px;line-height:1.75;font-weight:500}
 #about.hero-ad-reference .ad-g-copy>p br{display:none}
 #about.hero-ad-reference .ad-g-media{border-width:3px;transform:translateY(8px)}
 #about.hero-ad-reference .ad-g-media video{height:210px;object-position:54% center}
 #about.hero-ad-reference .ad-g-media figcaption{right:2px;left:2px;bottom:34px;font-size:8px;text-align:center;padding:2px;line-height:1.4}
 #about.hero-ad-reference .ad-g-bottom{padding:10px 10px 17px}
 #about.hero-ad-reference .ad-g-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:13px}
 #about.hero-ad-reference .ad-g-benefits li{min-height:92px}
 #about.hero-ad-reference .ad-g-fact{padding:8px 6px;gap:3px}
 #about.hero-ad-reference .ad-g-fact>span{font-size:10px;line-height:1.4}
 #about.hero-ad-reference .ad-g-number{font-size:41px;line-height:1}
 #about.hero-ad-reference .ad-g-number small{font-size:14px;margin-left:2px}
 #about.hero-ad-reference .ad-g-service{font-size:16px;margin-top:4px}
 #about.hero-ad-reference .ad-g-service small{font-size:11px;margin-top:3px}
 #about.hero-ad-reference .ad-g-benefits li:last-child{grid-column:1/-1;min-height:43px}
 #about.hero-ad-reference .ad-g-benefits li:last-child .ad-g-laurel{display:none}
 #about.hero-ad-reference .ad-g-benefits li:last-child .ad-g-fact{flex-direction:row;gap:9px;padding:3px 0}
 #about.hero-ad-reference .ad-g-benefits li:last-child .ad-g-fact>span{font-size:11px}
 #about.hero-ad-reference .ad-g-service small{display:inline;margin-left:3px}
 #about.hero-ad-reference .ad-g-cta{min-height:48px;padding:10px 8px;font-size:14px;gap:12px}
 #about.hero-ad-reference .ad-g-cta>span{font-size:21px}
 #about.hero-ad-reference .ad-g-prices{font-size:11px}
}