.hero-serp{position:relative;display:block;padding:var(--hs-pad-top, 62px) clamp(1.25rem,4vw,4rem) var(--hs-pad-bottom, 62px);background:var(--hs-bg, #f3f6f6);color:var(--hs-text, #0e1716);overflow:hidden;font-family:var(--font-body-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);--hs-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;--hs-signal: #1c4948;--hs-signal-soft: #9ccfd0;--hs-signal-tint: rgba(156, 207, 208, .18);--hs-signal-border: rgba(28, 73, 72, .18)}.hero-serp *,.hero-serp *:before,.hero-serp *:after{box-sizing:border-box}.hero-serp__inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.75rem,4vw,3.5rem);align-items:center}@media(max-width:900px){.hero-serp__inner{grid-template-columns:minmax(0,1fr)}}.hero-serp__copy{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.hero-serp__eyebrow{margin:0;font-family:var(--hs-mono);font-size:calc(.72rem * var(--fs-heading, 1));letter-spacing:.1em;text-transform:uppercase;color:var(--hs-text-soft, rgba(0,0,0,.65))}.hero-serp__heading{margin:0;font-size:calc(clamp(1.76rem,4.21vw,3.12rem) * var(--fs-heading, 1));line-height:1.05;font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere}.hero-serp__heading-accent{color:var(--hs-highlight, var(--hs-signal))}.hero-serp__body{margin:0;font-size:calc(clamp(.74rem,.86vw,.82rem) * var(--fs-text, 1));line-height:1.55;color:var(--hs-text-soft, rgba(0,0,0,.65));max-width:44ch}.hero-serp__body p{margin:0 0 .75rem}.hero-serp__body p:last-child{margin-bottom:0}.hero-serp__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.35rem}.hero-serp__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:0;font:inherit;font-weight:600;font-size:calc(.95rem * var(--fs-text, 1));line-height:1;cursor:pointer;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.hero-serp__btn:focus-visible{outline:2px solid var(--hs-accent, #1c4948);outline-offset:3px}.hero-serp__btn--primary{background:var(--hs-accent, #1c4948);color:#fff;border-color:var(--hs-accent, #1c4948)}.hero-serp__btn--primary:hover{transform:translateY(-1px)}.hero-serp__btn--secondary{background:transparent;color:var(--hs-text, #0e1716);border-color:var(--hs-line-strong, rgba(0,0,0,.18))}.hero-serp__btn--secondary:hover{border-color:var(--hs-text-soft, rgba(0,0,0,.4))}.hero-serp__btn-arrow{width:1em;height:1em;flex:0 0 1em}.hero-serp__mock{background:var(--hs-card-bg, #ffffff);border:1px solid var(--hs-line-strong, rgba(0,0,0,.08));border-radius:0;padding:1.25rem;box-shadow:0 12px 32px #0b0b0e0f,0 0 0 1px #0b0b0e0a;font-size:calc(14px * var(--fs-text, 1));min-width:0}.hero-serp__searchbar{display:flex;align-items:center;gap:.625rem;height:44px;padding:0 .875rem;border:1px solid var(--hs-line-strong, rgba(0,0,0,.1));border-radius:0;background:var(--hs-bg-soft, #f6f8f8)}.hero-serp__search-icon{width:16px;height:16px;flex:0 0 16px;color:var(--hs-text-soft, rgba(0,0,0,.55))}.hero-serp__query{flex:1;min-width:0;font-size:calc(14px * var(--fs-text, 1));color:var(--hs-text, #0e1716);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-serp__cursor{display:inline-block;width:1.5px;height:14px;background:var(--hs-text, #0e1716);vertical-align:middle;margin-left:1px;opacity:0}.hero-serp__cursor.is-on{opacity:1}.hero-serp__engine{font-size:calc(13px * var(--fs-text, 1));font-weight:700;letter-spacing:-.01em;flex-shrink:0}.hero-serp__engine .hs-g0{color:#4285f4}.hero-serp__engine .hs-g1{color:#ea4335}.hero-serp__engine .hs-g2{color:#fbbc05}.hero-serp__engine .hs-g3{color:#4285f4}.hero-serp__engine .hs-g4{color:#34a853}.hero-serp__engine .hs-g5{color:#ea4335}.hero-serp__tabs{display:flex;gap:1.125rem;margin:.875rem 0 .625rem;font-size:calc(12px * var(--fs-text, 1));color:var(--hs-text-soft, rgba(0,0,0,.55));border-bottom:1px solid var(--hs-line, rgba(0,0,0,.08));padding-bottom:.625rem;flex-wrap:wrap}.hero-serp__tab{padding-bottom:.5rem;margin-bottom:-11px;border-bottom:2px solid transparent}.hero-serp__tab--active{color:#1a73e8;font-weight:600;border-bottom-color:#1a73e8}.hero-serp__meta{font-size:calc(11px * var(--fs-text, 1));color:var(--hs-text-muted, rgba(0,0,0,.45));margin-bottom:.625rem}.hero-serp__results{position:relative;height:calc(var(--hs-row-h, 64px) * var(--hs-row-count, 6))}.hero-serp__row{position:absolute;left:0;right:0;height:var(--hs-row-h, 64px);display:flex;align-items:center;gap:.75rem;transition:top .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease;border:1px solid transparent;border-radius:0;padding:0 .5rem}.hero-serp__row--brand.is-lifted{background:var(--hs-signal-tint);border-color:var(--hs-signal-border);padding:0 .875rem}.hero-serp__favicon{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--hs-line, rgba(0,0,0,.08));color:var(--hs-text-soft, rgba(0,0,0,.55));display:flex;align-items:center;justify-content:center;font-size:calc(9px * var(--fs-text, 1));font-weight:700;font-family:var(--hs-mono);letter-spacing:.05em}.hero-serp__favicon--c0{background:#4285f4;color:#fff}.hero-serp__favicon--c1{background:#ea4335;color:#fff}.hero-serp__favicon--c2{background:#34a853;color:#fff}.hero-serp__favicon--c3{background:#fbbc05;color:#1a1a1a}.hero-serp__favicon--c4{background:#9334e6;color:#fff}.hero-serp__favicon--c5{background:#ff6d00;color:#fff}.hero-serp__row--brand .hero-serp__favicon{background:var(--hs-text, #0e1716);color:var(--hs-signal-soft)}.hero-serp__row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hero-serp__row-url{font-size:calc(11px * var(--fs-text, 1));color:var(--hs-text-soft, rgba(0,0,0,.55))}.hero-serp__row-title{font-size:calc(15px * var(--fs-text, 1));color:#1a0dab;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-serp__row--brand .hero-serp__row-title{color:var(--hs-signal);font-weight:600}.hero-serp__rank-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:0;background:var(--hs-signal);color:var(--hs-signal-soft);font-family:var(--hs-mono);font-size:calc(11px * var(--fs-text, 1));font-weight:600;opacity:0;transition:opacity .2s ease}.hero-serp__rank-badge svg{width:12px;height:12px}.hero-serp__row--brand.is-lifted .hero-serp__rank-badge{opacity:1}@media(prefers-reduced-motion:reduce){.hero-serp__row,.hero-serp__rank-badge,.hero-serp__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-hero-serp.css.map */