.hero{padding-top:55px;gap:22px}
.hero h1{font-size:clamp(34px,3.7vw,55px);letter-spacing:-1.3px;line-height:1.32;text-transform:uppercase}
.google-heading{display:inline-flex;align-items:center;gap:9px;line-height:1.3;margin:9px 0 5px}
.google-heading img{display:block;width:clamp(170px,16vw,225px);height:auto}
.google-heading>span{font-size:.8em;font-weight:650;color:#3c4043}
.google-colors{display:inline-flex;gap:4px;flex:none}.google-colors i{width:7px;height:7px;border-radius:50%;background:#4285f4}.google-colors i:nth-child(2){background:#ea4335}.google-colors i:nth-child(3){background:#fbbc05}.google-colors i:nth-child(4){background:#34a853}
.google-offer-label{letter-spacing:.02em;color:#3c4043}
.google-offers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;max-width:475px}
.google-offer{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:17px 16px 15px;background:#fff;border:1px solid #e1e5ec;border-radius:12px;box-shadow:0 3px 12px #4285f408}
.google-offer:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%)}
.offer-product{font:600 12px/1.5 var(--font);color:#5f6368}.google-offer strong{font-size:21px;line-height:1.6;margin-top:4px;white-space:nowrap;color:#1a73e8}.google-offer strong span{font-size:12px;font-weight:650;color:#188038}.google-offer small{font-size:10px;line-height:1.7;color:#5f6368;margin-top:2px}
.hero .hero-claim{font-size:clamp(15px,1.3vw,20px);min-height:72px;width:min(100%,430px);padding:19px 27px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}
.hero-eligibility{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.9}
.hero-visual{padding-top:35px}
.google-stamp{position:absolute;top:15px;right:10px;z-index:2;display:flex;align-items:center;gap:17px;padding:18px 22px;background:#fff;border:1px solid #dce3ee;border-radius:13px;box-shadow:0 5px 0 #e0e9fa;transform:rotate(3deg)}
.google-stamp img{width:122px;height:auto}
.google-stamp>span{font-size:9px;max-width:150px;line-height:1.8;color:#5f6368}.google-stamp strong{display:block;font-size:12px;color:#1a73e8;margin-bottom:3px}
.hero-visual .mascot{margin-top:30px}
.choice-note{max-width:800px;margin-inline:auto}
.channel-invite{display:block;padding:14px 8px 4px;text-align:center;font-size:11px;color:var(--paper);text-underline-offset:4px}
.channel-invite:hover{color:var(--yellow)}
.invite-note{font-size:9px;text-align:center;color:#c7c8cc;line-height:1.8;margin-top:5px}
@media(max-width:900px){.hero h1{font-size:35px}.hero{grid-template-columns:1.1fr 1fr}.google-stamp{padding:11px 13px;gap:9px;right:0}.google-stamp img{width:94px}.google-stamp>span{font-size:9px;max-width:87px}}
@media(max-width:800px){.offer-summary{grid-row:1}.guide-main{grid-row:2}.channel-invite{max-width:380px}.invite-note{max-width:380px}}
@media(max-width:600px){.hero{padding-top:29px}.hero h1{font-size:clamp(26px,8.4vw,38px);letter-spacing:-.65px;line-height:1.4;margin-top:18px}.hero .hero-claim{font-size:16px;width:100%;min-height:66px;padding:15px}.hero-eligibility{font-size:11px;margin-top:18px}.hero-visual{margin-top:40px;padding-top:20px;aspect-ratio:1.4}.google-stamp{top:-10px;right:8px;padding:10px 13px}.google-stamp img{width:100px}.google-stamp>span{max-width:100px}.hero-visual .mascot{margin-top:20px}.choice-note{font-size:10px;line-height:1.9}.channel-invite{font-size:12px}.invite-note{font-size:10px}}
@media(max-width:900px){.google-offers{gap:8px}.google-offer{padding:14px 11px 12px}.google-offer strong{font-size:18px}.google-offer strong span{font-size:10px}.offer-product{font-size:10px}.google-stamp strong{font-size:10px}.google-heading img{width:170px}}
@media(max-width:600px){.google-heading img{width:185px;max-width:60vw}.google-heading{margin:8px 0 3px}.google-offers{margin-top:22px;gap:10px;max-width:none}.google-offer{padding:15px 12px 13px}.google-offer strong{font-size:20px}.google-offer strong span{font-size:11px}.google-offer small{font-size:9px}.hero-eligibility{font-size:10px;margin-top:10px}.google-stamp>span{max-width:125px}.google-stamp strong{font-size:11px}}
