/* ==========================================================================
   SCOPEX — ONLINE REPUTATION MANAGEMENT V3 (hero + all sections)
   Scoped to .orx3 (hero) and .ors-* (sections).
   ========================================================================== */

.orx3, .orsec{
  --or-blue:#2059e9; --or-blue-deep:#1a47c4; --or-blue-mid:#6f9bf5; --or-blue-soft:#c8d9f7;
  --or-tint:#eef3fc; --or-navy:#0d1d36; --or-ink:#101d35; --or-body:#51617c;
  --or-muted:#7787a0; --or-line:#e4ebf6;
  --or-display:'Bricolage Grotesque','Geist',sans-serif;
  --or-font:'Geist',sans-serif;
  --or-mono:'Geist Mono',monospace;
  font-family:var(--or-font); color:var(--or-body);
}
.orx3 *,.orx3 *::before,.orx3 *::after,
.orsec *,.orsec *::before,.orsec *::after{box-sizing:border-box;}
.orx3 img,.orsec img{max-width:100%;height:auto;}
.ors-wrap,.orx3__inner{max-width:1240px;margin:0 auto;padding:0 24px;}

.ors-kicker,.orx3__kicker{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--or-mono);font-size:.74rem;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;color:var(--or-blue);
  background:var(--or-tint);border:1px solid rgba(32,89,233,.16);
  padding:8px 15px;border-radius:99px;margin:0 0 20px;
}
.ors-kicker i,.orx3__kicker i{width:7px;height:7px;border-radius:50%;background:var(--or-blue);display:block;}
.orsec h2.ors-h2{font-family:var(--or-display);font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.025em;font-weight:800;color:var(--or-ink);margin:0;}
.orsec h3.ors-h3{font-family:var(--or-display);font-size:1.15rem;font-weight:700;color:var(--or-ink);margin:0;letter-spacing:-.01em;}
.ors-sub{font-size:1.03rem;line-height:1.7;margin:16px 0 0;}
.ors-head{text-align:center;max-width:740px;margin:0 auto 52px;}
.ors-rule{display:block;width:34px;height:4px;border-radius:99px;background:var(--or-blue);margin:16px auto 0;}

