/* One Place SEO homepage. Motion verb: rise and settle. */

/* ---------- Hero ---------- */
.op-hero{position:relative;z-index:0;margin-top:-112px;padding:calc(112px + clamp(56px,9vh,112px)) 0 clamp(72px,10vh,128px);overflow:clip}
.op-hero__mesh{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,#EDF0F6 0%,#F6EEEA 62%,var(--op-bg) 100%)}
.op-hero>.op-hero__mesh{-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent);mask-image:linear-gradient(180deg,#000 74%,transparent)}
.op-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.72;will-change:transform}
.op-blob--a{width:46vw;height:46vw;left:-12vw;top:-18vw;background:radial-gradient(circle,#7F97C4 0%,rgba(127,151,196,0) 70%);animation:op-drift-a 38s ease-in-out infinite alternate}
.op-blob--b{width:40vw;height:40vw;left:30vw;top:-6vw;background:radial-gradient(circle,#D7909F 0%,rgba(215,144,159,0) 70%);animation:op-drift-b 42s ease-in-out infinite alternate}
.op-blob--c{width:44vw;height:44vw;right:-14vw;top:8vw;background:radial-gradient(circle,#F2B78F 0%,rgba(242,183,143,0) 70%);animation:op-drift-c 36s ease-in-out infinite alternate}
.op-blob--d{width:30vw;height:30vw;right:18vw;bottom:-14vw;background:radial-gradient(circle,#E59A55 0%,rgba(229,154,85,0) 70%);opacity:.4;animation:op-drift-a 46s ease-in-out infinite alternate-reverse}
.op-grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:multiply;background-image:url("/assets/grain.svg")}
@keyframes op-drift-a{to{transform:translate3d(8vw,6vw,0) scale(1.1)}}
@keyframes op-drift-b{to{transform:translate3d(-6vw,8vw,0) scale(.92)}}
@keyframes op-drift-c{to{transform:translate3d(-9vw,-4vw,0) scale(1.08)}}

.op-hero__inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
.op-hero__copy{grid-column:1/span 7}
.op-hero__kicker{margin:0 0 1.75rem;font-size:15px;font-weight:500;color:var(--op-text)}
.op-hero__title{margin:0 0 2rem -.05em;font-size:clamp(52px,7vw,116px);font-weight:500;line-height:.92;letter-spacing:-.055em;color:var(--op-ink);text-wrap:balance}
.op-hero__lede{max-width:32rem;margin:0 0 2.25rem;font-size:clamp(17px,1.25vw,19px);line-height:1.55;color:var(--op-text)}
.op-hero__ctas{flex-wrap:wrap;gap:.75rem}
.op-hero__visual{grid-column:9/span 4;margin:0}

/* Signature: a results page where your row climbs to the top */
.op-rank{padding:14px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 50px 90px -50px rgba(45,70,119,.55)}
.op-rank__bar{display:flex;align-items:center;gap:.55rem;margin-bottom:10px;padding:.7rem .9rem;border-radius:999px;background:#fff;font-size:14px;font-weight:500;color:var(--op-ink)}
.op-rank__bar .ph{font-size:16px;color:var(--op-muted)}
.op-serp{position:relative;display:grid;gap:6px;margin:0;padding:0;list-style:none}
.op-serp__row{position:relative;display:grid;gap:2px;padding:.65rem .9rem;border-radius:14px;background:rgba(255,255,255,.55);will-change:transform}
.op-serp__url{font-size:12px;color:var(--op-muted)}
.op-serp__title{overflow:hidden;font-size:14px;line-height:1.35;color:#3A3940;white-space:nowrap;text-overflow:ellipsis}
.op-serp__row.is-you{z-index:1;background:#fff;box-shadow:0 18px 30px -20px rgba(45,70,119,.55)}
.op-serp__row.is-you::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--op-grad)}
.op-serp__row.is-you .op-serp__url{color:var(--op-navy);font-weight:500}
.op-serp__row.is-you .op-serp__title{color:var(--op-ink);font-weight:500}
.op-rank__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:18px 8px 4px}
.op-rank__value{display:flex;align-items:flex-start;margin:0;font-size:clamp(72px,6.4vw,104px);font-weight:500;line-height:.85;letter-spacing:-.06em;color:var(--op-ink);font-variant-numeric:tabular-nums}
.op-rank__hash{margin:.1em .04em 0 0;font-size:.4em;color:var(--op-rose)}
.op-rank__delta{margin:0 0 4px;font-size:13px;line-height:1.35;text-align:right;color:var(--op-muted)}
.op-rank__note{margin:.75rem 0 0;font-size:12px;color:var(--op-muted);text-align:right}
.op-rank.is-settled .op-serp__row.is-you::before{animation:op-pulse 3.2s ease-in-out infinite}
@keyframes op-pulse{50%{opacity:.35}}

/* ---------- Trust strip ---------- */
.op-trust{position:relative;padding:20px 0 40px}
.op-trust__inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.op-trust__title{grid-column:1/span 3;margin:0;font-size:13px;font-weight:500;line-height:1.4;color:var(--op-muted)}
.op-marquee{grid-column:4/-1;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.op-marquee__track{display:flex;flex:none;align-items:center;gap:56px;margin:0;padding:0 28px;list-style:none;animation:op-marquee 44s linear infinite}
.op-marquee:hover .op-marquee__track{animation-play-state:paused}
@keyframes op-marquee{to{transform:translateX(-100%)}}
.op-logo{display:flex;align-items:center;gap:.45rem;white-space:nowrap;color:#4A4952;opacity:.72}
.op-logo .ph{font-size:24px}
.op-logo__name{font-size:20px;font-weight:600;letter-spacing:-.03em}
.op-logo__sub{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;opacity:.7}
.op-logo:nth-child(3n+2) .op-logo__name{font-weight:500;font-style:italic;letter-spacing:-.02em}
.op-logo:nth-child(4n) .op-logo__name{text-transform:uppercase;letter-spacing:.12em;font-size:16px}

/* ---------- Results: big figures between hairlines ---------- */
.op-facts{padding-top:clamp(72px,9vw,128px)}
.op-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--op-ink)}
.op-fact{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:1rem;padding:28px 24px 8px 0}
.op-fact+.op-fact{padding-left:24px;border-left:1px solid var(--op-line)}
.op-fact dd{margin:0;font-size:clamp(56px,6.2vw,104px);font-weight:500;line-height:.9;letter-spacing:-.06em;color:var(--op-ink);font-variant-numeric:tabular-nums}
.op-fact dd span{margin-left:.04em;font-size:.5em;letter-spacing:-.02em;color:var(--op-rose)}
.op-fact dt{max-width:15rem;font-size:15px;line-height:1.45;color:var(--op-muted)}

/* ---------- Who we help: index list with media reveal ---------- */
.op-index{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--op-line)}
.op-index__row{position:relative;border-top:1px solid var(--op-line)}
.op-index__link{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding:28px 0;color:inherit;text-decoration:none}
.op-index__link::before{content:"";position:absolute;inset:0 -24px;z-index:-1;border-radius:18px;background:linear-gradient(100deg,rgba(127,151,196,.16),rgba(215,144,159,.16) 55%,rgba(242,183,143,.2));transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--op-ease)}
.op-index__title{grid-column:1/span 4;display:block;overflow:hidden;font-size:clamp(26px,2.6vw,40px);font-weight:500;line-height:1.1;letter-spacing:-.035em;color:var(--op-ink)}
.op-index__roll{position:relative;display:block;transition:transform .55s var(--op-ease)}
.op-index__roll::after{content:attr(data-text);position:absolute;left:0;top:100%}
.op-index__desc{grid-column:5/span 4;font-size:15px;line-height:1.5;color:var(--op-text)}
.op-index__focus{grid-column:9/span 3;font-size:13px;line-height:1.45;color:var(--op-muted);transition:opacity .3s}
.op-index__arrow{grid-column:12;justify-self:end;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--op-line);border-radius:50%;font-size:18px;color:var(--op-ink);transition:transform .45s var(--op-ease),background-color .3s,color .3s,border-color .3s}
.op-index__img{position:absolute;z-index:2;right:72px;top:50%;width:150px;height:110px;border-radius:12px;object-fit:cover;pointer-events:none;translate:0 -50%;rotate:-3deg;clip-path:inset(100% 0 0 0 round 12px);transition:clip-path .55s var(--op-ease),rotate .55s var(--op-ease)}
@media (hover:hover){
 .op-index__link:hover::before{transform:scaleY(1)}
 .op-index__link:hover .op-index__roll{transform:translateY(-100%)}
 .op-index__link:hover .op-index__arrow{background:var(--op-ink);border-color:var(--op-ink);color:#fff;transform:rotate(45deg)}
 .op-index__link:hover .op-index__focus{opacity:0}
 .op-index__row:has(.op-index__link:hover) .op-index__img{clip-path:inset(0 0 0 0 round 12px);rotate:2deg}
}
.op-index__link:focus-visible::before{transform:scaleY(1)}
.op-index__link:focus-visible .op-index__arrow{background:var(--op-ink);border-color:var(--op-ink);color:#fff;transform:rotate(45deg)}

/* ---------- Services: sticky intro + stacked service cards ---------- */
.op-services__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.op-services__aside{grid-column:1/span 4;position:sticky;top:120px;display:grid;gap:1.25rem;justify-items:start}
.op-svc-list{grid-column:6/-1;display:grid;gap:16px;margin:0;padding:0;list-style:none}
.op-svc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;padding:14px 28px 14px 14px;border:1px solid var(--op-line);border-radius:24px;background:var(--op-card);transition:border-color .35s var(--op-ease),box-shadow .35s var(--op-ease)}
.op-svc__media{position:relative;overflow:hidden;margin:0;aspect-ratio:1;border-radius:16px}
.op-svc__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--op-ease)}
.op-svc__title{margin:0 0 .5rem;font-size:clamp(22px,1.9vw,28px);font-weight:500;line-height:1.15;letter-spacing:-.03em;color:var(--op-ink)}
.op-svc__text{margin:0 0 1rem;font-size:15px;line-height:1.55;color:var(--op-text)}
.op-svc__list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.op-svc__list li{padding:.3rem .7rem;border-radius:999px;background:var(--op-bg);font-size:13px;color:var(--op-ink)}
@media (hover:hover){
 .op-svc:hover{border-color:#D9D1C9;box-shadow:var(--op-shadow)}
 .op-svc:hover .op-svc__media img{transform:scale(1.06)}
}

/* ---------- Process: the dark chapter, a real sequence ---------- */
.op-process{position:relative;isolation:isolate;overflow:hidden;background:#141318;color:#F6F5F3}
.op-process::before{content:"";position:absolute;z-index:-1;inset:-35% -10% auto auto;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(215,144,159,.3),rgba(127,151,196,.14) 40%,transparent 70%);filter:blur(40px)}
.op-process .op-h2{color:#F6F5F3}
.op-process .op-lede{color:rgba(246,245,243,.66)}
.op-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.op-steps::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:linear-gradient(90deg,#7F97C4,#D7909F 55%,#F2B78F);opacity:.7}
.op-step{position:relative;padding-top:40px}
.op-step__dot{position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:#141318;border:2px solid #F2B78F}
.op-step:first-child .op-step__dot{background:var(--op-grad);border-color:transparent;box-shadow:0 0 0 6px rgba(242,183,143,.15)}
.op-step__when{margin:0 0 .75rem;font-size:13px;font-weight:500;color:#F2B78F;font-variant-numeric:tabular-nums}
.op-step__title{margin:0 0 .6rem;font-size:clamp(22px,1.9vw,28px);font-weight:500;line-height:1.15;letter-spacing:-.03em;color:#F6F5F3}
.op-step__text{margin:0;max-width:18rem;font-size:15px;line-height:1.55;color:rgba(246,245,243,.66)}

/* ---------- Testimonials ---------- */
#testimonials .section-heading{max-width:44rem}
#testimonials .section-heading h2,#faq h2{font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.02;letter-spacing:-.04em;color:var(--op-ink)}
.testimonail-slider_wrapper{position:relative;overflow:hidden;isolation:isolate}
.testimonail-slider_wrapper::before{content:"\201C";position:absolute;z-index:-1;top:12px;bottom:12px;left:12px;width:calc(46% - 12px);display:flex;align-items:flex-end;padding:0 32px 8px;border-radius:14px;background:radial-gradient(60% 70% at 15% 15%,rgba(45,70,119,.75),transparent 70%),radial-gradient(60% 60% at 90% 90%,rgba(229,154,85,.85),transparent 70%),linear-gradient(135deg,#7F97C4,#D7909F 55%,#F2B78F);color:rgba(255,255,255,.92);font-size:clamp(160px,18vw,260px);font-weight:500;line-height:.8;font-family:Georgia,serif}
.testimonail-slider_wrapper .slider-nav{position:relative;z-index:1;padding-left:12px}
.testimonail-slider_wrapper .slider-nav .button{background:rgba(255,255,255,.85);border-color:transparent}

/* ---------- Why choose us: comparison ---------- */
.op-compare{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.op-compare th,.op-compare td{padding:22px 24px;border-top:1px solid var(--op-line);text-align:left;vertical-align:top;font-size:16px;line-height:1.45}
.op-compare thead th{padding-top:0;padding-bottom:18px;border-top:0;font-size:14px;font-weight:500;color:var(--op-muted)}
.op-compare thead th:first-child{width:22%}
.op-compare tbody th{padding-left:0;font-size:15px;font-weight:500;color:var(--op-ink)}
.op-compare td{color:var(--op-muted)}
.op-compare td .ph{display:inline-grid;place-items:center;width:22px;height:22px;margin:0 .7rem 0 0;border-radius:50%;vertical-align:-5px;font-size:12px;background:#ECE8E3;color:var(--op-muted)}
.op-compare .is-us{position:relative;background:#fff;color:var(--op-ink);border-left:1px solid var(--op-line);border-right:1px solid var(--op-line)}
.op-compare thead .is-us{padding-top:22px;border:1px solid var(--op-line);border-bottom:0;border-radius:20px 20px 0 0;color:var(--op-ink);font-size:16px}
.op-compare thead .is-us::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:var(--op-grad)}
.op-compare tbody tr:last-child .is-us{border-bottom:1px solid var(--op-line);border-radius:0 0 20px 20px}
.op-compare td.is-us .ph{background:var(--op-grad);color:#fff}
#team{background:transparent}

/* ---------- FAQ ---------- */
#faq .section-heading.max-width-200{max-width:24rem}
.questions-block{padding:24px}

/* ---------- Final CTA / booking ---------- */
.op-cta{border-top:0}
.op-cta__panel{position:relative;z-index:0;overflow:hidden;padding:clamp(32px,5vw,72px);border-radius:32px}
.op-cta__panel .op-hero__mesh{background:linear-gradient(135deg,#E9ECF5,#F6E6E4 55%,#F8E2CF)}
.op-cta__panel .op-blob{filter:blur(60px)}
.op-cta__row{position:relative;align-items:center;row-gap:32px}
.op-cta__title{margin:0 0 1.25rem;font-size:clamp(40px,5vw,76px);font-weight:500;line-height:.95;letter-spacing:-.05em;color:var(--op-ink);text-wrap:balance}
.op-cta__lede{max-width:30rem;margin:0 0 1.5rem;font-size:17px;line-height:1.55;color:var(--op-text)}
.op-cta__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 2rem;padding:0;list-style:none}
.op-cta__meta li{display:inline-flex;align-items:center;gap:.4rem;font-size:14px;font-weight:500;color:var(--op-ink)}
.op-cta .btns-group{flex-wrap:wrap;gap:.75rem}
.op-cta .paragraph-sm{color:var(--op-muted)}
.op-cta #enquiry-form{padding:24px;border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 30px 60px -30px rgba(45,70,119,.45)}

/* ---------- Tablet ---------- */
@media (max-width:991px){
 .op-hero{margin-top:-104px;padding-top:calc(104px + 48px)}
 .op-hero__copy,.op-hero__visual{grid-column:1/-1}
 .op-hero__visual{max-width:440px;margin-top:48px}
 .op-trust__title{grid-column:1/-1;margin-bottom:12px;text-align:center}
 .op-marquee{grid-column:1/-1}
 .op-sec-head .op-h2,.op-facts__head .op-h2,.op-who__head .op-h2,.op-why__head .op-h2,.op-sec-head .op-lede,.op-facts__head .op-lede,.op-who__head .op-lede,.op-why__head .op-lede{grid-column:1/-1}
 .op-sec-head .op-lede,.op-facts__head .op-lede,.op-who__head .op-lede,.op-why__head .op-lede{margin-top:1rem}
 .op-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .op-fact:nth-child(3){padding-left:0;border-left:0}
 .op-fact:nth-child(n+3){border-top:1px solid var(--op-line)}
 .op-index__link{grid-template-columns:72px minmax(0,1fr) 44px;row-gap:6px;padding:22px 0}
 .op-index__title{grid-column:2;grid-row:1}
 .op-index__desc{grid-column:2;grid-row:2}
 .op-index__focus{display:none}
 .op-index__arrow{grid-column:3;grid-row:1/span 2}
 .op-index__img{left:0;right:auto;top:22px;width:56px;height:56px;translate:none;rotate:none;clip-path:inset(0 round 12px)}
 .op-index__link::before{display:none}
 .op-services__aside{grid-column:1/-1;position:static;margin-bottom:40px}
 .op-svc-list{grid-column:1/-1}
 .op-cases{grid-template-columns:1fr}
 .op-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
 .op-steps::before{display:none}
 .op-step{padding-top:32px;border-top:1px solid rgba(246,245,243,.16)}
 .op-step__dot{top:-8px}
}

/* ---------- Phone ---------- */
@media (max-width:600px){
 .op-hero__title{font-size:clamp(46px,12.4vw,58px)}
 .op-hero__visual{margin-top:40px}
 .op-facts__grid{grid-template-columns:1fr}
 .op-fact,.op-fact+.op-fact,.op-fact:nth-child(3){padding:22px 0 6px;border-left:0}
 .op-fact+.op-fact{border-top:1px solid var(--op-line)}
 .op-index__title{height:auto;font-size:24px}
 .op-index__roll::after{display:none}
 .op-svc{grid-template-columns:1fr;gap:18px;padding:12px 12px 22px}
 .op-svc__media{aspect-ratio:16/10}
 .op-svc__body{padding:0 8px}
 .op-case__link{padding:10px;border-radius:22px}
 .op-case__body{padding:18px 8px 8px}
 .op-steps{grid-template-columns:1fr;row-gap:36px}
 .op-compare,.op-compare tbody,.op-compare tr,.op-compare th,.op-compare td{display:block;width:auto}
 .op-compare thead{display:none}
 .op-compare tr{padding:18px 0;border-top:1px solid var(--op-line)}
 .op-compare th,.op-compare td{padding:6px 0;border:0;font-size:15px}
 .op-compare tbody th{padding-bottom:10px}
 .op-compare td.is-us{margin-top:6px;padding:12px 14px;border:1px solid var(--op-line);border-radius:14px}
 .op-compare tbody tr:last-child .is-us{border-radius:14px}
 .op-compare td:not(.is-us)::before{content:"Typical agency: ";color:var(--op-muted);font-weight:500}
 .op-cta__panel{border-radius:24px;padding:28px 18px}
 .op-cta #enquiry-form{padding:18px}
 .op-marquee__track{gap:36px}
}
@media (max-width:767px){.testimonail-slider_wrapper::before{display:none}}

@media (prefers-reduced-motion:reduce){
 .op-blob,.op-marquee__track,.op-rank.is-settled .op-serp__row.is-you::before{animation:none}
 .op-marquee{flex-wrap:wrap;justify-content:center;-webkit-mask-image:none;mask-image:none}
 .op-marquee__track{flex-wrap:wrap;justify-content:center;row-gap:16px}
 .op-marquee__track[aria-hidden]{display:none}
 .op-index__link::before,.op-index__roll,.op-index__img,.op-index__arrow,.op-case__media img,.op-svc__media img,.op-case__go{transition:none}
}

/* ---------- Testimonials: one featured story, two short quotes ---------- */
.op-stories__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:24px}
.op-story{position:relative;display:flex;flex-direction:column;margin:0;padding:28px;border:1px solid var(--op-line);border-radius:28px;background:var(--op-card);overflow:hidden;isolation:isolate}
.op-story--feature{grid-column:1/span 7;grid-row:1/span 2;justify-content:space-between;gap:40px;padding:clamp(28px,3.4vw,48px);border-color:rgba(255,255,255,.7)}
.op-story--feature .op-hero__mesh{background:linear-gradient(135deg,#E6EAF4,#F4E3E3 55%,#F8E0CC)}
.op-story:not(.op-story--feature){grid-column:8/span 5}
.op-story__metric{margin:0;font-size:15px;color:var(--op-text)}
.op-story__metric strong{display:block;margin-bottom:.2rem;font-size:clamp(44px,4.4vw,68px);font-weight:500;line-height:1;letter-spacing:-.05em;color:var(--op-ink);font-variant-numeric:tabular-nums}
.op-story__quote{margin:0;padding:0;border:0}
.op-story__quote p{margin:0;font-size:17px;line-height:1.5;color:var(--op-ink)}
.op-story--feature .op-story__quote p{font-size:clamp(22px,2.1vw,32px);line-height:1.25;letter-spacing:-.025em}
.op-story__who{display:flex;align-items:center;gap:.8rem;margin-top:24px;font-size:14px;line-height:1.35;color:var(--op-muted)}
.op-story__who>span{display:grid}
.op-story__who strong{font-weight:500;color:var(--op-ink)}
.op-story__who img,.op-story__initials{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover}
.op-story--feature .op-story__who img{width:56px;height:56px}
.op-story__initials{display:grid;place-items:center;background:var(--op-grad);color:#fff;font-size:14px;font-weight:600}
@media (max-width:991px){.op-story--feature,.op-story:not(.op-story--feature){grid-column:1/-1;grid-row:auto}}
.op-story__who,.op-story__who>span{text-align:left;justify-items:start}
.op-compare td{position:relative;padding-left:58px}
.op-compare td .ph{position:absolute;left:24px;top:22px;margin:0}
@media (max-width:600px){
 .op-compare td{padding-left:32px}
 .op-compare td .ph{left:0;top:7px}
 .op-compare td.is-us{padding-left:46px}
 .op-compare td.is-us .ph{left:14px;top:13px}
 .op-compare td:not(.is-us)::before{content:none}
}
@media (max-width:600px){
 .op-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
 .op-fact,.op-fact+.op-fact,.op-fact:nth-child(3){padding:20px 0 6px;border-left:0}
 .op-fact:nth-child(2){border-top:0}
 .op-fact:nth-child(n+3){border-top:1px solid var(--op-line)}
 .op-fact dd{font-size:48px}
 .op-fact dt{font-size:14px}
}