/* TEGA Solution - TCRM case-study section 02 layout with native TEGA screenshots.
   Scoped by .tega-crm-solution: no alteration to challenge, hero, navbar or existing gallery. */
.tega-crm-solution{
  --tega-sol-x:56%;--tega-sol-y:48%;
  color:#102b49;position:relative;isolation:isolate;overflow:hidden;direction:rtl;
  background:linear-gradient(122deg,#f3f4ff 0%,#fafaff 44%,#f5f6ff 100%);
  padding:100px 0 108px;
}
.tega-crm-solution::before{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 530px 460px at var(--tega-sol-x) var(--tega-sol-y),rgba(131,110,252,.07),transparent 74%),radial-gradient(ellipse 590px 500px at 73% 32%,rgba(126,105,251,.07),transparent 80%)}
.tega-crm-solution .solution-glow-orbit{position:absolute;border:1px solid rgba(128,110,252,.085);width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:-1}
.tega-crm-solution .solution-orbit-one{left:41%;bottom:-340px}
.tega-crm-solution .solution-orbit-two{right:-160px;top:-320px;width:580px;height:580px}
.tega-crm-solution .solution-tcrm-grid{
 width:min(1360px,calc(100% - 80px));max-width:1360px;margin:auto;display:grid;
 grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(35px,5.5vw,88px);
 align-items:center;direction:ltr;position:relative;z-index:1
}
.tega-crm-solution .solution-tcrm-copy{direction:rtl;text-align:right;max-width:570px;min-width:0;justify-self:end}
.tega-crm-solution .solution-tcrm-index{display:block;color:rgba(111,97,255,.10);font:900 clamp(76px,6.2vw,100px)/.86 Inter,Arial,sans-serif;letter-spacing:-3px;direction:ltr;text-align:right}
.tega-crm-solution .solution-tcrm-kicker{font:800 11px/1.5 Inter,Arial,sans-serif;color:#8191a9;letter-spacing:2px;margin:10px 0 30px;direction:ltr;text-align:right}
.tega-crm-solution h2{font:900 clamp(34px,3.45vw,59px)/1.42 Cairo,Tahoma,sans-serif;letter-spacing:-.8px;margin:0 0 21px;color:#102b49;text-align:right}
.tega-crm-solution h2>span{display:block}
.tega-crm-solution .solution-tcrm-accent{background:linear-gradient(110deg,#6757f9,#a080ff 53%,#7769ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:160% 100%;color:#796aff}
.tega-crm-solution .solution-tcrm-copy>p{font:500 16px/2.15 Cairo,Tahoma,sans-serif;color:#62778f;margin:0 0 27px;max-width:560px}
.tega-crm-solution .solution-tcrm-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;direction:rtl}
.tega-crm-solution .solution-tcrm-chips span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid rgba(207,211,247,.88);border-radius:999px;background:rgba(255,255,255,.75);color:#576b86;font:800 11px/1.55 Cairo,Tahoma,sans-serif;white-space:nowrap;box-shadow:0 7px 20px rgba(60,52,120,.035)}
.tega-crm-solution .solution-tcrm-visual{width:100%;min-width:0;direction:ltr;position:relative;perspective:1100px}
.tega-crm-solution .solution-tcrm-visual::before{content:"";position:absolute;z-index:-1;inset:-28px -32px 18px;pointer-events:none;background:radial-gradient(ellipse,rgba(117,96,255,.15),transparent 68%);filter:blur(23px)}
.tega-crm-solution .solution-tcrm-browser{width:100%;background:#f7f8fc;overflow:hidden;border-radius:30px;border:5px solid rgba(255,255,255,.83);box-shadow:0 25px 68px rgba(69,63,127,.16),0 0 36px rgba(143,123,253,.13),0 0 0 1px rgba(169,171,234,.18);transform:perspective(1400px) rotateX(var(--solution-tilt-x,0deg)) rotateY(var(--solution-tilt-y,0deg));transform-style:preserve-3d;transition:transform .36s ease,box-shadow .36s ease;will-change:transform}
.tega-crm-solution .solution-tcrm-browser:hover{box-shadow:0 32px 85px rgba(69,63,127,.2),0 0 45px rgba(143,123,253,.15)}
.tega-crm-solution .solution-tcrm-toolbar{display:flex;align-items:center;justify-content:space-between;direction:ltr;height:46px;padding:0 15px;background:linear-gradient(#f7faff,#eff3f9);border-bottom:1px solid #e9edf5}
.tega-crm-solution .solution-tcrm-dots{display:flex;gap:7px}
.tega-crm-solution .solution-tcrm-dots i{width:8px;height:8px;display:block;background:#ff6c6c;border-radius:50%}
.tega-crm-solution .solution-tcrm-dots i:nth-child(2){background:#ffbf4d}
.tega-crm-solution .solution-tcrm-dots i:nth-child(3){background:#40cb8b}
.tega-crm-solution .solution-tcrm-address{font:700 11px/1.4 Inter,Arial,sans-serif;color:#8da0b7;letter-spacing:.2px}
.tega-crm-solution .solution-tcrm-screen{height:auto;aspect-ratio:1580/850;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:#08090d;position:relative}
.tega-crm-solution .solution-tcrm-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;max-width:none;transition:opacity .25s ease,transform .38s ease;filter:none}
.tega-crm-solution .solution-tcrm-screen img.is-changing{opacity:.18;transform:scale(1.01)}
.tega-crm-solution .solution-tcrm-preview-tabs{display:flex;gap:11px;flex-wrap:wrap;justify-content:center;padding:18px 8px 0;direction:ltr}
.tega-crm-solution .solution-tcrm-preview-tab{appearance:none;cursor:pointer;border:1px solid rgba(210,213,247,.72);background:rgba(255,255,255,.83);color:#526882;font:800 11px/1.55 Inter,Arial,sans-serif;min-height:37px;padding:9px 14px;border-radius:999px;box-shadow:0 10px 24px rgba(55,48,127,.045);transition:transform .22s,background .22s,border-color .22s,color .22s}
.tega-crm-solution .solution-tcrm-preview-tab:hover{transform:translateY(-2px);border-color:#a395fa}
.tega-crm-solution .solution-tcrm-preview-tab.is-active{border-color:#aea2fd;color:#5545b4;background:#eeeafe}
.tega-crm-solution .solution-tcrm-preview-tab:focus-visible{outline:3px solid #816aff;outline-offset:3px}
@media(max-width:1180px){
 .tega-crm-solution{padding:84px 0}
 .tega-crm-solution .solution-tcrm-grid{width:min(100% - 44px,850px);grid-template-columns:1fr;gap:45px}
 .tega-crm-solution .solution-tcrm-copy{max-width:850px;justify-self:stretch;grid-row:1}
 .tega-crm-solution .solution-tcrm-visual{grid-row:2;max-width:820px;margin:0 auto}
 .tega-crm-solution h2{font-size:clamp(36px,4.7vw,55px)}
}
@media(max-width:680px){
 .tega-crm-solution{padding:70px 0 76px}
 .tega-crm-solution .solution-tcrm-grid{width:calc(100% - 32px);gap:28px}
 .tega-crm-solution .solution-tcrm-index{font-size:62px}
 .tega-crm-solution .solution-tcrm-kicker{font-size:9px;margin:9px 0 16px}
 .tega-crm-solution h2{font-size:clamp(29px,7vw,40px);line-height:1.48;margin-bottom:14px}
 .tega-crm-solution .solution-tcrm-copy>p{font-size:12px;line-height:2;margin-bottom:20px}
 .tega-crm-solution .solution-tcrm-chips{gap:7px}
 .tega-crm-solution .solution-tcrm-chips span{font-size:9px;min-height:32px;padding:6px 9px}
 .tega-crm-solution .solution-tcrm-browser{border-radius:20px;border-width:3px}
 .tega-crm-solution .solution-tcrm-toolbar{height:35px;padding:0 11px}
 .tega-crm-solution .solution-tcrm-dots{gap:5px}
 .tega-crm-solution .solution-tcrm-dots i{width:6px;height:6px}
 .tega-crm-solution .solution-tcrm-address{font-size:7px}
 .tega-crm-solution .solution-tcrm-screen{aspect-ratio:1580/915}
 .tega-crm-solution .solution-tcrm-preview-tabs{gap:6px;padding-top:13px}
 .tega-crm-solution .solution-tcrm-preview-tab{font-size:9px;padding:7px 10px;min-height:32px}
}
@media(prefers-reduced-motion:reduce){
 .tega-crm-solution .solution-tcrm-browser,
 .tega-crm-solution .solution-tcrm-screen img,
 .tega-crm-solution .solution-tcrm-preview-tab{transition:none!important;transform:none!important;animation:none!important}
}