/* Generated by ../scripts/build-homepage-assets.mjs; edit the manifest sources. */
/* Source: working-files/homepage-inline-styles/02-hero-redesign-css.css */
.hero-redesign{ position:relative; overflow:hidden; min-height:min(800px, calc(100vh - 90px)); display:flex; align-items:flex-start; padding-top:clamp(10px, 1.8vw, 28px); padding-bottom:clamp(38px, 5vw, 72px); background: radial-gradient(820px 340px at 80% 18%, rgba(46,48,148,.18), transparent 62%), radial-gradient(760px 300px at 6% 88%, rgba(96,99,172,.12), transparent 64%), linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%); } .hero-redesign::before{ content:none; display:none; } .hero-redesign .hero-surface{ opacity:.88; } .hero-redesign .hero-wrap{ position:relative; z-index:2; display:grid; grid-template-columns:minmax(0, .95fr) minmax(380px, 1.05fr); gap:clamp(1.4rem, 4vw, 4rem); align-items:center; padding-top:clamp(4px, 1vw, 14px); } .hero-copy-card{ position:relative; overflow:hidden; max-width:680px; padding:clamp(1.25rem, 3vw, 2rem); border-radius:32px; background:rgba(255,255,255,.78); border:1px solid rgba(46,48,148,.13); box-shadow:0 24px 68px rgba(0,0,0,.08); backdrop-filter:blur(10px); } .hero-copy-card::before{ content:""; position:absolute; inset:0; background:radial-gradient(620px 220px at 0% 0%, rgba(46,48,148,.10), transparent 62%); pointer-events:none; } .hero-copy-card > *{ position:relative; z-index:2; } .hero-service-label{ margin:0 0 .65rem; color:#2e3094; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .hero-redesign h1{ margin:0 0 .8rem; max-width:760px; font-size:4rem; line-height:1; letter-spacing:0; } .home-title-type{ display:block; } .home-title-line{ position:relative; display:block; } .home-title-measure{ display:block; visibility:hidden; } .home-title-output{ position:absolute; inset:0; display:block; } .home-title-output::after{ content:""; display:inline-block; width:.08em; height:.86em; margin-left:.08em; transform:translateY(.08em); background:#2e3094; animation:homeHeroCursor .75s step-end infinite; } .home-title-output.is-done::after{ animation:none; opacity:0; } .home-title-stage{ display:block; min-height:1.05em; overflow:hidden; color:#2e3094; perspective:700px; } body.interactions-ready .home-title-stage{ visibility:hidden; } body.interactions-ready .home-title-stage.is-ready{ visibility:visible; } .home-title-rotating{ display:inline-block; transform-origin:50% 50%; backface-visibility:hidden; } .home-title-rotating.is-flip-out{ animation:homeTitleWordOut .42s cubic-bezier(.55,.05,.68,.53) forwards; } .home-title-rotating.is-flip-in{ animation:homeTitleWordIn .52s cubic-bezier(.22,.75,.28,1) forwards; } @keyframes homeHeroCursor{ 50%{ opacity:0; } } @keyframes homeTitleWordOut{ from{ opacity:1; transform:translateY(0) rotateX(0); } to{ opacity:0; transform:translateY(-62%) rotateX(88deg); } } @keyframes homeTitleWordIn{ from{ opacity:0; transform:translateY(62%) rotateX(-88deg); } to{ opacity:1; transform:translateY(0) rotateX(0); } } @media (prefers-reduced-motion: reduce){ .home-title-output::after{ display:none; } .home-title-rotating{ animation:none !important; transition:none !important; } } .hero-redesign .lead{ margin:0; max-width:610px; color:#333; font-size:clamp(1.04rem, 1.45vw, 1.22rem); line-height:1.62; } .hero-redesign .hero-actions-clean{ margin-top:1.25rem; } .hero-redesign .hero-actions-clean .btn{ min-height:50px; border-radius:999px; padding-left:1.15rem; padding-right:1.15rem; box-shadow:0 14px 30px rgba(46,48,148,.22); } .hero-redesign .hero-figure{ justify-self:center; width:100%; transform:translateY(-10px); } .hero-image-shell{ position:relative; width:min(560px, 100%); margin-inline:auto; } .hero-redesign .photo-frame{ position:relative; width:100%; max-width:none; border-radius:42px; padding:0; background:transparent; border:0; box-shadow:none; overflow:hidden; } .hero-redesign .photo-frame::before{ content:none; display:none; } .hero-redesign .photo-frame img{ width:100%; height:auto; display:block; border-radius:32px; object-fit:cover; box-shadow:none; } .hero-redesign .photo-frame .ring{ display:none !important; } @media (max-width: 900px){ .hero-redesign{ min-height:auto; padding-top:22px; padding-bottom:48px; } .hero-redesign::before{ inset:10px; border-radius:24px; } .hero-redesign .hero-wrap{ display:flex; flex-direction:column; gap:1.1rem; } .hero-redesign .hero-figure{ order:1; transform:translateY(-10px); } .hero-redesign .hero-copy{ order:2; width:100%; } .hero-image-shell{ width:min(430px, 92vw); } .hero-redesign .photo-frame{ border-radius:30px; padding:0; background:transparent; border:0; box-shadow:none; overflow:hidden; } .hero-redesign .photo-frame::before{ inset:-10px; border-radius:38px; } .hero-redesign .photo-frame img{ border-radius:23px; } .hero-copy-card{ max-width:100%; border-radius:24px; padding:1.05rem; text-align:left; } .hero-redesign h1{ font-size:2.75rem; line-height:.96; margin-bottom:.65rem; } .hero-redesign .lead{ font-size:1rem; line-height:1.52; } .hero-redesign .hero-actions-clean{ display:grid; grid-template-columns:1fr; margin-top:1rem; } .hero-redesign .hero-actions-clean .btn{ width:100%; justify-content:center; min-height:48px; } } @media (max-width: 520px){ .hero-redesign{ padding-top:18px; } .hero-redesign .hero-figure{ transform:translateY(-6px); } .hero-image-shell{ width:min(370px, 91vw); } .hero-redesign .hero-wrap{ gap:1.45rem; } } @media (max-width: 900px){ .hero-redesign .hero-actions-clean{ display:none !important; } } #emailPrestonCta.email-attention{ animation:emailAttentionBounce 2.1s ease-in-out infinite !important; }
/* Source: working-files/homepage-inline-styles/03-about-redesign.css */
.meet-preston{ overflow:hidden; position:relative; } .meet-preston::before{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(760px 260px at 12% 12%, rgba(46,48,148,.13), transparent 64%), radial-gradient(640px 220px at 95% 75%, rgba(96,99,172,.12), transparent 62%); z-index:-1; } .meet-grid{ display:grid; grid-template-columns:minmax(0, 1.06fr) minmax(300px, .78fr); gap:clamp(1.25rem, 4vw, 3.2rem); align-items:center; } .meet-copy{ max-width:800px; } .meet-intro-card{ position:relative; overflow:hidden; padding:clamp(1.15rem, 3vw, 2rem); border-radius:32px; background: linear-gradient(135deg, rgba(255,255,255,.97), rgba(244,246,255,.91)), radial-gradient(680px 240px at 0% 0%, rgba(46,48,148,.14), transparent 64%); border:1px solid rgba(46,48,148,.16); box-shadow:0 24px 64px rgba(0,0,0,.10); } .meet-intro-card::before{ content:""; position:absolute; inset:14px; border-radius:26px; border:1px solid rgba(255,255,255,.72); pointer-events:none; } .meet-intro-card > *{ position:relative; z-index:2; } .meet-kicker{ display:inline-flex; width:max-content; align-items:center; margin:0 0 .6rem; padding:.3rem .68rem; border-radius:999px; background:#2e3094; color:#ffffff; border:1px solid rgba(46,48,148,.22); box-shadow:0 10px 24px rgba(46,48,148,.18); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } .meet-copy h2{ margin:0 0 .7rem; max-width:720px; letter-spacing:0; line-height:1.04; } .meet-lead{ margin:0 0 .8rem; max-width:720px; line-height:1.6; } .meet-text{ margin:0 0 1.05rem; color:#333; line-height:1.62; max-width:720px; } .meet-proof-item{ position:relative; overflow:hidden; background:#ffffff; border:1px solid rgba(46,48,148,.15); border-radius:20px; padding:.9rem .9rem; box-shadow:0 12px 28px rgba(0,0,0,.07); } .meet-proof-item::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg, #2e3094, rgba(96,99,172,.42)); } .meet-proof-item strong{ display:block; color:#2e3094; font-size:clamp(1.08rem, 2vw, 1.28rem); line-height:1.1; margin-bottom:.2rem; } .meet-proof-item span{ display:block; color:#333; font-size:.9rem; line-height:1.3; } .meet-actions{ position:relative; z-index:10; display:flex; gap:.65rem; flex-wrap:wrap; margin-top:.2rem; pointer-events:auto; } .meet-actions .btn{ position:relative; z-index:11; pointer-events:auto; } .btn--ghost{ background:#fff; border:1px solid rgba(46,48,148,.18); } .btn--ghost:hover{ border-color:#2e3094; } .meet-video-col{ display:flex; justify-content:center; } .meet-video-card{ position:relative; width:min(350px, 100%); padding:.72rem; border-radius:32px; background: linear-gradient(180deg, #ffffff, #f6f7ff); border:1px solid rgba(46,48,148,.16); box-shadow:0 26px 68px rgba(0,0,0,.16); } .meet-video-card::after{ content:""; position:absolute; inset:-10px; border-radius:38px; background:linear-gradient(135deg, rgba(46,48,148,.18), rgba(255,255,255,0), rgba(96,99,172,.16)); z-index:-1; } .meet-video-frame{ position:relative; width:100%; aspect-ratio:9 / 14; border-radius:24px; overflow:hidden; background:#000; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 12px 28px rgba(0,0,0,.12); } .meet-video-frame .meet-video-preview{ position:absolute; inset:0; display:flex; align-items:flex-end; color:#fff; text-decoration:none; -webkit-tap-highlight-color:transparent; touch-action:manipulation; } .meet-video-preview img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; } .meet-video-play{ position:absolute; z-index:1; top:68%; left:50%; display:grid; place-items:center; width:72px; height:52px; border-radius:16px; background:#e62117; color:#fff; box-shadow:0 4px 24px rgba(0,0,0,.25); transform:translate(-50%,-50%); } .meet-video-label{ position:relative; display:flex; align-items:center; justify-content:center; gap:9px; width:100%; padding:72px 16px 24px; background:linear-gradient(transparent,rgba(0,0,0,.88)); color:#fff; font-size:1rem; font-weight:700; line-height:1.4; } .meet-video-label svg{flex:none;} .meet-video-preview:hover .meet-video-play, .meet-video-preview:focus-visible .meet-video-play{background:#c91810;} body[data-nav-key="home"] .meet-video-preview:focus-visible{ outline:3px solid #fff; outline-offset:-6px; } .meet-video-frame:fullscreen, .meet-video-frame:-webkit-full-screen{ width:100vw; height:100vh; aspect-ratio:auto; border-radius:0; background:#000000; } .meet-video-caption{ padding:.85rem .5rem .35rem; text-align:left; } .meet-video-caption strong{ display:block; color:#1f2352; margin-bottom:.2rem; } .meet-video-caption span{ display:block; color:#333; font-size:.9rem; line-height:1.4; } @media (max-width: 980px){ .meet-grid{ grid-template-columns:1fr; align-items:start; } .meet-copy{ max-width:100%; } .meet-video-col{ justify-content:center; } .meet-video-card{ width:min(360px, 100%); } } @media (max-width: 720px){ .meet-preston{ padding-top:44px; padding-bottom:50px; } .meet-grid{ display:flex; flex-direction:column; gap:1.15rem; } .meet-video-col{ order:1; width:100%; } .meet-copy{ order:2; width:100%; } .meet-intro-card{ padding:1.05rem; border-radius:24px; box-shadow:0 16px 40px rgba(0,0,0,.09); } .meet-intro-card::before{ inset:9px; border-radius:19px; } .meet-copy h2{ font-size:clamp(1.9rem, 9vw, 2.65rem); margin-bottom:.58rem; } .meet-lead, .meet-text{ font-size:.98rem; line-height:1.5; } .meet-proof-item{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.78rem .85rem; border-radius:17px; } .meet-proof-item::before{ inset:0 auto 0 0; width:4px; height:auto; background:linear-gradient(180deg, #2e3094, rgba(96,99,172,.42)); } .meet-proof-item strong{ margin:0; white-space:nowrap; } .meet-proof-item span{ text-align:right; font-size:.86rem; } .meet-actions{ display:grid; grid-template-columns:1fr; gap:.55rem; } .meet-actions .btn{ width:100%; justify-content:center; min-height:46px; } .meet-video-card{ width:min(330px, 100%); border-radius:28px; padding:.62rem; } .meet-video-frame{ aspect-ratio:9 / 13.5; border-radius:21px; } .meet-video-caption{ padding:.75rem .4rem .28rem; } } @media (max-width: 420px){ .meet-proof-item{ align-items:flex-start; flex-direction:column; gap:.2rem; } .meet-proof-item span{ text-align:left; } .meet-video-card{ width:min(304px, 100%); } } .hero-redesign .scroll-cue{ position:relative; z-index:50; width:48px; height:48px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.92); border:1px solid rgba(46,48,148,.18); box-shadow:0 14px 34px rgba(0,0,0,.12); color:#2e3094; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; } .hero-redesign .scroll-cue span{ display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; } .hero-redesign .scroll-cue svg{ width:26px; height:26px; display:block; } .hero-redesign .scroll-cue path{ fill:none; stroke:currentColor; stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; } @media (max-width: 520px){ .hero-redesign .scroll-cue{ width:46px; height:46px; } .hero-redesign .scroll-cue svg{ width:25px; height:25px; } }
/* Source: working-files/homepage-inline-styles/04-timeline-mini.css */
.story-redesign{ overflow:hidden; padding-top:36px; padding-bottom:36px; } .story-intro{ max-width:840px; margin:0 auto .85rem; text-align:center; } .story-kicker{ margin:0 0 .35rem; color:#2e3094; font-size:.82rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } .story-intro h2{ margin:0 0 .45rem; } .story-intro .lead{ margin:0 auto; } .story-timeline{ position:relative; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:.75rem; max-width:1180px; margin:0 auto; } .story-timeline-shell{ position:relative; } .story-timeline::before{ content:""; position:absolute; left:2%; right:2%; top:34px; height:3px; border-radius:999px; background:linear-gradient(90deg, rgba(46,48,148,.12), rgba(46,48,148,.50), rgba(46,48,148,.12)); } @media (min-width: 981px){ .story-redesign > .container{ width:100%; max-width:none; padding-left:0; padding-right:0; } .story-intro{ max-width:840px; padding-left:20px; padding-right:20px; } .story-timeline-shell{ width:100vw; margin-left:calc(50% - 50vw); overflow:hidden; padding:.45rem 0 1rem; } .story-timeline-shell::before, .story-timeline-shell::after{ content:none; display:none; } .story-timeline{ display:flex; grid-template-columns:none; flex-wrap:nowrap; gap:1rem; max-width:none; width:max-content; margin:0; --story-loop-shift:-50%; animation:storyDesktopMarquee 72s linear infinite; transform:translate3d(0, 0, 0); backface-visibility:hidden; will-change:transform; } .story-timeline-shell:hover .story-timeline, .story-timeline-shell:focus-within .story-timeline{ animation-play-state:paused; } .story-timeline::before{ display:none; } .story-step::before{ display:none; } .story-step{ flex:0 0 310px; } .story-timeline-shell .story-card, .story-timeline-shell .story-card:hover, .story-timeline-shell .story-card.is-tilting, body.motion-active .story-timeline .story-step, body.motion-active .story-timeline .story-card{ transform:none !important; } body.motion-active .story-timeline .story-step, body.motion-active .story-timeline .story-card{ opacity:1 !important; } .story-step--clone{ display:flex !important; } } @keyframes storyDesktopMarquee{ from{ transform:translate3d(0, 0, 0); } to{ transform:translate3d(var(--story-loop-shift), 0, 0); } } .story-step{ position:relative; display:flex; flex-direction:column; gap:.45rem; align-items:stretch; } .story-step--clone{ display:none; } .story-year{ position:relative; z-index:3; width:64px; min-height:64px; border-radius:999px; display:flex; align-items:center; justify-content:center; text-align:center; padding:.35rem; background:#2e3094; color:#ffffff; border:3px solid #eef1ff; box-shadow:0 8px 18px rgba(46,48,148,.18); font-weight:900; font-size:.7rem; line-height:1.05; margin:0 auto; } .story-card{ position:relative; display:block; padding:.7rem; background:#ffffff; border:1px solid rgba(46,48,148,.14); border-radius:16px; box-shadow:0 8px 18px rgba(0,0,0,.06); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; height:100%; } @media (hover:hover) and (pointer:fine){ .story-card:hover{ transform:translateY(-3px); box-shadow:0 22px 50px rgba(0,0,0,.13); border-color:rgba(46,48,148,.30); } } .story-step--featured .story-card, .story-step--today .story-card{ background: radial-gradient(420px 160px at 0% 0%, rgba(46,48,148,.12), transparent 62%), #ffffff; } .story-image{ height:112px; border-radius:12px; overflow:hidden; background:#eef1ff; box-shadow:0 6px 14px rgba(0,0,0,.08); margin-bottom:.55rem; } @media (min-width: 981px){ .story-image{ height:168px; } } .story-image img{ width:100%; height:100%; object-fit:cover; display:block; } .story-label{ display:inline-flex; width:max-content; margin-bottom:.25rem; padding:.18rem .48rem; border-radius:999px; background:#eef1ff; color:#2e3094; font-size:.66rem; font-weight:900; letter-spacing:.04em; text-transform:uppercase; } .story-content h3{ margin:0 0 .18rem; color:#1f2352; font-size:clamp(.98rem, 1.45vw, 1.14rem); line-height:1.12; } .story-content p{ margin:0; color:#333; line-height:1.32; font-size:.82rem; } @media (max-width: 980px){ .story-step--clone{ display:none !important; } .story-timeline{ display:grid; grid-template-columns:1fr; max-width:760px; gap:.55rem; } .story-timeline::before{ left:43px; right:auto; top:10px; bottom:10px; width:3px; height:auto; transform:none; background:linear-gradient(180deg, rgba(46,48,148,.18), rgba(46,48,148,.62), rgba(46,48,148,.18)); } .story-step{ display:grid; grid-template-columns:86px minmax(0, 1fr); gap:.85rem; align-items:start; } .story-step:nth-child(odd) .story-card, .story-step:nth-child(even) .story-card{ grid-column:2; } .story-year{ grid-column:1; width:78px; min-height:78px; font-size:.84rem; position:sticky; top:88px; margin:0; } .story-card{ display:grid; grid-template-columns:96px minmax(0, 1fr); gap:.6rem; align-items:center; height:auto; } .story-image{ height:118px; margin-bottom:0; } } @media (max-width: 640px){ .story-intro{ text-align:left; margin-bottom:1rem; } .story-timeline-shell .mobile-carousel-arrows{ top:58%; } .story-timeline::before{ display:none; } .story-timeline{ display:flex; grid-template-columns:none; max-width:none; gap:.75rem; overflow-x:auto; overscroll-behavior-x:contain; touch-action:pan-x pan-y; scroll-snap-type:x mandatory; padding:.35rem 2.45rem 1rem; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .story-timeline::-webkit-scrollbar{ display:none; } .story-step{ flex:0 0 min(78vw, 340px); display:flex; grid-template-columns:none; flex-direction:column; gap:0; min-height:390px; scroll-snap-align:center; } .story-year{ width:max-content; min-width:92px; min-height:36px; border-radius:999px 999px 0 0; border-width:2px 2px 0; font-size:.9rem; padding:.42rem .85rem .36rem; top:auto; position:relative; margin:0 auto -1px; box-shadow:0 8px 18px rgba(46,48,148,.16); } .story-card{ grid-template-columns:1fr; gap:.35rem; border-radius:18px; padding:.72rem; height:100%; background:#ffffff !important; box-shadow:0 12px 28px rgba(0,0,0,.075); } .story-image{ display:block; height:auto; aspect-ratio:4 / 3; margin-bottom:.5rem; background:#f7f8ff; } .story-image img{ object-fit:contain; object-position:center; } .story-content h3{ font-size:1.05rem; } .story-content p{ font-size:.9rem; line-height:1.42; } }
/* Source: working-files/homepage-inline-styles/05-reviews-redesign-css.css */
.reviews-redesign{ overflow:hidden; padding-top:clamp(52px, 7vw, 84px); padding-bottom:clamp(56px, 7vw, 88px); } .reviews-shell{ position:relative; border-radius:32px; padding:clamp(1rem, 3vw, 2rem); background: radial-gradient(820px 260px at 0% 0%, rgba(46,48,148,.13), transparent 62%), radial-gradient(640px 260px at 100% 100%, rgba(96,99,172,.10), transparent 60%), rgba(255,255,255,.80); border:1px solid rgba(46,48,148,.14); box-shadow:0 20px 54px rgba(0,0,0,.08); } .reviews-hero{ display:grid; grid-template-columns:minmax(0, 1fr); gap:clamp(.9rem, 3vw, 1.35rem); align-items:stretch; margin-bottom:1rem; } .reviews-kicker{ margin:0 0 .35rem; color:#2e3094; font-size:.82rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } .reviews-copy h2{ margin:0 0 .45rem; max-width:780px; letter-spacing:0; } .reviews-copy .lead{ margin:0; max-width:760px; } @media (min-width: 901px){ .reviews-copy h2, .reviews-copy .lead{ max-width:720px; } .reviews-hero{ min-height:310px; padding-right:min(34vw, 24rem); margin-bottom:1.15rem; } .reviews-google-row{ position:absolute; top:clamp(1rem, 3vw, 2rem); right:clamp(1rem, 3vw, 2rem); width:min(31vw, 20.5rem); display:block; margin:0; z-index:3; } .reviews-google-row .reviews-google-spotlight{ width:100%; min-height:190px; padding:1rem; border-radius:24px; } .reviews-google-row .google-score{ font-size:clamp(2.55rem, 4vw, 3.35rem); } .reviews-google-row .google-review-link{ min-height:56px; padding:.55rem .62rem .55rem .72rem; border-radius:15px; } .reviews-google-row .google-reviews-logo{ height:38px; } .reviews-google-row .google-review-link span{ font-size:.82rem; } } .reviews-google-row{ display:flex; justify-content:center; margin-top:1rem; } .reviews-google-row .reviews-google-spotlight{ width:min(100%, 460px); } @media (min-width: 901px){ .reviews-shell .reviews-google-row{ position:absolute; top:clamp(1rem, 3vw, 2rem); right:clamp(1rem, 3vw, 2rem); width:min(31vw, 20.5rem); display:block; margin:0; z-index:3; } .reviews-shell .reviews-google-row .reviews-google-spotlight{ width:100%; min-height:190px; padding:1rem; border-radius:24px; } } .reviews-google-spotlight{ position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; gap:.85rem; min-height:245px; padding:1.15rem; border-radius:28px; background:#101331; color:#ffffff; border:1px solid rgba(255,255,255,.16); box-shadow:0 22px 50px rgba(16,19,49,.26), 0 8px 18px rgba(0,0,0,.10); isolation:isolate; } .google-spotlight-bg{ position:absolute; inset:0; background: radial-gradient(380px 160px at 12% 0%, rgba(122,167,255,.30), transparent 62%), radial-gradient(340px 190px at 100% 100%, rgba(46,48,148,.68), transparent 60%), linear-gradient(135deg, rgba(46,48,148,.82), rgba(16,19,49,1)); z-index:-2; } .reviews-google-spotlight::before{ content:""; position:absolute; width:150px; height:150px; right:-48px; top:-50px; border-radius:999px; background:rgba(255,255,255,.12); z-index:-1; } .reviews-google-spotlight::after{ content:"Reviews"; position:absolute; right:-8px; bottom:8px; color:rgba(255,255,255,.055); font-size:4.1rem; font-weight:900; letter-spacing:0; pointer-events:none; } .google-badge-row, .google-score-block, .reviews-google-spotlight p, .google-review-link{ position:relative; z-index:2; } .google-badge-row{ display:flex; align-items:center; gap:.55rem; } .google-badge-dot{ width:34px; height:34px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:#ffffff; color:#2e3094; font-weight:900; box-shadow:0 10px 24px rgba(0,0,0,.18); } .google-badge-text{ color:rgba(255,255,255,.92); font-size:.86rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase; } .google-score-block{ display:flex; align-items:flex-end; gap:.7rem; margin:.25rem 0 0; } .google-score{ color:#ffffff; font-size:clamp(3.1rem, 5vw, 4.35rem); font-weight:900; letter-spacing:0; line-height:.88; } .google-stars{ color:#ffffff; font-size:1.02rem; letter-spacing:.06em; line-height:1.15; padding-bottom:.15rem; text-shadow:0 2px 12px rgba(0,0,0,.25); } .reviews-google-spotlight p{ margin:0; max-width:310px; color:rgba(255,255,255,.88); line-height:1.45; font-weight:700; } .google-review-link{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; min-height:68px; padding:.65rem .7rem .65rem .85rem; border-radius:18px; background:rgba(255,255,255,.96); color:#1f2352; text-decoration:none; border:1px solid rgba(255,255,255,.28); box-shadow:0 16px 34px rgba(0,0,0,.22); transition:transform .2s ease, box-shadow .2s ease, background .2s ease; } .google-review-link span{ flex:1; color:#1f2352; font-size:.92rem; font-weight:900; line-height:1.15; text-align:right; } .google-review-link:hover{ transform:translateY(-2px); background:#ffffff; box-shadow:0 22px 44px rgba(0,0,0,.28); } .google-reviews-logo{ height:46px; width:auto; display:block; flex:0 0 auto; } .reviews-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:.9rem; align-items:stretch; } .reviews-carousel-shell{ position:relative; } .review-card{ position:relative; display:flex; flex-direction:column; min-height:100%; padding:1rem; border-radius:22px; background:#ffffff; border:1px solid rgba(46,48,148,.15); box-shadow:0 12px 28px rgba(0,0,0,.07); overflow:hidden; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .review-card::before{ content:""; position:absolute; inset:0; background:radial-gradient(460px 160px at 0% 0%, rgba(238,241,255,.95), transparent 62%); pointer-events:none; } .review-card::after{ content:"“"; position:absolute; right:16px; top:2px; color:rgba(46,48,148,.08); font-size:5.5rem; font-family:Georgia, serif; line-height:1; pointer-events:none; } .review-card--featured{ background: radial-gradient(560px 180px at 0% 0%, rgba(46,48,148,.12), transparent 62%), rgba(255,255,255,.98); border-color:rgba(46,48,148,.24); } @media (hover:hover) and (pointer:fine){ .review-card:hover{ transform:translateY(-4px); box-shadow:0 22px 50px rgba(0,0,0,.12); border-color:rgba(46,48,148,.30); } } .review-person, .review-stars, .review-quote{ position:relative; z-index:2; } .review-person{ display:flex; align-items:center; gap:.72rem; margin-bottom:.65rem; } .review-avatar{ flex:0 0 auto; width:58px; height:58px; border-radius:18px; object-fit:cover; display:block; background:#eef1ff; border:2px solid #eef1ff; box-shadow:0 8px 18px rgba(46,48,148,.13); } .review-initial{ display:inline-flex; align-items:center; justify-content:center; color:#2e3094; font-size:.92rem; font-weight:900; letter-spacing:.03em; background:linear-gradient(145deg,#f8f9ff,#e7eaff); } .review-name{ display:block; color:#1f2352; font-weight:900; line-height:1.15; } .review-location{ display:block; color:#333; font-size:.86rem; line-height:1.25; } .review-stars{ margin:0 0 .45rem; color:#2e3094; letter-spacing:.06em; font-size:.9rem; line-height:1; } .review-quote{ margin:0; color:#333; line-height:1.56; font-size:.96rem; } .review-card--featured .review-quote{ font-size:.96rem; line-height:1.56; } @media (max-width: 1100px){ .reviews-grid{ grid-template-columns:1fr 1fr; } } @media (max-width: 900px){ .reviews-shell{ border-radius:24px; padding:1rem; } .reviews-hero{ grid-template-columns:1fr; gap:.85rem; } .reviews-carousel-shell .mobile-carousel-arrows{ top:52%; } .reviews-grid{ display:flex; gap:.75rem; overflow-x:auto; overscroll-behavior-x:contain; touch-action:pan-x pan-y; scroll-snap-type:x mandatory; scroll-padding:2.45rem; padding:.2rem 2.45rem .8rem; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .reviews-grid::-webkit-scrollbar{ display:none; } .review-card, .review-card--featured{ flex:0 0 min(78vw, 340px); min-height:280px; padding:1.12rem; scroll-snap-align:center; border-radius:20px; grid-column:auto; } .review-card--featured .review-quote{ font-size:.96rem; line-height:1.56; } } @media (max-width: 560px){ .reviews-redesign{ padding-top:44px; padding-bottom:50px; .reviews-google-spotlight{ padding:1rem; border-radius:20px; } .reviews-google-spotlight::after{ font-size:3.1rem; bottom:18px; } .google-score{ font-size:3.1rem; } .google-review-link{ min-height:64px; } .google-review-link span{ font-size:.86rem; } .google-reviews-logo{ height:40px; } } .reviews-shell{ margin-left:-.15rem; margin-right:-.15rem; padding:.9rem; border-radius:20px; } .reviews-copy h2{ font-size:clamp(1.65rem, 8vw, 2.15rem); } .reviews-copy .lead{ font-size:.98rem; line-height:1.5; } .reviews-google-spotlight{ padding:.9rem; } .google-review-link{ min-height:64px; } .google-reviews-logo{ height:50px; } .review-card, .review-card--featured{ flex-basis:min(86vw, 335px); min-height:300px; padding:1.05rem; } .review-avatar{ width:52px; height:52px; border-radius:16px; } .review-quote{ font-size:.93rem; line-height:1.5; } }
/* Source: working-files/homepage-inline-styles/06-cta-band-tweaks.css */
.cta-band .cta-title{ font-size: clamp(1.8rem, 3.6vw, 2.4rem); line-height: 1.15; margin: 0 0 .25rem; letter-spacing: .2px; } .cta-band .lead{ font-size: clamp(1.02rem, 1.6vw, 1.15rem); }
/* Source: working-files/homepage-inline-styles/07-footer-compact-css.css */
.footer-compact{ position:relative; overflow:hidden; background:#101331; color:#ffffff; padding:clamp(30px, 5vw, 46px) 0 22px; } .footer-compact::before{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(620px 220px at 0% 0%, rgba(122,167,255,.18), transparent 62%), radial-gradient(520px 220px at 100% 100%, rgba(46,48,148,.45), transparent 64%); } .footer-compact-inner{ position:relative; z-index:2; } .footer-mainline{ display:grid; grid-template-columns:minmax(0, .92fr) minmax(320px, 1.08fr); gap:clamp(1rem, 4vw, 2rem); align-items:center; padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.12); } .footer-identity{ display:grid; gap:.35rem; } .footer-identity strong{ color:#ffffff; font-size:clamp(1.45rem, 3vw, 2rem); line-height:1; letter-spacing:0; } .footer-identity span{ max-width:520px; color:rgba(255,255,255,.78); line-height:1.5; } .footer-links{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.45rem; } .footer-links a{ display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:.42rem .68rem; border-radius:999px; color:rgba(255,255,255,.82); text-decoration:none; font-weight:750; font-size:.9rem; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); } .footer-links a:hover{ color:#ffffff; background:rgba(255,255,255,.11); border-color:rgba(255,255,255,.18); } .footer-legal-line p{ margin:0; color:rgba(255,255,255,.58); font-size:.88rem; } @media (max-width: 820px){ .footer-mainline{ grid-template-columns:1fr; align-items:start; gap:1rem; } .footer-links{ justify-content:flex-start; } } @media (max-width: 560px){ .footer-compact{ padding:30px 0 20px; } .footer-links{ display:grid; grid-template-columns:1fr 1fr; gap:.45rem; } .footer-links a{ width:100%; min-height:40px; font-size:.88rem; } } @media (max-width: 390px){ .footer-links{ grid-template-columns:1fr; } }
/* Source: working-files/homepage-inline-styles/08-modern-mobile-motion-final.css */
:root{ --motion-ease-out:cubic-bezier(.16, 1, .3, 1); --motion-ease-spring:cubic-bezier(.2, .8, .2, 1); --mobile-depth-shadow:0 18px 42px rgba(31,35,82,.11); } html{ scroll-behavior:smooth; } body.motion-active .site-header{ transition:box-shadow .24s ease, background .24s ease, transform .24s ease; } body.motion-active.is-scrolling .site-header, body.motion-active.scrolling .site-header{ box-shadow:0 14px 34px rgba(16,19,49,.12); } .hero-copy-card, .hero-redesign .hero-image-shell, .meet-intro-card, .meet-video-card, .service-equal-card, .story-step, .review-card, .reviews-google-spotlight, .cta-band .band, .footer-mainline{ backface-visibility:hidden; transform:translateZ(0); } .motion-target{ opacity:1; transform:none; } body.motion-active .motion-target{ transition: opacity .62s var(--motion-ease-out), transform .62s var(--motion-ease-out), box-shadow .28s ease, border-color .28s ease, background .28s ease; transition-delay:var(--motion-delay, 0ms); } body.motion-active .motion-target:not(.motion-in){ opacity:0; transform:translate3d(0, 24px, 0) scale(.985); } body.motion-active .motion-target.motion-in{ opacity:1; transform:translate3d(0, 0, 0) scale(1); } body.motion-active .hero-redesign .hero-image-shell.motion-target:not(.motion-in){ transform:translate3d(0, 18px, 0) scale(.96); } body.motion-active .service-equal-card.motion-in, body.motion-active .story-step.motion-in, body.motion-active .review-card.motion-in{ box-shadow:var(--mobile-depth-shadow); } .touch-ripple{ position:absolute; border-radius:999px; pointer-events:none; width:12px; height:12px; left:var(--ripple-x); top:var(--ripple-y); background:rgba(255,255,255,.48); transform:translate(-50%, -50%) scale(0); opacity:.9; animation:touchRipple .56s ease-out forwards; mix-blend-mode:screen; } .btn, .nav-toggle-btn, .mobile-menu a, .fab-call, .fab-email, .service-equal-card{ -webkit-tap-highlight-color:transparent; } body.motion-active .mobile-drawer{ display:block; height:100dvh; visibility:hidden; opacity:0; transform:none !important; pointer-events:none; transition:opacity .22s ease, visibility .22s ease; } body.motion-active .mobile-drawer.open{ visibility:visible; opacity:1; pointer-events:auto; } body.motion-active .mobile-drawer .mobile-menu{ transform:translate3d(0, -18px, 0) scale(.985); opacity:0; transform-origin:top center; transition:transform .34s var(--motion-ease-out), opacity .24s ease, box-shadow .24s ease; } body.motion-active .mobile-drawer.open .mobile-menu{ transform:translate3d(0, 0, 0) scale(1); opacity:1; } body.motion-active .mobile-drawer .mobile-menu a{ opacity:0; transform:translate3d(0, -8px, 0); transition:opacity .26s ease, transform .32s var(--motion-ease-out), background .18s ease, color .18s ease; } body.motion-active .mobile-drawer.open .mobile-menu a{ opacity:1; transform:translate3d(0, 0, 0); transition-delay:calc(var(--drawer-index, 0) * 42ms); } body.motion-active .fab-call, body.motion-active .fab-email{ animation:floatContact 4.8s ease-in-out infinite; } body.motion-active .fab-email{ animation-delay:1.1s; } body.motion-active .fab-call:active, body.motion-active .fab-email:active, body.motion-active .btn:active, body.motion-active .nav-toggle-btn:active{ transform:scale(.96) !important; } body.motion-active .hero-redesign{ --hero-shift:0px; } body.motion-active .hero-redesign .hero-image-shell{ transform:translate3d(0, calc(var(--hero-shift) * .18), 0); } body.motion-active .hero-copy-card{ transform:translate3d(0, calc(var(--hero-shift) * -.08), 0); } @keyframes touchRipple{ to{ opacity:0; transform:translate(-50%, -50%) scale(22); } } @keyframes floatContact{ 0%, 100%{ transform:translate3d(0, 0, 0); } 50%{ transform:translate3d(0, -5px, 0); } } @media (max-width: 900px){ html{ scroll-behavior:smooth; } body.motion-active .hero-redesign, body.motion-active .meet-preston, body.motion-active .story-redesign, body.motion-active .reviews-redesign, body.motion-active .cta-band{ overflow:hidden; } body.motion-active .hero-copy-card, body.motion-active .meet-intro-card, body.motion-active .meet-video-card, body.motion-active .service-equal-card, body.motion-active .story-step, body.motion-active .review-card, body.motion-active .reviews-google-spotlight{ contain:layout paint; } body.motion-active .motion-target{ transition: opacity .62s var(--motion-ease-out), transform .62s var(--motion-ease-out), box-shadow .28s ease, border-color .28s ease, background .28s ease !important; } body.motion-active .motion-target:not(.motion-in){ opacity:0 !important; transform:translate3d(0, 24px, 0) scale(.985) !important; } body.motion-active .motion-target.motion-in{ opacity:1 !important; transform:translate3d(0, 0, 0) scale(1) !important; } body.motion-active .service-equal-card:active, body.motion-active .story-step:active, body.motion-active .review-card:active{ transform:translate3d(0, -2px, 0) scale(.992) !important; box-shadow:0 14px 34px rgba(31,35,82,.13) !important; } } @media (hover:hover) and (pointer:fine){ body.motion-active .service-equal-card:hover, body.motion-active .review-card:hover{ transform:translate3d(0, -5px, 0); box-shadow:0 24px 56px rgba(31,35,82,.13) !important; } } @media (min-width: 901px){ body.motion-active .mobile-drawer{ display:none !important; visibility:hidden !important; pointer-events:none !important; } } @media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } body.motion-active .motion-target, body.motion-active .mobile-drawer, body.motion-active .mobile-drawer .mobile-menu, body.motion-active .mobile-drawer .mobile-menu a, body.motion-active .fab-call, body.motion-active .fab-email{ animation:none !important; transition:none !important; transform:none !important; opacity:1 !important; } .touch-ripple{ display:none !important; } }
/* Source: working-files/homepage-inline-styles/09-reviews-desktop-fill-fix.css */
@media (min-width:901px){ #testimonials .reviews-shell{ padding-right:clamp(1rem, 3vw, 2rem) !important; } #testimonials .reviews-hero{ min-height:310px !important; padding-right:min(34vw, 24rem) !important; margin-bottom:1.15rem !important; } #testimonials .reviews-carousel-shell, #testimonials .reviews-grid{ width:100% !important; max-width:none !important; } }
/* Source: working-files/homepage-inline-styles/10-mobile-condensed-overrides.css */
#emailPrestonCta.email-attention{ animation:emailAttentionBounce 2.1s ease-in-out infinite !important; } @media (max-width:900px){ :root{ --mobile-section-y:30px; } body{ padding-bottom:82px !important; } .section, .reviews-redesign, .meet-preston, .story-redesign{ padding-top:var(--mobile-section-y) !important; padding-bottom:var(--mobile-section-y) !important; } .hero-redesign .scroll-cue{ display:none !important; } .hero-redesign{ min-height:0 !important; padding-top:22px !important; padding-bottom:20px !important; } .hero-redesign .hero-wrap{ gap:.55rem !important; min-height:0 !important; padding-top:0 !important; padding-bottom:0 !important; } .hero-redesign .hero-figure{ display:block !important; order:1 !important; width:100% !important; transform:none !important; margin:.35rem auto .75rem !important; } .hero-redesign .hero-copy{ order:2 !important; width:100% !important; } .hero-image-shell{ width:min(72vw, 280px) !important; margin-inline:auto !important; } .hero-redesign .photo-frame{ border-radius:18px !important; overflow:hidden !important; } .hero-redesign .photo-frame img{ width:100% !important; aspect-ratio:4 / 3 !important; height:auto !important; object-fit:cover !important; object-position:center 18% !important; border-radius:18px !important; } .hero-copy-card{ padding:.35rem 0 .8rem !important; border:0 !important; border-radius:0 !important; margin-bottom:.45rem !important; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; } .hero-redesign h1{ margin-bottom:.42rem !important; font-size:2.25rem !important; line-height:1 !important; } .hero-redesign .lead{ font-size:.9rem !important; line-height:1.38 !important; } .hero-redesign .hero-actions-clean{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:.55rem !important; margin-top:.8rem !important; } .hero-redesign .hero-actions-clean .btn{ display:inline-flex !important; width:100% !important; min-width:0 !important; min-height:46px !important; padding:.65rem .7rem !important; font-size:.86rem !important; } .reviews-copy, .story-intro{ margin-bottom:.75rem !important; } #testimonials-title, #about-title, #story-title{ font-size:clamp(1.42rem, 7.4vw, 2.05rem) !important; line-height:1.02 !important; letter-spacing:0 !important; } .reviews-copy .lead, .story-intro .lead{ font-size:.9rem !important; line-height:1.4 !important; } .services-equal-grid{ display:grid !important; grid-template-columns:1fr !important; gap:.62rem !important; overflow:visible !important; scroll-snap-type:none !important; scrollbar-width:none !important; padding:.08rem 0 .3rem !important; margin-right:0 !important; } .services-equal-grid::-webkit-scrollbar, .story-timeline::-webkit-scrollbar, .reviews-grid::-webkit-scrollbar{ display:none !important; } .service-equal-card{ flex:initial !important; min-height:0 !important; scroll-snap-align:none !important; grid-template-columns:42px minmax(0, 1fr) !important; gap:.55rem !important; padding:.7rem !important; border-radius:16px !important; } .reviews-shell, .meet-grid{ gap:.75rem !important; } .reviews-hero{ gap:.75rem !important; } .reviews-google-spotlight{ padding:.82rem !important; border-radius:18px !important; } .google-score{ font-size:2.05rem !important; } .google-review-link{ min-height:42px !important; padding:.45rem .55rem !important; } .reviews-grid, .story-timeline{ gap:.72rem !important; padding-bottom:.7rem !important; touch-action:pan-x pan-y !important; overscroll-behavior-x:contain !important; overscroll-behavior-y:auto !important; overflow-y:hidden !important; } .reviews-grid .review-card{ touch-action:pan-x pan-y !important; overscroll-behavior-y:auto !important; overflow:hidden !important; } .reviews-carousel-shell, .story-timeline-shell{ position:relative !important; } .reviews-carousel-shell .mobile-carousel-arrows, .story-timeline-shell .mobile-carousel-arrows{ display:flex !important; pointer-events:none !important; z-index:2300 !important; position:absolute !important; left:-.15rem !important; right:-.15rem !important; align-items:center !important; justify-content:space-between !important; transform:translateY(-50%) !important; } .reviews-carousel-shell .mobile-carousel-arrows{ top:50% !important; } .story-timeline-shell .mobile-carousel-arrows{ top:50% !important; } .reviews-carousel-shell .mobile-carousel-arrow, .story-timeline-shell .mobile-carousel-arrow{ display:grid !important; place-items:center !important; width:44px !important; height:44px !important; flex:0 0 44px !important; border-radius:0 !important; background:transparent !important; border:0 !important; color:rgba(46,48,148,.72) !important; box-shadow:none !important; filter:drop-shadow(0 1px 2px rgba(255,255,255,.95)) !important; opacity:1 !important; } .reviews-carousel-shell .mobile-carousel-arrow::before, .story-timeline-shell .mobile-carousel-arrow::before{ content:"" !important; width:13px !important; height:13px !important; border-top:3px solid currentColor !important; border-left:3px solid currentColor !important; border-radius:1px !important; display:block !important; } .reviews-carousel-shell .mobile-carousel-arrow--left::before, .story-timeline-shell .mobile-carousel-arrow--left::before{ transform:rotate(-45deg) translate(1px, 1px) !important; } .reviews-carousel-shell .mobile-carousel-arrow--right::before, .story-timeline-shell .mobile-carousel-arrow--right::before{ transform:rotate(135deg) translate(1px, 1px) !important; } .review-card{ padding:.82rem !important; border-radius:16px !important; } .review-avatar{ width:44px !important; height:44px !important; } .review-quote{ font-size:.86rem !important; line-height:1.36 !important; } .meet-intro-card{ padding:.95rem !important; border-radius:18px !important; } .meet-lead, .meet-text{ font-size:.9rem !important; line-height:1.38 !important; } .meet-text{ display:none !important; } .meet-proof-item{ flex:initial !important; scroll-snap-align:none !important; padding:.56rem .66rem !important; border-radius:14px !important; } .meet-actions{ display:none !important; } .meet-video-card{ border-radius:18px !important; padding:.72rem !important; } .meet-video-caption{ padding:.62rem .2rem 0 !important; } .meet-video-caption span{ display:none !important; } .story-card{ display:flex !important; flex-direction:column !important; align-items:stretch !important; border-radius:16px !important; padding:.72rem !important; } .story-image{ width:100% !important; aspect-ratio:4 / 3 !important; height:auto !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 auto .6rem !important; border-radius:12px !important; overflow:hidden !important; } .story-year{ width:max-content !important; min-width:92px !important; min-height:0 !important; padding:.38rem .82rem !important; border-radius:999px !important; border:1px solid rgba(46,48,148,.18) !important; background:#2e3094 !important; box-shadow:0 10px 22px rgba(46,48,148,.16) !important; line-height:1.05 !important; margin:0 auto .45rem !important; } .story-image img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; } .story-content{ padding:.8rem !important; } .story-content p{ display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .footer{ padding-top:24px !important; padding-bottom:24px !important; } .fab-call, .fab-email{ width:52px !important; height:52px !important; right:14px !important; } }
/* Source: working-files/homepage-inline-styles/11-mobile-calm-overrides.css */
@keyframes heroQuietArrowFloat{ 0%, 100%{ transform:translateX(-50%) translateY(0); opacity:.58; } 50%{ transform:translateX(-50%) translateY(5px); opacity:.82; } } @media (max-width:900px){ :root{ --mobile-section-y:36px; } .hero-redesign{ padding-bottom:58px !important; } body[data-nav-key="home"] #home.hero-redesign .hero-actions-clean, body[data-nav-key="home"] #home.hero-redesign .hero-actions-clean .btn{ display:none !important; } .hero-redesign .scroll-cue{ position:absolute !important; left:50% !important; bottom:10px !important; z-index:5 !important; display:inline-flex !important; width:40px !important; height:40px !important; align-items:center !important; justify-content:center !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#87a3dd !important; box-shadow:none !important; opacity:.68 !important; visibility:visible !important; pointer-events:auto !important; animation:heroQuietArrowFloat 2.7s ease-in-out infinite !important; } .hero-redesign .scroll-cue span{ width:auto !important; height:auto !important; } .hero-redesign .scroll-cue svg{ width:25px !important; height:25px !important; stroke:currentColor !important; stroke-width:2.15 !important; fill:none !important; } .hero-redesign .scroll-cue path{ stroke:currentColor !important; } .hero-redesign h1{ margin-bottom:.65rem !important; font-size:2.05rem !important; line-height:1.04 !important; } .hero-redesign .lead{ font-size:.92rem !important; line-height:1.5 !important; } .service-equal-card{ gap:.68rem !important; padding:.82rem !important; } } @media (prefers-reduced-motion:reduce){ .hero-redesign .scroll-cue{ animation:none !important; opacity:.68 !important; } }
/* Source: working-files/homepage-inline-styles/12-homepage-simple-refresh.css */
body[data-nav-key="home"]{ --home-line:#dfe3ee; --home-soft:#f6f7fa; --home-ink:#171a3f; } body[data-nav-key="home"] #home.hero-redesign{ min-height:clamp(580px, calc(100vh - 280px), 650px) !important; padding-top:clamp(28px, 4vw, 50px) !important; padding-bottom:clamp(32px, 4vw, 50px) !important; background:#f4f6ff !important; } body[data-nav-key="home"] .hero-redesign .hero-wrap{ gap:clamp(2rem, 5vw, 4.5rem) !important; min-height:0 !important; padding-top:0 !important; padding-bottom:0 !important; } body[data-nav-key="home"] .hero-redesign h1{ max-width:620px; font-size:clamp(3rem, 5vw, 4.25rem) !important; line-height:1.01 !important; } body[data-nav-key="home"] .meet-preston{ padding-top:clamp(52px, 7vw, 82px); padding-bottom:clamp(52px, 7vw, 82px); background:#ffffff; } body[data-nav-key="home"] .meet-preston::before{ display:none; } body[data-nav-key="home"] .meet-intro-card{ overflow:visible; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } body[data-nav-key="home"] .meet-intro-card::before{ display:none; } body[data-nav-key="home"] .meet-video-card{ padding:.55rem; border:1px solid var(--home-line); border-radius:8px; background:#ffffff; box-shadow:0 12px 28px rgba(20,24,62,.08); } body[data-nav-key="home"] .meet-video-frame{ border-radius:6px; } body[data-nav-key="home"] .services-equal-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:.75rem; } body[data-nav-key="home"] .service-equal-card{ min-height:0; padding:1rem; border:1px solid var(--home-line); border-radius:8px; background:#ffffff; box-shadow:none; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } body[data-nav-key="home"] .service-equal-card::before, body[data-nav-key="home"] .service-equal-card::after{ display:none !important; } body[data-nav-key="home"] .service-equal-card:hover, body[data-nav-key="home"] .service-equal-card:focus-within{ transform:translateY(-2px); border-color:rgba(46,48,148,.38); box-shadow:0 10px 24px rgba(20,24,62,.08); } body[data-nav-key="home"] .business-capabilities__grid{ gap:.75rem; } body[data-nav-key="home"] .business-capability{ --business-card-accent:#2e3094; min-height:0; display:grid; grid-template-columns:48px minmax(0, 1fr); gap:.9rem; align-items:start; padding:1.15rem; border:1px solid var(--home-line); border-top:4px solid var(--business-card-accent); border-radius:8px; background:#ffffff; box-shadow:none; } body[data-nav-key="home"] .business-capability:nth-child(2){ --business-card-accent:#3f7086; } body[data-nav-key="home"] .business-capability:nth-child(3){ --business-card-accent:#555a70; } body[data-nav-key="home"] .business-capability:hover, body[data-nav-key="home"] .business-capability:focus-within{ border-color:rgba(46,48,148,.38); box-shadow:0 10px 24px rgba(20,24,62,.07); } body[data-nav-key="home"] .story-redesign{ padding-top:clamp(52px, 7vw, 78px); padding-bottom:clamp(52px, 7vw, 78px); background:var(--home-soft); } body[data-nav-key="home"] .story-redesign .ribbon, body[data-nav-key="home"] .cta-band .ribbon{ display:none; } body[data-nav-key="home"] .story-intro{ max-width:720px; margin:0 auto 1.2rem; } body[data-nav-key="home"] .story-card, body[data-nav-key="home"] .review-card{ border-radius:8px; box-shadow:none; } body[data-nav-key="home"] .reviews-redesign{ padding-top:clamp(52px, 7vw, 78px); padding-bottom:clamp(52px, 7vw, 78px); background:#ffffff; } body[data-nav-key="home"] .reviews-shell{ padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } body[data-nav-key="home"] .reviews-google-spotlight{ border-radius:8px !important; } body[data-nav-key="home"] .cta-band{ padding:clamp(38px, 5vw, 54px) 0; } body[data-nav-key="home"] .cta-band .band{ border-radius:8px; } body[data-nav-key="home"] a:focus-visible, body[data-nav-key="home"] button:focus-visible{ outline:3px solid rgba(46,48,148,.34); outline-offset:3px; } @media (max-width:900px){ body[data-nav-key="home"] #home.hero-redesign{ min-height:0 !important; padding-top:28px !important; padding-bottom:56px !important; } body[data-nav-key="home"] .hero-redesign h1{ font-size:2.1rem !important; line-height:1.04 !important; } body[data-nav-key="home"] .meet-grid{ gap:1.25rem !important; } body[data-nav-key="home"] .meet-copy{ order:1 !important; } body[data-nav-key="home"] .meet-video-col{ order:2 !important; } body[data-nav-key="home"] .meet-intro-card{ padding:0 !important; border-radius:0 !important; box-shadow:none !important; } body[data-nav-key="home"] .service-equal-card{ grid-template-columns:44px minmax(0, 1fr) !important; padding:.85rem 0 !important; border:0 !important; border-bottom:1px solid var(--home-line) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } body[data-nav-key="home"] .service-equal-card:hover, body[data-nav-key="home"] .service-equal-card:focus-within{ transform:none; box-shadow:none; } body[data-nav-key="home"] .business-capability{ grid-template-columns:50px minmax(0, 1fr) !important; gap:.85rem !important; padding:1rem !important; border:1px solid var(--home-line) !important; border-top:4px solid var(--business-card-accent) !important; border-radius:8px !important; background:#ffffff !important; box-shadow:0 8px 22px rgba(20,24,62,.07) !important; } body[data-nav-key="home"] .business-capability:hover, body[data-nav-key="home"] .business-capability:focus-within{ box-shadow:0 10px 26px rgba(20,24,62,.10) !important; } body[data-nav-key="home"] .reviews-shell{ margin:0; } } @media (min-width:681px) and (max-width:1000px){ body[data-nav-key="home"] .services-equal-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } } @media (max-width:680px){ body[data-nav-key="home"] .hero-redesign .hero-image-shell{ width:min(86vw, 336px) !important; } body[data-nav-key="home"] .meet-preston{ padding-top:42px !important; padding-bottom:42px !important; } } @media (prefers-reduced-motion:reduce){ body[data-nav-key="home"] .service-equal-card{ transition:none !important; } }
/* Source: working-files/homepage-inline-styles/13-homepage-flow-and-projects.css */
body[data-nav-key="home"]{ background:#f7f8fc; } body[data-nav-key="home"] main{ overflow:clip; background: linear-gradient(180deg, #f4f6ff 0%, #ffffff 18%, #f5f7fb 47%, #ffffff 72%, #f5f7fb 100%); } body[data-nav-key="home"] #home.hero-redesign{ background:linear-gradient(180deg, #f1f4ff 0%, #f7f9ff 72%, #ffffff 100%) !important; } body[data-nav-key="home"] .meet-preston{ background:linear-gradient(180deg, #f8f9fd 0%, #ffffff 38%, #ffffff 100%) !important; } body[data-nav-key="home"] .meet-preston, body[data-nav-key="home"] .recent-work-section, body[data-nav-key="home"] .local-answer-section, body[data-nav-key="home"] .story-redesign, body[data-nav-key="home"] .reviews-redesign{ position:relative; } body[data-nav-key="home"] .meet-preston::after, body[data-nav-key="home"] .recent-work-section::after, body[data-nav-key="home"] .local-answer-section::after, body[data-nav-key="home"] .story-redesign::after{ content:""; position:absolute; z-index:2; left:50%; bottom:0; width:min(1180px, calc(100% - 40px)); height:1px; transform:translateX(-50%); background:linear-gradient(90deg, transparent, rgba(46,48,148,.13) 18%, rgba(63,112,134,.13) 82%, transparent); pointer-events:none; } .recent-work-section{ --carousel-progress:0; padding:clamp(54px, 7vw, 82px) 0; background:linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%); } .recent-work-carousel{ min-width:0; } .recent-work-head{ display:flex; gap:1.5rem; align-items:end; justify-content:space-between; margin-bottom:1.15rem; } .recent-work-head > div:first-child{ max-width:720px; } .recent-work-head .services-kicker{ margin:0 0 .4rem; } .recent-work-head h2{ margin:0 0 .45rem; color:#171a3f; font-size:clamp(2rem, 4vw, 3.2rem); line-height:1.04; } .recent-work-head p:last-child{ max-width:650px; margin:0; color:#565b70; line-height:1.55; } .recent-work-controls{ display:flex; flex:0 0 auto; gap:.5rem; } .recent-work-controls .mobile-carousel-arrow{ position:relative; display:grid !important; width:46px; height:46px; place-items:center; padding:0; border:1px solid rgba(46,48,148,.16); border-radius:8px; background:#ffffff; color:#2e3094; box-shadow:0 7px 18px rgba(20,24,62,.07); cursor:pointer; transition:background-color .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease; } .recent-work-controls .mobile-carousel-arrow::before{ content:""; display:block; width:10px; height:10px; border-top:2px solid currentColor; border-left:2px solid currentColor; } .recent-work-controls .mobile-carousel-arrow--left::before{ transform:rotate(-45deg) translate(1px, 1px); } .recent-work-controls .mobile-carousel-arrow--right::before{ transform:rotate(135deg) translate(1px, 1px); } .recent-work-controls .mobile-carousel-arrow:hover, .recent-work-controls .mobile-carousel-arrow:focus-visible{ border-color:#2e3094; background:#2e3094; color:#ffffff; } .recent-work-controls .mobile-carousel-arrow:disabled{ opacity:.32; cursor:default; } .recent-work-motion-toggle{ position:relative; display:grid; width:46px; height:46px; place-items:center; padding:0; border:1px solid rgba(46,48,148,.16); border-radius:8px; background:#ffffff; color:#2e3094; box-shadow:0 7px 18px rgba(20,24,62,.07); cursor:pointer; } .recent-work-motion-toggle::before{ content:"Ⅱ"; font-size:1rem; font-weight:900; line-height:1; } .recent-work-motion-toggle[aria-pressed="true"]::before{ content:"▶"; font-size:.82rem; } .recent-work-motion-toggle:hover, .recent-work-motion-toggle:focus-visible{ border-color:#2e3094; background:#2e3094; color:#ffffff; } .recent-work-track{ display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 2.55rem) / 4); gap:.85rem; overflow-x:auto; overflow-y:hidden; padding:.25rem .08rem 1rem; scroll-behavior:smooth; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y; } .recent-work-track::-webkit-scrollbar{ display:none; } .recent-work-track.is-auto-scrolling{ scroll-behavior:auto; scroll-snap-type:none; } .recent-work-card{ position:relative; min-width:0; overflow:hidden; display:flex; flex-direction:column; scroll-snap-align:start; border:1px solid rgba(46,48,148,.13); border-radius:8px; background:#ffffff; color:#171a3f; text-decoration:none; box-shadow:0 10px 26px rgba(20,24,62,.07); transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .recent-work-card::after{ content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg, #2e3094, #3f7086); transform:scaleX(0); transform-origin:left; transition:transform .24s ease; } .recent-work-card:hover, .recent-work-card:focus-visible{ transform:translateY(-3px); border-color:rgba(46,48,148,.34); box-shadow:0 16px 34px rgba(20,24,62,.11); } .recent-work-card:hover::after, .recent-work-card:focus-visible::after{ transform:scaleX(1); } .recent-work-card > img{ width:100%; height:auto; aspect-ratio:4 / 3; display:block; object-fit:cover; object-position:center; background:#edf0f7; } .recent-work-card__body{ display:flex; min-height:168px; flex:1; flex-direction:column; padding:1rem; } .recent-work-card__tag{ width:max-content; max-width:100%; margin-bottom:.55rem; color:#2e3094; font-size:.72rem; font-weight:900; letter-spacing:.04em; line-height:1.2; text-transform:uppercase; } .recent-work-card__title{ margin-bottom:.4rem; color:#171a3f; font-size:1.16rem; line-height:1.16; } .recent-work-card__body > span:last-child{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#565b70; font-size:.92rem; line-height:1.48; } .recent-work-footer{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.25rem; } .recent-work-footer > a{ display:inline-flex; min-height:42px; align-items:center; gap:.45rem; color:#2e3094; font-weight:850; text-decoration:none; } .recent-work-footer > a span{ transition:transform .18s ease; } .recent-work-footer > a:hover span, .recent-work-footer > a:focus-visible span{ transform:translateX(4px); } .recent-work-progress{ position:relative; overflow:hidden; width:132px; height:4px; border-radius:999px; background:rgba(46,48,148,.12); } .recent-work-progress i{ position:absolute; inset:0; border-radius:inherit; background:linear-gradient(90deg, #2e3094, #3f7086); transform:scaleX(max(.16, var(--carousel-progress))); transform-origin:left; transition:transform .12s linear; } .local-answer-section{ position:relative; padding:clamp(58px, 7vw, 88px) 0; background:linear-gradient(180deg, #f3f7fa 0%, #ffffff 100%); } .local-answer-head{ max-width:760px; margin-bottom:1.25rem; } .local-answer-head .services-kicker{ margin:0 0 .45rem; } .local-answer-head h2{ margin:0 0 .6rem; color:#171a3f; font-size:clamp(2rem, 4vw, 3.2rem); line-height:1.04; } .local-answer-head > p:last-child{ max-width:680px; margin:0; color:#565b70; line-height:1.6; } .local-answer-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:.9rem; } .local-answer-carousel{ min-width:0; } html body.experience-ready .local-answer-carousel > .mobile-carousel-arrows{ display:none !important; } .local-answer-card{ display:flex; min-width:0; flex-direction:column; padding:1.25rem; border:1px solid rgba(46,48,148,.13); border-radius:14px; background:#ffffff; box-shadow:0 10px 28px rgba(20,24,62,.06); } .local-answer-card h3{ margin:0 0 .65rem; color:#171a3f; font-size:1.12rem; line-height:1.3; } .local-answer-card p{ margin:0 0 1rem; color:#565b70; font-size:.94rem; line-height:1.58; } .local-answer-card a{ display:inline-flex; align-items:center; gap:.4rem; margin-top:auto; color:#2e3094; font-weight:850; text-decoration:none; } .local-answer-card a span{ transition:transform .18s ease; } .local-answer-card a:hover span, .local-answer-card a:focus-visible span{ transform:translateX(4px); } .local-answer-cta{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1rem; padding:1rem 1.1rem; border-radius:14px; background:#171a3f; color:#ffffff; } .local-answer-cta p{ margin:0; } .local-answer-cta .btn{ flex:0 0 auto; background:#ffffff; color:#2e3094; } body[data-nav-key="home"] .story-redesign{ background:linear-gradient(180deg, #eef2f8 0%, #f7f8fb 100%) !important; } body[data-nav-key="home"] .reviews-redesign{ background:linear-gradient(180deg, #f7f8fb 0%, #ffffff 42%, #f7f8fb 100%) !important; } @media (max-width:1100px){ .site-header .mobile-drawer, body.motion-active .site-header .mobile-drawer{ position:fixed !important; inset:var(--header-h, 72px) 0 auto !important; display:block !important; width:100% !important; height:auto !important; max-height:none !important; overflow:visible !important; opacity:0 !important; visibility:hidden !important; transform:none !important; pointer-events:none !important; transition:opacity .16s ease, visibility 0s linear .16s !important; } .site-header .mobile-drawer.open, body.motion-active .site-header .mobile-drawer.open{ height:auto !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transition:opacity .16s ease, visibility 0s linear 0s !important; } .site-header .mobile-drawer .mobile-menu, body.motion-active .site-header .mobile-drawer .mobile-menu{ position:relative !important; inset:auto !important; max-height:calc(100dvh - var(--header-h, 72px) - 8px) !important; overflow-y:auto !important; opacity:0 !important; transform:translate3d(0, -6px, 0) !important; transition:transform .16s ease-out, opacity .14s ease !important; } .site-header .mobile-drawer.open .mobile-menu, body.motion-active .site-header .mobile-drawer.open .mobile-menu{ opacity:1 !important; transform:translate3d(0, 0, 0) !important; } body.motion-active .site-header .mobile-drawer .mobile-menu a, body.motion-active .site-header .mobile-drawer.open .mobile-menu a{ opacity:1 !important; transform:none !important; transition:background-color .16s ease, color .16s ease !important; transition-delay:0s !important; } body.motion-active .site-header .nav-toggle-btn, body.motion-active .site-header .nav-toggle-btn:active{ transform:none !important; } .recent-work-track{ grid-auto-columns:calc((100% - .85rem) / 2); } .local-answer-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width:680px){ .recent-work-section{ padding:44px 0 46px; } .recent-work-head{ display:grid; grid-template-columns:1fr; gap:.7rem; align-items:start; margin-bottom:.8rem; } .recent-work-head h2{ font-size:1.9rem; } .recent-work-head p:last-child{ font-size:.92rem; line-height:1.48; } .recent-work-controls{ justify-self:end; align-self:auto; padding-bottom:.1rem; } .recent-work-controls .mobile-carousel-arrow{ width:46px; height:46px; box-shadow:none; } .recent-work-motion-toggle{ width:46px; height:46px; box-shadow:none; } .recent-work-track{ width:calc(100% + 32px); margin-left:-16px; grid-auto-columns:min(82vw, 318px); gap:.72rem; padding:.2rem 16px .85rem; scroll-padding-inline:16px; } .recent-work-card__body{ min-height:154px; padding:.85rem; } .recent-work-card__title{ font-size:1.06rem; } .recent-work-card__body > span:last-child{ font-size:.88rem; } .recent-work-progress{ width:96px; } body[data-nav-key="home"] .meet-preston::after, body[data-nav-key="home"] .recent-work-section::after, body[data-nav-key="home"] .local-answer-section::after, body[data-nav-key="home"] .story-redesign::after{ width:calc(100% - 32px); } .local-answer-section{ padding:46px 0; } .local-answer-head h2{ font-size:1.9rem; } .local-answer-grid{ width:calc(100% + 32px); margin-left:-16px; padding:.15rem 16px .8rem; grid-template-columns:none; grid-auto-columns:min(84vw, 318px); grid-auto-flow:column; align-items:stretch; gap:.72rem; overflow-x:auto; overscroll-behavior-inline:contain; scroll-padding-inline:16px; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .local-answer-grid::-webkit-scrollbar{ display:none; } html body.experience-ready .local-answer-carousel > .mobile-carousel-arrows{ display:flex !important; margin-bottom:.35rem !important; } .local-answer-card{ height:100%; padding:1rem; scroll-snap-align:start; scroll-snap-stop:always; } .local-answer-cta{ align-items:stretch; flex-direction:column; } .local-answer-cta .btn{ width:100%; justify-content:center; } } @media (prefers-reduced-motion:reduce){ .recent-work-motion-toggle{ display:none; } .recent-work-track{ scroll-behavior:auto; } .recent-work-card, .recent-work-card::after, .recent-work-footer > a span, .recent-work-progress i, .local-answer-card a span, .site-header .mobile-drawer, .site-header .mobile-drawer .mobile-menu{ transition:none !important; } }
/* Source: working-files/homepage-inline-styles/14-mobile-header-business-carousel-final.css */
@media (max-width:1100px){ html body[data-nav-key="home"]{ padding-top:80px !important; padding-bottom:0 !important; } body.motion-active .site-header .nav-toggle-btn, body.motion-active .site-header .nav-toggle-btn:active{ position:static !important; inset:auto !important; align-self:center !important; margin:0 14px 0 auto !important; transform:none !important; } .site-header .mobile-drawer, body.motion-active .site-header .mobile-drawer{ inset:80px 0 auto !important; } .site-header .mobile-drawer .mobile-menu, body.motion-active .site-header .mobile-drawer .mobile-menu{ max-height:calc(100dvh - 88px) !important; } } @media (max-width:680px){ body[data-nav-key="home"] #home.hero-redesign{ padding-top:16px !important; padding-bottom:38px !important; } body[data-nav-key="home"] .hero-redesign .hero-wrap{ gap:.35rem !important; } body[data-nav-key="home"] .hero-redesign .hero-figure{ margin:.15rem auto .5rem !important; } body[data-nav-key="home"] .hero-redesign .hero-image-shell{ width:min(82vw, 320px) !important; } body[data-nav-key="home"] .hero-copy-card{ padding:.2rem 0 .45rem !important; margin-bottom:.2rem !important; } body[data-nav-key="home"] .hero-redesign .scroll-cue{ bottom:2px !important; } body[data-nav-key="home"] .business-capabilities__grid{ display:flex !important; width:calc(100% + 32px) !important; margin-left:-16px !important; gap:.72rem !important; overflow-x:auto !important; overflow-y:hidden !important; padding:.2rem 16px .65rem !important; scroll-padding-inline:16px; scroll-snap-type:x mandatory !important; overscroll-behavior-x:contain; touch-action:pan-x pan-y; scrollbar-width:none; -webkit-overflow-scrolling:touch; } body[data-nav-key="home"] .business-capabilities__grid::-webkit-scrollbar{ display:none; } body[data-nav-key="home"] .business-capability{ flex:0 0 min(82vw, 318px) !important; min-height:172px !important; scroll-snap-align:start; padding:.9rem !important; box-shadow:0 8px 20px rgba(20,24,62,.07) !important; } body[data-nav-key="home"] .footer, body[data-nav-key="home"] .footer-compact{ margin-bottom:0 !important; padding-bottom:max(20px, env(safe-area-inset-bottom)) !important; } }
/* Source: working-files/homepage-inline-styles/15-homepage-flow-polish-final.css */
body[data-nav-key="home"]{ --home-flow-blue:#2e3094; --home-flow-ink:#171a3f; --home-flow-teal:#3f7086; --home-flow-line:rgba(46,48,148,.13); } body[data-nav-key="home"] main > section{ scroll-margin-top:84px; } body[data-nav-key="home"] .hero-actions-clean{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1rem; } body[data-nav-key="home"] .hero-actions-clean .btn{ min-width:174px; min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:.62rem; padding:.68rem 1.05rem; border-radius:12px; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease; } body[data-nav-key="home"] .hero-actions-clean .btn svg{ flex:0 0 auto; width:19px; height:19px; fill:currentColor; } body[data-nav-key="home"] .hero-actions-clean .hero-call-button{ box-shadow:0 12px 24px rgba(46,48,148,.22); } body[data-nav-key="home"] .hero-actions-clean .hero-call-button:hover, body[data-nav-key="home"] .hero-actions-clean .hero-call-button:focus-visible{ transform:translateY(-2px); box-shadow:0 17px 30px rgba(46,48,148,.28); } body[data-nav-key="home"] .hero-actions-clean .hero-learn-more{ justify-content:center; border-color:rgba(46,48,148,.16); background:rgba(255,255,255,.74); box-shadow:0 9px 22px rgba(28,33,83,.07); } body[data-nav-key="home"] .hero-actions-clean .hero-learn-more svg{ fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; } body[data-nav-key="home"] .hero-actions-clean .hero-learn-more:hover, body[data-nav-key="home"] .hero-actions-clean .hero-learn-more:focus-visible{ transform:translateY(-2px); border-color:rgba(46,48,148,.34); background:#ffffff; } body[data-nav-key="home"] .hero-actions-clean .hero-learn-more:hover svg, body[data-nav-key="home"] .hero-actions-clean .hero-learn-more:focus-visible svg{ transform:translateY(2px); } body[data-nav-key="home"] .meet-preston{ padding-top:54px !important; padding-bottom:58px !important; } body[data-nav-key="home"] .recent-work-section{ padding-top:54px !important; padding-bottom:56px !important; } body[data-nav-key="home"] .story-redesign{ padding-top:54px !important; padding-bottom:56px !important; } body[data-nav-key="home"] .reviews-redesign{ padding-top:54px !important; padding-bottom:58px !important; } body[data-nav-key="home"] .meet-preston::after, body[data-nav-key="home"] .recent-work-section::after, body[data-nav-key="home"] .story-redesign::after{ display:none !important; } body[data-nav-key="home"] .recent-work-section{ background:linear-gradient(180deg, #ffffff 0%, #f4f8fa 100%) !important; } body[data-nav-key="home"] .story-redesign{ background:linear-gradient(180deg, #eef2f8 0%, #f7f8fb 100%) !important; } body[data-nav-key="home"] .reviews-redesign{ background:linear-gradient(180deg, #f7f8fb 0%, #ffffff 48%, #f7f8fb 100%) !important; } @media (min-width:901px){ body[data-nav-key="home"] .recent-work-head{ margin-bottom:1.05rem; } } @media (max-width:900px){ body[data-nav-key="home"] .meet-preston, body[data-nav-key="home"] .recent-work-section, body[data-nav-key="home"] .story-redesign, body[data-nav-key="home"] .reviews-redesign{ padding-top:40px !important; padding-bottom:42px !important; } } @media (max-width:680px){ body[data-nav-key="home"] .meet-preston, body[data-nav-key="home"] .recent-work-section, body[data-nav-key="home"] .story-redesign, body[data-nav-key="home"] .reviews-redesign{ padding-top:36px !important; padding-bottom:38px !important; } } @media (prefers-reduced-motion:reduce){ body[data-nav-key="home"] .hero-actions-clean .btn, body[data-nav-key="home"] .hero-actions-clean .hero-learn-more svg{ transition:none !important; } }
/* Source: working-files/homepage-inline-styles/16-requested-ux-refinements.css */
body[data-nav-key="home"] #contact.cta-band{ color:#ffffff; } body[data-nav-key="home"] #contact .cta-title, body[data-nav-key="home"] #contact .lead{ color:#ffffff !important; } body[data-nav-key="home"] #contact .lead{ margin:.45rem 0 0; opacity:.88; } body[data-nav-key="home"] #contact .band-ctas{ margin-top:0; } body.motion-active[data-nav-key="home"] #contact .band.motion-target{ opacity:1 !important; transform:none !important; } body[data-nav-key="home"] #contact .band-ctas .btn{ min-height:52px; justify-content:center; border-width:1px; border-radius:14px; color:#ffffff !important; } body[data-nav-key="home"] #contact .band-ctas .btn--primary{ background:#4f5bd5 !important; border-color:#6672ec !important; box-shadow:0 12px 28px rgba(6,10,40,.24); } body[data-nav-key="home"] #contact .band-ctas .btn--outline{ background:rgba(255,255,255,.09) !important; border-color:rgba(255,255,255,.62) !important; } body[data-nav-key="home"] #contact .band-ctas .btn svg{ fill:currentColor; } @media (hover:hover) and (pointer:fine){ body[data-nav-key="home"] #contact .band-ctas .btn--outline:hover{ background:#ffffff !important; color:#20245c !important; } } @media (min-width:901px){ body[data-nav-key="home"] #testimonials .reviews-shell{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(286px,328px); grid-template-areas: "intro google" "reviews google"; align-items:start; column-gap:clamp(1.2rem,3vw,2.2rem); row-gap:1rem; padding:0 !important; } body[data-nav-key="home"] #testimonials .reviews-hero{ grid-area:intro; min-height:0 !important; margin:0 !important; padding:0 !important; } body[data-nav-key="home"] #testimonials .reviews-carousel-shell{ grid-area:reviews; min-width:0; } body[data-nav-key="home"] #testimonials .reviews-google-row{ position:static !important; grid-area:google; width:100% !important; margin:0 !important; } body[data-nav-key="home"] #testimonials .reviews-google-spotlight{ width:100% !important; min-height:0 !important; } body[data-nav-key="home"] #testimonials .reviews-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); width:100% !important; } } @media (min-width:901px) and (max-width:1180px){ body[data-nav-key="home"] #testimonials .reviews-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* Source: working-files/homepage-inline-styles/17-homepage-mobile-service-stack.css */
@media (max-width:680px){ html body.experience-ready[data-nav-key="home"] .services-equal-grid.mobile-card-rail{ display:grid !important; grid-template-rows:repeat(3, minmax(0, auto)) !important; grid-template-columns:none !important; grid-auto-flow:column !important; grid-auto-columns:100% !important; gap:.62rem .7rem !important; overflow-x:auto !important; overflow-y:hidden !important; margin-inline:0 !important; padding:.08rem 30px .75rem 0 !important; scroll-padding-inline:0 !important; scroll-snap-type:x mandatory !important; overscroll-behavior-x:contain !important; scrollbar-width:none !important; touch-action:pan-x pan-y !important; -webkit-overflow-scrolling:touch; } html body.experience-ready[data-nav-key="home"] .services-equal-grid.mobile-card-rail::-webkit-scrollbar{ display:none; } html body.experience-ready[data-nav-key="home"] .services-equal-grid.mobile-card-rail > .service-equal-card:not([hidden]){ width:auto !important; min-width:0 !important; flex:initial !important; min-height:122px !important; grid-template-columns:42px minmax(0, 1fr) !important; gap:.65rem !important; align-items:start !important; padding:.72rem !important; border:1px solid var(--home-line) !important; border-radius:12px !important; background:#ffffff !important; box-shadow:0 8px 20px rgba(20,24,62,.06) !important; scroll-snap-align:none !important; } html body.experience-ready[data-nav-key="home"] .services-equal-grid.mobile-card-rail > .service-equal-card:nth-child(3n + 1){ scroll-snap-align:start !important; scroll-snap-stop:normal; } }
/* Source: working-files/homepage-inline-styles/18-reviews-marquee-final.css */
.reviews-motion-toggle{ display:none; } @keyframes reviewsDesktopMarquee{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(var(--reviews-loop-shift,-50%),0,0); } } @media (min-width:901px){ body[data-nav-key="home"] #testimonials.reviews-redesign{ padding-top:32px !important; padding-bottom:34px !important; } body[data-nav-key="home"] #testimonials > .container{ width:100%; max-width:1180px; } body[data-nav-key="home"] #testimonials .reviews-shell{ position:relative; display:block !important; padding:0 !important; border:0; border-radius:0; background:transparent; box-shadow:none; } body[data-nav-key="home"] #testimonials .reviews-hero{ width:100%; min-height:0 !important; margin:0 0 14px !important; padding:0 min(340px,31vw) 0 0 !important; } body[data-nav-key="home"] #testimonials .reviews-copy h2{ margin-bottom:.28rem; font-size:clamp(1.9rem,3vw,2.55rem); line-height:1.05; } body[data-nav-key="home"] #testimonials .reviews-copy .lead{ font-size:.94rem; line-height:1.35; } body[data-nav-key="home"] #testimonials .reviews-motion-toggle{ min-height:34px; display:inline-flex; align-items:center; gap:.42rem; margin-top:.62rem; padding:.35rem .68rem; border:1px solid rgba(46,48,148,.18); border-radius:999px; background:#ffffff; color:#252970; font:inherit; font-size:.75rem; font-weight:900; cursor:pointer; box-shadow:0 7px 18px rgba(18,22,61,.07); } .reviews-motion-toggle__icon{ width:14px; display:inline-grid; place-items:center; font-size:.72rem; line-height:1; } .reviews-motion-toggle__icon::before{ content:"Ⅱ"; } .reviews-motion-toggle[aria-pressed="true"] .reviews-motion-toggle__icon::before{ content:"▶"; font-size:.65rem; } body[data-nav-key="home"] #testimonials .reviews-google-row{ position:absolute !important; inset:0 0 auto auto !important; width:min(320px,29vw) !important; margin:0 !important; z-index:4; } body[data-nav-key="home"] #testimonials .reviews-google-spotlight{ width:100% !important; min-height:82px !important; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:.65rem; padding:.7rem !important; border-radius:18px; } body[data-nav-key="home"] #testimonials .reviews-google-spotlight::before, body[data-nav-key="home"] #testimonials .reviews-google-spotlight::after, body[data-nav-key="home"] #testimonials .reviews-google-spotlight > p, body[data-nav-key="home"] #testimonials .google-badge-row{ display:none; } body[data-nav-key="home"] #testimonials .google-score-block{ flex:0 0 auto; display:grid; gap:.18rem; margin:0; } body[data-nav-key="home"] #testimonials .google-score{ font-size:2.25rem; line-height:.82; } body[data-nav-key="home"] #testimonials .google-stars{ padding:0; font-size:.72rem; } body[data-nav-key="home"] #testimonials .google-review-link{ min-width:0; min-height:56px; flex:1 1 auto; padding:.4rem .5rem; border-radius:13px; gap:.35rem; } body[data-nav-key="home"] #testimonials .google-reviews-logo{ width:auto; height:30px; } body[data-nav-key="home"] #testimonials .google-review-link span{ font-size:.72rem; text-align:left; } body[data-nav-key="home"] #testimonials .reviews-carousel-shell{ width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw); overflow:hidden; padding:4px 0 10px; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%); } body[data-nav-key="home"] #testimonials .reviews-carousel-shell .mobile-carousel-arrows{ display:none !important; } body[data-nav-key="home"] #testimonials .reviews-grid{ --reviews-loop-shift:-50%; width:max-content !important; max-width:none !important; display:flex !important; flex-wrap:nowrap; align-items:stretch; gap:14px; margin:0; padding:0; overflow:visible !important; animation:reviewsDesktopMarquee 210s linear infinite; will-change:transform; backface-visibility:hidden; } body[data-nav-key="home"] #testimonials .reviews-carousel-shell:hover .reviews-grid, body[data-nav-key="home"] #testimonials .reviews-carousel-shell:focus-within .reviews-grid, body[data-nav-key="home"] #testimonials .reviews-carousel-shell.is-paused .reviews-grid{ animation-play-state:paused; } body[data-nav-key="home"] #testimonials .review-card, body[data-nav-key="home"] #testimonials .review-card--featured{ width:320px; height:218px; min-height:218px; max-height:218px; flex:0 0 320px; padding:.9rem; border-radius:18px; box-sizing:border-box; opacity:1 !important; filter:none !important; transform:none !important; } body[data-nav-key="home"] #testimonials .review-card::after{ right:12px; font-size:4.4rem; } body[data-nav-key="home"] #testimonials .review-person{ gap:.58rem; margin-bottom:.38rem; } body[data-nav-key="home"] #testimonials .review-avatar{ width:46px; height:46px; border-radius:14px; } body[data-nav-key="home"] #testimonials .review-name{ font-size:.92rem; } body[data-nav-key="home"] #testimonials .review-location{ font-size:.73rem; } body[data-nav-key="home"] #testimonials .review-stars{ margin-bottom:.32rem; font-size:.78rem; } body[data-nav-key="home"] #testimonials .review-quote, body[data-nav-key="home"] #testimonials .review-card--featured .review-quote{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:5; font-size:.86rem; line-height:1.42; } } @media (max-width:900px){ #testimonials .review-card--clone{ display:none !important; } } @media (min-width:901px) and (prefers-reduced-motion:reduce){ body[data-nav-key="home"] #testimonials .reviews-motion-toggle{ display:none; } body[data-nav-key="home"] #testimonials .reviews-carousel-shell{ overflow-x:auto; -webkit-mask-image:none; mask-image:none; scrollbar-width:none; } body[data-nav-key="home"] #testimonials .reviews-carousel-shell::-webkit-scrollbar{ display:none; } body[data-nav-key="home"] #testimonials .reviews-grid{ width:max-content !important; padding:0 24px 8px; animation:none !important; transform:none !important; } body[data-nav-key="home"] #testimonials .review-card--clone{ display:none !important; } }
/* Source: public_html/customer-refresh.css */
html body.customer-refresh header.site-header.site-header,html body.customer-refresh header.site-header.site-header.is-scrolled{height:100px!important;min-height:100px!important} html body.customer-refresh .skip-link{position:fixed;top:8px;left:16px;z-index:11000;transform:translateY(-160%);background:#fff;color:#3431a3;padding:12px 18px;border-radius:8px} html body.customer-refresh .skip-link:focus{transform:none} html body.customer-refresh{--header-h:100px;padding-top:100px!important} html body.customer-refresh header.site-header.site-header .container.nav-rail{width:min(1320px,94%);height:100px!important;min-height:100px!important;padding:0!important;gap:22px!important} html body.customer-refresh header.site-header.site-header .brand{width:222px;flex:0 0 222px;max-width:none} html body.customer-refresh header.site-header.site-header .logo-img{width:222px!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain} html body.customer-refresh .primary-nav{margin-left:auto} html body.customer-refresh header.site-header.site-header .audience-nav-list{gap:13px!important} html body.customer-refresh header.site-header.site-header .primary-nav .audience-nav-list>li>a{font-size:16px!important;padding:12px 5px!important;white-space:nowrap} html body.customer-refresh header.site-header.site-header .nav-actions{margin-left:8px} html body.customer-refresh .nav-actions .btn{padding:13px 18px;font-size:15px;white-space:nowrap;min-height:48px} html body.customer-refresh .audience-menu__panel{grid-template-columns:1fr!important;min-width:260px!important;width:max-content!important;max-width:310px!important;padding:12px!important;top:100%!important} html body.customer-refresh .audience-menu__panel a{font-size:15px;min-height:44px;padding:10px 12px} html body.customer-refresh .audience-menu__panel a:last-child{border-top:1px solid #e4e4ef;margin-top:5px;padding-top:14px;font-weight:750} html body.customer-refresh main [id]{scroll-margin-top:120px} html body.customer-refresh .customer-visit-note{padding:42px 0!important;background:#f5f5fc;border-top:1px solid #e5e5f0} html body.customer-refresh .customer-visit-note h2{font-size:28px;line-height:1.25} html body.customer-refresh .customer-visit-note p{max-width:850px} html body.customer-refresh .customer-visit-note a{font-weight:700;color:#3431a3} @media(max-width:1100px){ html body.customer-refresh header.site-header.site-header,html body.customer-refresh header.site-header.site-header.is-scrolled{height:90px!important;min-height:90px!important} html body.customer-refresh{--header-h:90px;padding-top:90px!important} html body.customer-refresh header.site-header.site-header .container.nav-rail{height:90px!important;min-height:90px!important;width:calc(100% - 32px)!important;gap:12px!important} html body.customer-refresh header.site-header.site-header .brand{flex-basis:195px;width:195px} html body.customer-refresh header.site-header.site-header .logo-img{width:195px!important} html body.customer-refresh .primary-nav,html body.customer-refresh .nav-actions{display:none!important} html body.customer-refresh header.site-header.site-header #navToggle{display:flex!important;margin-left:auto;flex-shrink:0;width:48px;height:48px} html body.customer-refresh>#mobileDrawer.experience-drawer{top:90px!important;height:calc(100dvh - 90px)!important} html body.customer-refresh main [id]{scroll-margin-top:106px} } @media(min-width:1101px){html body.customer-refresh #navToggle{display:none!important}} html body.customer-refresh header.site-header.site-header .audience-menu__panel a{color:#111!important;min-height:44px!important;line-height:1.5!important;padding:10px 12px!important} html body.customer-refresh header.site-header.site-header .audience-menu__panel a:last-child{color:#3431a3!important} @media(max-width:1100px){html body.customer-refresh header.site-header.site-header #navToggle{display:grid!important;grid-template-columns:26px 1fr;align-items:center;justify-items:center;width:76px!important;min-width:76px!important;height:44px!important}html body.customer-refresh header.site-header.site-header #navToggle::after{position:static!important;grid-column:2;grid-row:1;align-self:center;line-height:1!important}} @media(max-width:1100px){ html body.customer-refresh header.site-header.site-header #navToggle[aria-expanded="true"]>span:nth-child(1){top:21px!important;transform:rotate(45deg)!important} html body.customer-refresh header.site-header.site-header #navToggle[aria-expanded="true"]>span:nth-child(3){top:21px!important;transform:rotate(-45deg)!important} } @media(max-width:360px){html body.customer-refresh header.site-header.site-header .brand{width:180px;flex-basis:180px}html body.customer-refresh header.site-header.site-header .logo-img{width:180px!important}} html body.customer-refresh .btn, html body.customer-refresh button, html body.customer-refresh input[type="button"], html body.customer-refresh input[type="submit"]{ font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; } html body.customer-refresh .btn, html body.customer-refresh header.site-header.site-header .nav-actions>.btn{ font-size:15px!important; font-weight:700!important; line-height:1.25!important; letter-spacing:0!important; } @media(min-width:1101px) and (max-width:1279px){ html body.customer-refresh header.site-header.site-header .container.nav-rail{gap:14px!important} html body.customer-refresh header.site-header.site-header .brand{width:190px;flex-basis:190px} html body.customer-refresh header.site-header.site-header .logo-img{width:190px!important} html body.customer-refresh header.site-header.site-header .audience-nav-list{gap:7px!important} html body.customer-refresh header.site-header.site-header .primary-nav .audience-nav-list>li>a{font-size:15px!important;padding-inline:4px!important} html body.customer-refresh header.site-header.site-header .nav-actions{margin-left:0} html body.customer-refresh header.site-header.site-header .nav-actions>.btn{padding-inline:12px} }
/* Source: public_html/homepage-refinements.css */
html body.home-refined #home.hero-redesign{min-height:0!important;padding:48px 0 56px!important} html body.home-refined #home.hero-redesign .hero-wrap{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)!important;gap:60px!important;align-items:center!important;padding:0!important} html body.home-refined #home .hero-copy{display:block!important;min-width:0} html body.home-refined #home .hero-copy-card{max-width:760px!important} html body.home-refined #home h1.home-headline-static{font-size:clamp(44px,4.65vw,64px)!important;line-height:1.07!important;letter-spacing:-.045em!important;max-width:none!important;margin:0 0 20px!important} html body.home-refined #home h1.home-headline-static .headline-line{display:block;white-space:nowrap} html body.home-refined #home .hero-figure{width:100%!important;max-width:330px!important;justify-self:center!important;margin:0!important;padding:0!important;transform:none!important} html body.home-refined #home .meet-video-card{position:relative;width:100%!important;max-width:none!important;margin:0!important;padding:5px!important;border:1px solid #d8daed!important;border-radius:28px!important;background:#fff!important;box-shadow:12px 14px 0 #e0e3fb,0 16px 36px #25275312!important;overflow:visible!important} html body.home-refined #home .meet-video-card::after{display:none!important} html body.home-refined #home .meet-video-frame{position:relative;width:100%;aspect-ratio:9/16!important;border-radius:22px!important;overflow:hidden;box-shadow:none!important;background:#111} html body.home-refined #home .meet-video-player{inset:0;width:100%;height:100%;object-fit:contain;border-radius:inherit} html body.home-refined #home .meet-video-preview{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;display:block;background:#111;color:#fff;cursor:pointer} html body.home-refined #home .meet-video-preview[hidden]{display:none!important} html body.home-refined #home .meet-video-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} html body.home-refined #home .hero-video-control{position:absolute;left:16px;right:16px;bottom:18px;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid #ffffffd9;border-radius:16px;background:#fffffff0;box-shadow:0 8px 24px #13133a24;text-align:left} html body.home-refined #home .meet-video-play{position:static;transform:none;flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#3431a3;color:white;box-shadow:none} html body.home-refined #home .meet-video-play svg{width:24px;height:24px;margin-left:2px} html body.home-refined #home .meet-video-label{position:static;display:block;width:auto;padding:0;background:none;color:#292750;font-size:16px;line-height:1.35;font-weight:750;text-align:left} html body.home-refined #home .meet-video-preview:hover .meet-video-play,html body.home-refined #home .meet-video-preview:focus-visible .meet-video-play{background:#242075} html body.home-refined #home .meet-video-preview:focus-visible{outline:3px solid #6964d4!important;outline-offset:-5px!important} html body.home-refined #home .hero-mobile-service-label{display:none!important} html body.home-refined #home .meet-video-sound{position:absolute;z-index:3;left:12px;top:12px;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #ffffff70;border-radius:12px;background:rgba(255,255,255,.52);color:#151526;font:600 14px/1.3 Inter,sans-serif;cursor:pointer} html body.home-refined #home .meet-video-sound[hidden]{display:none!important} html body.home-refined #home .meet-video-sound:hover{background:#ffffffb8} html body.home-refined #home .meet-video-sound:focus-visible{outline:3px solid #3431a3;outline-offset:3px} html body.home-refined #about .meet-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important} html body.home-refined #about .meet-photo-col{order:0!important;min-width:0;width:100%} html body.home-refined #about .meet-copy{order:1!important;min-width:0;width:100%} html body.home-refined #about .meet-text{display:block!important;margin:14px 0 0!important;font-size:1rem!important;line-height:1.65!important} html body.home-refined .about-client-collage{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:570px;margin-inline:auto} html body.home-refined .about-client-collage img{display:block;width:100%;height:auto;aspect-ratio:1.24;object-fit:cover;object-position:center;border-radius:18px} html body.home-refined .about-client-collage .about-photo-main{grid-column:1/-1;aspect-ratio:1.65;object-position:center top} html body.home-refined .service-choice summary{min-height:230px;padding:24px;gap:18px 12px} html body.home-refined .service-choice__label strong{font-size:1.3rem} html body.home-refined .service-choice__hint{font-size:.9rem;line-height:1.55} html body.home-refined .service-choice--priority summary{min-height:310px;padding:30px;gap:26px 12px} html body.home-refined .service-choice--priority .service-choice__icon{width:78px;height:78px;border-radius:22px} html body.home-refined .service-choice--priority .service-choice__icon svg{width:48px;height:48px} html body.home-refined .service-choice--priority .service-choice__label strong{font-size:1.65rem} html body.home-refined .service-choice--priority .service-choice__hint{font-size:1rem} html body.home-refined .review-initials{display:grid;place-items:center;background:#eeecfc;color:#45408d;font-weight:750;flex-shrink:0;font-size:18px} @media(max-width:1100px){ html body.home-refined header.site-header.site-header .container.nav-rail{display:flex!important;align-items:center!important;justify-content:space-between!important} html body.home-refined header.site-header.site-header .brand{position:static!important;inset:auto!important;margin:0!important;transform:none!important} html body.home-refined header.site-header.site-header #navToggle{position:relative!important;inset:auto!important;margin:0 0 0 auto!important;transform:none!important} } @media(min-width:901px){ html body.home-refined #home.hero-redesign .hero-wrap{width:calc(100% - 64px)!important;max-width:1040px!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:64px!important} html body.home-refined #home .hero-copy{order:0!important} html body.home-refined #home .hero-figure{order:1!important} html body.home-refined #home .scroll-cue{position:absolute!important;inset:auto auto 4px 50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#716b9f!important;transform:translateX(-50%)!important;animation:none!important;opacity:1!important;visibility:visible!important;text-decoration:none!important} html body.home-refined #home .scroll-cue::before,html body.home-refined #home .scroll-cue::after{display:none!important} html body.home-refined #home .scroll-cue .scroll-cue-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;background:none!important;transform:none!important;animation:none!important} html body.home-refined #home .scroll-cue svg{display:block!important;width:24px!important;height:24px!important;color:inherit!important;filter:none!important} html body.home-refined #home .scroll-cue path{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important} html body.home-refined #home .scroll-cue:hover{background:#ebe9f7!important;color:#393392!important} html body.home-refined #home .scroll-cue:focus-visible{outline:3px solid #6964d4!important;outline-offset:2px!important} } @media(min-width:1101px) and (max-height:800px){ html body.home-refined #home.hero-redesign{padding:36px 0 48px!important} html body.home-refined #home .hero-figure{max-width:clamp(260px,calc((100svh - 204px) * .5625),330px)!important} } @media(min-width:901px) and (max-width:1100px){ html body.home-refined #home.hero-redesign .hero-wrap{grid-template-columns:minmax(0,1fr) 285px!important;gap:44px!important} html body.home-refined #home .hero-figure{max-width:285px!important} html body.home-refined #home h1.home-headline-static{font-size:46px!important} } @media(max-width:900px){ html body.home-refined #home.hero-redesign{padding:30px 0 44px!important} html body.home-refined #home.hero-redesign .hero-wrap{grid-template-columns:1fr!important;gap:30px!important} html body.home-refined #home .hero-copy{order:0!important;display:block!important} html body.home-refined #home .hero-copy-card{margin:0 auto!important;padding:0!important;max-width:650px!important} html body.home-refined #home .hero-service-label{display:block!important} html body.home-refined #home .hero-figure{order:1!important;max-width:285px!important;margin:0 auto!important} html body.home-refined #home h1.home-headline-static{font-size:clamp(28px,8.6vw,52px)!important} html body.home-refined .service-choice--priority summary{min-height:285px;padding:26px} html body.home-refined #about .meet-grid{grid-template-columns:1fr!important;gap:22px!important} html body.home-refined #about .meet-copy{order:0!important} html body.home-refined #about .meet-photo-col{order:1!important} } @media(min-width:601px) and (max-width:1000px){ html body.home-refined .service-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))} html body.home-refined .service-choice summary{padding:20px} html body.home-refined .service-choice--priority summary{padding:22px;min-height:300px} html body.home-refined .service-choice__label strong{font-size:1.16rem} html body.home-refined .service-choice--priority .service-choice__label strong{font-size:1.4rem} html body.home-refined .service-choice--priority .service-choice__icon{width:68px;height:68px} } @media(max-width:600px){ html body.home-refined #home .hero-figure{max-width:250px!important;margin:0 auto!important} html body.home-refined #home .hero-service-label{font-size:.75rem!important;line-height:1.5!important;margin-bottom:14px!important} html body.home-refined #home h1.home-headline-static{font-size:clamp(28px,8.6vw,46px)!important;margin-bottom:18px!important} html body.home-refined #home .hero-copy-card .lead{font-size:1rem!important;line-height:1.65!important} html body.home-refined #home .hero-video-control{left:12px;right:12px;bottom:14px;padding:8px;gap:10px;border-radius:14px} html body.home-refined #home .meet-video-play{width:42px;height:42px;flex-basis:42px} html body.home-refined #home .meet-video-label{font-size:14px} html body.home-refined .about-client-collage{gap:8px} html body.home-refined .about-client-collage img{border-radius:14px} html body.home-refined .service-choice summary{min-height:130px;padding:20px 16px;gap:14px} html body.home-refined .service-choice__label strong{font-size:1.1rem} html body.home-refined .service-choice__hint{font-size:.83rem} html body.home-refined .service-choice--priority summary{min-height:184px;padding:24px 18px;grid-template-columns:56px minmax(0,1fr) 24px;gap:14px} html body.home-refined .service-choice--priority .service-choice__icon{width:56px;height:56px;border-radius:16px} html body.home-refined .service-choice--priority .service-choice__icon svg{width:36px;height:36px} html body.home-refined .service-choice--priority .service-choice__label strong{font-size:1.25rem} html body.home-refined .service-choice--priority .service-choice__hint{font-size:.9rem} } @media(prefers-reduced-motion:reduce){html body.home-refined #home .meet-video-card,html body.home-refined #home .meet-video-play{transition:none!important;animation:none!important}} html body.home-refined #testimonials .review-card{height:auto!important;min-height:254px!important;max-height:none!important} html body.home-refined #testimonials .review-quote{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important} @media(max-width:600px){ html body.home-refined .service-choice summary{grid-template-columns:42px minmax(0,1fr) 24px;gap:12px} html body.home-refined .service-choice__icon{width:42px;height:42px;border-radius:13px} html body.home-refined .service-choice__icon svg{width:28px;height:28px} html body.home-refined .service-choice--priority summary{grid-template-columns:minmax(0,1fr) 28px;min-height:268px;gap:20px 12px;padding:26px} html body.home-refined .service-choice--priority .service-choice__icon{grid-column:1;grid-row:1;width:64px;height:64px} html body.home-refined .service-choice--priority .service-choice__icon svg{width:40px;height:40px} html body.home-refined .service-choice--priority .service-choice__label{grid-column:1/-1;grid-row:2} html body.home-refined .service-choice--priority .service-choice__plus{grid-column:2;grid-row:1;align-self:start} } html body.home-refined #home .scroll-cue-label,html body.home-refined #home .hero-intro-short-stop{display:none!important} @media(max-width:600px){ html body.home-refined{--home-mobile-gutter:20px} html body.home-refined main>section>.container, html body.home-refined #home.hero-redesign .hero-wrap{width:calc(100% - 2 * var(--home-mobile-gutter))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important} html body.home-refined #home.hero-redesign{display:block!important;padding:24px 0 24px!important} html body.home-refined #home.hero-redesign .hero-wrap{gap:24px!important} html body.home-refined #home .hero-service-label{font-size:.69rem!important;letter-spacing:.055em!important;line-height:1.5!important;margin-bottom:12px!important} html body.home-refined #home h1.home-headline-static{margin-bottom:16px!important} html body.home-refined #home .hero-copy-card .lead{font-size:1rem!important;line-height:1.55!important;margin:0!important} html body.home-refined #home .hero-intro-trust{display:none} html body.home-refined #home .hero-figure{width:min(100%,360px)!important;max-width:100%!important;margin:0 auto!important;justify-self:center!important} html body.home-refined #home .meet-video-card{border-radius:24px!important;box-shadow:0 10px 28px #25275314!important} html body.home-refined #home .meet-video-frame{aspect-ratio:3/4!important;border-radius:18px!important} html body.home-refined #home .meet-video-player, html body.home-refined #home .meet-video-preview img{object-fit:cover!important;object-position:center 54%!important} html body.home-refined #home .meet-video-sound{left:10px;top:10px;min-height:44px;padding:9px 11px;font-size:12px;border-radius:10px} html body.home-refined #home .scroll-cue{position:relative!important;inset:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;height:auto!important;min-height:44px!important;margin:18px auto 0!important;padding:8px 12px!important;border:0!important;border-radius:12px!important;box-shadow:none!important;background:transparent!important;color:#49448d!important;transform:none!important;animation:none!important;text-decoration:none!important;opacity:1!important;visibility:visible!important} html body.home-refined #home .scroll-cue::before,html body.home-refined #home .scroll-cue::after{display:none!important} html body.home-refined #home .scroll-cue .scroll-cue-label{display:block!important;width:auto!important;height:auto!important;font-size:.78rem!important;font-weight:650!important;line-height:1.4!important;background:none!important;transform:none!important;animation:none!important} html body.home-refined #home .scroll-cue .scroll-cue-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;background:none!important;transform:none!important;animation:none!important} html body.home-refined #home .scroll-cue svg{width:20px!important;height:20px!important;color:inherit!important;filter:none!important} html body.home-refined #home .scroll-cue path{stroke:currentColor!important;stroke-width:1.8!important} html body.home-refined #home .scroll-cue:focus-visible{outline:3px solid #6964d4!important;outline-offset:2px!important} html body.home-refined #about, html body.home-refined #services, html body.home-refined #recent-work, html body.home-refined #common-computer-questions, html body.home-refined #testimonials{padding-block:44px!important} html body.home-refined #about .meet-grid{gap:24px!important} html body.home-refined #about .meet-lead{line-height:1.6!important} html body.home-refined #about .meet-text{line-height:1.6!important} html body.home-refined .service-menu__head{margin-bottom:24px!important} html body.home-refined .service-choice summary{min-height:128px} html body.home-refined .service-choice--priority summary{min-height:226px;padding:24px;gap:16px 12px} html body.home-refined .service-choice--priority .service-choice__icon{width:56px;height:56px;border-radius:16px} html body.home-refined .service-choice--priority .service-choice__icon svg{width:36px;height:36px} html body.home-refined #recent-work .recent-work-track{width:100%!important;margin-inline:0!important;padding:4px 0 14px!important;grid-auto-columns:calc(100% - 28px)!important;gap:12px!important;scroll-padding-inline:0!important} html body.home-refined #testimonials .reviews-grid{width:100%!important;padding:4px 0 12px!important;gap:12px!important;scroll-padding-inline:0!important} html body.home-refined #testimonials .review-card{flex:0 0 calc(100% - 32px)!important;width:calc(100% - 32px)!important;min-width:0!important;max-width:none!important;scroll-snap-align:start!important} html body.home-refined #contact{padding:44px 0!important} html body.home-refined #contact .band-ctas{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important} html body.home-refined #contact .band-ctas .btn{width:100%!important;justify-content:center!important;margin:0!important;min-height:52px!important} } @media(max-width:360px){html body.home-refined{--home-mobile-gutter:16px}} @media(max-width:600px) and (max-height:740px){ html body.home-refined #home .hero-intro-detail{display:none} html body.home-refined #home .hero-intro-short-stop{display:inline!important} html body.home-refined #home.hero-redesign{padding-block:20px!important} html body.home-refined #home.hero-redesign .hero-wrap{gap:20px!important} html body.home-refined #home .scroll-cue{margin-top:14px!important} } @media(max-width:600px) and (max-height:650px){ html body.home-refined #home .hero-service-label{display:none!important} html body.home-refined #home.hero-redesign{padding-block:18px!important} html body.home-refined #home h1.home-headline-static{margin-bottom:12px!important} html body.home-refined #home.hero-redesign .hero-wrap{gap:16px!important} html body.home-refined #home .meet-video-sound{left:6px;top:6px;font-size:11px;gap:6px;padding-inline:8px} html body.home-refined #home .scroll-cue{margin-top:10px!important} }
/* Source: public_html/homepage-partner.css */
html body.home-refined #home h1.home-headline-static{max-width:16ch!important;font-size:clamp(42px,4.65vw,62px)!important;line-height:1.08!important;letter-spacing:-.045em!important} html body.home-refined #home .hero-copy-card .lead{max-width:49ch!important;line-height:1.65!important} html body.home-refined #home .partner-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0 0;padding:24px 0 0;border-top:1px solid #d9dbea;text-align:left} html body.home-refined #home .partner-stats div{min-width:0} html body.home-refined #home .partner-stats dt{color:#2e3094;font-size:clamp(28px,3.4vw,44px);font-weight:750;letter-spacing:-.05em;line-height:1.1} html body.home-refined #home .partner-stats dd{margin:8px 0 0;color:#595b70;font-size:.8rem;line-height:1.4} html body.home-refined #about{padding:72px 0!important;background:#f6f5fb!important} html body.home-refined #about .people-introduction{position:relative;z-index:1;max-width:1160px} .people-introduction__head{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start;margin:0 0 34px} html body.home-refined #about h2{margin:0!important;max-width:none!important;font-size:clamp(34px,4vw,50px)!important;line-height:1.08!important;letter-spacing:-.04em!important;text-align:left!important;color:#262449!important} .people-introduction__head .services-kicker{margin:0 0 14px} .people-introduction__copy>p{margin:0 0 18px;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.65;letter-spacing:normal;color:var(--ink,#333333)} .people-introduction__link{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#34318c;font-weight:700;text-decoration:none} .people-introduction__link:hover{text-decoration:underline} .people-collage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,clamp(110px,11vw,140px));gap:8px} .people-photo{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border-radius:9px;background:#e2dfed} .people-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease} .people-photo:hover img{transform:scale(1.035)} .people-photo--1{grid-column:1/3;grid-row:1/3} .people-photo--2{grid-column:3/5;grid-row:2/4} .people-photo--3{grid-column:6/7;grid-row:1/3} .people-photo--4{grid-column:3/4;grid-row:1/2} .people-photo--5{grid-column:4/5;grid-row:1/2} .people-photo--6{grid-column:5/7;grid-row:3/5} .people-photo--7{grid-column:5/6;grid-row:1/2} .people-photo--8{grid-column:5/6;grid-row:2/3} .people-photo--9{grid-column:1/2;grid-row:3/4} .people-photo--10{grid-column:2/3;grid-row:3/4} .people-photo--11{grid-column:1/2;grid-row:4/5} .people-photo--12{grid-column:2/3;grid-row:4/5} .people-photo--13{grid-column:3/4;grid-row:4/5} .people-photo--14{grid-column:4/5;grid-row:4/5} .people-photo--15{grid-column:1/3;grid-row:5/7} .people-photo--16{grid-column:4/5;grid-row:5/7} .people-photo--17{grid-column:3/4;grid-row:5/6} .people-photo--18{grid-column:5/7;grid-row:6/7} .people-photo--19{grid-column:5/6;grid-row:5/6} .people-photo--20{grid-column:6/7;grid-row:5/6} .people-photo--21{grid-column:3/4;grid-row:6/7} .people-photo:focus-visible,.people-introduction__link:focus-visible{outline:3px solid #4f48b9!important;outline-offset:4px!important} html body.home-refined #testimonials .review-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;margin:0 0 28px} html body.home-refined #testimonials .review-people img{display:block;width:100%;height:156px;object-fit:cover;border-radius:10px} @media(min-width:601px) and (max-width:1000px){ .people-collage{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(9,clamp(100px,13vw,130px))} .people-photo--1{grid-column:1/3;grid-row:1/3} .people-photo--2{grid-column:3/5;grid-row:3/5} .people-photo--3{grid-column:4/5;grid-row:1/3} .people-photo--4{grid-column:3/4;grid-row:1/2} .people-photo--5{grid-column:3/4;grid-row:2/3} .people-photo--6{grid-column:1/3;grid-row:5/7} .people-photo--7{grid-column:1/2;grid-row:3/4} .people-photo--8{grid-column:2/3;grid-row:3/4} .people-photo--9{grid-column:1/2;grid-row:4/5} .people-photo--10{grid-column:2/3;grid-row:4/5} .people-photo--11{grid-column:3/4;grid-row:5/6} .people-photo--12{grid-column:4/5;grid-row:5/6} .people-photo--13{grid-column:3/4;grid-row:6/7} .people-photo--14{grid-column:4/5;grid-row:6/7} .people-photo--15{grid-column:3/5;grid-row:7/9} .people-photo--16{grid-column:2/3;grid-row:7/9} .people-photo--17{grid-column:1/2;grid-row:7/8} .people-photo--18{grid-column:3/5;grid-row:9/10} .people-photo--19{grid-column:1/2;grid-row:8/9} .people-photo--20{grid-column:1/2;grid-row:9/10} .people-photo--21{grid-column:2/3;grid-row:9/10} } @media(max-width:900px){ html body.home-refined #home.hero-redesign .hero-wrap > .hero-actions-clean{order:2!important;grid-column:1 / -1;width:100%;max-width:360px;justify-self:center;margin:0!important;align-items:stretch!important} html body.home-refined #home.hero-redesign .hero-actions-clean{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px!important;margin:24px 0 0!important} html body.home-refined #home.hero-redesign .hero-actions-clean .btn{display:inline-flex!important;min-height:48px!important;width:auto!important;min-width:0!important;flex:1 1 140px!important;padding:12px 16px!important;font-size:15px!important} html body.home-refined #home h1.home-headline-static{max-width:17ch!important;font-size:clamp(38px,7vw,60px)!important} html body.home-refined #home .partner-stats{max-width:560px;margin:28px auto 0;gap:0;padding:24px 0 4px;text-align:center} html body.home-refined #home .partner-stats div{padding-inline:12px} html body.home-refined #home .partner-stats div+div{border-left:1px solid #d9dbea} html body.home-refined #home .partner-stats dd{max-width:13ch;min-height:2.8em;margin:9px auto 0;text-wrap:balance} .people-introduction__head{gap:32px;grid-template-columns:1fr 1.2fr} } @media(max-width:600px){ html body.home-refined #home h1.home-headline-static{font-size:clamp(36px,9.4vw,48px)!important;max-width:16ch!important} html body.home-refined #home .partner-stats{gap:0;margin-top:26px;padding-top:22px} html body.home-refined #home .partner-stats div{padding-inline:6px} html body.home-refined #home .partner-stats dt{font-size:clamp(26px,7.7vw,36px);white-space:nowrap} html body.home-refined #home .partner-stats dd{font-size:.7rem;line-height:1.45} html body.home-refined #about{padding-block:46px!important} .people-introduction__head{grid-template-columns:1fr;gap:22px;margin-bottom:26px} html body.home-refined #about h2{font-size:36px!important} .people-collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(100px,27vw,145px);gap:7px} .people-photo{grid-column:auto;grid-row:auto;aspect-ratio:auto;height:100%;border-radius:7px} .people-photo--featured,.people-photo--wide{grid-column:1/-1;grid-row:span 2} .people-photo--portrait{grid-row:span 2} .people-photo img{position:absolute;inset:0} html body.home-refined #testimonials .review-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px} html body.home-refined #testimonials .review-people img:first-child{grid-column:1/-1;height:180px;object-position:34% 56%!important} html body.home-refined #testimonials .review-people img{height:130px;border-radius:8px} } @media(prefers-reduced-motion:reduce){.people-photo img{transition:none}.people-photo:hover img{transform:none}}