.orx3 a.orx3__btn,.orsec a.ors-btn{
  display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:1rem;
  border-radius:11px;padding:16px 27px;text-decoration:none;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.orx3 a.orx3__btn--primary,.orx3 a.orx3__btn--primary:visited,
.orsec a.ors-btn--primary,.orsec a.ors-btn--primary:visited{background:var(--or-blue);color:#fff;box-shadow:0 12px 28px rgba(32,89,233,.30);}
.orx3 a.orx3__btn--primary:hover,.orsec a.ors-btn--primary:hover{background:var(--or-blue-deep);color:#fff;transform:translateY(-2px);}
.orx3 a.orx3__btn--ghost,.orx3 a.orx3__btn--ghost:visited,
.orsec a.ors-btn--ghost,.orsec a.ors-btn--ghost:visited{color:var(--or-ink);border:1.5px solid var(--or-line);background:#fff;}
.orx3 a.orx3__btn--ghost:hover,.orsec a.ors-btn--ghost:hover{border-color:rgba(32,89,233,.45);color:var(--or-blue);transform:translateY(-2px);}
.orsec a.ors-btn--onDark,.orsec a.ors-btn--onDark:visited{color:#fff;border:1.5px solid rgba(255,255,255,.32);}
.orsec a.ors-btn--onDark:hover{border-color:#fff;color:#fff;transform:translateY(-2px);}
.orx3 a.orx3__btn span,.orsec a.ors-btn span{transition:transform .18s ease;}
.orx3 a.orx3__btn:hover span,.orsec a.ors-btn:hover span{transform:translateX(4px);}

/* reveal (hidden only when JS confirmed) */
.bx-js .orx3 [data-bx-rv],.bx-js .orsec [data-bx-rv]{
  opacity:0;transform:translateY(20px);
  transition:opacity .7s cubic-bezier(.2,.65,.25,1),transform .7s cubic-bezier(.2,.65,.25,1);
}
.bx-js .orx3 [data-bx-rv].bx-in,.bx-js .orsec [data-bx-rv].bx-in{opacity:1;transform:none;}
.orx3 [data-bx-rv="1"],.orsec [data-bx-rv="1"]{transition-delay:.07s}
.orx3 [data-bx-rv="2"],.orsec [data-bx-rv="2"]{transition-delay:.14s}
.orx3 [data-bx-rv="3"],.orsec [data-bx-rv="3"]{transition-delay:.21s}
.orx3 [data-bx-rv="4"],.orsec [data-bx-rv="4"]{transition-delay:.28s}
@media (prefers-reduced-motion:reduce){
  .bx-js .orx3 [data-bx-rv],.bx-js .orsec [data-bx-rv]{opacity:1!important;transform:none!important;transition:none;}
}

/* platform pill (shared) */
.ors-plat{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--or-line);
  border-radius:99px;padding:6px 13px 6px 6px;box-shadow:0 6px 18px rgba(16,44,100,.06);
  transition:transform .2s ease,box-shadow .2s ease;}
.ors-plat:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(16,44,100,.14);}
.ors-plat i{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;}
.ors-plat b{font-size:.81rem;font-weight:650;color:var(--or-ink);}

/* ==========================================================================
   HERO
   ========================================================================== */
.orx3{position:relative;overflow:hidden;padding:116px 0 62px;
  background:linear-gradient(180deg,#f7faff 0%,#eef3fc 56%,#e8f0fc 100%);}
.orx3__wash{position:absolute;right:-180px;top:-250px;width:1080px;height:1080px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(32,89,233,.11) 0%,rgba(32,89,233,.03) 46%,rgba(255,255,255,0) 70%);}
.orx3__dots{position:absolute;top:92px;left:34px;width:150px;height:118px;opacity:.45;pointer-events:none;
  background-image:radial-gradient(rgba(32,89,233,.32) 1.7px,transparent 1.7px);background-size:19px 19px;}
.orx3__grid{position:relative;z-index:4;display:grid;grid-template-columns:1.04fr .96fr;gap:30px;align-items:center;}
.orx3__title{font-family:var(--or-display);font-size:clamp(2.3rem,4vw,3.9rem);line-height:1.03;letter-spacing:-.03em;font-weight:800;color:var(--or-ink);margin:0;}
.orx3__title em{font-style:normal;color:var(--or-blue);}
.orx3__lead{font-size:1.05rem;line-height:1.68;max-width:520px;margin:24px 0 30px;}
.orx3__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.orx3__plats{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px;}

/* stage */
.orx3__stage{position:relative;min-height:600px;display:flex;align-items:flex-end;justify-content:center;}
.orx3__stage picture{display:block;position:relative;z-index:3;width:min(470px,90%);margin:0 auto;}
.orx3__mascot{width:100%;display:block;filter:drop-shadow(0 26px 34px rgba(13,34,80,.18));}
.orx3__glow{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);width:min(420px,84%);height:130px;
  border-radius:50%;z-index:1;background:radial-gradient(ellipse,rgba(32,89,233,.16) 0%,rgba(32,89,233,0) 70%);}

/* ==========================================================================
   WHY SOCIAL
   ========================================================================== */
.ors-why{background:#fff;padding:94px 0 86px;}
.ors-why__grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:56px;align-items:start;}
.ors-why__copy p{font-size:1rem;line-height:1.75;margin:16px 0 0;}
.ors-pillars{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.ors-pill{background:#fff;border:1px solid var(--or-line);border-radius:16px;padding:26px 22px;
  box-shadow:0 6px 22px rgba(16,44,100,.05);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.ors-pill:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(16,44,100,.13);border-color:rgba(32,89,233,.32);}
.ors-pill__ic{width:52px;height:52px;border-radius:13px;background:var(--or-tint);color:var(--or-blue);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.ors-pill p{font-size:.89rem;line-height:1.62;margin:10px 0 0;}

/* ==========================================================================
   SHOWCASE
   ========================================================================== */
.ors-show{background:linear-gradient(180deg,#f6f9ff 0%,#eef3fc 100%);padding:90px 0;}
.ors-show__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.ors-shot{background:#fff;border:1px solid var(--or-line);border-radius:20px;overflow:hidden;
  box-shadow:0 16px 44px rgba(16,44,100,.10);transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease;}
.ors-shot:hover{transform:translateY(-6px);box-shadow:0 30px 68px rgba(16,44,100,.17);}
.ors-shot__img{display:block;width:100%;aspect-ratio:1200/820;object-fit:cover;background:var(--or-tint);}
.ors-shot__cap{padding:20px 22px 22px;border-top:1px solid var(--or-line);}
.ors-shot__cap span{display:block;font-family:var(--or-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--or-blue);margin-bottom:7px;}
.ors-shot__cap p{font-size:.89rem;line-height:1.6;margin:6px 0 0;}
.ors-show__note{margin-top:28px;text-align:center;font-family:var(--or-mono);font-size:.73rem;color:var(--or-muted);}

/* ==========================================================================
   GROWTH TIMELINE
   ========================================================================== */
.ors-growth{background:#fff;padding:92px 0;position:relative;overflow:hidden;}
.ors-growth__canvas{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(32,89,233,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(32,89,233,.06) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse 66% 56% at 50% 42%,#000 30%,transparent 76%);
          mask-image:radial-gradient(ellipse 66% 56% at 50% 42%,#000 30%,transparent 76%);}
.ors-growth .ors-wrap{position:relative;z-index:2;}
.ors-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ors-step{position:relative;text-align:center;padding:0 12px;}
.ors-step__ic{width:86px;height:86px;border-radius:50%;background:#fff;color:var(--or-blue);
  box-shadow:0 10px 26px rgba(16,44,100,.10);border:1px solid var(--or-line);
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;z-index:2;
  transition:transform .22s ease,box-shadow .22s ease;}
.ors-step:hover .ors-step__ic{transform:translateY(-4px) scale(1.04);box-shadow:0 20px 44px rgba(16,44,100,.16);}
.ors-step__line{position:absolute;top:43px;left:calc(50% + 55px);right:calc(-50% + 55px);height:12px;z-index:1;color:rgba(32,89,233,.5);pointer-events:none;}
.ors-step:last-child .ors-step__line{display:none;}
.ors-step__line i{position:absolute;left:0;right:11px;top:5px;border-top:2.5px dotted currentColor;}
.ors-step__line b{position:absolute;right:0;top:0;width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;}
.ors-step__n{display:inline-block;font-family:var(--or-mono);font-size:.66rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--or-blue);border-radius:99px;padding:5px 13px;margin-bottom:11px;}
.ors-step p{font-size:.89rem;line-height:1.62;margin:9px 0 0;}

/* ==========================================================================
   TIERS
   ========================================================================== */
.ors-tiers{background:linear-gradient(180deg,#eef3fc 0%,#f7faff 100%);padding:92px 0;}
.ors-tiers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;}
.ors-tier{background:#fff;border:1px solid var(--or-line);border-radius:20px;padding:30px 26px 26px;
  box-shadow:0 12px 38px rgba(16,44,100,.07);position:relative;display:flex;flex-direction:column;height:100%;
  transition:transform .24s ease,box-shadow .24s ease;}
.ors-tier:hover{transform:translateY(-5px);box-shadow:0 28px 64px rgba(16,44,100,.15);}
.ors-tier--featured{border:2px solid var(--or-blue);box-shadow:0 22px 56px rgba(32,89,233,.18);}
.ors-tier__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--or-blue);color:#fff;
  font-family:var(--or-mono);font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  padding:6px 15px;border-radius:99px;white-space:nowrap;box-shadow:0 8px 20px rgba(32,89,233,.34);}
.ors-tier__id{display:flex;align-items:center;gap:13px;}
.ors-tier__abbr{width:46px;height:46px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;
  font-family:var(--or-mono);font-weight:700;font-size:.9rem;}
.ors-tier--fd .ors-tier__abbr{background:var(--or-tint);color:var(--or-blue);}
.ors-tier--fs .ors-tier__abbr{background:var(--or-blue);color:#fff;}
.ors-tier--en .ors-tier__abbr{background:var(--or-navy);color:#fff;}
.ors-tier__name{font-family:var(--or-display);font-size:1.42rem;font-weight:800;letter-spacing:-.02em;color:var(--or-ink);margin:0;line-height:1.1;}
.ors-tier__sub{display:block;font-family:var(--or-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--or-muted);margin-top:5px;}
.ors-tier__desc{font-size:.92rem;line-height:1.65;margin:16px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--or-line);}
.ors-tier__marks{display:flex;gap:7px;margin-bottom:18px;}
.ors-tier__marks i{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;}
.ors-tier__list{list-style:none;margin:0;padding:0;flex:1;}
.ors-tier__list li{display:flex;gap:11px;padding:9px 0;font-size:.88rem;line-height:1.55;color:var(--or-body);}
.ors-tier__list li svg{flex:none;margin-top:3px;color:var(--or-blue);}
.ors-tier__list strong{color:var(--or-ink);font-weight:650;}
.ors-tier__ideal{background:var(--or-tint);border-radius:12px;padding:14px 16px;margin:18px 0;font-size:.83rem;line-height:1.55;}
.ors-tier__ideal b{display:block;color:var(--or-ink);margin-bottom:3px;font-size:.8rem;}
.ors-tier--featured .ors-tier__ideal{background:rgba(32,89,233,.08);}

/* ==========================================================================
   COMPARISON / FAQ / CTA
   ========================================================================== */
.ors-cmp{background:#fff;padding:88px 0;}
.ors-table-card{border:1px solid var(--or-line);border-radius:18px;overflow:hidden;box-shadow:0 12px 38px rgba(16,44,100,.07);}
.ors-table-scroll{overflow-x:auto;}
.orsec table.ors-table{width:100%;border-collapse:collapse;min-width:700px;margin:0;}
.orsec table.ors-table th{background:var(--or-navy);color:#fff;text-align:center;font-family:var(--or-font);font-size:.88rem;font-weight:650;padding:16px 18px;border:0;}
.orsec table.ors-table th:first-child{text-align:left;padding-left:26px;}
.orsec table.ors-table td{padding:14px 18px;text-align:center;font-size:.88rem;color:var(--or-ink);border:0;border-top:1px solid #eef2f9;background:#fff;}
.orsec table.ors-table td:first-child{text-align:left;padding-left:26px;font-weight:600;}
.orsec table.ors-table tbody tr:nth-child(even) td{background:#f8fafd;}
.ors-table .ck{color:var(--or-blue);display:inline-flex;vertical-align:middle;}
.ors-table .cl{color:var(--or-body);font-size:.82rem;display:inline-block;}
.ors-table .cx{color:#b9c3d4;}

.ors-faq{background:linear-gradient(180deg,#f7faff 0%,#eef3fc 100%);padding:88px 0;}
.ors-faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.orsec details.ors-q{background:#fff;border:1px solid var(--or-line);border-radius:15px;box-shadow:0 6px 20px rgba(16,44,100,.04);overflow:hidden;margin:0;}
.orsec details.ors-q[open]{border-color:rgba(32,89,233,.34);box-shadow:0 16px 40px rgba(16,44,100,.10);}
.orsec details.ors-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:19px 22px;font-weight:650;font-size:.97rem;color:var(--or-ink);font-family:var(--or-font);}
.orsec details.ors-q summary::-webkit-details-marker{display:none;}
.ors-q__plus{flex:none;width:28px;height:28px;border-radius:50%;background:var(--or-tint);color:var(--or-blue);display:flex;align-items:center;justify-content:center;transition:transform .25s ease;}
.orsec details.ors-q[open] .ors-q__plus{transform:rotate(45deg);}
.ors-q__a{padding:0 22px 20px;font-size:.9rem;line-height:1.7;}
.ors-q__a strong{color:var(--or-ink);}

.ors-cta{position:relative;background:var(--or-navy);overflow:hidden;padding:96px 0;}
.ors-cta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(640px 300px at 78% 16%,rgba(32,89,233,.30),transparent 70%),
             radial-gradient(520px 280px at 12% 88%,rgba(32,89,233,.18),transparent 70%);}
.ors-cta__dots{position:absolute;width:140px;height:100px;opacity:.42;pointer-events:none;
  background-image:radial-gradient(rgba(141,177,255,.42) 1.5px,transparent 1.5px);background-size:18px 18px;}
.ors-cta__dots--tr{top:56px;right:44px;} .ors-cta__dots--bl{bottom:56px;left:44px;}
.ors-cta__mark{position:absolute;right:6%;bottom:-40px;width:280px;opacity:.06;pointer-events:none;}
.ors-cta__inner{position:relative;z-index:2;text-align:center;max-width:860px;margin:0 auto;}
.orsec h2.ors-cta__title{font-family:var(--or-display);color:#fff;font-size:clamp(2rem,3.3vw,2.85rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:0;}
.orsec h2.ors-cta__title span{color:#79a1ff;}
.ors-cta__lead{color:#b6c5e3;font-size:1.02rem;line-height:1.7;max-width:660px;margin:20px auto 34px;}
.ors-cta__plats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:34px;}
.ors-cta__plats i{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.ors-cta__methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;}
.ors-method{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:15px;padding:24px 18px;text-align:center;transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.ors-method:hover{background:rgba(255,255,255,.08);border-color:rgba(141,177,255,.45);transform:translateY(-3px);}
.ors-method__ic{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(126,164,255,.6);color:#8db1ff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;}
.ors-method h4{font-family:var(--or-font);color:#8fa3c4;font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;}
.orsec .ors-method a{color:#fff;font-weight:650;font-size:.98rem;text-decoration:none;}
.orsec .ors-method a:hover{color:#9db9ff;}
.ors-cta__actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.ors-cta__fine{font-family:var(--or-mono);color:#8fa3c4;font-size:.73rem;margin:32px 0 0;}

/* ==========================================================================
   THEME OVERRIDE GUARD
   ========================================================================== */
.orx3 h1,.orx3 h2,.orx3 h3,.orx3 h4,
.orsec h1,.orsec h2,.orsec h3,.orsec h4{border:0!important;}
.orsec h2.ors-h2,.orsec h3.ors-h3,.orsec h3.ors-tier__name{color:var(--or-ink)!important;}
.orx3 h1.orx3__title{color:var(--or-ink)!important;}
.orx3 h1.orx3__title em{color:var(--or-blue)!important;}
.orsec p{color:var(--or-body);}
.orsec h2.ors-cta__title{color:#fff!important;}
.orsec h2.ors-cta__title span{color:#79a1ff!important;}
.orsec .ors-cta .ors-cta__lead{color:#b6c5e3!important;}
.orsec .ors-cta .ors-cta__fine{color:#8fa3c4!important;}
.orsec .ors-cta .ors-method h4{color:#8fa3c4!important;}
.orsec .ors-cta .ors-kicker{color:#8db1ff!important;background:rgba(141,177,255,.10);border-color:rgba(141,177,255,.28);}
.orsec .ors-cta .ors-kicker i{background:#8db1ff;}
/* stale sitewide section nav points at removed anchors */
.sx-sw-section-nav{display:none!important;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1120px){
  .orx3__grid{grid-template-columns:1fr;gap:16px;}
  .orx3__copy{text-align:center;}
  .orx3__lead{margin-left:auto;margin-right:auto;}
  .orx3__actions,.orx3__plats{justify-content:center;}
  .orx3__stage{min-height:520px;margin-top:12px;}
  .ors-why__grid{grid-template-columns:1fr;gap:40px;}
  .ors-steps{grid-template-columns:1fr 1fr;row-gap:42px;}
  .ors-step__line{display:none;}
}
@media (max-width:900px){
  .orx3{padding:96px 0 54px;}
  .ors-why{padding:72px 0 66px;}
  .ors-show,.ors-growth,.ors-tiers,.ors-cmp,.ors-faq{padding:70px 0;}
  .ors-show__grid{grid-template-columns:1fr;}
  .ors-tiers__grid{grid-template-columns:1fr;gap:30px;}
  .ors-faq__grid{grid-template-columns:1fr;}
  .ors-cta__methods{grid-template-columns:1fr;}
  .ors-head{margin-bottom:40px;}
  .orx3__stage picture{width:min(400px,80%);}
}
@media (max-width:600px){
  .orx3{padding:84px 0 46px;}
  .orx3__plats{gap:8px;margin-top:30px;}
  .ors-plat{padding:6px 13px 6px 6px;}
  .ors-plat i{width:26px;height:26px;border-radius:8px;}
  .ors-plat b{font-size:.78rem;}
  .orx3 a.orx3__btn,.orsec a.ors-btn{width:100%;justify-content:center;}
  .orx3__stage picture{width:min(300px,78%);}
  .ors-pillars{grid-template-columns:1fr;}
  .ors-steps{grid-template-columns:1fr;row-gap:34px;}
  .ors-tier{padding:26px 20px 22px;}
  .ors-cta{padding:72px 0;}
  .ors-shot__cap{padding:16px 16px 18px;}
}