.google-page{--g-blue:#0b57d0;--g-blue-bright:#4285f4;--g-red:#ea4335;--g-yellow:#fbbc04;--g-green:#34a853;--g-ink:#1f1f1f;--g-muted:#5f6368;--g-soft:#f8fafd;--g-line:#2021241c;background:var(--g-soft);color:var(--g-ink)}
.google-page .noise{opacity:.012;background-image:repeating-linear-gradient(0deg,#202124 0 1px,transparent 1px 4px)}
.google-page .nav{position:sticky;top:0;background:#f8fafde8;border-color:var(--g-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.google-page .logo i,.google-page .switch summary:after{color:var(--g-blue)}
.google-page .nav-actions>a:last-child{padding:12px 17px;border-radius:6px;background:var(--g-blue);color:#fff;box-shadow:0 5px 18px #0b57d024}
.google-page .hero{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:calc(100svh - 78px);background:radial-gradient(circle at 78% 32%,#4285f41b 0,transparent 26%),radial-gradient(circle at 68% 64%,#34a85312 0,transparent 24%),linear-gradient(135deg,#fff 0,#f8fafd 54%,#eef4ff 100%)}
.google-page .hero:before{content:'SEARCH / INTENT / GROWTH';position:absolute;z-index:-2;left:-1vw;bottom:-2vw;color:#0b57d008;font:900 clamp(88px,15vw,248px)/.72 Arial,sans-serif;letter-spacing:-.085em;white-space:nowrap}
.google-page .hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 0 69%,#4285f4 69% 70%,transparent 70% 76%,#ea4335 76% 77%,transparent 77% 83%,#fbbc04 83% 84%,transparent 84% 90%,#34a853 90% 91%,transparent 91%);opacity:.12;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.google-page .kicker,.google-page .micro{color:var(--g-blue);font-weight:700}
.google-page .hero>.reveal:first-child{position:relative;z-index:3;max-width:min(1050px,76vw);padding-top:clamp(45px,7vh,90px)}
.google-page h1{position:relative;color:var(--g-ink);font-size:clamp(64px,7.2vw,122px);line-height:.79}
.google-page h1 i{width:max-content;max-width:100%;color:var(--g-blue);font-family:inherit;font-weight:inherit}
.google-page .lead{color:var(--g-muted)}
.google-page .btn{border-color:#2021242c;color:var(--g-ink);background:#ffffffd9;backdrop-filter:blur(10px)}
.google-page .btn.primary{border-color:var(--g-blue);background:var(--g-blue);color:#fff;box-shadow:0 18px 44px #0b57d02d}
.google-page .btn.primary:hover{background:#0842a0}
.google-page .art{position:absolute;z-index:1;right:var(--pad);top:clamp(85px,10vh,135px);width:min(43vw,700px);border:1px solid #20212414;border-radius:38px;overflow:hidden;background:linear-gradient(145deg,#fffffff2,#edf3fddb);box-shadow:0 36px 100px #0b57d01c,inset 0 1px #fff}
.google-page .art:before{content:'';position:absolute;z-index:1;width:22%;height:67%;left:28%;top:15%;border-radius:999px;background:linear-gradient(180deg,var(--g-blue-bright),var(--g-blue));transform:rotate(29deg);box-shadow:0 16px 35px #4285f43b}
.google-page .art:after{content:'';position:absolute;z-index:2;width:22%;height:56%;left:51%;top:29%;border-radius:999px;background:linear-gradient(180deg,var(--g-yellow),#f9ab00);transform:rotate(-29deg);box-shadow:0 16px 35px #fbbc0436}
.google-page .art-label,.google-page .art-code{z-index:4;color:var(--g-muted);font-weight:700}
.google-page .art-label{padding:10px 13px;border:1px solid #20212414;border-radius:99px;background:#ffffffdb}
.google-page .art-code{padding:14px 16px;border-radius:16px;background:#202124;color:#a8c7fa;box-shadow:0 18px 40px #2021242f}
.google-page .art-code:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 9px 1px 0;background:var(--g-green);box-shadow:14px 0 0 var(--g-yellow),28px 0 0 var(--g-red)}
.google-page .strip{position:relative;background:#fff;border-color:var(--g-line);box-shadow:0 18px 60px #2021240b}
.google-page .strip:before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--g-blue-bright) 0 36%,var(--g-red) 36% 54%,var(--g-yellow) 54% 72%,var(--g-green) 72%)}
.google-page .strip article{border-color:var(--g-line)}
.google-page .strip b{color:var(--g-blue)}
.google-page .strip article:nth-child(2) b{color:#c5221f}
.google-page .strip article:nth-child(3) b{color:#188038}
.google-page .strip p{color:var(--g-muted)}
.google-page .intro{position:relative;overflow:hidden;background:#202124;color:#fff}
.google-page .intro:before{content:'';position:absolute;right:-8%;top:-32%;width:54vw;height:54vw;border:1px solid #8ab4f844;border-radius:50%;box-shadow:0 0 0 7vw #4285f40b,0 0 0 14vw #34a85309}
.google-page .intro:after{content:'';position:absolute;right:13%;bottom:11%;width:12px;height:12px;border-radius:50%;background:var(--g-yellow);box-shadow:38px -42px 0 var(--g-red),92px 12px 0 var(--g-blue-bright),148px -28px 0 var(--g-green)}
.google-page .intro h2 i{color:#a8c7fa}
.google-page .intro-copy{color:#bdc1c6}
.google-page .scope{background:#eef3fb;color:var(--g-ink)}
.google-page .scope-head p,.google-page .scope-card p{color:var(--g-muted)}
.google-page .scope-grid{border-color:#2021241a;background:#fff}
.google-page .scope-card{position:relative;border-color:#2021241a;background:#fff;transition:transform .35s,box-shadow .35s}
.google-page .scope-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:var(--card-accent,var(--g-blue-bright));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.google-page .scope-card:nth-child(4n+2){--card-accent:var(--g-red)}
.google-page .scope-card:nth-child(4n+3){--card-accent:var(--g-yellow)}
.google-page .scope-card:nth-child(4n+4){--card-accent:var(--g-green)}
.google-page .scope-card:hover{z-index:2;transform:translateY(-7px);box-shadow:0 22px 50px #20212416}
.google-page .scope-card:hover:before{transform:scaleX(1)}
.google-page .scope-card span{color:var(--card-accent,var(--g-blue));font-weight:700}
.google-page .process{background:#fff;color:var(--g-ink)}
.google-page .process-row,.google-page .step{border-color:var(--g-line)}
.google-page .step{position:relative;background:linear-gradient(180deg,#fff,#fafbff)}
.google-page .step:before{content:'';position:absolute;left:24px;top:58px;width:10px;height:10px;border-radius:50%;background:var(--step-accent,var(--g-blue-bright));box-shadow:0 0 0 8px color-mix(in srgb,var(--step-accent,var(--g-blue-bright)) 13%,transparent)}
.google-page .step:nth-child(2){--step-accent:var(--g-red)}
.google-page .step:nth-child(3){--step-accent:var(--g-yellow)}
.google-page .step:nth-child(4){--step-accent:var(--g-green)}
.google-page .step span{color:var(--step-accent,var(--g-blue));font-weight:700}
.google-page .step p{color:var(--g-muted)}
.google-page .faq{background:#f8fafd;color:var(--g-ink)}
.google-page .faq details{border-color:#20212420}
.google-page .faq summary{position:relative;padding-right:55px}
.google-page .faq summary:after{content:'+';position:absolute;right:10px;color:var(--g-blue);font-size:28px}
.google-page .faq details[open] summary:after{content:'−'}
.google-page .faq details p{color:var(--g-muted)}
.google-page .cta{position:relative;overflow:hidden;background:var(--g-blue);color:#fff}
.google-page .cta:before{content:'';position:absolute;right:-8%;top:-24%;width:58vw;height:58vw;border:clamp(38px,5vw,80px) solid #ffffff17;border-radius:50%;box-shadow:0 0 0 7vw #34a85312,0 0 0 14vw #fbbc0411,0 0 0 21vw #ea43350e}
.google-page .cta:after{content:'GOOGLE ADS / WEBTOP';position:absolute;left:-1vw;bottom:-3vw;color:#fff09;font:900 clamp(84px,14vw,220px)/.72 Arial,sans-serif;letter-spacing:-.08em;white-space:nowrap}
.google-page .cta>div{position:relative;z-index:2}
.google-page .cta .micro{color:#d3e3fd}
.google-page .cta h2 i{color:#fff;font-family:inherit;font-weight:inherit}
.google-page .cta a{background:#fff;color:var(--g-blue);box-shadow:0 22px 55px #073b8f66}
@media(max-width:1024px){.google-page .hero>.reveal:first-child{max-width:80vw}.google-page h1{font-size:clamp(62px,8vw,82px)}.google-page .art{width:46vw;right:2vw}.google-page .art:before{left:26%}.google-page .art:after{left:52%}.google-page .intro:before{width:72vw;height:72vw}}
@media(min-width:801px) and (max-width:1100px){.google-page .hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:70px}.google-page .hero>.reveal:first-child{width:100%;min-width:0;max-width:860px;padding-top:20px}.google-page h1{width:100%;max-width:100%;font-size:clamp(70px,9vw,94px)}.google-page h1 i{width:auto}.google-page .lead{max-width:720px}.google-page .art{position:relative;inset:auto;width:min(72vw,620px);justify-self:end;margin-top:48px}}
@media(max-width:800px){.google-page .nav{position:relative}.google-page .hero{display:grid;grid-template-columns:minmax(0,1fr);padding-top:38px}.google-page .hero>.reveal:first-child{width:100%;min-width:0;max-width:none;padding-top:10px}.google-page h1{width:100%;max-width:100%;font-size:18vw;overflow-wrap:anywhere}.google-page h1 i{width:auto;max-width:none}.google-page .lead{max-width:100%}.google-page .art{position:relative;inset:auto;width:100%;min-width:0;min-height:76vw}.google-page .art:before{left:27%;top:14%;width:21%;height:67%}.google-page .art:after{left:52%;top:29%;width:21%;height:54%}.google-page .scope-card:hover{transform:none}.google-page .cta:before{width:104vw;height:104vw;right:-45%;top:-3%}}
@media(max-width:430px){.google-page h1{font-size:17vw}.google-page .hero-actions{align-items:stretch}.google-page .hero-actions .btn{text-align:center}.google-page .art{border-radius:25px}.google-page .art-code{font-size:8px;line-height:1.55}.google-page .strip b{font-size:24px}}
@media(min-width:1800px){.google-page .hero{min-height:900px}.google-page .art{max-width:820px;justify-self:end}.google-page .lead{max-width:760px}.google-page .scope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.google-page .scope-card{transition:none}}
