.benefit-examples{grid-column:1/-1;min-width:0}.benefit-examples .benefit-cards{gap:1.5rem}.benefit-visual{isolation:isolate;border-radius:1rem;justify-content:center;align-items:center;height:27rem;padding:1.5rem;display:flex;overflow:hidden}.benefit-search{background:radial-gradient(at 50% 30%,#fbfdff,#e3effa 80%)}.benefit-phone{background:linear-gradient(110deg,#e8ebee 0%,#8d969e 8%,#d8dde0 12%,#9ea6ad 85%,#f3f4f5 94%,#7e8790 100%);border:1px solid #78818b;border-radius:2.3rem;flex-shrink:0;width:12.25rem;padding:3px;position:relative;box-shadow:inset 1px 1px #fff,inset -1px -1px #525b64,0 18px 24px -14px #16385970,0 3px 6px #15395524}.benefit-phone:before,.benefit-phone:after{content:"";background:#aeb7be;border:1px solid #7e8995;border-radius:2px;width:3px;position:absolute}.benefit-phone:before{height:2.6rem;top:6.8rem;left:-3px;box-shadow:0 3.1rem 0 -1px #939ea8}.benefit-phone:after{height:3rem;top:8.2rem;right:-3px}.benefit-phone-screen{background:#fff;border:5px solid #151a20;border-radius:2.08rem;flex-direction:column;height:24.75rem;display:flex;position:relative;overflow:hidden}.benefit-phone-status{color:#172332;flex:none;justify-content:space-between;align-items:center;gap:.3rem;height:2.6rem;padding:0 .7rem;font-size:.625rem;font-weight:600;display:flex}.benefit-phone-island{background:#090c10;border-radius:1rem;flex-shrink:0;width:3.8rem;height:1.1rem;position:relative}.benefit-phone-island:after{content:"";background:radial-gradient(circle at 35% 35%,#24415c,#0b1119 65%);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.35rem;right:.38rem}.benefit-status-icons{align-items:center;gap:2px;display:flex}.benefit-status-icons svg{stroke-width:2.3px;width:.65rem;height:.65rem}.benefit-search-content{flex:1;padding:0 .65rem}.benefit-google{letter-spacing:-.09em;color:#4285f4;justify-content:center;margin:.45rem 0 .7rem;font-family:Arial,sans-serif;font-size:1.65rem;line-height:1.3;display:flex}.benefit-google span:nth-child(2),.benefit-google span:nth-child(6){color:#ea4335}.benefit-google span:nth-child(3){color:#bd8900}.benefit-google span:nth-child(5){color:#23853d}.benefit-search-query{white-space:nowrap;color:#273749;background:#f0f3f6;border-radius:1.5rem;align-items:center;gap:.4rem;padding:.55rem .5rem;font-size:.6875rem;display:flex}.benefit-search-query svg{flex:none}.benefit-search-tabs{color:#667181;border-bottom:1px solid #e5e9ee;gap:1rem;margin-top:.7rem;font-size:.625rem;display:flex}.benefit-search-tabs span{padding-bottom:.4rem}.benefit-search-tabs span:first-child{color:#2364a5;border-bottom:2px solid #2364a5}.benefit-search-result{padding-top:.8rem}.benefit-result-business{align-items:center;gap:.4rem;font-size:.625rem;line-height:1.4;display:flex}.benefit-result-mark{color:#31492f;background:#edf2eb;border-radius:50%;place-items:center;width:1.45rem;height:1.45rem;font-weight:600;display:grid}.benefit-result-business small{color:#6d7883;font-size:.5625rem;display:block}.benefit-search-result strong{color:#1b52a3;margin:.55rem 0 .35rem;font-size:.8125rem;font-weight:500;line-height:1.4;display:block}.benefit-result-description{color:#546272;font-size:.625rem;line-height:1.6}.benefit-result-links{color:#1b52a3;gap:.7rem;margin-top:.65rem;font-size:.625rem;display:flex}.benefit-phone-browser{color:#284d70;background:#f5f6f8;border-top:1px solid #e6e9ee;flex:none;margin-top:.8rem;padding:.4rem .55rem .1rem}.benefit-phone-browser>div{color:#47566a;background:#e5e8ed;border-radius:.4rem;justify-content:center;align-items:center;gap:.3rem;padding:.3rem;font-size:.625rem;display:flex}.benefit-phone-browser>span{justify-content:space-between;padding:.45rem .1rem;display:flex}.benefit-phone-browser>span svg{width:.8rem;height:.8rem}.benefit-phone-home{background:#f5f6f8;flex:none;justify-content:center;align-items:flex-start;height:.6rem;display:flex}.benefit-phone-home:after{content:"";background:#18212b;border-radius:1rem;width:3.8rem;height:3px}.benefit-project{background:#edf1eb}.benefit-project-window{background:#fff;border:1px solid #d5ded3;border-radius:.65rem;width:100%;max-width:23rem;overflow:hidden;box-shadow:0 15px 24px -12px #1e342840}.benefit-window-toolbar{background:#f9faf8;border-bottom:1px solid #e6eae3;align-items:center;gap:4px;padding:.55rem .65rem;display:flex}.benefit-window-toolbar>span{background:#bdc9bc;border-radius:50%;width:5px;height:5px}.benefit-window-toolbar>div{color:#647462;align-items:center;gap:.25rem;margin-inline:auto;font-size:.625rem;display:flex}.benefit-example-nav{color:#3c4e3d;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem .85rem;font-size:.625rem;display:flex}.benefit-example-nav>span:first-child{letter-spacing:.08em;font-size:.6875rem;font-weight:600}.benefit-example-nav small{letter-spacing:.24em;margin-top:.15rem;font-size:.5rem;font-weight:400;display:block}.benefit-project-photo{object-fit:cover;width:100%;height:11rem;display:block}.benefit-project-caption{color:#2a3d2c;padding:1rem}.benefit-project-caption>span{letter-spacing:.14em;color:#626f5e;font-size:.5625rem}.benefit-project-caption strong{letter-spacing:-.025em;margin:.3rem 0 .75rem;font-size:1.3rem;font-weight:500;line-height:1.15;display:block}.benefit-project-caption>div{align-items:center;gap:.4rem;font-size:.625rem;display:flex}.benefit-contact{background:#edf3fb}.benefit-contact-sheet{background:#fff;border:1px solid #e2e8ef;border-radius:.8rem;width:100%;max-width:21rem;padding:1.5rem;box-shadow:0 15px 25px -15px #274a7240}.benefit-contact-brand{letter-spacing:.09em;color:#4c604a;font-size:.625rem}.benefit-contact-brand span{letter-spacing:.22em;margin-top:.2rem;font-size:.5rem;display:block}.benefit-contact-sheet>strong{letter-spacing:-.04em;margin:1.4rem 0;font-size:clamp(1.15rem,1.7vw,1.65rem);font-weight:500;line-height:1.2;display:block}.benefit-example-label{color:#586d7d;margin-bottom:.4rem;font-size:.6875rem}.benefit-example-field{color:#596f82;background:#f7f9fc;border:1px solid #dce5ee;border-radius:.35rem;min-height:4rem;padding:.65rem;font-size:.6875rem;line-height:1.6}.benefit-example-action{background:var(--web-blue);color:#fff;border-radius:.35rem;justify-content:center;align-items:center;gap:.4rem;margin-top:.7rem;padding:.7rem .5rem;font-size:.6875rem;display:flex}.benefit-example-action svg{flex:none}.benefit-example-call{color:#5d7081;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;font-size:.625rem;display:flex}@media (max-width:1100px) and (min-width:761px){.benefit-examples .benefit-cards{gap:1rem}.benefit-visual{padding-inline:.75rem}.benefit-contact-sheet{padding:1rem}}@media (max-width:760px){.benefit-examples .benefit-cards{grid-template-columns:1fr;gap:2rem}.benefit-visual{height:27rem}.benefit-contact-sheet>strong{font-size:1.7rem}}.benefit-examples .benefit-card-link{height:100%;color:var(--web-ink,#12243a);border-radius:1.4rem;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.benefit-card-search{--benefit-heading-color:#516e8a;background:#e3effa}.benefit-card-project{--benefit-heading-color:#606e59;background:#edf1eb}.benefit-card-contact{--benefit-heading-color:#5d708b;background:#edf3fb}.benefit-card-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding:.75rem 1.5rem 1.25rem;display:flex}.benefit-examples .benefit-card-heading h3{color:var(--benefit-heading-color);letter-spacing:-.025em;margin:0;font-size:clamp(1.125rem,1.6vw,1.4rem);font-weight:600;line-height:1.25}.benefit-card-arrow{color:#087bce;background:#fff;border-radius:50%;flex:0 0 2.75rem;place-items:center;height:2.75rem;transition:background .22s,color .22s;display:grid;box-shadow:0 2px 8px #183e6010}.benefit-examples .benefit-card-link>.benefit-visual{background:0 0;border-radius:0;height:28rem;padding-block:1.5rem .5rem}.benefit-examples .benefit-project-photo{height:13rem}.benefit-examples .benefit-card-link:focus-visible{outline-offset:5px;outline:3px solid #087bce}.benefit-card-link:focus-visible .benefit-card-arrow{color:#fff;background:#087bce}@media (hover:hover) and (pointer:fine){.benefit-examples .benefit-card-link:hover{transform:translateY(-5px);box-shadow:0 16px 32px -20px #193f6855}.benefit-card-link:hover .benefit-card-arrow{color:#fff;background:#087bce}}@media (max-width:760px){.benefit-card-heading{padding:.75rem 1.25rem 1.25rem}.benefit-examples .benefit-card-heading h3{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.benefit-examples .benefit-card-link,.benefit-card-arrow{transition:none}.benefit-examples .benefit-card-link:hover{transform:none}}