#tcrm-case-study{
  --navy:#06192c;
  --navy-2:#0a2340;
  --navy-3:#0f3155;
  --gold:#f9bd38;
  --gold-2:#ffd567;
  --text:#f7fbff;
  --muted:#b7c5d4;
  --ink:#0f2740;
  --light:#f6f9fd;
  --line:#dfe7f0;
  --blue:#377bff;
  --green:#2dbd83;
}
#tcrm-case-study *{box-sizing:border-box}
#tcrm-case-study{scroll-behavior:smooth}
#tcrm-case-study{margin:0;font-family:"Cairo",sans-serif;background:var(--navy);color:var(--text);overflow-x:hidden}
#tcrm-case-study a{text-decoration:none;color:inherit}
#tcrm-case-study button{font:inherit}
#tcrm-case-study .container{width:min(1180px,calc(100% - 56px));margin-inline:auto}
#tcrm-case-study .section{padding:88px 0}
#tcrm-case-study .site-shell{min-height:100vh;background:radial-gradient(circle at 12% 4%,#143d67 0,transparent 28%),linear-gradient(180deg,#071a2d 0%,#06192c 100%)}

#tcrm-case-study .topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:20;padding-top:8px}
#tcrm-case-study .simple-topbar{direction:ltr}
#tcrm-case-study .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:.3px}
#tcrm-case-study .brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#377bff,#67a8ff);font-weight:800;box-shadow:0 12px 28px rgba(55,123,255,.28)}
#tcrm-case-study .outline-btn{border:1px solid rgba(249,189,56,.82);padding:14px 26px;border-radius:14px;color:var(--gold);font-size:15px;font-weight:700;transition:.2s}
#tcrm-case-study .outline-btn:hover{background:rgba(249,189,56,.08)}

#tcrm-case-study .hero{padding:10px 0 72px;min-height:calc(100vh - 96px);display:flex;align-items:center;position:relative;overflow:hidden}
#tcrm-case-study .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(40,86,138,.45),transparent 35%),radial-gradient(circle at 88% 68%,rgba(11,44,76,.35),transparent 26%)}
#tcrm-case-study .hero::after{content:"";position:absolute;left:-8%;bottom:-10%;width:46%;height:44%;background:radial-gradient(circle,rgba(34,87,139,.2),transparent 65%);filter:blur(28px)}
#tcrm-case-study .hero-grid{display:grid;grid-template-columns:1.2fr .88fr;align-items:center;gap:64px;direction:ltr;position:relative;z-index:2}
#tcrm-case-study .hero-copy{direction:rtl;position:relative;z-index:3;max-width:520px}
#tcrm-case-study .eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-weight:700;margin-bottom:22px;font-size:16px}#tcrm-case-study .eyebrow span,#tcrm-case-study .section-heading>span{width:38px;height:2px;background:var(--gold);display:inline-block}
#tcrm-case-study .hero h1{font-size:clamp(56px,6vw,92px);line-height:1.02;margin:0 0 26px;font-weight:800;letter-spacing:-1.8px}
#tcrm-case-study .hero h1 strong{color:white;font-weight:800}
#tcrm-case-study .hero-copy>p{color:#c7d3df;font-size:22px;line-height:1.85;max-width:520px;margin:0}
#tcrm-case-study .hero-features{display:flex;gap:34px;margin-top:48px;flex-wrap:wrap}
#tcrm-case-study .mini-feature{display:flex;align-items:center;gap:10px;color:#eef4fb;font-size:18px}#tcrm-case-study .mini-feature span{color:var(--gold);font-size:22px}
#tcrm-case-study .hero-visual{direction:ltr;position:relative;z-index:2}
#tcrm-case-study .monitor-wrap{position:relative;padding-bottom:70px;transform:translateY(10px)}
#tcrm-case-study .monitor{position:relative;background:#0a1018;border:8px solid #151d26;border-radius:26px;padding:14px;box-shadow:0 36px 90px rgba(0,0,0,.48);transform:perspective(1200px) rotateY(7deg) rotateX(1deg)}
#tcrm-case-study .monitor::after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
#tcrm-case-study .monitor-stand{position:absolute;width:132px;height:62px;background:linear-gradient(#1f2933,#111820);left:50%;bottom:18px;transform:translateX(-50%);clip-path:polygon(34% 0,66% 0,80% 100%,20% 100%)}
#tcrm-case-study .monitor-base{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:260px;height:20px;border-radius:50%;background:#18222c;box-shadow:0 12px 25px rgba(0,0,0,.5)}
#tcrm-case-study .dashboard-app{display:flex;background:#f7f9fc;color:#10243a;min-height:450px;border-radius:14px;overflow:hidden;direction:ltr}#tcrm-case-study .app-sidebar{width:132px;background:#081b31;color:#d4deea;padding:18px 12px;direction:rtl}#tcrm-case-study .app-logo{font-weight:800;font-size:14px;display:flex;gap:8px;align-items:center;margin-bottom:22px}#tcrm-case-study .app-logo b{display:grid;place-items:center;background:#286cff;color:white;width:24px;height:24px;border-radius:8px}#tcrm-case-study .app-sidebar ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}#tcrm-case-study .app-sidebar li{font-size:10px;padding:10px 9px;border-radius:8px;display:flex;gap:7px;align-items:center;white-space:nowrap}#tcrm-case-study .app-sidebar li.active{background:#15375d;color:#fff}#tcrm-case-study .app-content{flex:1;padding:16px;direction:rtl}#tcrm-case-study .app-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}#tcrm-case-study .search{height:34px;border-radius:10px;background:#fff;border:1px solid #edf1f5;color:#9caabc;display:flex;align-items:center;padding:0 12px;font-size:10px;flex:1}#tcrm-case-study .user-chip{font-size:10px;display:flex;align-items:center;gap:7px}#tcrm-case-study .avatar{width:24px;height:24px;border-radius:50%;background:#d6e4f8;display:grid;place-items:center}#tcrm-case-study .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#tcrm-case-study .stat-card{background:white;border:1px solid #edf1f5;border-radius:10px;padding:12px;display:grid;gap:4px}#tcrm-case-study .stat-card small{font-size:8px;color:#7f8ea0}#tcrm-case-study .stat-card b{font-size:18px}#tcrm-case-study .stat-card em{font-size:8px;color:#1ea76f;font-style:normal}#tcrm-case-study .analytics-row{display:grid;grid-template-columns:1.5fr .8fr;gap:10px;margin-top:10px}#tcrm-case-study .chart-card,#tcrm-case-study .table-card{background:#fff;border:1px solid #edf1f5;border-radius:10px;padding:12px}#tcrm-case-study .card-title{font-size:9px;font-weight:700;margin-bottom:7px}#tcrm-case-study .line-card svg{width:100%;height:94px}#tcrm-case-study .donut-card{display:grid;justify-items:center}#tcrm-case-study .donut{width:86px;height:86px;border-radius:50%;background:conic-gradient(#2f6df6 0 72%,#e9eef7 72%);display:grid;place-items:center;position:relative}#tcrm-case-study .donut::before{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:#fff}#tcrm-case-study .donut span{position:relative;font-size:14px;font-weight:800}#tcrm-case-study .legend{font-size:7px;color:#748398;margin-top:8px}#tcrm-case-study .legend i{display:inline-block;width:6px;height:6px;background:#2f6df6;border-radius:50%}#tcrm-case-study .table-card{margin-top:10px}#tcrm-case-study .table-row{display:grid;grid-template-columns:1.3fr .9fr .9fr .6fr;gap:5px;font-size:7.2px;padding:7px 2px;border-top:1px solid #f0f3f7}#tcrm-case-study .table-head{font-weight:700;color:#607086}#tcrm-case-study .status{padding:2px 5px;border-radius:999px;width:max-content}#tcrm-case-study .status.green{background:#e4f6ee;color:#1e9d6c}#tcrm-case-study .status.amber{background:#fff2d8;color:#c8830b}#tcrm-case-study .status.red{background:#ffe4e5;color:#c94b55}

@media(max-width:1050px){
  #tcrm-case-study .hero-grid,#tcrm-case-study .split-grid{grid-template-columns:1fr}
  #tcrm-case-study .hero{min-height:auto;padding-top:0}
  #tcrm-case-study .hero-copy{text-align:center;max-width:none}
  #tcrm-case-study .hero-copy>p{margin-inline:auto}
  #tcrm-case-study .hero-features{justify-content:center}
  #tcrm-case-study .hero-visual{max-width:900px;margin-inline:auto;order:2}
  #tcrm-case-study .hero-copy{order:1}
  #tcrm-case-study .challenge-list{grid-template-columns:1fr 1fr}
  #tcrm-case-study .screens-layout{grid-template-columns:1fr}
  #tcrm-case-study .screen-thumbs{grid-template-columns:repeat(4,1fr)}
  #tcrm-case-study .thumb-preview{height:90px}
  #tcrm-case-study .results-grid{grid-template-columns:1fr 1fr;gap:24px}
  #tcrm-case-study .result-item{border:0}
}
@media(max-width:720px){
  #tcrm-case-study .container{width:min(100% - 30px,1180px)}
  #tcrm-case-study .section{padding:64px 0}
  #tcrm-case-study .topbar{height:74px}
  #tcrm-case-study .outline-btn{display:none}
  #tcrm-case-study .hero{min-height:auto;padding-bottom:48px}
  #tcrm-case-study .hero-grid{gap:32px}
  #tcrm-case-study .hero h1{font-size:46px;line-height:1.06}
  #tcrm-case-study .hero-copy>p{font-size:16px}
  #tcrm-case-study .monitor{transform:none;border-width:6px}
  #tcrm-case-study .dashboard-app{min-height:300px}
  #tcrm-case-study .app-sidebar{width:88px}
  #tcrm-case-study .stats-row{grid-template-columns:1fr 1fr}
  #tcrm-case-study .analytics-row{grid-template-columns:1fr}
  #tcrm-case-study .donut-card{display:none}
  #tcrm-case-study .challenge-list{grid-template-columns:1fr}
  #tcrm-case-study .kanban-board{grid-template-columns:1fr 1fr}
  #tcrm-case-study .kanban-col:nth-child(n+3){display:none}
  #tcrm-case-study .screens-head{align-items:flex-start;flex-direction:column}
  #tcrm-case-study .screen-tabs{display:none}
  #tcrm-case-study .screen-thumbs{grid-template-columns:1fr 1fr}
  #tcrm-case-study .screen-canvas{height:360px}
  #tcrm-case-study .results-grid{grid-template-columns:1fr}
  #tcrm-case-study .cta-box{flex-direction:column;text-align:center}
  #tcrm-case-study .footer{flex-direction:column;justify-content:center;gap:8px}
  #tcrm-case-study .hero-features{gap:14px}
}

#tcrm-case-study .light-section{background:#f8fbff;color:var(--ink)}#tcrm-case-study .split-grid{display:grid;grid-template-columns:.85fr 1.45fr;gap:58px;align-items:center;direction:rtl}#tcrm-case-study .section-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}#tcrm-case-study .section-heading h2,#tcrm-case-study .section-heading h3{margin:0}#tcrm-case-study .section-heading h2{font-size:36px}#tcrm-case-study .section-heading.small h3{font-size:26px}#tcrm-case-study .challenge-copy>p{font-size:17px;line-height:1.9;color:#597087;margin:0 0 30px}#tcrm-case-study .challenge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#tcrm-case-study .challenge-item{background:white;border:1px solid #e9eef5;border-radius:16px;padding:18px;min-height:120px;box-shadow:0 16px 35px rgba(15,39,64,.05)}#tcrm-case-study .challenge-item b{display:block;font-size:14px;margin-bottom:8px}#tcrm-case-study .challenge-item span{font-size:12px;line-height:1.7;color:#6a7e91}#tcrm-case-study .solution-box{margin-top:24px;padding:24px;border-radius:18px;background:linear-gradient(135deg,#f0f6fc,#fff);border:1px solid #e4ebf3}#tcrm-case-study .solution-box p{margin:0;color:#5f7387;line-height:1.8}
#tcrm-case-study .kanban-window{background:#fff;border-radius:20px;box-shadow:0 30px 70px rgba(26,50,77,.15);overflow:hidden;transform:rotate(-1deg)}#tcrm-case-study .window-top{height:28px;background:#f0f4f8;display:flex;gap:6px;align-items:center;padding:0 12px;direction:ltr}#tcrm-case-study .window-top span{width:8px;height:8px;border-radius:50%;background:#d6dde6}#tcrm-case-study .kanban-app{min-height:430px;border-radius:0}#tcrm-case-study .app-sidebar.compact{width:112px}#tcrm-case-study .kanban-content{flex:1;padding:16px;direction:rtl}#tcrm-case-study .kanban-content .app-topbar button{background:#0b2038;color:#fff;border:0;border-radius:7px;padding:8px 12px;font-size:9px}#tcrm-case-study .kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}#tcrm-case-study .kanban-col{border-radius:10px;padding:8px;min-height:300px}#tcrm-case-study .kanban-col h4{font-size:9px;margin:2px 0 8px}#tcrm-case-study .kanban-col article{background:white;border:1px solid rgba(15,39,64,.08);border-radius:8px;padding:9px;font-size:7px;margin-bottom:7px;box-shadow:0 5px 14px rgba(0,0,0,.04)}#tcrm-case-study .kanban-col article small{display:block;margin-top:5px;color:#8291a2}#tcrm-case-study .kanban-col.blue{background:#eaf3ff}#tcrm-case-study .kanban-col.yellow{background:#fff8dc}#tcrm-case-study .kanban-col.orange{background:#fff0e5}#tcrm-case-study .kanban-col.red{background:#fff0f1}#tcrm-case-study .kanban-col.green{background:#e9f8f1}

#tcrm-case-study .screens{background:#fff;color:var(--ink)}#tcrm-case-study .screens-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}#tcrm-case-study .screens-head p{margin:0;color:#6b7f92;max-width:620px}#tcrm-case-study .screen-tabs{display:flex;gap:8px;flex-wrap:wrap}#tcrm-case-study .screen-tabs button{border:1px solid #dfe7f0;background:#fff;color:#5d7187;padding:10px 14px;border-radius:999px;cursor:pointer}#tcrm-case-study .screen-tabs button.active{background:#0b2038;color:white;border-color:#0b2038}#tcrm-case-study .screens-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:18px}#tcrm-case-study .screen-main{background:#eef3f8;border-radius:20px;padding:18px;position:relative}#tcrm-case-study .screen-label{position:absolute;bottom:28px;right:28px;background:#0a2038;color:#fff;border-radius:10px;padding:9px 12px;font-size:12px;z-index:4}#tcrm-case-study .screen-canvas{height:460px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(11,32,56,.12)}#tcrm-case-study .screen-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px}#tcrm-case-study .thumb{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:10px;text-align:right;cursor:pointer;color:var(--ink);transition:.2s}#tcrm-case-study .thumb:hover,#tcrm-case-study .thumb.active{border-color:#f0b93e;box-shadow:0 12px 25px rgba(15,39,64,.08)}#tcrm-case-study .thumb b{display:block;font-size:12px;margin-top:8px}#tcrm-case-study .thumb-preview{display:block;height:125px;border-radius:10px;background:#f7f9fc;position:relative;overflow:hidden}#tcrm-case-study .thumb-preview::before{content:"";position:absolute;inset:10px;background:linear-gradient(90deg,#0b2038 0 18%,#fff 18%);border-radius:6px}#tcrm-case-study .preview-dashboard::after{content:"";position:absolute;right:34px;left:52px;top:28px;height:34px;background:linear-gradient(90deg,#eaf1fb 0 24%,transparent 24% 27%,#eaf1fb 27% 51%,transparent 51% 54%,#eaf1fb 54% 78%,transparent 78% 81%,#eaf1fb 81%);border-radius:6px}#tcrm-case-study .preview-leads::after{content:"";position:absolute;right:34px;left:52px;top:34px;height:58px;background:repeating-linear-gradient(#edf2f7 0 7px,transparent 7px 13px)}#tcrm-case-study .preview-tasks::after{content:"";position:absolute;right:34px;left:52px;top:31px;height:62px;background:linear-gradient(90deg,#eaf3ff 0 22%,transparent 22% 25%,#fff3dd 25% 47%,transparent 47% 50%,#ffe8ea 50% 72%,transparent 72% 75%,#e8f8ef 75%);border-radius:6px}#tcrm-case-study .preview-reports::after{content:"";position:absolute;right:42px;bottom:26px;width:96px;height:58px;background:linear-gradient(to top,transparent 0),repeating-linear-gradient(90deg,#4f7cff 0 10px,transparent 10px 18px);opacity:.9}

#tcrm-case-study .results{position:relative;overflow:hidden}#tcrm-case-study .results::before,#tcrm-case-study .results::after{content:"";position:absolute;width:70%;height:180px;border:1px solid rgba(63,117,177,.18);border-radius:50%;left:-10%;bottom:-110px;transform:rotate(4deg)}#tcrm-case-study .results::after{left:auto;right:-18%;bottom:-90px}#tcrm-case-study .results-wrap{text-align:center}#tcrm-case-study .section-heading.center{justify-content:center}#tcrm-case-study .results-lead{max-width:700px;margin:0 auto 40px;color:var(--muted);font-size:18px;line-height:1.8}#tcrm-case-study .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}#tcrm-case-study .result-item{padding:12px 22px;border-left:1px solid rgba(255,255,255,.12)}#tcrm-case-study .result-item:last-child{border-left:0}#tcrm-case-study .result-item span{display:block;color:var(--gold);font-size:28px;margin-bottom:10px}#tcrm-case-study .result-item b{display:block;font-size:17px;margin-bottom:6px}#tcrm-case-study .result-item small{color:#b5c3d1;line-height:1.7}
#tcrm-case-study .cta{padding-top:20px}#tcrm-case-study .cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(249,189,56,.3);background:linear-gradient(135deg,rgba(249,189,56,.10),rgba(255,255,255,.03));border-radius:22px;padding:30px 36px}#tcrm-case-study .cta-box span{color:var(--gold);font-weight:700}#tcrm-case-study .cta-box h2{margin:6px 0 0;font-size:26px}#tcrm-case-study .gold-btn{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#112238;font-weight:800;padding:14px 22px;border-radius:11px;box-shadow:0 10px 30px rgba(249,189,56,.18)}
#tcrm-case-study .footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:#94a5b8}#tcrm-case-study .footer p{font-size:13px}

#tcrm-case-study .reveal{opacity:0;transform:translateY(24px);transition:.75s ease}#tcrm-case-study .reveal.visible{opacity:1;transform:none}



/* ===== Hero rebuilt to match the visual reference ===== */
#tcrm-case-study .site-shell{background:#071b2e}
#tcrm-case-study .hero{padding:0;min-height:610px;display:flex;align-items:stretch;position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(8,29,49,.08) 0 54%,rgba(4,22,38,.32) 72%,rgba(3,17,31,.58) 100%),
  radial-gradient(circle at 13% 18%,rgba(202,220,238,.2),transparent 24%),
  radial-gradient(circle at 65% 16%,rgba(255,177,71,.13),transparent 8%),
  linear-gradient(180deg,#0a2239 0%,#0a2137 82%,#0a1b2c 100%);
}
#tcrm-case-study .hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:112px;background:linear-gradient(180deg,rgba(32,50,66,.5),rgba(20,31,42,.96));border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -20px 50px rgba(0,0,0,.12)}
#tcrm-case-study .hero::after{content:"";position:absolute;top:0;left:61%;width:18px;height:100%;background:linear-gradient(180deg,rgba(255,196,111,.36),rgba(255,174,61,.06) 42%,transparent 82%);filter:blur(10px);opacity:.7}
#tcrm-case-study .hero-grid{width:min(1280px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:1.5fr .8fr;gap:54px;align-items:center;direction:ltr;position:relative;z-index:3;padding:28px 0 34px}
#tcrm-case-study .hero-visual{grid-column:1;grid-row:1;direction:ltr;align-self:end}
#tcrm-case-study .hero-copy{grid-column:2;grid-row:1;direction:rtl;text-align:right;max-width:390px;justify-self:end;align-self:center;padding-bottom:16px}
#tcrm-case-study .eyebrow{justify-content:flex-start;gap:10px;font-size:13px;margin-bottom:18px;letter-spacing:.2px}#tcrm-case-study .eyebrow span{width:34px}
#tcrm-case-study .hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.06;margin:0 0 20px;font-weight:800;letter-spacing:-1px}#tcrm-case-study .hero h1 strong{font-weight:800}
#tcrm-case-study .hero-copy>p{font-size:16px;line-height:1.85;color:#d3dce6;max-width:385px;margin:0}
#tcrm-case-study .hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;width:100%}
#tcrm-case-study .mini-feature{min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:12px;color:#fff;padding:0 12px;border-left:1px solid rgba(255,255,255,.12)}
#tcrm-case-study .mini-feature:last-child{border-left:0}#tcrm-case-study .mini-feature span{font-size:23px;color:var(--gold);line-height:1}#tcrm-case-study .mini-feature b{font-weight:600;line-height:1.45}
#tcrm-case-study .monitor-wrap{position:relative;padding:0 0 70px 0;transform:none;max-width:780px}
#tcrm-case-study .monitor{position:relative;background:#070c12;border:8px solid #111820;border-radius:20px;padding:10px;box-shadow:0 30px 70px rgba(0,0,0,.5);transform:perspective(1400px) rotateY(-1.5deg);transform-origin:center;z-index:4}
#tcrm-case-study .monitor::after{border-radius:15px}
#tcrm-case-study .dashboard-app{min-height:398px;border-radius:10px}
#tcrm-case-study .app-sidebar{width:116px;padding:14px 10px}#tcrm-case-study .app-content{padding:13px}#tcrm-case-study .app-logo{font-size:12px}#tcrm-case-study .app-sidebar li{font-size:9px;padding:8px 7px}#tcrm-case-study .stats-row{gap:8px}#tcrm-case-study .stat-card{padding:10px}#tcrm-case-study .stat-card b{font-size:16px}#tcrm-case-study .line-card svg{height:82px}#tcrm-case-study .donut{width:72px;height:72px}#tcrm-case-study .donut::before{width:48px;height:48px}#tcrm-case-study .table-row{font-size:6.7px;padding:6px 2px}
#tcrm-case-study .monitor-stand{width:120px;height:55px;bottom:18px;z-index:2}
#tcrm-case-study .monitor-base{width:230px;height:17px;bottom:4px;z-index:2}
#tcrm-case-study .desk-keyboard{position:absolute;z-index:5;left:24%;bottom:24px;width:48%;height:25px;border-radius:4px;background:repeating-linear-gradient(90deg,#111923 0 8px,#26313d 8px 10px);transform:perspective(300px) rotateX(60deg) skewX(-7deg);box-shadow:0 9px 20px rgba(0,0,0,.45)}
#tcrm-case-study .desk-mouse{position:absolute;z-index:5;right:11%;bottom:24px;width:48px;height:24px;border-radius:60% 60% 52% 52%;background:linear-gradient(#1d2731,#0c1218);box-shadow:0 8px 16px rgba(0,0,0,.35)}
@media(max-width:1050px){#tcrm-case-study .hero{min-height:auto}#tcrm-case-study .hero-grid{grid-template-columns:1fr;gap:26px;padding:28px 0 54px}#tcrm-case-study .hero-copy,#tcrm-case-study .hero-visual{grid-column:1}#tcrm-case-study .hero-copy{grid-row:1;justify-self:center;text-align:center;max-width:560px}#tcrm-case-study .hero-visual{grid-row:2;max-width:820px;width:100%;margin:auto}#tcrm-case-study .eyebrow{justify-content:center}#tcrm-case-study .hero-copy>p{margin-inline:auto}#tcrm-case-study .hero-features{max-width:500px;margin-inline:auto;margin-top:26px}#tcrm-case-study .monitor-wrap{margin:auto}#tcrm-case-study .hero::after{display:none}}
@media(max-width:720px){#tcrm-case-study .hero-grid{width:min(100% - 24px,1280px)}#tcrm-case-study .hero h1{font-size:40px}#tcrm-case-study .hero-copy>p{font-size:15px}#tcrm-case-study .hero-features{grid-template-columns:1fr;gap:10px}#tcrm-case-study .mini-feature{border:0!important;min-height:auto;flex-direction:row;justify-content:center}#tcrm-case-study .monitor-wrap{padding-bottom:48px}#tcrm-case-study .dashboard-app{min-height:280px}#tcrm-case-study .desk-keyboard,#tcrm-case-study .desk-mouse{display:none}}


/* ===== FINAL HERO MATCH: uses the approved visual composition ===== */
#tcrm-case-study .hero{
  min-height: 620px;
  padding: 0;
  background:#071b2e;
  display:flex;
  align-items:center;
  overflow:hidden;
}
#tcrm-case-study .hero::before,#tcrm-case-study .hero::after{display:none!important}
#tcrm-case-study .hero-grid{
  width:min(1280px, calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.52fr) minmax(340px,.76fr);
  gap:56px;
  align-items:center;
  direction:ltr;
  padding:0;
}
#tcrm-case-study .hero-visual{grid-column:1;grid-row:1;align-self:stretch;display:flex;align-items:center;direction:ltr}
#tcrm-case-study .hero-artwork-wrap{
  width:100%;
  height:100%;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  position:relative;
  overflow:visible;
}
#tcrm-case-study .hero-artwork{
  width:100%;
  max-width:790px;
  height:auto;
  display:block;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 28px 45px rgba(0,0,0,.24));
}
#tcrm-case-study .hero-copy{
  grid-column:2;
  grid-row:1;
  direction:rtl;
  text-align:right;
  max-width:430px;
  justify-self:end;
  padding:0 0 8px;
}
#tcrm-case-study .eyebrow{
  justify-content:flex-start;
  flex-direction:row;
  gap:10px;
  margin-bottom:16px;
  font-size:13px;
  color:#f9bd38;
}
#tcrm-case-study .eyebrow span{width:34px;height:2px;background:#f9bd38}
#tcrm-case-study .hero h1{
  font-size:clamp(46px,4.7vw,64px);
  line-height:1.08;
  letter-spacing:-1.1px;
  margin:0 0 20px;
  font-weight:800;
}
#tcrm-case-study .hero-copy>p{
  max-width:420px;
  margin:0;
  color:#d8e0e8;
  font-size:16px;
  line-height:1.95;
}
#tcrm-case-study .hero-features{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  width:100%;
}
#tcrm-case-study .mini-feature{
  min-height:76px;
  padding:0 16px;
  border-left:1px solid rgba(255,255,255,.14);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:6px;
  font-size:12px;
  color:#fff;
}
#tcrm-case-study .mini-feature:last-child{border-left:0}
#tcrm-case-study .mini-feature span{font-size:23px;color:#f9bd38;line-height:1}
#tcrm-case-study .mini-feature b{font-weight:600;line-height:1.45}

@media (max-width:1050px){
  #tcrm-case-study .hero{min-height:auto;padding:42px 0 56px}
  #tcrm-case-study .hero-grid{grid-template-columns:1fr;gap:26px}
  #tcrm-case-study .hero-copy{grid-column:1;grid-row:1;justify-self:center;text-align:center;max-width:650px}
  #tcrm-case-study .eyebrow{justify-content:center}
  #tcrm-case-study .hero-copy>p{margin-inline:auto}
  #tcrm-case-study .hero-visual{grid-column:1;grid-row:2;justify-content:center}
  #tcrm-case-study .hero-artwork-wrap{min-height:0;justify-content:center}
  #tcrm-case-study .hero-artwork{max-width:820px}
}
@media (max-width:720px){
  #tcrm-case-study .hero-grid{width:min(100% - 24px,1280px)}
  #tcrm-case-study .hero h1{font-size:40px}
  #tcrm-case-study .hero-copy>p{font-size:15px}
  #tcrm-case-study .hero-features{grid-template-columns:1fr;gap:8px}
  #tcrm-case-study .mini-feature{border:0!important;min-height:auto;flex-direction:row;justify-content:center}
}

/* ===== HERO POLISH V5: closer to the approved reference ===== */
@media (min-width:1051px){
  #tcrm-case-study .hero{
    min-height:680px;
    background:
      radial-gradient(circle at 17% 22%,rgba(180,205,228,.12),transparent 30%),
      radial-gradient(circle at 66% 10%,rgba(255,185,82,.08),transparent 12%),
      #071b2e;
  }
  #tcrm-case-study .hero-grid{
    width:min(1540px,calc(100% - 48px));
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.72fr);
    gap:30px;
    align-items:center;
  }
  #tcrm-case-study .hero-visual{
    width:100%;
    height:680px;
    margin-left:-34px;
    overflow:visible;
  }
  #tcrm-case-study .hero-artwork-wrap{
    min-height:680px;
    height:680px;
    overflow:visible;
    align-items:center;
    justify-content:flex-start;
  }
  #tcrm-case-study .hero-artwork{
    width:auto;
    height:620px;
    max-width:none;
    object-fit:contain;
    object-position:left center;
    transform:translateY(10px);
    filter:drop-shadow(0 30px 55px rgba(0,0,0,.22));
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 88%,rgba(0,0,0,.8) 94%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 88%,rgba(0,0,0,.8) 94%,transparent 100%);
  }
  #tcrm-case-study .hero-copy{
    max-width:390px;
    padding:12px 18px 0 0;
    transform:translateY(8px);
  }
  #tcrm-case-study .eyebrow{
    font-size:12px;
    margin-bottom:14px;
  }
  #tcrm-case-study .eyebrow span{width:30px}
  #tcrm-case-study .hero h1{
    font-size:clamp(44px,3.8vw,58px);
    line-height:1.08;
    margin-bottom:18px;
    letter-spacing:-.8px;
  }
  #tcrm-case-study .hero-copy>p{
    max-width:370px;
    font-size:15px;
    line-height:1.9;
    color:#c8d3de;
  }
  #tcrm-case-study .hero-features{
    margin-top:26px;
  }
  #tcrm-case-study .mini-feature{
    min-height:64px;
    padding:0 12px;
    font-size:11px;
  }
  #tcrm-case-study .mini-feature span{font-size:20px}
}

@media (min-width:1450px){
  #tcrm-case-study .hero-grid{width:min(1600px,calc(100% - 70px));gap:42px}
  #tcrm-case-study .hero-visual{margin-left:-64px}
  #tcrm-case-study .hero-artwork{height:640px}
  #tcrm-case-study .hero-copy{max-width:400px}
}


/* ===== HERO V6 — tighter match to approved visual ===== */
#tcrm-case-study .hero{
  min-height: 585px;
  background:#071b2e;
  padding:0;
}
#tcrm-case-study .hero-grid{
  width:min(1360px, calc(100% - 56px));
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.72fr);
  gap:26px;
  align-items:center;
}
#tcrm-case-study .hero-visual{
  overflow:visible;
  align-self:center;
}
#tcrm-case-study .hero-artwork-wrap{
  min-height:585px;
  height:585px;
  justify-content:flex-start;
  overflow:visible;
}
#tcrm-case-study .hero-artwork{
  width:100%;
  max-width:860px;
  height:auto;
  margin-left:-18px;
  object-fit:contain;
  filter:drop-shadow(0 26px 40px rgba(0,0,0,.18));
}
#tcrm-case-study .hero-copy{
  max-width:385px;
  justify-self:start;
  margin-left:10px;
  padding-top:6px;
}
#tcrm-case-study .eyebrow{
  margin-bottom:13px;
  font-size:12px;
}
#tcrm-case-study .hero h1{
  font-size:clamp(40px,4.15vw,57px);
  line-height:1.08;
  margin-bottom:18px;
  letter-spacing:-.8px;
}
#tcrm-case-study .hero-copy>p{
  font-size:15px;
  line-height:1.9;
  max-width:375px;
}
#tcrm-case-study .hero-features{
  margin-top:24px;
}
#tcrm-case-study .mini-feature{
  min-height:66px;
  padding:0 12px;
  font-size:11px;
}
#tcrm-case-study .mini-feature span{
  font-size:20px;
}
@media (min-width:1400px){
  #tcrm-case-study .hero-grid{width:min(1450px,calc(100% - 72px));grid-template-columns:minmax(0,1.42fr) minmax(390px,.7fr);gap:18px}
  #tcrm-case-study .hero-artwork{max-width:910px}
  #tcrm-case-study .hero-copy{max-width:400px}
}
@media (max-width:1050px){
  #tcrm-case-study .hero{padding:30px 0 48px}
  #tcrm-case-study .hero-grid{grid-template-columns:1fr;gap:18px}
  #tcrm-case-study .hero-copy{justify-self:center;margin-left:0;max-width:620px;text-align:center}
  #tcrm-case-study .hero-artwork-wrap{height:auto;min-height:0;justify-content:center}
  #tcrm-case-study .hero-artwork{max-width:820px;margin-left:0}
}


/* ===== V7 HERO: full device on the left + gradient panel behind text ===== */
#tcrm-case-study .hero{
  min-height: 640px;
  background:
    linear-gradient(90deg,#071b2e 0 58%, #05192b 58% 100%);
}
#tcrm-case-study .hero-grid{
  width:min(1320px, calc(100% - 52px));
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  gap:42px;
  align-items:center;
}
#tcrm-case-study .hero-visual{
  justify-content:flex-start;
}
#tcrm-case-study .hero-artwork-wrap{
  min-height:auto;
  width:100%;
  justify-content:flex-start;
  align-items:center;
  overflow:visible;
}
#tcrm-case-study .hero-artwork{
  width:min(100%, 760px);
  max-width:760px;
  height:auto;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 30px 42px rgba(0,0,0,.22));
}
#tcrm-case-study .hero-copy{
  max-width:460px;
  justify-self:end;
  position:relative;
  padding:38px 38px 36px;
  border-radius:30px;
  background:linear-gradient(135deg, rgba(5,28,48,.94) 0%, rgba(4,22,38,.88) 55%, rgba(5,24,43,.68) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
#tcrm-case-study .hero-copy::before{
  content:"";
  position:absolute;
  inset:-18px 0 -18px -40px;
  background:linear-gradient(90deg, rgba(7,27,46,0) 0%, rgba(7,27,46,.08) 18%, rgba(7,27,46,.42) 42%, rgba(7,27,46,.92) 78%);
  z-index:-1;
  border-radius:36px;
}
#tcrm-case-study .hero h1{
  font-size:clamp(44px,4.5vw,62px);
  line-height:1.08;
  margin-bottom:18px;
}
#tcrm-case-study .hero-copy>p{
  max-width:100%;
  font-size:15px;
  line-height:1.95;
  color:#d6e0ea;
}
#tcrm-case-study .hero-features{
  margin-top:24px;
}
#tcrm-case-study .mini-feature{
  min-height:72px;
  padding:0 12px;
  font-size:12px;
}
@media (max-width:1050px){
  #tcrm-case-study .hero{min-height:auto;}
  #tcrm-case-study .hero-grid{grid-template-columns:1fr; gap:24px; padding:42px 0 30px;}
  #tcrm-case-study .hero-visual{order:1;}
  #tcrm-case-study .hero-copy{order:2; max-width:640px; justify-self:center; text-align:center; padding:32px 28px;}
  #tcrm-case-study .hero-copy::before{display:none;}
  #tcrm-case-study .eyebrow{justify-content:center;}
  #tcrm-case-study .hero-copy>p{margin-inline:auto;}
}
@media (max-width:720px){
  #tcrm-case-study .hero-grid{width:min(100% - 24px,1320px);}
  #tcrm-case-study .hero-artwork{width:100%;}
  #tcrm-case-study .hero-copy{padding:26px 18px;}
  #tcrm-case-study .hero h1{font-size:38px;}
}


/* ===== V11 HERO: simple, clean, matches requested structure ===== */
#tcrm-case-study .hero{
  position:relative;
  min-height:680px;
  padding:0;
  background:#05192b;
  overflow:hidden;
}
#tcrm-case-study .hero::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:68%;
  background:url('assets/tcrm-hero-device.png') left center / contain no-repeat;
  z-index:1;
}
#tcrm-case-study .hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(5,25,43,.00) 0%, rgba(5,25,43,.02) 42%, rgba(5,25,43,.24) 54%, rgba(5,25,43,.72) 66%, rgba(5,25,43,.96) 78%, #05192b 100%),
    radial-gradient(circle at 72% 50%, rgba(11,44,76,.18), transparent 28%);
  z-index:2;
}
#tcrm-case-study .hero-grid{
  width:min(1340px, calc(100% - 60px));
  min-height:680px;
  margin:0 auto;
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:1fr 470px;
  align-items:center;
  gap:0;
}
#tcrm-case-study .hero-visual{display:none !important;}
#tcrm-case-study .hero-copy{
  grid-column:2;
  justify-self:end;
  max-width:470px;
  text-align:right;
  direction:rtl;
  padding:0;
  margin:0;
  background:none;
  border-radius:0;
  box-shadow:none;
}
#tcrm-case-study .hero-copy::before{display:none!important;}
#tcrm-case-study .eyebrow{
  justify-content:flex-start;
  gap:12px;
  margin-bottom:18px;
  font-size:14px;
}
#tcrm-case-study .eyebrow span{width:34px;}
#tcrm-case-study .hero h1{
  font-size:clamp(48px,4.8vw,72px);
  line-height:1.03;
  letter-spacing:-1.2px;
  margin:0 0 20px;
}
#tcrm-case-study .hero-copy>p{
  max-width:430px;
  margin:0;
  color:#d6e0ea;
  font-size:17px;
  line-height:1.95;
}
#tcrm-case-study .hero-features{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  width:100%;
}
#tcrm-case-study .mini-feature{
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  padding:0 10px;
  border-left:1px solid rgba(255,255,255,.14);
  background:none;
}
#tcrm-case-study .mini-feature:last-child{border-left:0;}
#tcrm-case-study .mini-feature span{font-size:24px;color:var(--gold);}
#tcrm-case-study .mini-feature b{font-size:13px;font-weight:600;line-height:1.5;color:#fff;}
@media (max-width:1100px){
  #tcrm-case-study .hero{min-height:auto;padding:34px 0 24px;}
  #tcrm-case-study .hero::before{position:relative;display:block;width:100%;height:360px;background-position:center;background-size:contain;}
  #tcrm-case-study .hero::after{background:linear-gradient(180deg, rgba(5,25,43,.08) 0%, rgba(5,25,43,.22) 42%, rgba(5,25,43,.92) 100%);}
  #tcrm-case-study .hero-grid{width:min(100% - 36px,1340px);min-height:auto;grid-template-columns:1fr;}
  #tcrm-case-study .hero-copy{grid-column:1;justify-self:center;text-align:center;margin-top:12px;}
  #tcrm-case-study .eyebrow{justify-content:center;}
  #tcrm-case-study .hero-copy>p{margin-inline:auto;}
}
@media (max-width:720px){
  #tcrm-case-study .hero::before{height:260px;}
  #tcrm-case-study .hero-grid{width:min(100% - 24px,1340px);}
  #tcrm-case-study .hero h1{font-size:40px;}
  #tcrm-case-study .hero-copy>p{font-size:15px;}
  #tcrm-case-study .hero-features{grid-template-columns:1fr;gap:10px;}
  #tcrm-case-study .mini-feature{border:0;min-height:auto;flex-direction:row;justify-content:center;}
}


/* =========================================================
   V12 — Final TCRM hero based on approved visual direction
   ========================================================= */
#tcrm-case-study .hero{
  position:relative;
  min-height:720px;
  padding:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  isolation:isolate;
  background:
    radial-gradient(circle at 6% 58%, rgba(85,72,255,.32), transparent 30%),
    radial-gradient(circle at 44% 13%, rgba(44,88,255,.16), transparent 25%),
    linear-gradient(112deg,#07172b 0%,#0a1b38 52%,#06162b 100%);
}
#tcrm-case-study .hero::before,
#tcrm-case-study .hero::after{display:none!important}
#tcrm-case-study .hero-grid{
  position:relative;
  z-index:4;
  width:min(1480px,calc(100% - 44px));
  min-height:720px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(420px,.72fr);
  align-items:center;
  gap:18px;
  direction:ltr;
}
#tcrm-case-study .hero-visual{
  grid-column:1;
  grid-row:1;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  direction:ltr;
}
#tcrm-case-study .hero-image-wrap{
  width:100%;
  max-width:1030px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  transform:translateX(-18px);
  filter:drop-shadow(0 34px 60px rgba(0,0,0,.34));
}
#tcrm-case-study .hero-image{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  object-position:left center;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 82%,rgba(0,0,0,.95) 88%,rgba(0,0,0,.45) 96%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 82%,rgba(0,0,0,.95) 88%,rgba(0,0,0,.45) 96%,transparent 100%);
}
#tcrm-case-study .hero-copy{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  width:100%;
  max-width:500px;
  margin:0;
  padding:16px 8px 10px 0;
  direction:rtl;
  text-align:right;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
#tcrm-case-study .hero-copy::before{display:none!important}
#tcrm-case-study .hero-badge{
  width:max-content;
  margin:0 0 24px auto;
  padding:9px 24px;
  border:1px solid rgba(127,103,255,.78);
  border-radius:999px;
  color:#f8f7ff;
  font-weight:800;
  letter-spacing:1.7px;
  font-size:15px;
  background:linear-gradient(135deg,rgba(76,61,183,.75),rgba(35,52,129,.48));
  box-shadow:0 0 34px rgba(102,72,255,.24), inset 0 0 16px rgba(255,255,255,.05);
}
#tcrm-case-study .hero h1{
  margin:0 0 26px;
  font-size:clamp(52px,5vw,78px);
  line-height:1.03;
  letter-spacing:-1.8px;
  font-weight:800;
  color:#fff;
}
#tcrm-case-study .hero h1 span{
  display:inline-block;
  background:linear-gradient(92deg,#9b6cff 0%,#7c74ff 42%,#5d98ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 35px rgba(101,94,255,.15);
}
#tcrm-case-study .hero-copy>p{
  max-width:485px;
  margin:0 0 28px auto;
  font-size:18px;
  line-height:1.95;
  color:#d4deea;
}
#tcrm-case-study .hero-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:26px;
}
#tcrm-case-study .benefit-card{
  min-height:132px;
  padding:22px 14px 18px;
  border:1px solid rgba(125,109,255,.28);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(30,37,84,.62),rgba(14,26,55,.66));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:13px;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
#tcrm-case-study .benefit-card:hover{
  transform:translateY(-5px);
  border-color:rgba(139,118,255,.56);
  box-shadow:0 18px 38px rgba(36,33,104,.25),inset 0 1px 0 rgba(255,255,255,.04);
}
#tcrm-case-study .benefit-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:#9675ff;
  border-radius:14px;
  background:radial-gradient(circle,rgba(103,88,255,.18),rgba(73,62,167,.04) 68%);
}
#tcrm-case-study .benefit-icon svg{
  width:32px;
  height:32px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#tcrm-case-study .benefit-card strong{
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.45;
}
#tcrm-case-study .hero-orbit{
  position:absolute;
  z-index:1;
  border:2px solid transparent;
  pointer-events:none;
  opacity:.62;
}
#tcrm-case-study .hero-orbit-one{
  width:980px;
  height:420px;
  left:-180px;
  top:18px;
  border-top-color:rgba(131,91,255,.8);
  border-radius:50%;
  transform:rotate(-8deg);
  filter:drop-shadow(0 0 8px rgba(120,84,255,.45));
}
#tcrm-case-study .hero-orbit-two{
  width:1120px;
  height:520px;
  left:-120px;
  bottom:-350px;
  border-top-color:rgba(82,91,255,.6);
  border-radius:50%;
  transform:rotate(6deg);
}
#tcrm-case-study .hero-glow{
  position:absolute;
  z-index:0;
  border-radius:50%;
  filter:blur(70px);
  pointer-events:none;
}
#tcrm-case-study .hero-glow-one{
  width:420px;
  height:420px;
  left:-120px;
  top:150px;
  background:rgba(100,67,255,.24);
}
#tcrm-case-study .hero-glow-two{
  width:360px;
  height:360px;
  right:8%;
  top:13%;
  background:rgba(39,75,192,.12);
}
@media(max-width:1180px){
  #tcrm-case-study .hero{min-height:auto;padding:54px 0}
  #tcrm-case-study .hero-grid{min-height:auto;grid-template-columns:1fr;gap:28px}
  #tcrm-case-study .hero-visual{grid-column:1;grid-row:1;justify-content:center}
  #tcrm-case-study .hero-image-wrap{max-width:960px;transform:none}
  #tcrm-case-study .hero-copy{grid-column:1;grid-row:2;justify-self:center;max-width:700px;text-align:center;padding:0}
  #tcrm-case-study .hero-badge{margin-inline:auto}
  #tcrm-case-study .hero-copy>p{margin-inline:auto}
  #tcrm-case-study .hero-benefits{max-width:620px;margin-inline:auto}
}
@media(max-width:720px){
  #tcrm-case-study .hero{padding:34px 0 42px}
  #tcrm-case-study .hero-grid{width:min(100% - 24px,1480px)}
  #tcrm-case-study .hero h1{font-size:41px;letter-spacing:-1px}
  #tcrm-case-study .hero-copy>p{font-size:15px;line-height:1.85}
  #tcrm-case-study .hero-benefits{grid-template-columns:1fr;gap:10px}
  #tcrm-case-study .benefit-card{min-height:86px;flex-direction:row;padding:15px 18px;text-align:right;justify-content:flex-start}
  #tcrm-case-study .benefit-icon{width:42px;height:42px;flex:0 0 auto}
  #tcrm-case-study .hero-orbit{display:none}
}


/* ===== V13 fix: previous versions had .hero-visual display:none !important ===== */
#tcrm-case-study .hero-visual{display:flex !important;}
#tcrm-case-study .hero-image-wrap{display:flex !important;}
#tcrm-case-study .hero-image{display:block !important;visibility:visible !important;opacity:1 !important;}


/* ===== V14 CLEAN HERO: laptop image only, all surrounding elements coded ===== */
#tcrm-case-study .hero{
  position:relative;
  min-height:720px;
  padding:0;
  background:
    radial-gradient(circle at 8% 36%, rgba(95,78,255,.28), transparent 22%),
    radial-gradient(circle at 82% 18%, rgba(58,106,255,.14), transparent 24%),
    linear-gradient(90deg,#071b2e 0%,#071a2d 58%,#051527 100%);
  overflow:hidden;
}
#tcrm-case-study .hero::before,#tcrm-case-study .hero::after{display:none!important}
#tcrm-case-study .hero-orbit,#tcrm-case-study .hero-glow{display:none!important}
#tcrm-case-study .hero-grid{
  width:min(1380px,calc(100% - 48px));
  min-height:720px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(380px,.72fr);
  align-items:center;
  gap:36px;
  direction:ltr;
  position:relative;
  z-index:2;
}
#tcrm-case-study .hero-visual{
  grid-column:1;
  grid-row:1;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}
#tcrm-case-study .hero-image-wrap{
  position:relative;
  width:100%;
  max-width:980px;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  transform:translateX(-8px);
}
#tcrm-case-study .hero-image-wrap::before{
  content:"";
  position:absolute;
  left:-6%;
  top:14%;
  width:64%;
  height:56%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(108,92,255,.22), rgba(108,92,255,.06) 46%, transparent 72%);
  filter:blur(28px);
  z-index:0;
}
#tcrm-case-study .hero-image-wrap::after{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:34%;
  background:linear-gradient(90deg, rgba(7,27,46,0), rgba(7,27,46,.28) 38%, rgba(7,27,46,.72) 72%, rgba(7,27,46,.96));
  pointer-events:none;
  z-index:2;
}
#tcrm-case-study .hero-image{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.28));
}
#tcrm-case-study .float-widget{
  position:absolute;
  z-index:3;
  border:1px solid rgba(134,118,255,.34);
  background:linear-gradient(180deg, rgba(24,37,76,.88), rgba(13,21,45,.84));
  box-shadow:0 18px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
  color:#fff;
}
#tcrm-case-study .widget-chart{
  top:9%;
  right:7%;
  width:110px;
  height:110px;
  border-radius:22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
}
#tcrm-case-study .widget-icon{
  width:40px;height:40px;border-radius:14px;
  display:grid;place-items:center;
  background:radial-gradient(circle, rgba(135,116,255,.28), rgba(135,116,255,.08));
  color:#a592ff;font-size:20px;
}
#tcrm-case-study .widget-lines{display:flex;align-items:flex-end;gap:6px;height:28px}
#tcrm-case-study .widget-lines span{display:block;width:8px;border-radius:999px;background:linear-gradient(180deg,#d8d0ff,#8a79ff)}
#tcrm-case-study .widget-lines span:nth-child(1){height:13px}#tcrm-case-study .widget-lines span:nth-child(2){height:20px}#tcrm-case-study .widget-lines span:nth-child(3){height:28px}
#tcrm-case-study .widget-users{
  left:2%;
  bottom:8%;
  min-width:152px;
  padding:16px 18px;
  border-radius:22px;
  display:flex;align-items:center;gap:12px;
}
#tcrm-case-study .avatar-stack{display:flex;align-items:center}#tcrm-case-study .avatar-stack span{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#c1b6ff,#7b68ff);border:2px solid rgba(12,18,36,.9);margin-inline-start:-8px}#tcrm-case-study .avatar-stack span:first-child{margin-inline-start:0}
#tcrm-case-study .widget-users b{font-size:14px;font-weight:700;color:#eef2ff}
#tcrm-case-study .widget-lead{
  right:21%;
  bottom:13%;
  min-width:88px;
  padding:12px 14px;
  border-radius:18px;
  text-align:center;
}
#tcrm-case-study .widget-lead small{display:block;color:#cfd9ff;font-size:11px;margin-bottom:2px}
#tcrm-case-study .widget-lead b{font-size:26px;line-height:1;background:linear-gradient(180deg,#cfc7ff,#8c77ff);-webkit-background-clip:text;background-clip:text;color:transparent}
#tcrm-case-study .hero-copy{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  width:100%;
  max-width:510px;
  margin:0;
  padding:10px 4px 10px 0;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  direction:rtl;
  text-align:right;
}
#tcrm-case-study .hero-badge{
  width:max-content;
  margin:0 0 24px auto;
  padding:10px 25px;
  border-radius:999px;
  border:1px solid rgba(130,109,255,.78);
  background:linear-gradient(135deg, rgba(77,57,191,.72), rgba(37,54,129,.48));
  box-shadow:0 0 30px rgba(108,92,255,.16);
  color:#f8f8ff;
  font-weight:800;
  letter-spacing:1.4px;
}
#tcrm-case-study .hero h1{
  margin:0 0 22px;
  font-size:clamp(52px,5vw,78px);
  line-height:1.03;
  letter-spacing:-1.8px;
  font-weight:800;
  color:#fff;
}
#tcrm-case-study .hero h1 span{
  display:inline-block;
  background:linear-gradient(92deg,#a06dff 0%,#7b72ff 48%,#6099ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#tcrm-case-study .hero-copy>p{
  max-width:490px;
  margin:0 0 28px auto;
  font-size:18px;
  line-height:1.95;
  color:#d4ddeb;
}
#tcrm-case-study .hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
#tcrm-case-study .benefit-card{
  min-height:134px;
  padding:20px 14px 18px;
  border-radius:18px;
  border:1px solid rgba(126,109,255,.26);
  background:linear-gradient(180deg, rgba(28,36,84,.56), rgba(11,21,45,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
#tcrm-case-study .benefit-icon{width:50px;height:50px;color:#9776ff;background:radial-gradient(circle, rgba(117,92,255,.18), rgba(117,92,255,.05) 70%)}
#tcrm-case-study .benefit-card strong{font-size:14px}
@media (max-width:1180px){
  #tcrm-case-study .hero{min-height:auto;padding:48px 0 56px;}
  #tcrm-case-study .hero-grid{grid-template-columns:1fr;min-height:auto;gap:28px}
  #tcrm-case-study .hero-visual{grid-column:1;grid-row:1;justify-content:center}
  #tcrm-case-study .hero-image-wrap{max-width:920px;transform:none}
  #tcrm-case-study .hero-copy{grid-column:1;grid-row:2;justify-self:center;max-width:700px;text-align:center;padding:0}
  #tcrm-case-study .hero-badge{margin-inline:auto}
  #tcrm-case-study .hero-copy>p{margin-inline:auto}
  #tcrm-case-study .hero-benefits{max-width:650px;margin-inline:auto}
}
@media (max-width:720px){
  #tcrm-case-study .hero{padding:32px 0 42px}
  #tcrm-case-study .hero-grid{width:min(100% - 24px,1380px)}
  #tcrm-case-study .hero h1{font-size:41px;letter-spacing:-1px}
  #tcrm-case-study .hero-copy>p{font-size:15px;line-height:1.85}
  #tcrm-case-study .hero-benefits{grid-template-columns:1fr;gap:10px}
  #tcrm-case-study .benefit-card{min-height:86px;flex-direction:row;padding:15px 18px;text-align:right;justify-content:flex-start}
  #tcrm-case-study .benefit-icon{width:42px;height:42px;flex:0 0 auto}
  #tcrm-case-study .widget-chart{top:4%;right:4%;transform:scale(.82)}
  #tcrm-case-study .widget-users{left:2%;bottom:5%;transform:scale(.88);transform-origin:left bottom}
  #tcrm-case-study .widget-lead{right:14%;bottom:6%;transform:scale(.88)}
}


/* ===== V15 clean balanced hero: coded background + coded device scene ===== */
#tcrm-case-study .hero{
  position:relative;
  min-height:760px;
  padding:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 38%, rgba(110,90,255,.22), transparent 20%),
    radial-gradient(circle at 84% 14%, rgba(62,106,255,.12), transparent 20%),
    linear-gradient(90deg, #071c31 0%, #081d33 58%, #051526 100%);
}
#tcrm-case-study .hero::before,
#tcrm-case-study .hero::after,
#tcrm-case-study .hero-orbit,
#tcrm-case-study .hero-glow{display:none !important}
#tcrm-case-study .hero-grid{
  width:min(1380px, calc(100% - 56px));
  min-height:760px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(400px,.82fr);
  align-items:center;
  gap:52px;
  direction:ltr;
  position:relative;
  z-index:3;
}
#tcrm-case-study .hero-visual{
  grid-column:1;
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}
#tcrm-case-study .device-scene{
  position:relative;
  width:100%;
  max-width:900px;
  min-height:620px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
#tcrm-case-study .scene-orbit{
  position:absolute;
  border-top:2px solid rgba(120,93,255,.44);
  border-radius:50%;
  pointer-events:none;
}
#tcrm-case-study .orbit-one{width:850px;height:290px;left:-90px;top:18px;transform:rotate(-8deg)}
#tcrm-case-study .orbit-two{width:980px;height:370px;left:-60px;bottom:-215px;transform:rotate(6deg);border-top-color:rgba(73,101,255,.34)}
#tcrm-case-study .scene-glow{position:absolute;border-radius:50%;filter:blur(52px);pointer-events:none}
#tcrm-case-study .glow-one{width:240px;height:240px;left:-30px;top:160px;background:rgba(114,96,255,.18)}
#tcrm-case-study .glow-two{width:220px;height:220px;right:70px;top:70px;background:rgba(74,113,255,.12)}
#tcrm-case-study .laptop-mockup{
  position:relative;
  width:min(100%, 880px);
  z-index:2;
}
#tcrm-case-study .laptop-bezel{
  position:relative;
  background:linear-gradient(180deg,#090f18,#0d141f 54%,#0a0f16 100%);
  border-radius:34px 34px 22px 22px;
  padding:18px 18px 22px;
  box-shadow:0 28px 70px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.06);
}
#tcrm-case-study .laptop-bezel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:34px 34px 22px 22px;
  box-shadow:inset 0 0 0 2px rgba(114,96,255,.3), inset 0 0 24px rgba(108,92,255,.16);
  pointer-events:none;
}
#tcrm-case-study .laptop-notch{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:148px;
  height:18px;
  background:#060a12;
  border-radius:0 0 18px 18px;
  z-index:4;
}
#tcrm-case-study .laptop-screen{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  aspect-ratio: 16 / 10;
  box-shadow:0 0 0 1px rgba(0,0,0,.16) inset;
}
#tcrm-case-study .dashboard-shot{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}
#tcrm-case-study .laptop-hinge{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-14px;
  width:180px;
  height:22px;
  background:linear-gradient(180deg,#9cb4ca,#6d8193 42%,#465564 100%);
  border-radius:0 0 18px 18px;
  box-shadow:0 10px 18px rgba(0,0,0,.18);
}
#tcrm-case-study .laptop-base{
  width:92%;
  height:18px;
  margin:18px auto 0;
  background:linear-gradient(180deg,#dbe4ec,#9eb0c0 52%,#7e90a1 100%);
  border-radius:0 0 18px 18px;
  clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);
  box-shadow:0 14px 26px rgba(0,0,0,.22);
}
#tcrm-case-study .laptop-shadow{
  width:72%;
  height:26px;
  margin:16px auto 0;
  border-radius:50%;
  background:rgba(6,10,16,.55);
  filter:blur(8px);
}
#tcrm-case-study .floating-chip{
  position:absolute;
  z-index:3;
  border:1px solid rgba(128,112,255,.26);
  background:linear-gradient(180deg,rgba(28,38,84,.88),rgba(14,22,44,.88));
  box-shadow:0 18px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  color:#fff;
  backdrop-filter:blur(10px);
}
#tcrm-case-study .chip-analytics{
  top:62px;
  right:42px;
  width:110px;
  height:110px;
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#tcrm-case-study .chip-bars{display:flex;align-items:flex-end;gap:8px;height:42px}
#tcrm-case-study .chip-bars span{display:block;width:10px;border-radius:999px;background:linear-gradient(180deg,#d9d0ff,#8d79ff)}
#tcrm-case-study .chip-bars span:nth-child(1){height:16px}#tcrm-case-study .chip-bars span:nth-child(2){height:28px}#tcrm-case-study .chip-bars span:nth-child(3){height:42px}
#tcrm-case-study .chip-team{
  left:8px;
  bottom:80px;
  min-width:220px;
  padding:18px 20px;
  border-radius:24px;
  display:flex;
  align-items:center;
  gap:14px;
}
#tcrm-case-study .chip-avatars{display:flex;align-items:center}
#tcrm-case-study .chip-avatars span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#cbbdff,#7d6aff);border:2px solid rgba(10,16,28,.94);margin-inline-start:-10px}
#tcrm-case-study .chip-avatars span:first-child{margin-inline-start:0}
#tcrm-case-study .chip-team b{font-size:15px;font-weight:700}
#tcrm-case-study .chip-leads{
  right:172px;
  bottom:126px;
  min-width:100px;
  padding:14px 16px;
  border-radius:22px;
  text-align:center;
}
#tcrm-case-study .chip-leads small{display:block;font-size:12px;color:#cfd7ff;margin-bottom:4px}
#tcrm-case-study .chip-leads b{display:block;font-size:24px;line-height:1;color:#a892ff}
#tcrm-case-study .hero-copy{
  grid-column:2;
  justify-self:end;
  max-width:520px;
  padding:12px 0 10px;
  direction:rtl;
  text-align:right;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}
#tcrm-case-study .hero-badge{
  width:max-content;
  margin:0 0 24px auto;
  padding:10px 26px;
  border:1px solid rgba(126,109,255,.78);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(74,57,188,.75),rgba(32,50,126,.46));
  color:#fff;
  font-weight:800;
  letter-spacing:1.6px;
  box-shadow:0 0 32px rgba(102,82,255,.14);
}
#tcrm-case-study .hero h1{
  margin:0 0 22px;
  font-size:clamp(52px,5vw,76px);
  line-height:1.03;
  letter-spacing:-1.6px;
  font-weight:800;
  color:#fff;
}
#tcrm-case-study .hero h1 span{
  display:inline-block;
  background:linear-gradient(92deg,#9e6dff 0%,#7d74ff 45%,#5f98ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
#tcrm-case-study .hero-copy>p{
  max-width:500px;
  margin:0 0 28px auto;
  font-size:18px;
  line-height:1.95;
  color:#d6e0ea;
}
#tcrm-case-study .hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#tcrm-case-study .benefit-card{
  min-height:126px;
  padding:20px 14px 18px;
  border-radius:18px;
  border:1px solid rgba(126,109,255,.24);
  background:linear-gradient(180deg,rgba(22,31,74,.54),rgba(10,20,42,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
#tcrm-case-study .benefit-icon{width:50px;height:50px;color:#9878ff;background:radial-gradient(circle,rgba(119,93,255,.18),rgba(119,93,255,.05) 70%)}
#tcrm-case-study .benefit-card strong{font-size:14px}
@media (max-width:1180px){
  #tcrm-case-study .hero{min-height:auto;padding:46px 0 54px}
  #tcrm-case-study .hero-grid{min-height:auto;grid-template-columns:1fr;gap:28px}
  #tcrm-case-study .hero-visual{justify-content:center}
  #tcrm-case-study .device-scene{max-width:940px;min-height:auto}
  #tcrm-case-study .hero-copy{justify-self:center;max-width:700px;text-align:center}
  #tcrm-case-study .hero-badge{margin-inline:auto}
  #tcrm-case-study .hero-copy>p{margin-inline:auto}
  #tcrm-case-study .hero-benefits{max-width:650px;margin-inline:auto}
}
@media (max-width:720px){
  #tcrm-case-study .hero{padding:34px 0 44px}
  #tcrm-case-study .hero-grid{width:min(100% - 24px,1380px)}
  #tcrm-case-study .hero h1{font-size:40px;letter-spacing:-1px}
  #tcrm-case-study .hero-copy>p{font-size:15px;line-height:1.85}
  #tcrm-case-study .hero-benefits{grid-template-columns:1fr;gap:10px}
  #tcrm-case-study .benefit-card{min-height:86px;flex-direction:row;padding:15px 18px;text-align:right;justify-content:flex-start}
  #tcrm-case-study .benefit-icon{width:42px;height:42px;flex:0 0 auto}
  #tcrm-case-study .chip-analytics{right:4px;top:28px;transform:scale(.8)}
  #tcrm-case-study .chip-team{left:0;bottom:52px;transform:scale(.84);transform-origin:left bottom}
  #tcrm-case-study .chip-leads{right:100px;bottom:92px;transform:scale(.84)}
}


/* ===== V16 interactive premium background ===== */
#tcrm-case-study .hero{
  --mx: 36%;
  --my: 46%;
  --px: 0px;
  --py: 0px;
  isolation:isolate;
  background:
    radial-gradient(circle at 13% 34%, rgba(105,86,255,.18), transparent 23%),
    radial-gradient(circle at 79% 16%, rgba(63,112,255,.10), transparent 22%),
    linear-gradient(110deg,#071c31 0%,#081d33 52%,#06172a 100%);
}
#tcrm-case-study .hero::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:-12%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(420px circle at var(--mx) var(--my), rgba(118,91,255,.18), transparent 58%),
    radial-gradient(220px circle at calc(var(--mx) + 9%) calc(var(--my) - 8%), rgba(73,137,255,.10), transparent 68%);
  filter:blur(8px);
  opacity:.95;
  transition:opacity .25s ease;
}
#tcrm-case-study .hero::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:-18%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 24% 28%, rgba(130,95,255,.11) 0 9%, transparent 27%),
    radial-gradient(circle at 72% 68%, rgba(54,121,255,.08) 0 10%, transparent 28%),
    radial-gradient(circle at 48% 84%, rgba(117,81,255,.07) 0 8%, transparent 25%);
  filter:blur(40px);
  animation:heroAmbientDrift 14s ease-in-out infinite alternate;
}
#tcrm-case-study .scene-orbit,
#tcrm-case-study .orbit-one,
#tcrm-case-study .orbit-two{
  display:none !important;
}
#tcrm-case-study .device-scene{
  transform:translate3d(calc(var(--px) * -.035), calc(var(--py) * -.025), 0);
  transition:transform .16s ease-out;
}
#tcrm-case-study .hero-copy{
  transform:translate3d(calc(var(--px) * .018), calc(var(--py) * .012), 0) !important;
  transition:transform .18s ease-out;
}
#tcrm-case-study .scene-glow{
  display:block !important;
  opacity:.78;
  animation:softPulse 7s ease-in-out infinite alternate;
}
#tcrm-case-study .glow-two{animation-delay:-3.5s}
#tcrm-case-study .floating-chip{
  will-change:transform;
}
#tcrm-case-study .chip-analytics{animation:floatA 5.5s ease-in-out infinite}
#tcrm-case-study .chip-team{animation:floatB 6.4s ease-in-out infinite}
#tcrm-case-study .chip-leads{animation:floatC 5.9s ease-in-out infinite}

@keyframes heroAmbientDrift{
  0%{transform:translate3d(-1.5%,-1%,0) scale(1)}
  50%{transform:translate3d(1%,1.5%,0) scale(1.025)}
  100%{transform:translate3d(2%,-.5%,0) scale(1.04)}
}
@keyframes softPulse{
  from{transform:scale(.92);opacity:.55}
  to{transform:scale(1.1);opacity:.9}
}
@keyframes floatA{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-9px,0)}
}
@keyframes floatB{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(7px,-6px,0)}
}
@keyframes floatC{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-5px,-8px,0)}
}
@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .hero::after,
  #tcrm-case-study .scene-glow,
  #tcrm-case-study .chip-analytics,
  #tcrm-case-study .chip-team,
  #tcrm-case-study .chip-leads{animation:none !important}
  #tcrm-case-study .device-scene,
  #tcrm-case-study .hero-copy{transform:none !important;transition:none !important}
}


/* ===== V17 premium interactive hero background ===== */
#tcrm-case-study .hero{
  --mx: 34%;
  --my: 42%;
  --px: 0px;
  --py: 0px;
  --bg-shift-x: 0px;
  --bg-shift-y: 0px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, #07192d 0%, #08203a 52%, #051325 100%) !important;
}
/* remove old lines/orbits completely */
#tcrm-case-study .scene-orbit,
#tcrm-case-study .hero-orbit,
#tcrm-case-study .orbit-one,
#tcrm-case-study .orbit-two{
  display:none !important;
}
/* full interactive layers */
#tcrm-case-study .hero::before,
#tcrm-case-study .hero::after{
  content:"";
  position:absolute;
  inset:-8%;
  display:block !important;
  pointer-events:none;
  z-index:0;
  transition:opacity .35s ease;
}
#tcrm-case-study .hero::before{
  background:
    radial-gradient(600px 420px at var(--mx) var(--my), rgba(119, 93, 255, .34), rgba(119, 93, 255, .16) 28%, rgba(60, 108, 255, .11) 48%, rgba(4, 18, 35, 0) 72%),
    radial-gradient(420px 320px at calc(var(--mx) + 10%) calc(var(--my) - 8%), rgba(64, 174, 255, .14), rgba(64, 174, 255, .08) 35%, rgba(4, 18, 35, 0) 75%),
    radial-gradient(360px 280px at 12% 28%, rgba(115, 84, 255, .18), rgba(4, 18, 35, 0) 72%),
    radial-gradient(340px 260px at 86% 12%, rgba(76, 126, 255, .14), rgba(4, 18, 35, 0) 72%);
  filter: blur(14px) saturate(120%);
  transform: translate3d(calc(var(--px) * .16), calc(var(--py) * .12), 0);
  opacity: 1;
}
#tcrm-case-study .hero::after{
  background:
    radial-gradient(900px 620px at 22% 54%, rgba(11, 35, 67, .72), rgba(7, 25, 45, 0) 70%),
    radial-gradient(640px 440px at 82% 50%, rgba(8, 29, 57, .58), rgba(7, 25, 45, 0) 72%),
    linear-gradient(90deg, rgba(7, 25, 45, .06), rgba(7, 25, 45, .22) 44%, rgba(7, 25, 45, .46) 62%, rgba(7, 25, 45, .12));
  mix-blend-mode: screen;
  opacity: .88;
  transform: translate3d(calc(var(--px) * -.08), calc(var(--py) * -.06), 0);
}
#tcrm-case-study .hero-grid,
#tcrm-case-study .hero-visual,
#tcrm-case-study .hero-copy{position:relative;z-index:2}
#tcrm-case-study .device-scene{
  transform: translate3d(calc(var(--px) * -.05), calc(var(--py) * -.04), 0);
}
#tcrm-case-study .hero-copy{
  transform: translate3d(calc(var(--px) * .018), calc(var(--py) * .014), 0);
}
#tcrm-case-study .scene-glow{
  filter: blur(72px) !important;
  opacity:.9;
}
#tcrm-case-study .glow-one{
  width:300px !important;
  height:300px !important;
  left:-20px !important;
  top:130px !important;
  background:radial-gradient(circle, rgba(115,95,255,.26), rgba(115,95,255,.08) 54%, rgba(115,95,255,0) 74%) !important;
}
#tcrm-case-study .glow-two{
  width:280px !important;
  height:280px !important;
  right:30px !important;
  top:60px !important;
  background:radial-gradient(circle, rgba(57,124,255,.20), rgba(57,124,255,.06) 54%, rgba(57,124,255,0) 74%) !important;
}
#tcrm-case-study .floating-chip,
#tcrm-case-study .benefit-card,
#tcrm-case-study .hero-badge{
  backdrop-filter: blur(14px);
}
#tcrm-case-study .floating-chip{
  box-shadow:0 22px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(122,106,255,.12) !important;
}
#tcrm-case-study .hero-badge{
  box-shadow:0 0 38px rgba(102,82,255,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#tcrm-case-study .benefit-card{
  background:linear-gradient(180deg, rgba(22,31,74,.64), rgba(10,20,42,.76)) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
@keyframes premiumFloat {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-9px); }
}
#tcrm-case-study .chip-analytics{ animation: premiumFloat 6s ease-in-out infinite; }
#tcrm-case-study .chip-team{ animation: premiumFloat 7.5s ease-in-out infinite -1s; }
#tcrm-case-study .chip-leads{ animation: premiumFloat 6.8s ease-in-out infinite -.6s; }
@media (max-width:1180px){
  #tcrm-case-study .hero::before{
    background:
      radial-gradient(520px 360px at var(--mx) var(--my), rgba(119,93,255,.26), rgba(60,108,255,.10) 44%, rgba(4,18,35,0) 74%),
      radial-gradient(340px 250px at 16% 24%, rgba(115,84,255,.12), rgba(4,18,35,0) 72%);
  }
  #tcrm-case-study .hero-copy,
  #tcrm-case-study .device-scene{ transform:none; }
}
@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .hero::before,
  #tcrm-case-study .hero::after,
  #tcrm-case-study .chip-analytics,
  #tcrm-case-study .chip-team,
  #tcrm-case-study .chip-leads,
  #tcrm-case-study .device-scene,
  #tcrm-case-study .hero-copy{ animation:none !important; transform:none !important; }
}


/* ===== V18 exact mouse-follow aura ===== */
#tcrm-case-study .hero{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(680px 460px at 10% 38%, rgba(96,77,255,.16), transparent 70%),
    radial-gradient(560px 400px at 88% 18%, rgba(45,111,255,.12), transparent 72%),
    radial-gradient(480px 360px at 72% 86%, rgba(127,52,255,.08), transparent 75%),
    linear-gradient(105deg,#06172a 0%,#08203a 48%,#071b33 66%,#041326 100%) !important;
}
/* disable the old pseudo cursor effects so there is only one true focal point */
#tcrm-case-study .hero::before,
#tcrm-case-study .hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  pointer-events:none !important;
  z-index:0 !important;
  transform:none !important;
  filter:none !important;
}
#tcrm-case-study .hero::before{
  background:
    radial-gradient(520px 360px at 12% 34%,rgba(109,82,255,.12),transparent 72%),
    radial-gradient(460px 320px at 84% 18%,rgba(45,126,255,.10),transparent 72%) !important;
  opacity:1 !important;
}
#tcrm-case-study .hero::after{
  background:linear-gradient(90deg,rgba(4,18,34,.02),rgba(4,18,34,.08) 48%,rgba(4,18,34,.18) 72%,rgba(4,18,34,.06)) !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
#tcrm-case-study .cursor-aura{
  position:absolute;
  left:0;
  top:0;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  opacity:0;
  will-change:transform,opacity;
  transform:translate3d(-9999px,-9999px,0) translate(-50%,-50%);
  transition:opacity .22s ease;
}
#tcrm-case-study .cursor-aura-main{
  width:760px;
  height:760px;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(170,96,255,.42) 0%,
      rgba(123,82,255,.34) 15%,
      rgba(74,115,255,.24) 32%,
      rgba(31,151,255,.14) 48%,
      rgba(6,25,46,0) 72%);
  filter:blur(34px) saturate(150%);
  mix-blend-mode:screen;
}
#tcrm-case-study .cursor-aura-soft{
  width:1040px;
  height:1040px;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(127,77,255,.18) 0%,
      rgba(73,97,255,.14) 28%,
      rgba(28,119,255,.08) 46%,
      rgba(5,23,43,0) 72%);
  filter:blur(72px) saturate(135%);
  mix-blend-mode:screen;
}
#tcrm-case-study .hero.is-pointer-active .cursor-aura{opacity:1;}
#tcrm-case-study .hero-grid,
#tcrm-case-study .hero-visual,
#tcrm-case-study .hero-copy{position:relative;z-index:3;}
#tcrm-case-study .device-scene{z-index:3;}
#tcrm-case-study .floating-chip{z-index:5;}
#tcrm-case-study .hero-copy{z-index:5;}
/* premium ambient depth around the CRM device */
#tcrm-case-study .device-scene::before{
  content:"";
  position:absolute;
  left:10%;
  top:17%;
  width:70%;
  height:68%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(98,83,255,.15),rgba(62,101,255,.07) 42%,transparent 72%);
  filter:blur(38px);
  z-index:0;
  pointer-events:none;
}
#tcrm-case-study .laptop-mockup{position:relative;z-index:2;}
@media (max-width:1180px){
  #tcrm-case-study .cursor-aura-main{width:620px;height:620px;}
  #tcrm-case-study .cursor-aura-soft{width:820px;height:820px;}
}
@media (max-width:720px){
  #tcrm-case-study .cursor-aura{display:none;}
}
@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .cursor-aura{display:none !important;}
}


/* ===== V19 calmer, more realistic cursor aura ===== */
#tcrm-case-study .cursor-aura{
  border-radius: 50%;
}
#tcrm-case-study .cursor-aura-main{
  width: 460px;
  height: 320px;
  opacity: .92;
  background:
    radial-gradient(ellipse at 50% 50%,
      rgba(110, 94, 255, .22) 0%,
      rgba(99, 109, 255, .18) 22%,
      rgba(68, 125, 255, .11) 42%,
      rgba(29, 146, 255, .06) 56%,
      rgba(6, 25, 46, 0) 74%);
  filter: blur(24px) saturate(118%);
  mix-blend-mode: screen;
}
#tcrm-case-study .cursor-aura-soft{
  width: 700px;
  height: 500px;
  opacity: .88;
  background:
    radial-gradient(ellipse at 50% 50%,
      rgba(97, 88, 255, .10) 0%,
      rgba(75, 115, 255, .08) 26%,
      rgba(36, 135, 255, .05) 44%,
      rgba(5, 23, 43, 0) 72%);
  filter: blur(54px) saturate(110%);
  mix-blend-mode: screen;
}
#tcrm-case-study .hero.is-pointer-active .cursor-aura{
  opacity: .9;
}
#tcrm-case-study .hero.is-pointer-active .cursor-aura-soft{
  opacity: .72;
}
@media (max-width:1180px){
  #tcrm-case-study .cursor-aura-main{width:380px;height:260px;}
  #tcrm-case-study .cursor-aura-soft{width:560px;height:400px;}
}


/* ===== V20 motion trail instead of a cursor-follow shape ===== */
#tcrm-case-study .hero{
  isolation:isolate;
}
#tcrm-case-study .hero-motion-trail{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:1;
  opacity:.95;
  mix-blend-mode:screen;
}
/* Disable the old follower shapes entirely */
#tcrm-case-study .cursor-aura,
#tcrm-case-study .cursor-aura-main,
#tcrm-case-study .cursor-aura-soft{
  display:none !important;
}
/* So the canvas can sit behind the content but above the bg */
#tcrm-case-study .hero-grid,
#tcrm-case-study .hero-visual,
#tcrm-case-study .hero-copy{position:relative;z-index:3;}
#tcrm-case-study .floating-chip{z-index:5;}
@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .hero-motion-trail{display:none !important;}
}


/* ===== V21: slower, larger trail + unified background color ===== */
#tcrm-case-study .hero{
  background:#071b31 !important;
}
#tcrm-case-study .hero::before,
#tcrm-case-study .hero::after{
  display:none !important;
}
#tcrm-case-study .hero-motion-trail{
  opacity:1;
}
/* keep background unified while allowing subtle scene glow from coded elements */
#tcrm-case-study .glow-one{background:radial-gradient(circle, rgba(98,83,255,.12), rgba(98,83,255,.05) 42%, transparent 72%) !important;}
#tcrm-case-study .glow-two{background:radial-gradient(circle, rgba(62,101,255,.10), rgba(62,101,255,.04) 42%, transparent 72%) !important;}


/* ===== V23: keep right side unchanged, enhance only the left visual scene ===== */
/* hero copy intentionally untouched */

#tcrm-case-study .hero-visual{
  position: relative;
}

#tcrm-case-study .device-scene{
  position: relative;
  min-height: 640px;
  isolation: isolate;
}

/* soft premium spotlight behind the laptop */
#tcrm-case-study .device-scene::before{
  content: "";
  position: absolute;
  left: 8%;
  top: 10%;
  width: 72%;
  height: 70%;
  border-radius: 42px;
  background:
    radial-gradient(circle at 34% 42%, rgba(115, 95, 255, .16), rgba(115, 95, 255, .06) 34%, rgba(8, 27, 49, 0) 68%),
    radial-gradient(circle at 68% 24%, rgba(76, 132, 255, .12), rgba(76, 132, 255, .04) 28%, rgba(8, 27, 49, 0) 64%);
  filter: blur(18px);
  z-index: 0;
}

/* glass plate behind laptop for more creative layered depth */
#tcrm-case-study .device-scene::after{
  content: "";
  position: absolute;
  left: 14%;
  top: 17%;
  width: 60%;
  height: 46%;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.015) 34%, rgba(125,103,255,.06) 75%, rgba(87,136,255,.02));
  border: 1px solid rgba(149, 157, 255, .12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 50px rgba(0,0,0,.16);
  backdrop-filter: blur(8px);
  transform: rotate(-7deg);
  z-index: 0;
}

#tcrm-case-study .laptop-mockup{
  position: relative;
  z-index: 2;
  transform: translateY(8px);
}

/* more refined device body */
#tcrm-case-study .laptop-bezel{
  box-shadow:
    0 34px 80px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.05),
    0 0 36px rgba(96,104,255,.08) !important;
}

#tcrm-case-study .laptop-bezel::after{
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 33px 33px 21px 21px;
  background: linear-gradient(120deg, rgba(255,255,255,.12), rgba(255,255,255,0) 24%, rgba(255,255,255,0) 76%, rgba(111,114,255,.08));
  pointer-events: none;
  mix-blend-mode: screen;
}

#tcrm-case-study .laptop-screen::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,.08), rgba(255,255,255,0) 18%, rgba(255,255,255,0) 80%, rgba(77,116,255,.06));
  pointer-events: none;
}

/* pedestal glow under the device */
#tcrm-case-study .laptop-base{
  box-shadow:
    0 16px 26px rgba(0,0,0,.20),
    0 0 26px rgba(103, 100, 255, .08);
}

#tcrm-case-study .laptop-shadow{
  width: 78%;
  height: 32px;
  background: radial-gradient(ellipse at center, rgba(20, 24, 37, .60), rgba(20,24,37,.22) 58%, rgba(20,24,37,0) 74%);
  filter: blur(12px);
}

/* reposition and refine the floating widgets */
#tcrm-case-study .floating-chip{
  border: 1px solid rgba(131, 117, 255, .22);
  background: linear-gradient(180deg, rgba(31, 40, 86, .80), rgba(14, 21, 44, .82));
  box-shadow:
    0 20px 38px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 26px rgba(106, 97, 255, .06);
}

#tcrm-case-study .chip-analytics{
  top: 74px;
  right: 36px;
  width: 118px;
  height: 118px;
  border-radius: 30px;
}

#tcrm-case-study .chip-team{
  left: 10px;
  bottom: 94px;
  min-width: 228px;
  padding: 18px 20px;
}

#tcrm-case-study .chip-leads{
  right: 160px;
  bottom: 142px;
}

/* subtle floating motion for left-side objects only */
@keyframes sceneFloatA {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

@keyframes sceneFloatB {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}

#tcrm-case-study .chip-analytics{ animation: sceneFloatA 6.5s ease-in-out infinite; }
#tcrm-case-study .chip-team{ animation: sceneFloatB 7.5s ease-in-out infinite -1.2s; }
#tcrm-case-study .chip-leads{ animation: sceneFloatA 6.8s ease-in-out infinite -.8s; }

/* small luminous accent behind the leads chip */
#tcrm-case-study .chip-leads::after{
  content: "";
  position: absolute;
  inset: auto;
  width: 68px;
  height: 68px;
  right: -18px;
  bottom: -18px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(103, 99, 255, .22), rgba(103,99,255,.04) 58%, transparent 74%);
  filter: blur(8px);
  z-index: -1;
}

/* calmer mobile fallback */
@media (max-width: 1180px){
  #tcrm-case-study .device-scene{ min-height: 560px; }
  #tcrm-case-study .device-scene::after{ left: 18%; width: 54%; height: 40%; }
  #tcrm-case-study .chip-analytics{ right: 18px; top: 58px; }
  #tcrm-case-study .chip-team{ left: 2px; bottom: 74px; }
  #tcrm-case-study .chip-leads{ right: 128px; bottom: 122px; }
}

@media (max-width: 720px){
  #tcrm-case-study .device-scene{ min-height: 420px; }
  #tcrm-case-study .device-scene::before{ left: 10%; width: 80%; height: 62%; }
  #tcrm-case-study .device-scene::after{ display: none; }
}


/* ===== V25 professional left-side widgets only ===== */
#tcrm-case-study .device-scene{
  min-height: 650px;
}
#tcrm-case-study .device-scene::before{
  left: 8%;
  top: 11%;
  width: 68%;
  height: 66%;
  background:
    radial-gradient(circle at 34% 42%, rgba(115,95,255,.10), rgba(115,95,255,.03) 34%, rgba(8,27,49,0) 70%),
    radial-gradient(circle at 72% 24%, rgba(76,132,255,.06), rgba(76,132,255,.02) 28%, rgba(8,27,49,0) 66%);
  filter: blur(18px);
}
#tcrm-case-study .device-scene::after{
  display:none !important;
}
#tcrm-case-study .laptop-mockup{
  width:min(100%, 860px);
  transform: translateY(6px);
}
#tcrm-case-study .floating-chip{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px 18px 16px;
  color:#eef3ff;
  border:1px solid rgba(131,117,255,.18);
  background: linear-gradient(180deg, rgba(26,35,76,.88), rgba(14,21,44,.86));
  box-shadow:0 18px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04), 0 0 20px rgba(106,97,255,.05);
  backdrop-filter: blur(10px);
  z-index:5;
}
#tcrm-case-study .floating-chip p{
  margin:0;
  font-size:12px;
  line-height:1.7;
  color:#bac7e3;
}
#tcrm-case-study .chip-head{
  display:flex;
  align-items:center;
  gap:12px;
}
#tcrm-case-study .chip-head small{
  display:block;
  margin-bottom:2px;
  font-size:12px;
  color:#c6d1ef;
}
#tcrm-case-study .chip-head b{
  display:block;
  font-size:22px;
  line-height:1.1;
  color:#fff;
  font-weight:800;
}
#tcrm-case-study .chip-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(120,102,255,.22), rgba(120,102,255,.08));
  color:#b9acff;
  font-size:18px;
  flex:0 0 auto;
}
#tcrm-case-study .chip-avatars{display:flex;align-items:center;flex:0 0 auto}
#tcrm-case-study .chip-avatars span{
  width:30px;
  height:30px;
  border-radius:50%;
  background:linear-gradient(135deg,#cabfff,#8470ff);
  border:2px solid rgba(10,16,28,.94);
  margin-inline-start:-10px;
}
#tcrm-case-study .chip-avatars span:first-child{margin-inline-start:0}

/* useful content + cleaner placement */
#tcrm-case-study .chip-analytics{
  top:78px;
  right:52px;
  width:220px;
  min-height:138px;
  border-radius:24px;
}
#tcrm-case-study .chip-team{
  left:18px;
  bottom:78px;
  width:270px;
  min-height:132px;
  border-radius:24px;
}
#tcrm-case-study .chip-leads{
  right:72px;
  bottom:120px;
  width:240px;
  min-height:132px;
  border-radius:24px;
}

/* better widget balance */
#tcrm-case-study .chip-analytics{animation: sceneFloatA 6.4s ease-in-out infinite;}
#tcrm-case-study .chip-team{animation: sceneFloatB 7.1s ease-in-out infinite -.8s;}
#tcrm-case-study .chip-leads{animation: sceneFloatA 6.8s ease-in-out infinite -.5s;}

/* subtle top accent */
#tcrm-case-study .chip-analytics::before,
#tcrm-case-study .chip-team::before,
#tcrm-case-study .chip-leads::before{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  right:18px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(150,110,255,0), rgba(150,110,255,.78), rgba(92,145,255,.55), rgba(150,110,255,0));
}

@media (max-width:1180px){
  #tcrm-case-study .chip-analytics{right:24px; top:64px; width:200px; min-height:130px; transform:scale(.94); transform-origin:right top;}
  #tcrm-case-study .chip-team{left:6px; bottom:68px; width:242px; min-height:126px; transform:scale(.92); transform-origin:left bottom;}
  #tcrm-case-study .chip-leads{right:40px; bottom:110px; width:216px; min-height:126px; transform:scale(.92); transform-origin:right bottom;}
}
@media (max-width:720px){
  #tcrm-case-study .chip-analytics,#tcrm-case-study .chip-team,#tcrm-case-study .chip-leads{gap:10px;padding:14px 14px 12px}
  #tcrm-case-study .chip-head b{font-size:18px}
  #tcrm-case-study .floating-chip p{font-size:11px}
  #tcrm-case-study .chip-team{width:210px}
  #tcrm-case-study .chip-leads{width:188px}
  #tcrm-case-study .chip-analytics{width:180px}
}


/* ===== V26 minimal, balanced CRM side widgets ===== */
/* right-side content intentionally unchanged */
#tcrm-case-study .device-scene{
  min-height: 640px;
}
#tcrm-case-study .device-scene::after{display:none !important;}
#tcrm-case-study .laptop-mockup{
  width:min(100%, 850px);
  transform:translateY(8px);
}
#tcrm-case-study .floating-chip{
  position:absolute;
  z-index:5;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  min-height:auto;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(131,117,255,.18);
  background:linear-gradient(180deg,rgba(27,36,78,.82),rgba(14,21,44,.84));
  box-shadow:0 16px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(10px);
}
#tcrm-case-study .floating-chip p,
#tcrm-case-study .chip-caption,
#tcrm-case-study .chip-analytics-stat,
#tcrm-case-study .chip-analytics-head,
#tcrm-case-study .chip-team-copy,
#tcrm-case-study .chip-leads{display:none !important;}
#tcrm-case-study .chip-copy{display:flex;flex-direction:column;gap:2px;white-space:nowrap;}
#tcrm-case-study .chip-copy small{font-size:10px;line-height:1.2;color:#b8c4e2;}
#tcrm-case-study .chip-copy b{font-size:16px;line-height:1.2;color:#fff;font-weight:800;}
#tcrm-case-study .chip-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(180deg,rgba(120,102,255,.22),rgba(120,102,255,.08));
  color:#b8aaff;
  font-size:15px;
  flex:0 0 auto;
}
#tcrm-case-study .chip-avatars{display:flex;align-items:center;flex:0 0 auto;}
#tcrm-case-study .chip-avatars span{
  width:24px;
  height:24px;
  border-radius:50%;
  background:linear-gradient(135deg,#c9bdff,#806eff);
  border:2px solid rgba(10,16,28,.94);
  margin-inline-start:-8px;
}
#tcrm-case-study .chip-avatars span:first-child{margin-inline-start:0;}
/* positions deliberately outside the useful dashboard content */
#tcrm-case-study .chip-analytics{
  top:54px;
  right:6px;
  width:auto;
  min-width:142px;
}
#tcrm-case-study .chip-team{
  left:8px;
  bottom:66px;
  width:auto;
  min-width:164px;
}
#tcrm-case-study .chip-leads{display:none !important;}
/* subtler animation only */
#tcrm-case-study .chip-analytics{animation:sceneFloatA 7.4s ease-in-out infinite;}
#tcrm-case-study .chip-team{animation:sceneFloatB 8.2s ease-in-out infinite -1.1s;}
@media (max-width:1180px){
  #tcrm-case-study .chip-analytics{right:0;top:44px;transform:scale(.92);transform-origin:right top;}
  #tcrm-case-study .chip-team{left:0;bottom:54px;transform:scale(.92);transform-origin:left bottom;}
}
@media (max-width:720px){
  #tcrm-case-study .floating-chip{padding:10px 12px;border-radius:16px;}
  #tcrm-case-study .chip-copy b{font-size:14px;}
  #tcrm-case-study .chip-copy small{font-size:9px;}
  #tcrm-case-study .chip-icon{width:30px;height:30px;}
  #tcrm-case-study .chip-avatars span{width:22px;height:22px;}
}


/* ===== V27 UX story / challenge redesign ===== */
#tcrm-case-study .ux-story{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(87,123,255,.06), transparent 28%),
    radial-gradient(circle at 86% 72%, rgba(120,92,255,.055), transparent 24%),
    #f8fbff;
}
#tcrm-case-study .ux-story::before{
  content:"";
  position:absolute;
  left:3%;
  top:9%;
  width:180px;
  height:180px;
  background-image:radial-gradient(rgba(72,109,176,.13) 1px, transparent 1px);
  background-size:14px 14px;
  mask-image:linear-gradient(135deg,#000,transparent 72%);
  opacity:.55;
}
#tcrm-case-study .ux-story-grid{
  display:grid;
  grid-template-columns:minmax(420px,.82fr) minmax(0,1.45fr);
  gap:70px;
  align-items:center;
  direction:rtl;
}
#tcrm-case-study .ux-story-copy{max-width:520px;justify-self:start}
#tcrm-case-study .ux-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#71849a;
  font-size:11px;
  font-weight:700;
  letter-spacing:2.4px;
}
#tcrm-case-study .ux-title{margin-bottom:18px}
#tcrm-case-study .ux-title h2{font-size:38px;line-height:1.25;color:#0b2744}
#tcrm-case-study .ux-lead{
  margin:0 0 28px;
  color:#5b7187;
  font-size:17px;
  line-height:2;
}
#tcrm-case-study .ux-findings{display:grid;gap:0;border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5}
#tcrm-case-study .ux-finding{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:16px;
  align-items:start;
  padding:18px 0;
  border-bottom:1px solid #eaf0f6;
}
#tcrm-case-study .ux-finding:last-child{border-bottom:0}
#tcrm-case-study .ux-number{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:#eef4ff;
  color:#536fd6;
  font-size:11px;font-weight:800;
}
#tcrm-case-study .ux-finding b{display:block;color:#102b48;font-size:15px;margin-bottom:5px}
#tcrm-case-study .ux-finding p{margin:0;color:#6d8092;font-size:13px;line-height:1.8}
#tcrm-case-study .ux-solution{
  margin-top:26px;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:16px;
  padding:22px;
  border:1px solid #e0e9f4;
  border-radius:20px;
  background:linear-gradient(135deg,#fff,#f2f7ff);
  box-shadow:0 18px 42px rgba(33,67,103,.06);
}
#tcrm-case-study .ux-solution-icon{
  width:48px;height:48px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#173b68,#315a8d);
  color:#fff;font-size:20px;
  box-shadow:0 10px 26px rgba(25,58,96,.18);
}
#tcrm-case-study .ux-solution small{display:block;color:#7a8da0;font-size:11px;margin-bottom:3px}
#tcrm-case-study .ux-solution h3{margin:0 0 7px;color:#102b48;font-size:18px}
#tcrm-case-study .ux-solution p{margin:0;color:#657a8e;font-size:13px;line-height:1.85}

#tcrm-case-study .ux-board-wrap{direction:ltr;min-width:0}
#tcrm-case-study .ux-board-window{
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid #e6edf5;
  box-shadow:0 30px 70px rgba(28,59,92,.14);
  transform:perspective(1400px) rotateY(2.2deg) rotateX(.3deg);
  transform-origin:center;
}
#tcrm-case-study .ux-window-bar{
  height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  background:#f4f7fb;
  border-bottom:1px solid #e9eef5;
}
#tcrm-case-study .ux-dots{display:flex;gap:6px}#tcrm-case-study .ux-dots span{width:8px;height:8px;border-radius:50%;background:#d1dae5}#tcrm-case-study .ux-dots span:nth-child(1){background:#ff7d70}#tcrm-case-study .ux-dots span:nth-child(2){background:#f6c453}#tcrm-case-study .ux-dots span:nth-child(3){background:#54c787}
#tcrm-case-study .ux-window-name{font-size:10px;color:#8a9aae;letter-spacing:.4px}
#tcrm-case-study .ux-crm-shell{display:flex;min-height:470px;background:#f8fbff;color:#102b48}
#tcrm-case-study .ux-sidebar{
  width:132px;
  flex:0 0 132px;
  background:linear-gradient(180deg,#081c33,#0b2745);
  color:#d8e4ef;
  padding:18px 12px;
  direction:rtl;
}
#tcrm-case-study .ux-logo{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff;margin-bottom:24px}#tcrm-case-study .ux-logo span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#4c78ff,#6aa6ff);font-weight:800}#tcrm-case-study .ux-logo b{font-size:12px}
#tcrm-case-study .ux-sidebar nav{display:grid;gap:8px}#tcrm-case-study .ux-sidebar a{display:flex;align-items:center;gap:8px;padding:10px 9px;border-radius:9px;font-size:9px}#tcrm-case-study .ux-sidebar a i{font-style:normal;opacity:.85}#tcrm-case-study .ux-sidebar a.active{background:#173f69;color:#fff}
#tcrm-case-study .ux-board-content{flex:1;padding:18px;direction:rtl;min-width:0}
#tcrm-case-study .ux-board-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}#tcrm-case-study .ux-board-top small{display:block;color:#91a0af;font-size:8px;margin-bottom:2px}#tcrm-case-study .ux-board-top h3{margin:0;font-size:18px}#tcrm-case-study .ux-board-top button{border:0;background:#0b2745;color:#fff;border-radius:9px;padding:9px 13px;font-size:9px;box-shadow:0 8px 20px rgba(11,39,69,.16)}
#tcrm-case-study .ux-board-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}#tcrm-case-study .ux-board-stats span{background:#fff;border:1px solid #edf2f7;border-radius:10px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}#tcrm-case-study .ux-board-stats b{font-size:13px}#tcrm-case-study .ux-board-stats small{font-size:7px;color:#8595a6}
#tcrm-case-study .ux-kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;direction:rtl}
#tcrm-case-study .ux-column{min-height:308px;padding:8px;border-radius:12px;display:flex;flex-direction:column;gap:8px}#tcrm-case-study .ux-column header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 4px}#tcrm-case-study .ux-column header b{font-size:8px}#tcrm-case-study .ux-column header span{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.7);font-size:7px;color:#60748a}
#tcrm-case-study .ux-column article{background:#fff;border:1px solid rgba(15,39,64,.07);border-radius:9px;padding:9px;box-shadow:0 6px 14px rgba(16,41,70,.045)}#tcrm-case-study .ux-column strong{font-size:7.5px;display:block;margin-bottom:5px}#tcrm-case-study .ux-column article>small{font-size:6.6px;color:#667b90}#tcrm-case-study .ux-column footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#91a0af}#tcrm-case-study .ux-column footer span,#tcrm-case-study .ux-column footer em{font-size:6px;font-style:normal}
#tcrm-case-study .ux-column.new{background:#eaf3ff}#tcrm-case-study .ux-column.contact{background:#fff7d8}#tcrm-case-study .ux-column.proposal{background:#fff0e4}#tcrm-case-study .ux-column.negotiate{background:#fff0f2}#tcrm-case-study .ux-column.won{background:#e8f8ef}

@media(max-width:1100px){
  #tcrm-case-study .ux-story-grid{grid-template-columns:1fr;gap:44px}
  #tcrm-case-study .ux-story-copy{max-width:760px;justify-self:center}
  #tcrm-case-study .ux-board-wrap{width:100%;max-width:960px;margin-inline:auto}
  #tcrm-case-study .ux-board-window{transform:none}
}
@media(max-width:720px){
  #tcrm-case-study .ux-story-grid{gap:32px}
  #tcrm-case-study .ux-title h2{font-size:30px}
  #tcrm-case-study .ux-lead{font-size:15px}
  #tcrm-case-study .ux-finding{grid-template-columns:40px 1fr;gap:12px}
  #tcrm-case-study .ux-number{width:36px;height:36px}
  #tcrm-case-study .ux-solution{grid-template-columns:44px 1fr;padding:18px}
  #tcrm-case-study .ux-solution-icon{width:42px;height:42px}
  #tcrm-case-study .ux-board-window{overflow:auto}
  #tcrm-case-study .ux-crm-shell{min-width:760px}
}


/* ===== V28 CASE STUDY: matches the clean reference composition ===== */
#tcrm-case-study .case-study-story{
  position:relative;
  overflow:hidden;
  background:#f8fbff;
  color:#102b48;
  padding:112px 0;
}
#tcrm-case-study .case-bg{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
#tcrm-case-study .case-bg-one{width:440px;height:440px;left:-150px;top:-110px;background:radial-gradient(circle,rgba(109,121,255,.09),rgba(109,121,255,0) 72%)}
#tcrm-case-study .case-bg-two{width:360px;height:360px;left:34%;bottom:-160px;background:radial-gradient(circle,rgba(255,190,103,.09),rgba(255,190,103,0) 72%)}
#tcrm-case-study .case-study-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(430px,.78fr);
  gap:70px;
  align-items:center;
  direction:ltr;
  position:relative;
  z-index:2;
}
#tcrm-case-study .case-visual{direction:ltr;min-width:0}
#tcrm-case-study .case-window{
  background:#fff;
  border:1px solid #e4ebf3;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(38,62,90,.13);
  transform:rotate(-1.2deg);
}
#tcrm-case-study .case-window-bar{
  height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  background:#f4f7fb;
  border-bottom:1px solid #edf2f7;
  color:#9aabba;
  font-size:10px;
}
#tcrm-case-study .case-dots{display:flex;gap:7px}
#tcrm-case-study .case-dots span{width:8px;height:8px;border-radius:50%}
#tcrm-case-study .case-dots span:nth-child(1){background:#ff6b6b}#tcrm-case-study .case-dots span:nth-child(2){background:#ffc857}#tcrm-case-study .case-dots span:nth-child(3){background:#37c978}
#tcrm-case-study .case-app{display:flex;min-height:470px;direction:ltr;background:#f7f9fc}
#tcrm-case-study .case-sidebar{width:136px;background:#071d35;color:#c8d4e1;padding:20px 12px;direction:rtl}
#tcrm-case-study .case-logo{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;margin-bottom:26px;font-size:13px}
#tcrm-case-study .case-logo span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#4f7cff;font-weight:800}
#tcrm-case-study .case-sidebar nav{display:grid;gap:8px}
#tcrm-case-study .case-sidebar a{display:flex;align-items:center;gap:8px;padding:11px 10px;border-radius:10px;font-size:10px}
#tcrm-case-study .case-sidebar a.active{background:#153b68;color:#fff}
#tcrm-case-study .case-sidebar i{font-style:normal;opacity:.8}
#tcrm-case-study .case-main{flex:1;padding:18px;direction:rtl;min-width:0}
#tcrm-case-study .case-main-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
#tcrm-case-study .case-main-head small{display:block;font-size:9px;color:#93a2b2;margin-bottom:3px}#tcrm-case-study .case-main-head h3{margin:0;font-size:21px;color:#102b48}
#tcrm-case-study .case-main-head button{border:0;background:#0c2745;color:#fff;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:700}
#tcrm-case-study .case-kanban{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;direction:rtl}
#tcrm-case-study .case-col{min-height:365px;border-radius:14px;padding:10px}
#tcrm-case-study .case-col header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:10px;color:#203650}
#tcrm-case-study .case-col header span{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.76);display:grid;place-items:center;font-size:8px}
#tcrm-case-study .case-col article{background:#fff;border:1px solid rgba(24,48,75,.07);border-radius:10px;padding:10px;margin-bottom:9px;box-shadow:0 5px 13px rgba(22,43,67,.035)}
#tcrm-case-study .case-col article strong{display:block;font-size:9px;color:#1d334d;margin-bottom:5px}#tcrm-case-study .case-col article small{font-size:8px;color:#6e8194}
#tcrm-case-study .case-col article footer{display:flex;justify-content:space-between;margin-top:9px;color:#9aabba;font-size:7px}#tcrm-case-study .case-col article em{font-style:normal}
#tcrm-case-study .case-col-blue{background:#eaf3ff}#tcrm-case-study .case-col-yellow{background:#fff8dc}#tcrm-case-study .case-col-orange{background:#fff0e5}#tcrm-case-study .case-col-red{background:#fff0f1}#tcrm-case-study .case-col-green{background:#e9f8f1}
#tcrm-case-study .case-story{direction:rtl;text-align:right}
#tcrm-case-study .case-label{display:flex;align-items:center;gap:11px;margin-bottom:8px;color:#7f90a1;font-size:10px;font-weight:700;letter-spacing:3px}
#tcrm-case-study .case-label i{display:block;width:40px;height:2px;background:#f4b321}
#tcrm-case-study .case-story h2,#tcrm-case-study .case-story h3{margin:0;color:#0d2946;line-height:1.15}#tcrm-case-study .case-story h2{font-size:46px;margin-bottom:16px}#tcrm-case-study .case-story h3{font-size:36px;margin-bottom:12px}
#tcrm-case-study .case-intro,#tcrm-case-study .case-solution-copy{margin:0;color:#62788e;font-size:16px;line-height:1.95}
#tcrm-case-study .case-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
#tcrm-case-study .case-problem{min-height:190px;border-radius:20px;padding:22px 18px;border:1px solid rgba(30,50,76,.05);box-shadow:0 18px 38px rgba(26,51,79,.05);text-align:center}
#tcrm-case-study .case-problem-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;font-size:22px;font-weight:800}
#tcrm-case-study .case-problem b{display:block;font-size:14px;margin-bottom:9px;color:#132f4b}#tcrm-case-study .case-problem span{display:block;font-size:12px;line-height:1.75;color:#73869a}
#tcrm-case-study .case-problem-purple{background:linear-gradient(180deg,#f6f2ff,#fbfaff)}#tcrm-case-study .case-problem-purple .case-problem-icon{background:#e8ddff;color:#7857e7}
#tcrm-case-study .case-problem-yellow{background:linear-gradient(180deg,#fff8e8,#fffdf7)}#tcrm-case-study .case-problem-yellow .case-problem-icon{background:#ffedc8;color:#f0a000}
#tcrm-case-study .case-problem-pink{background:linear-gradient(180deg,#fff1f4,#fffafb)}#tcrm-case-study .case-problem-pink .case-problem-icon{background:#ffdfe6;color:#ef5572}
#tcrm-case-study .case-divider{height:1px;background:#e8eef5;margin:32px 0 28px}
#tcrm-case-study .case-label-solution{margin-bottom:7px}
#tcrm-case-study .case-solution-copy{max-width:95%}
#tcrm-case-study .case-solution-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
#tcrm-case-study .case-solution-points>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:start}
#tcrm-case-study .case-solution-points>div>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf3ff;color:#4d7cff;font-weight:800;font-size:17px}
#tcrm-case-study .case-solution-points b{font-size:13px;color:#17324d;margin-top:2px}#tcrm-case-study .case-solution-points small{font-size:11px;line-height:1.65;color:#75889a;margin-top:4px}
@media(max-width:1100px){
  #tcrm-case-study .case-study-grid{grid-template-columns:1fr;gap:44px}#tcrm-case-study .case-visual{order:2}#tcrm-case-study .case-story{order:1;max-width:760px;margin-inline:auto}#tcrm-case-study .case-window{transform:none}#tcrm-case-study .case-problems,#tcrm-case-study .case-solution-points{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  #tcrm-case-study .case-study-story{padding:72px 0}#tcrm-case-study .case-study-grid{gap:34px}#tcrm-case-study .case-story h2{font-size:38px}#tcrm-case-study .case-story h3{font-size:30px}#tcrm-case-study .case-intro,#tcrm-case-study .case-solution-copy{font-size:14px}#tcrm-case-study .case-problems,#tcrm-case-study .case-solution-points{grid-template-columns:1fr}#tcrm-case-study .case-problem{min-height:auto;text-align:right;display:grid;grid-template-columns:52px 1fr;column-gap:13px}#tcrm-case-study .case-problem-icon{grid-row:1/3;margin:0}#tcrm-case-study .case-app{min-height:390px}#tcrm-case-study .case-sidebar{width:92px;padding-inline:8px}#tcrm-case-study .case-sidebar a span{display:none}#tcrm-case-study .case-main{padding:10px}#tcrm-case-study .case-kanban{grid-template-columns:repeat(2,1fr)}#tcrm-case-study .case-col:nth-child(n+3){display:none}#tcrm-case-study .case-window-bar{height:36px}#tcrm-case-study .case-main-head h3{font-size:17px}
}


/* ===== V29 cleaner and more symmetric challenge section ===== */
#tcrm-case-study .case-study-story{
  background: linear-gradient(180deg, #f7fbff 0%, #f4f8fd 100%);
  padding: 110px 0;
}
#tcrm-case-study .case-bg-one{width:420px;height:420px;left:-150px;top:-130px;background:radial-gradient(circle,rgba(89,110,255,.08),rgba(89,110,255,0) 72%)}
#tcrm-case-study .case-bg-two{width:360px;height:360px;right:-110px;bottom:-120px;left:auto;background:radial-gradient(circle,rgba(255,198,110,.08),rgba(255,198,110,0) 72%)}
#tcrm-case-study .case-study-grid{
  grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr);
  gap: 36px;
  align-items: stretch;
  direction:ltr;
}
#tcrm-case-study .case-visual, #tcrm-case-study .case-story{min-width:0;display:flex}
#tcrm-case-study .case-visual-shell,
#tcrm-case-study .case-story-panel{
  width:100%;
  background: rgba(255,255,255,.78);
  border:1px solid rgba(222,231,241,.95);
  border-radius: 30px;
  box-shadow: 0 20px 60px rgba(31,53,80,.07);
  backdrop-filter: blur(10px);
}
#tcrm-case-study .case-visual-shell{padding:22px;display:flex;flex-direction:column;gap:18px}
#tcrm-case-study .case-visual-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;direction:rtl}
#tcrm-case-study .case-overline{display:inline-block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8a9bb0;margin-bottom:8px}
#tcrm-case-study .case-visual-top h3{margin:0;font-size:30px;line-height:1.2;color:#102b48}
#tcrm-case-study .case-top-pills{display:flex;flex-wrap:wrap;gap:10px}
#tcrm-case-study .case-top-pills span{padding:10px 14px;border-radius:999px;background:#f4f7fc;border:1px solid #e6edf5;color:#5e7388;font-size:12px;font-weight:700}
#tcrm-case-study .case-window{
  transform:none;
  border-radius:24px;
  box-shadow:0 20px 40px rgba(30,54,82,.08);
}
#tcrm-case-study .case-window-bar{height:46px;padding:0 18px;font-size:11px}
#tcrm-case-study .case-app{min-height:500px;background:#f8fafc}
#tcrm-case-study .case-sidebar{width:128px;padding:22px 12px;border-inline-end:1px solid rgba(230,237,245,.08)}
#tcrm-case-study .case-sidebar a{padding:12px 11px;font-size:10px}
#tcrm-case-study .case-sidebar a.active{background:#143964;box-shadow: inset 0 1px 0 rgba(255,255,255,.06)}
#tcrm-case-study .case-main{padding:18px 18px 16px}
#tcrm-case-study .case-main-head{margin-bottom:16px}
#tcrm-case-study .case-main-head h3{font-size:24px}
#tcrm-case-study .case-main-head button{padding:11px 16px;border-radius:10px}
#tcrm-case-study .case-kanban{gap:10px}
#tcrm-case-study .case-col{min-height:385px;border-radius:16px;padding:10px}
#tcrm-case-study .case-col header{font-size:11px}
#tcrm-case-study .case-col article{border-radius:12px;padding:12px}
#tcrm-case-study .case-col article strong{font-size:10px}
#tcrm-case-study .case-col article small{font-size:8.5px}
#tcrm-case-study .case-col article footer{font-size:7.5px}

#tcrm-case-study .case-story-panel{
  padding:34px;
  direction:rtl;
  text-align:right;
  display:flex;
  flex-direction:column;
  gap:22px;
}
#tcrm-case-study .case-label{margin-bottom:0;font-size:10px;color:#7e91a6;letter-spacing:2.6px}
#tcrm-case-study .case-label i{width:48px;background:#f2b329}
#tcrm-case-study .case-story-panel h2{margin:0;font-size:46px;line-height:1.12;color:#0d2946;max-width:14ch}
#tcrm-case-study .case-intro{margin:0;color:#62788e;font-size:16px;line-height:1.95;max-width:95%}
#tcrm-case-study .case-process{display:flex;flex-wrap:wrap;gap:10px}
#tcrm-case-study .case-process span{padding:9px 14px;border-radius:999px;background:#f3f7fc;border:1px solid #e7eef5;color:#50677d;font-size:12px;font-weight:700}
#tcrm-case-study .case-story-block{
  border:1px solid #e8eef5;
  border-radius:24px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  padding:22px;
}
#tcrm-case-study .case-block-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}
#tcrm-case-study .case-block-head small{display:block;color:#8a9bb0;font-size:11px;letter-spacing:1.5px;margin-bottom:5px}
#tcrm-case-study .case-block-head h3{margin:0;color:#12304d;font-size:28px;line-height:1.15}
#tcrm-case-study .case-list{display:grid;gap:14px}
#tcrm-case-study .case-list article{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px;border-radius:18px;background:#f8fbff;border:1px solid #edf2f7}
#tcrm-case-study .case-list article span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#edf3ff;color:#4d7cff;font-weight:800;font-size:14px}
#tcrm-case-study .case-list article b{display:block;font-size:15px;color:#17324d;margin-bottom:6px}
#tcrm-case-study .case-list article p{margin:0;font-size:13px;line-height:1.75;color:#6f8397}
#tcrm-case-study .challenge-block .case-list article:nth-child(2) span{background:#fff4d8;color:#e3a10b}
#tcrm-case-study .challenge-block .case-list article:nth-child(3) span{background:#ffe7ec;color:#e66783}
#tcrm-case-study .solution-block .case-solution-copy{margin:0 0 18px;color:#61778d;font-size:15px;line-height:1.9}
#tcrm-case-study .case-list-solution{grid-template-columns:1fr;gap:12px}
#tcrm-case-study .solution-block .case-list article span{background:#ecf4ff;color:#4775ff}

@media (max-width: 1180px){
  #tcrm-case-study .case-study-grid{grid-template-columns:1fr;gap:28px}
  #tcrm-case-study .case-visual{order:2}#tcrm-case-study .case-story{order:1}
  #tcrm-case-study .case-story-panel h2{max-width:none}
}
@media (max-width: 720px){
  #tcrm-case-study .case-study-story{padding:76px 0}
  #tcrm-case-study .case-visual-shell,#tcrm-case-study .case-story-panel{border-radius:24px}
  #tcrm-case-study .case-visual-shell{padding:16px}
  #tcrm-case-study .case-visual-top{align-items:flex-start;flex-direction:column}
  #tcrm-case-study .case-visual-top h3{font-size:24px}
  #tcrm-case-study .case-story-panel{padding:24px;gap:18px}
  #tcrm-case-study .case-story-panel h2{font-size:34px}
  #tcrm-case-study .case-intro,#tcrm-case-study .solution-block .case-solution-copy{font-size:14px}
  #tcrm-case-study .case-process{gap:8px}
  #tcrm-case-study .case-process span{font-size:11px}
  #tcrm-case-study .case-app{min-height:390px}
  #tcrm-case-study .case-sidebar{width:92px;padding-inline:8px}
  #tcrm-case-study .case-sidebar a span{display:none}
  #tcrm-case-study .case-main{padding:10px}
  #tcrm-case-study .case-kanban{grid-template-columns:repeat(2,1fr)}
  #tcrm-case-study .case-col:nth-child(n+3){display:none}
  #tcrm-case-study .case-block-head h3{font-size:24px}
  #tcrm-case-study .case-list article{grid-template-columns:40px 1fr;padding:14px}
  #tcrm-case-study .case-list article span{width:40px;height:40px}
}


/* ===== V30 premium redesign from scratch ===== */
#tcrm-case-study .premium-story-v30{
  position:relative;
  overflow:hidden;
  padding:110px 0;
  background:
    radial-gradient(circle at 8% 18%, rgba(111,123,255,.12), transparent 28%),
    radial-gradient(circle at 92% 82%, rgba(255,191,89,.12), transparent 24%),
    linear-gradient(180deg,#f8fbff 0%, #f4f8fc 100%);
}
#tcrm-case-study .premium-story-shell{
  position:relative;
}
#tcrm-case-study .premium-story-shell::before,
#tcrm-case-study .premium-story-shell::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(2px);
}
#tcrm-case-study .premium-story-shell::before{width:280px;height:280px;left:-70px;top:-50px;background:radial-gradient(circle, rgba(93,121,255,.10), rgba(93,121,255,0) 70%)}
#tcrm-case-study .premium-story-shell::after{width:240px;height:240px;right:-60px;bottom:-40px;background:radial-gradient(circle, rgba(255,196,102,.12), rgba(255,196,102,0) 70%)}
#tcrm-case-study .premium-story-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:30px;
  align-items:stretch;
  direction:ltr;
}
#tcrm-case-study .premium-story-visual,#tcrm-case-study .premium-story-content{min-width:0;display:flex}
#tcrm-case-study .premium-visual-card,
#tcrm-case-study .premium-content-card{
  background:rgba(255,255,255,.8);
  border:1px solid rgba(224,232,241,.95);
  box-shadow:0 22px 60px rgba(29,52,79,.08);
  backdrop-filter:blur(12px);
}
#tcrm-case-study .premium-visual-card{
  width:100%;
  border-radius:30px;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
#tcrm-case-study .premium-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  direction:rtl;
}
#tcrm-case-study .premium-eyebrow{display:inline-block;font-size:11px;letter-spacing:2px;color:#8a9bb0;margin-bottom:10px}
#tcrm-case-study .premium-card-head h2{margin:0 0 8px;font-size:34px;line-height:1.2;color:#102b48}
#tcrm-case-study .premium-card-head p{margin:0;color:#667c90;font-size:15px;line-height:1.85;max-width:520px}
#tcrm-case-study .premium-chip-stack{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
#tcrm-case-study .premium-chip-stack span{padding:10px 14px;border-radius:999px;background:#f4f7fc;border:1px solid #e6edf5;color:#597085;font-size:12px;font-weight:700}
#tcrm-case-study .premium-window{
  border:1px solid #e5ecf4;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 40px rgba(31,52,80,.08);
}
#tcrm-case-study .premium-window-bar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#f5f8fc;border-bottom:1px solid #ecf1f6;color:#95a7b8;font-size:11px}
#tcrm-case-study .premium-dots{display:flex;gap:7px}
#tcrm-case-study .premium-dots span{width:8px;height:8px;border-radius:50%}
#tcrm-case-study .premium-dots span:nth-child(1){background:#ff6b6b}#tcrm-case-study .premium-dots span:nth-child(2){background:#ffc857}#tcrm-case-study .premium-dots span:nth-child(3){background:#37c978}
#tcrm-case-study .premium-window-body{display:flex;min-height:460px;direction:ltr;background:#f8fafc}
#tcrm-case-study .premium-sidebar{width:126px;background:#081f36;color:#c9d4e0;padding:22px 12px;direction:rtl;border-inline-end:1px solid rgba(255,255,255,.04)}
#tcrm-case-study .premium-logo{display:flex;justify-content:center;align-items:center;gap:9px;color:#fff;margin-bottom:26px;font-size:13px}
#tcrm-case-study .premium-logo span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#4f7cff;font-weight:800}
#tcrm-case-study .premium-sidebar nav{display:grid;gap:8px}
#tcrm-case-study .premium-sidebar a{display:flex;align-items:center;gap:8px;padding:11px 10px;border-radius:10px;font-size:10px}
#tcrm-case-study .premium-sidebar a.active{background:#163b67;color:#fff;box-shadow: inset 0 1px 0 rgba(255,255,255,.06)}
#tcrm-case-study .premium-sidebar i{font-style:normal;opacity:.8}
#tcrm-case-study .premium-main{flex:1;padding:18px;direction:rtl;min-width:0}
#tcrm-case-study .premium-main-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
#tcrm-case-study .premium-main-head small{display:block;font-size:9px;color:#93a2b2;margin-bottom:3px}#tcrm-case-study .premium-main-head h3{margin:0;font-size:22px;color:#102b48}
#tcrm-case-study .premium-main-head button{border:0;background:#0c2745;color:#fff;border-radius:10px;padding:10px 15px;font-size:10px;font-weight:700}
#tcrm-case-study .premium-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;direction:rtl}
#tcrm-case-study .premium-col{min-height:350px;border-radius:16px;padding:10px}
#tcrm-case-study .premium-col header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;color:#203650}
#tcrm-case-study .premium-col header span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.8);font-size:8px}
#tcrm-case-study .premium-col article{background:#fff;border:1px solid rgba(24,48,75,.07);border-radius:12px;padding:11px;margin-bottom:9px;box-shadow:0 5px 13px rgba(22,43,67,.035)}
#tcrm-case-study .premium-col article strong{display:block;font-size:9px;color:#1d334d;margin-bottom:5px}#tcrm-case-study .premium-col article small{font-size:8px;color:#6e8194}
#tcrm-case-study .premium-col article footer{display:flex;justify-content:space-between;margin-top:9px;color:#9aabba;font-size:7px}#tcrm-case-study .premium-col article em{font-style:normal}
#tcrm-case-study .col-blue{background:#eaf3ff}#tcrm-case-study .col-yellow{background:#fff8dc}#tcrm-case-study .col-orange{background:#fff0e5}#tcrm-case-study .col-red{background:#fff0f1}#tcrm-case-study .col-green{background:#e9f8f1}
#tcrm-case-study .premium-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#tcrm-case-study .premium-metrics article{padding:18px;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);border:1px solid #ebf1f6}
#tcrm-case-study .premium-metrics strong{display:block;font-size:14px;color:#17324d;margin-bottom:8px}#tcrm-case-study .premium-metrics span{display:block;font-size:12px;line-height:1.75;color:#6e8397}

#tcrm-case-study .premium-story-content{flex-direction:column;gap:20px}
#tcrm-case-study .premium-content-card{border-radius:28px;padding:26px 26px 24px;direction:rtl;text-align:right}
#tcrm-case-study .intro-card{padding:30px}
#tcrm-case-study .premium-section-label{display:flex;align-items:center;gap:10px;color:#7e91a6;font-size:10px;font-weight:700;letter-spacing:2.4px;margin-bottom:12px}
#tcrm-case-study .premium-section-label i{display:block;width:42px;height:2px;background:#f2b329}
#tcrm-case-study .intro-card h3{margin:0 0 14px;color:#0e2a47;font-size:42px;line-height:1.12}
#tcrm-case-study .intro-card p{margin:0;color:#61778c;font-size:16px;line-height:1.95}
#tcrm-case-study .premium-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#tcrm-case-study .premium-pill-row span{padding:9px 13px;border-radius:999px;background:#f4f8fc;border:1px solid #e7eef5;color:#557085;font-size:12px;font-weight:700}
#tcrm-case-study .premium-dual-cards{display:grid;grid-template-columns:1fr;gap:20px;flex:1}
#tcrm-case-study .challenge-card,#tcrm-case-study .solution-card{display:flex;flex-direction:column}
#tcrm-case-study .challenge-card h4,#tcrm-case-study .solution-card h4{margin:0 0 16px;color:#12304d;font-size:28px;line-height:1.15}
#tcrm-case-study .premium-list{display:grid;gap:12px}
#tcrm-case-study .premium-list-item{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:15px;border-radius:18px;background:#f8fbff;border:1px solid #edf2f7}
#tcrm-case-study .premium-list-item .num{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#edf3ff;color:#4d7cff;font-size:13px;font-weight:800}
#tcrm-case-study .challenge-card .premium-list-item:nth-child(2) .num{background:#fff4d8;color:#e3a10b}
#tcrm-case-study .challenge-card .premium-list-item:nth-child(3) .num{background:#ffe7ec;color:#e66783}
#tcrm-case-study .premium-list-item b{display:block;font-size:15px;color:#17324d;margin-bottom:6px}
#tcrm-case-study .premium-list-item p{margin:0;font-size:13px;line-height:1.75;color:#6f8397}
#tcrm-case-study .solution-text{margin:0 0 18px;color:#61778d;font-size:15px;line-height:1.9}
#tcrm-case-study .premium-feature-grid{display:grid;grid-template-columns:1fr;gap:12px}
#tcrm-case-study .premium-feature-grid>div{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:15px;border-radius:18px;background:#f8fbff;border:1px solid #edf2f7}
#tcrm-case-study .premium-feature-grid span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ecf4ff;color:#4775ff;font-size:16px;font-weight:800}
#tcrm-case-study .premium-feature-grid b{display:block;font-size:15px;color:#17324d;margin-bottom:6px}
#tcrm-case-study .premium-feature-grid p{margin:0;font-size:13px;line-height:1.75;color:#6f8397}

@media (max-width: 1180px){
  #tcrm-case-study .premium-story-grid{grid-template-columns:1fr;gap:24px}
  #tcrm-case-study .premium-card-head{flex-direction:column;align-items:flex-start}
  #tcrm-case-study .premium-story-content{order:1}#tcrm-case-study .premium-story-visual{order:2}
}
@media (max-width: 720px){
  #tcrm-case-study .premium-story-v30{padding:76px 0}
  #tcrm-case-study .premium-visual-card{padding:16px;border-radius:24px}
  #tcrm-case-study .premium-card-head h2{font-size:28px}
  #tcrm-case-study .premium-card-head p{font-size:14px}
  #tcrm-case-study .premium-window-body{min-height:390px}
  #tcrm-case-study .premium-sidebar{width:92px;padding-inline:8px}
  #tcrm-case-study .premium-sidebar a span{display:none}
  #tcrm-case-study .premium-main{padding:10px}
  #tcrm-case-study .premium-board{grid-template-columns:repeat(2,1fr)}
  #tcrm-case-study .premium-col:nth-child(n+3){display:none}
  #tcrm-case-study .premium-metrics{grid-template-columns:1fr}
  #tcrm-case-study .premium-content-card{padding:22px 18px;border-radius:22px}
  #tcrm-case-study .intro-card h3{font-size:34px}
  #tcrm-case-study .intro-card p,#tcrm-case-study .solution-text{font-size:14px}
}


/* ===== V31 premium case study implementation ===== */
#tcrm-case-study .premium-case-v31{position:relative;overflow:hidden;padding:110px 0 120px;background:radial-gradient(circle at 9% 18%,rgba(112,121,255,.12),transparent 26%),radial-gradient(circle at 88% 72%,rgba(255,191,91,.08),transparent 20%),linear-gradient(180deg,#f9fbff 0%,#f5f8fd 100%)}
#tcrm-case-study .premium-case-v31::before{content:"";position:absolute;left:-120px;top:70px;width:420px;height:420px;border-radius:50%;background:rgba(112,123,255,.06);filter:blur(3px)}
#tcrm-case-study .premium-case-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:52px;align-items:center;direction:ltr;position:relative;z-index:2}
#tcrm-case-study .premium-case-visual,#tcrm-case-study .premium-case-content{min-width:0}#tcrm-case-study .premium-laptop-scene{position:relative;padding:32px 6px 42px}#tcrm-case-study .premium-laptop-halo{position:absolute;inset:4% 2% 8%;border-radius:46% 46% 38% 42%;background:radial-gradient(circle at 38% 42%,rgba(115,97,255,.11),rgba(82,120,255,.04) 42%,transparent 72%);filter:blur(18px)}
#tcrm-case-study .premium-laptop{position:relative;z-index:2}#tcrm-case-study .premium-laptop-frame{border-radius:30px 30px 20px 20px;background:#0a111c;padding:10px;box-shadow:0 38px 80px rgba(37,58,84,.18),0 0 0 1px rgba(255,255,255,.05)}
#tcrm-case-study .premium-laptop-topbar{height:52px;border-radius:20px 20px 0 0;background:#fbfcff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 18px;color:#7b8ea2;font-size:10px}#tcrm-case-study .premium-dots{display:flex;gap:7px}#tcrm-case-study .premium-dots span{width:8px;height:8px;border-radius:50%}#tcrm-case-study .premium-dots span:nth-child(1){background:#ff6b6b}#tcrm-case-study .premium-dots span:nth-child(2){background:#ffc857}#tcrm-case-study .premium-dots span:nth-child(3){background:#37c978}
#tcrm-case-study .premium-search{height:30px;border:1px solid #e7edf4;background:#fff;border-radius:10px;display:flex;align-items:center;padding:0 12px;max-width:420px}#tcrm-case-study .premium-user-chip{display:flex;align-items:center;gap:7px;font-weight:700;color:#38506a}#tcrm-case-study .premium-user-chip i{font-style:normal;color:#5c7cff;font-size:11px}
#tcrm-case-study .premium-app-shell{display:flex;min-height:510px;background:#fff;direction:ltr}#tcrm-case-study .premium-app-sidebar{width:130px;background:#071d35;color:#cbd6e2;padding:20px 12px;direction:rtl}#tcrm-case-study .premium-app-logo{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;margin-bottom:24px}#tcrm-case-study .premium-app-logo b{width:28px;height:28px;border-radius:9px;background:#4f7cff;display:grid;place-items:center}#tcrm-case-study .premium-app-logo span{font-size:13px;font-weight:800}#tcrm-case-study .premium-app-sidebar nav{display:grid;gap:8px}#tcrm-case-study .premium-app-sidebar a{display:flex;align-items:center;gap:8px;padding:11px 10px;border-radius:10px;font-size:10px}#tcrm-case-study .premium-app-sidebar a.active{background:#153c68;color:#fff}#tcrm-case-study .premium-app-sidebar i{font-style:normal;opacity:.8}
#tcrm-case-study .premium-app-main{flex:1;padding:18px;background:#f9fbfd;direction:rtl;min-width:0}#tcrm-case-study .premium-app-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}#tcrm-case-study .premium-app-head small{display:block;color:#8b9bac;font-size:9px;margin-bottom:4px}#tcrm-case-study .premium-app-head h3{margin:0;color:#102b48;font-size:24px}#tcrm-case-study .premium-app-head button{border:0;background:#0d2946;color:#fff;border-radius:10px;padding:10px 14px;font-size:10px;font-weight:700}
#tcrm-case-study .premium-deal-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;direction:rtl}#tcrm-case-study .deal-col{min-height:395px;border-radius:16px;padding:9px}#tcrm-case-study .deal-col header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;color:#1f3851}#tcrm-case-study .deal-col header span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.8);font-size:8px}#tcrm-case-study .deal-col article{background:#fff;border:1px solid rgba(23,48,75,.07);border-radius:11px;padding:10px;margin-bottom:8px;box-shadow:0 5px 12px rgba(19,42,66,.04)}#tcrm-case-study .deal-col article strong{display:block;font-size:9px;color:#1d334d;margin-bottom:5px}#tcrm-case-study .deal-col article small{font-size:8px;color:#708398}#tcrm-case-study .deal-col article footer{display:flex;justify-content:space-between;margin-top:9px;font-size:7px;color:#9aabba}#tcrm-case-study .deal-col article em{font-style:normal}#tcrm-case-study .deal-blue{background:#eaf3ff}#tcrm-case-study .deal-yellow{background:#fff8dc}#tcrm-case-study .deal-orange{background:#fff0e5}#tcrm-case-study .deal-red{background:#fff0f1}#tcrm-case-study .deal-green{background:#e9f8f1}
#tcrm-case-study .premium-laptop-base{width:90%;height:18px;margin:14px auto 0;background:linear-gradient(180deg,#dfe7ee,#9eb0c0 56%,#8192a2);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);border-radius:0 0 18px 18px}#tcrm-case-study .premium-laptop-shadow{width:70%;height:28px;margin:14px auto 0;border-radius:50%;background:rgba(61,79,98,.12);filter:blur(13px)}
#tcrm-case-study .premium-case-content{direction:rtl;text-align:right;display:flex;flex-direction:column;gap:20px}#tcrm-case-study .premium-case-kicker{display:flex;align-items:center;gap:11px;color:#7f91a4;font-size:10px;font-weight:700;letter-spacing:2.7px;margin-bottom:14px}#tcrm-case-study .premium-case-kicker i{display:block;width:42px;height:2px;background:#f4b321}#tcrm-case-study .premium-case-intro h2{margin:0 0 18px;color:#0d2946;font-size:54px;line-height:1.04;letter-spacing:-1px}#tcrm-case-study .premium-case-intro p{margin:0;color:#61778d;font-size:17px;line-height:1.95;max-width:92%}
#tcrm-case-study .premium-case-panel{background:rgba(255,255,255,.82);border:1px solid #e6edf5;border-radius:26px;padding:22px;box-shadow:0 18px 42px rgba(28,50,76,.06);backdrop-filter:blur(10px)}#tcrm-case-study .premium-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}#tcrm-case-study .premium-panel-head small{display:block;color:#8a9bb0;font-size:10px;letter-spacing:1.5px;margin-bottom:4px}#tcrm-case-study .premium-panel-head h3{margin:0;color:#12304d;font-size:30px}#tcrm-case-study .premium-panel-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffe9ed;color:#ee657d;font-size:19px;font-weight:800}#tcrm-case-study .premium-panel-icon.blue{background:#eaf2ff;color:#5279ff}
#tcrm-case-study .premium-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#tcrm-case-study .premium-mini-grid article{min-height:164px;border-radius:18px;padding:16px;text-align:center;border:1px solid rgba(31,52,77,.05)}#tcrm-case-study .challenge-grid article:nth-child(1){background:linear-gradient(180deg,#f5f2ff,#fbfaff)}#tcrm-case-study .challenge-grid article:nth-child(2){background:linear-gradient(180deg,#fff8e7,#fffdf8)}#tcrm-case-study .challenge-grid article:nth-child(3){background:linear-gradient(180deg,#fff1f4,#fffafb)}#tcrm-case-study .solution-grid article{background:linear-gradient(180deg,#f2f6ff,#fbfdff)}#tcrm-case-study .mini-icon{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);color:#7a61e7;font-size:18px;font-weight:800}#tcrm-case-study .challenge-grid article:nth-child(2) .mini-icon{color:#e6a410}#tcrm-case-study .challenge-grid article:nth-child(3) .mini-icon{color:#eb617b}#tcrm-case-study .mini-icon.blue{color:#5279ff}#tcrm-case-study .premium-mini-grid b{display:block;color:#17324d;font-size:14px;margin-bottom:8px}#tcrm-case-study .premium-mini-grid p{margin:0;color:#71869a;font-size:12px;line-height:1.7}
@media(max-width:1180px){#tcrm-case-study .premium-case-layout{grid-template-columns:1fr;gap:34px}#tcrm-case-study .premium-case-content{order:1}#tcrm-case-study .premium-case-visual{order:2}#tcrm-case-study .premium-case-intro h2{font-size:48px}#tcrm-case-study .premium-case-intro p{max-width:none}}
@media(max-width:720px){#tcrm-case-study .premium-case-v31{padding:76px 0}#tcrm-case-study .premium-case-layout{gap:28px}#tcrm-case-study .premium-case-intro h2{font-size:38px}#tcrm-case-study .premium-case-intro p{font-size:15px}#tcrm-case-study .premium-mini-grid{grid-template-columns:1fr}#tcrm-case-study .premium-mini-grid article{min-height:auto;text-align:right;display:grid;grid-template-columns:44px 1fr;column-gap:12px}#tcrm-case-study .mini-icon{grid-row:1/3;margin:0}#tcrm-case-study .premium-laptop-topbar{grid-template-columns:auto 1fr}#tcrm-case-study .premium-user-chip{display:none}#tcrm-case-study .premium-search{max-width:none}#tcrm-case-study .premium-app-shell{min-width:720px}#tcrm-case-study .premium-laptop-frame{overflow:auto}#tcrm-case-study .premium-laptop-base,#tcrm-case-study .premium-laptop-shadow{display:none}}


/* ===== V32 Split Challenge / Solution Z-pattern ===== */
#tcrm-case-study .story-split-section{
  position:relative;
  padding:110px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 16%,rgba(121,97,255,.11),transparent 25%),
    radial-gradient(circle at 92% 78%,rgba(92,118,255,.09),transparent 28%),
    linear-gradient(180deg,#f8faff 0%,#f4f7ff 48%,#fafbff 100%);
}
#tcrm-case-study .problem-story,
#tcrm-case-study .solution-story{
  background:
    radial-gradient(circle at 8% 16%,rgba(121,97,255,.11),transparent 25%),
    radial-gradient(circle at 92% 78%,rgba(92,118,255,.09),transparent 28%),
    linear-gradient(180deg,#f8faff 0%,#f4f7ff 48%,#fafbff 100%);
}
#tcrm-case-study .story-row{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:42px;
  align-items:center;
}
#tcrm-case-study .story-row-solution{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
}
#tcrm-case-study .story-copy{direction:rtl;text-align:right}
#tcrm-case-study .story-kicker{display:flex;align-items:center;gap:10px;color:#8699ad;font-size:10px;letter-spacing:2.4px;font-weight:800;margin-bottom:18px}
#tcrm-case-study .story-kicker i{display:block;width:50px;height:2px;background:#f2b329}
#tcrm-case-study .story-copy h2{margin:0 0 16px;color:#0f2b48;font-size:52px;line-height:1.08}
#tcrm-case-study .story-lead{margin:0;color:#647b90;font-size:17px;line-height:1.95}
#tcrm-case-study .story-points,#tcrm-case-study .solution-features{display:grid;gap:14px;margin-top:26px}
#tcrm-case-study .story-points article,#tcrm-case-study .solution-features article{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:16px;
  align-items:flex-start;
  padding:18px 20px;
  border-radius:24px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(226,234,242,.95);
  box-shadow:0 16px 34px rgba(26,48,76,.05);
}
#tcrm-case-study .story-points span,#tcrm-case-study .solution-features span{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;
  font-size:15px;font-weight:800;color:#4f7cff;background:#edf3ff;
}
#tcrm-case-study .story-points article:nth-child(2) span{background:#fff4d9;color:#dc9b00}
#tcrm-case-study .story-points article:nth-child(3) span{background:#ffe9ee;color:#e16983}
#tcrm-case-study .solution-features article:nth-child(2) span{background:#eff5ff;color:#5876ff}
#tcrm-case-study .solution-features article:nth-child(3) span{background:#ebf8f0;color:#29a56c}
#tcrm-case-study .story-points h3,#tcrm-case-study .solution-features h3{margin:0 0 6px;color:#16324d;font-size:22px;line-height:1.25}
#tcrm-case-study .story-points p,#tcrm-case-study .solution-features p{margin:0;color:#71859a;font-size:14px;line-height:1.85}

#tcrm-case-study .story-visual{min-width:0}
#tcrm-case-study .story-problem-card,#tcrm-case-study .story-solution-card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(225,233,242,.95);
  border-radius:30px;
  box-shadow:0 24px 60px rgba(28,50,79,.09);
  overflow:hidden;
}
#tcrm-case-study .story-window-bar{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 18px;background:#f5f8fc;border-bottom:1px solid #ebf1f7;color:#92a4b6;font-size:11px}
#tcrm-case-study .story-window-bar.dark{background:#f7faff}
#tcrm-case-study .story-dots{display:flex;gap:7px}#tcrm-case-study .story-dots span{width:8px;height:8px;border-radius:50%}
#tcrm-case-study .story-dots span:nth-child(1){background:#ff6b6b}#tcrm-case-study .story-dots span:nth-child(2){background:#ffc857}#tcrm-case-study .story-dots span:nth-child(3){background:#37c978}

#tcrm-case-study .story-problem-canvas{padding:26px;background:linear-gradient(180deg,#fbfcfe 0%,#f6f9fc 100%)}
#tcrm-case-study .mess-screen{
  position:relative;
  min-height:420px;
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #ebf1f7;
  padding:20px;
  overflow:hidden;
}
#tcrm-case-study .mess-screen::before,
#tcrm-case-study .mess-screen::after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.45}
#tcrm-case-study .mess-screen::before{width:180px;height:180px;background:#ffe3e8;top:-40px;left:-30px}
#tcrm-case-study .mess-screen::after{width:200px;height:200px;background:#e4ebff;right:-60px;bottom:-30px}
#tcrm-case-study .mess-top{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;position:relative;z-index:1}
#tcrm-case-study .mess-chip{padding:9px 14px;border-radius:999px;font-size:12px;font-weight:800;background:#fff;border:1px solid #edf2f7;box-shadow:0 8px 20px rgba(37,53,76,.04)}
#tcrm-case-study .mess-chip.red{color:#e05c71;background:#fff1f4}#tcrm-case-study .mess-chip.yellow{color:#c98e10;background:#fff6df}#tcrm-case-study .mess-chip.blue{color:#4f7cff;background:#eef3ff}
#tcrm-case-study .mess-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;position:relative;z-index:1}
#tcrm-case-study .mess-box{background:rgba(255,255,255,.84);border:1px solid #edf2f7;border-radius:20px;box-shadow:0 12px 24px rgba(33,49,73,.04)}
#tcrm-case-study .mess-box.large{padding:18px;min-height:116px}
#tcrm-case-study .mess-box.large strong,#tcrm-case-study .mess-box.note strong{display:block;margin-bottom:8px;color:#15314c;font-size:18px}
#tcrm-case-study .mess-box.large p,#tcrm-case-study .mess-box.note p{margin:0;color:#73879c;font-size:13px;line-height:1.8}
#tcrm-case-study .mess-box.warning{position:relative}
#tcrm-case-study .mess-box.warning::after{content:"!";position:absolute;top:16px;left:16px;width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#fff0f3;color:#df5872;font-weight:900}
#tcrm-case-study .mess-box.small{min-height:116px;background:repeating-linear-gradient(180deg,#fff 0,#fff 16px,#f6f9fd 16px,#f6f9fd 32px)}
#tcrm-case-study .mess-box.note{padding:18px;grid-column:1 / -1;background:linear-gradient(135deg,#fffdf6 0%,#fff7dd 100%)}
#tcrm-case-study .mess-box.table{min-height:132px;position:relative;overflow:hidden}
#tcrm-case-study .mess-box.table .rows{position:absolute;inset:18px;background:repeating-linear-gradient(180deg,#f4f7fb 0,#f4f7fb 12px,#ffffff 12px,#ffffff 34px)}
#tcrm-case-study .mess-float{position:absolute;display:grid;place-items:center;border-radius:16px;background:#0f2744;color:#fff;box-shadow:0 16px 28px rgba(16,39,68,.18);z-index:2}
#tcrm-case-study .mess-float.one{width:62px;height:62px;top:84px;left:24px}
#tcrm-case-study .mess-float.two{width:52px;height:52px;bottom:48px;right:28px;background:#fff;color:#0f2744;border:1px solid #edf2f7}
#tcrm-case-study .mess-float.three{width:86px;height:54px;top:198px;right:22px;background:#4f7cff}

#tcrm-case-study .story-solution-card{padding-bottom:0}
#tcrm-case-study .clean-app{display:flex;min-height:500px;background:#f8fafc;direction:ltr}
#tcrm-case-study .clean-sidebar{width:124px;background:#081f36;padding:22px 12px;color:#d6deea;direction:rtl}
#tcrm-case-study .clean-logo{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;margin-bottom:26px}
#tcrm-case-study .clean-logo b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#4f7cff}#tcrm-case-study .clean-logo em{font-style:normal;font-weight:800}
#tcrm-case-study .clean-sidebar nav{display:grid;gap:8px}#tcrm-case-study .clean-sidebar a{padding:11px 10px;border-radius:10px;font-size:11px}
#tcrm-case-study .clean-sidebar a.active{background:#153963;color:#fff}
#tcrm-case-study .clean-main{flex:1;padding:20px;direction:rtl}
#tcrm-case-study .clean-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
#tcrm-case-study .clean-head small{display:block;font-size:10px;color:#92a3b4;margin-bottom:4px}#tcrm-case-study .clean-head h3{margin:0;color:#112d49;font-size:26px}
#tcrm-case-study .clean-head button{border:0;background:#0f2744;color:#fff;padding:11px 16px;border-radius:12px;font-size:11px;font-weight:800}
#tcrm-case-study .clean-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
#tcrm-case-study .clean-stats div{padding:16px;border-radius:18px;background:#fff;border:1px solid #edf2f7}
#tcrm-case-study .clean-stats b{display:block;font-size:26px;color:#102b48;margin-bottom:6px}#tcrm-case-study .clean-stats span{font-size:12px;color:#71859a}
#tcrm-case-study .clean-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#tcrm-case-study .clean-col{min-height:268px;border-radius:16px;padding:10px}#tcrm-case-study .clean-col header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#203650;font-size:12px}#tcrm-case-study .clean-col header span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85);font-size:8px}
#tcrm-case-study .clean-col article{padding:12px 11px;border-radius:12px;background:#fff;border:1px solid rgba(19,43,69,.06);margin-bottom:8px;font-size:11px;color:#1b3451;box-shadow:0 6px 14px rgba(24,44,71,.04)}
#tcrm-case-study .clean-col.c1{background:#eaf3ff}#tcrm-case-study .clean-col.c2{background:#fff8dc}#tcrm-case-study .clean-col.c3{background:#fff0e5}#tcrm-case-study .clean-col.c4{background:#e9f8f1}

@media (max-width: 1180px){
  #tcrm-case-study .story-row,#tcrm-case-study .story-row-solution{grid-template-columns:1fr;gap:26px}
  #tcrm-case-study .story-row-problem .story-copy{order:1}#tcrm-case-study .story-row-problem .story-visual{order:2}
  #tcrm-case-study .story-row-solution .story-copy{order:1}#tcrm-case-study .story-row-solution .story-visual{order:2}
}
@media (max-width: 720px){
  #tcrm-case-study .story-split-section{padding:76px 0}
  #tcrm-case-study .story-copy h2{font-size:38px}
  #tcrm-case-study .story-lead{font-size:15px}
  #tcrm-case-study .story-points article,#tcrm-case-study .solution-features article{grid-template-columns:48px 1fr;padding:16px;border-radius:20px}
  #tcrm-case-study .story-points span,#tcrm-case-study .solution-features span{width:48px;height:48px}
  #tcrm-case-study .story-points h3,#tcrm-case-study .solution-features h3{font-size:18px}
  #tcrm-case-study .mess-screen{min-height:340px;padding:16px}
  #tcrm-case-study .mess-grid{grid-template-columns:1fr}
  #tcrm-case-study .clean-app{min-height:420px}
  #tcrm-case-study .clean-sidebar{width:86px;padding-inline:8px}
  #tcrm-case-study .clean-sidebar a{font-size:10px}
  #tcrm-case-study .clean-main{padding:12px}
  #tcrm-case-study .clean-stats{grid-template-columns:1fr}
  #tcrm-case-study .clean-board{grid-template-columns:repeat(2,1fr)}
}


/* ===== V33 REAL SCREEN SHOWCASE ===== */
#tcrm-case-study .screens-v33{
  position:relative;
  overflow:hidden;
  padding:108px 0 120px;
  background:
    radial-gradient(circle at 8% 16%,rgba(121,97,255,.11),transparent 25%),
    radial-gradient(circle at 92% 78%,rgba(92,118,255,.09),transparent 28%),
    linear-gradient(180deg,#f8faff 0%,#f4f7ff 48%,#fafbff 100%);
  color:#102744;
}
#tcrm-case-study .screens-v33::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.32;
  pointer-events:none;
  background-image:radial-gradient(rgba(110,101,255,.22) 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent);
}
#tcrm-case-study .screens-v33-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
#tcrm-case-study .screens-v33-glow-a{width:280px;height:280px;left:-70px;top:25%;background:rgba(106,91,255,.14)}
#tcrm-case-study .screens-v33-glow-b{width:340px;height:340px;right:-80px;bottom:-60px;background:rgba(78,128,255,.12)}
#tcrm-case-study .screens-v33-wrap{position:relative;z-index:2}
#tcrm-case-study .screens-v33-head{display:grid;grid-template-columns:minmax(460px,.8fr) minmax(0,1.2fr);gap:42px;align-items:end;direction:rtl;margin-bottom:44px}
#tcrm-case-study .screens-v33-title{text-align:right;direction:rtl}
#tcrm-case-study .screens-v33-badge{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;background:rgba(125,94,255,.07);border:1px solid rgba(126,101,255,.18);color:#7657e7;font-size:12px;font-weight:700;margin-bottom:17px}
#tcrm-case-study .screens-v33-title h2{margin:0 0 14px;color:#0c2441;font-size:clamp(46px,5vw,68px);line-height:1.05;letter-spacing:-1.6px}
#tcrm-case-study .screens-v33-title h2 span{background:linear-gradient(90deg,#5f7dff,#805eff);-webkit-background-clip:text;background-clip:text;color:transparent}
#tcrm-case-study .screens-v33-title p{margin:0;color:#657a90;font-size:17px;line-height:1.9;max-width:650px;margin-right:auto}
#tcrm-case-study .screens-v33-tabs{direction:rtl;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#tcrm-case-study .screen-showcase-card{position:relative;appearance:none;border:1px solid rgba(216,225,238,.95);background:rgba(255,255,255,.68);border-radius:22px;padding:12px 12px 16px;cursor:pointer;text-align:right;color:#132e4b;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;box-shadow:0 12px 28px rgba(36,51,80,.04);overflow:visible}
#tcrm-case-study .screen-showcase-card::after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;background:#fff;border-right:1px solid rgba(108,92,255,.38);border-bottom:1px solid rgba(108,92,255,.38);transform:translateX(-50%) rotate(45deg);opacity:0;transition:opacity .3s ease}
#tcrm-case-study .screen-showcase-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(37,55,85,.09)}
#tcrm-case-study .screen-showcase-card.active{background:#fff;border-color:rgba(99,85,255,.72);box-shadow:0 18px 42px rgba(92,82,255,.16),0 0 0 2px rgba(91,80,255,.08)}
#tcrm-case-study .screen-showcase-card.active::after{opacity:1}
#tcrm-case-study .showcase-thumb{display:block;height:100px;border-radius:14px;overflow:hidden;background:#f2f5fb;border:1px solid #e8edf5;margin-bottom:13px}
#tcrm-case-study .showcase-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .45s ease}
#tcrm-case-study .screen-showcase-card:hover .showcase-thumb img,#tcrm-case-study .screen-showcase-card.active .showcase-thumb img{transform:scale(1.035)}
#tcrm-case-study .showcase-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;margin:-28px 12px 8px 0;position:relative;background:linear-gradient(180deg,#8067ff,#564bef);color:#fff;font-size:18px;box-shadow:0 10px 24px rgba(89,74,239,.24)}
#tcrm-case-study .screen-showcase-card b{display:block;font-size:15px;margin-bottom:5px}#tcrm-case-study .screen-showcase-card small{display:block;font-size:11px;color:#75879a;line-height:1.55}
#tcrm-case-study .screens-v33-stage{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:center;direction:ltr}
#tcrm-case-study .screens-v33-benefits{display:grid;gap:18px;direction:rtl}
#tcrm-case-study .screens-v33-benefits article{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center;padding:10px 0}
#tcrm-case-study .benefit-orb{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:25px;font-weight:800;border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 30px rgba(38,58,90,.06)}
#tcrm-case-study .benefit-orb.purple{background:linear-gradient(145deg,#f0ebff,#e8e4ff);color:#7256ed}#tcrm-case-study .benefit-orb.green{background:linear-gradient(145deg,#e7fbf2,#dff7ec);color:#1ca96c}#tcrm-case-study .benefit-orb.amber{background:linear-gradient(145deg,#fff5e6,#fff0d7);color:#e79a0b}#tcrm-case-study .benefit-orb.rose{background:linear-gradient(145deg,#fff0f3,#ffe7ed);color:#e35a77}
#tcrm-case-study .screens-v33-benefits b{display:block;font-size:20px;color:#132d4a;margin-bottom:5px}#tcrm-case-study .screens-v33-benefits p{margin:0;color:#70849a;font-size:13px;line-height:1.75}
#tcrm-case-study .screens-v33-preview-wrap{position:relative;min-width:0;padding:20px 18px 0}
#tcrm-case-study .screens-v33-preview-glow{position:absolute;inset:12% 9% 8%;background:radial-gradient(ellipse at center,rgba(103,88,255,.21),rgba(79,119,255,.08) 45%,transparent 72%);filter:blur(35px);z-index:0;pointer-events:none}
#tcrm-case-study .screens-v33-browser{position:relative;z-index:2;border-radius:28px;overflow:hidden;background:#fff;border:1px solid rgba(206,218,234,.95);box-shadow:0 34px 80px rgba(41,57,86,.17),0 0 0 5px rgba(255,255,255,.46),0 0 45px rgba(92,80,255,.11);transform:perspective(1500px) rotateX(.7deg) rotateY(-1.7deg);transform-origin:center;transition:transform .45s ease}
#tcrm-case-study .screens-v33-preview-wrap:hover .screens-v33-browser{transform:perspective(1500px) rotateX(0deg) rotateY(0deg) translateY(-3px)}
#tcrm-case-study .screens-v33-browser-top{height:48px;display:grid;grid-template-columns:120px 1fr 120px;align-items:center;gap:10px;padding:0 17px;background:linear-gradient(180deg,#f9fbfe,#f2f6fb);border-bottom:1px solid #e8eef5;color:#93a3b5;font-size:10px}
#tcrm-case-study .browser-dots{display:flex;gap:7px;direction:ltr}#tcrm-case-study .browser-dots span{width:8px;height:8px;border-radius:50%}#tcrm-case-study .browser-dots span:nth-child(1){background:#ff6767}#tcrm-case-study .browser-dots span:nth-child(2){background:#ffc855}#tcrm-case-study .browser-dots span:nth-child(3){background:#3acb7b}
#tcrm-case-study .browser-url{justify-self:center;width:min(360px,80%);background:#fff;border:1px solid #e5ebf3;border-radius:999px;padding:7px 15px;text-align:center;color:#a3b0bf}
#tcrm-case-study .browser-live{justify-self:end;display:flex;align-items:center;gap:6px}#tcrm-case-study .browser-live i{width:7px;height:7px;border-radius:50%;background:#33ca80;box-shadow:0 0 0 4px rgba(51,202,128,.10)}
#tcrm-case-study .screens-v33-media{position:relative;aspect-ratio:1910/867;background:#f6f8fc;overflow:hidden}
#tcrm-case-study .screens-v33-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;opacity:1;transform:scale(1);transition:opacity .24s ease,transform .55s cubic-bezier(.2,.75,.2,1)}
#tcrm-case-study .screens-v33-media.is-switching img{opacity:.18;transform:scale(.985)}
#tcrm-case-study .screens-v33-loading{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.34) 44%,transparent 60%);transform:translateX(-110%)}
#tcrm-case-study .screens-v33-media.is-switching .screens-v33-loading{animation:v33Shimmer .5s ease}
@keyframes v33Shimmer{to{transform:translateX(110%)}}
#tcrm-case-study .screens-v33-caption{position:relative;z-index:3;display:flex;justify-content:space-between;gap:25px;align-items:flex-end;padding:22px 18px 4px;direction:rtl}
#tcrm-case-study .screens-v33-caption small{display:block;font-size:10px;letter-spacing:2.1px;color:#8069ee;font-weight:800;margin-bottom:7px}#tcrm-case-study .screens-v33-caption h3{margin:0;font-size:28px;color:#112d4a}#tcrm-case-study .screens-v33-caption p{max-width:620px;margin:0;color:#5e748e;font-size:16px;line-height:2.02;text-align:right;font-weight:500}
@media(max-width:1180px){#tcrm-case-study .screens-v33-head{grid-template-columns:1fr;align-items:start}#tcrm-case-study .screens-v33-tabs{order:2}#tcrm-case-study .screens-v33-stage{grid-template-columns:1fr}#tcrm-case-study .screens-v33-benefits{grid-template-columns:repeat(4,1fr);order:2}#tcrm-case-study .screens-v33-benefits article{grid-template-columns:1fr;text-align:center}#tcrm-case-study .benefit-orb{margin-inline:auto}#tcrm-case-study .screens-v33-preview-wrap{order:1}#tcrm-case-study .screens-v33-title p{margin-right:0}}
@media(max-width:820px){#tcrm-case-study .screens-v33{padding:82px 0 90px}#tcrm-case-study .screens-v33-tabs{grid-template-columns:repeat(2,1fr)}#tcrm-case-study .screens-v33-title h2{font-size:44px}#tcrm-case-study .screens-v33-benefits{grid-template-columns:repeat(2,1fr)}#tcrm-case-study .screens-v33-browser-top{grid-template-columns:80px 1fr 80px}#tcrm-case-study .browser-live{font-size:0}#tcrm-case-study .screens-v33-caption{align-items:flex-start;flex-direction:column}#tcrm-case-study .screens-v33-caption p{max-width:none}}
@media(max-width:520px){#tcrm-case-study .screens-v33-tabs{grid-template-columns:1fr 1fr;gap:10px}#tcrm-case-study .showcase-thumb{height:72px}#tcrm-case-study .screen-showcase-card{padding:9px 9px 13px}#tcrm-case-study .screen-showcase-card.active{transform:translateY(-4px) scale(1.01)}#tcrm-case-study .showcase-icon{width:36px;height:36px;margin-top:-24px}#tcrm-case-study .screens-v33-benefits{grid-template-columns:1fr}#tcrm-case-study .screens-v33-benefits article{grid-template-columns:56px 1fr;text-align:right}#tcrm-case-study .benefit-orb{width:56px;height:56px}#tcrm-case-study .screens-v33-preview-wrap{padding-inline:0}#tcrm-case-study .screens-v33-browser{border-radius:20px}#tcrm-case-study .screens-v33-browser-top{height:40px;padding-inline:10px;grid-template-columns:64px 1fr 40px}#tcrm-case-study .browser-url{padding:5px 9px}#tcrm-case-study .screens-v33-caption{padding-inline:4px}#tcrm-case-study .screens-v33-caption h3{font-size:22px}#tcrm-case-study .screens-v33-caption p{font-size:14px;line-height:1.9}}


/* ===== V34 RESULT + CTA + FOOTER ===== */
#tcrm-case-study .results-v34{
  position:relative;
  overflow:hidden;
  padding:110px 0 76px;
  background:
    radial-gradient(circle at 14% 18%, rgba(91,85,255,.17), transparent 24%),
    radial-gradient(circle at 88% 72%, rgba(67,135,255,.12), transparent 28%),
    linear-gradient(180deg,#071c31 0%,#06192c 100%);
}
#tcrm-case-study .results-v34::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(144,158,255,.12) 1px, transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 70%);
  opacity:.18;
  pointer-events:none;
}
#tcrm-case-study .results-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(20px)}
#tcrm-case-study .results-orb-one{width:320px;height:320px;left:-120px;top:90px;background:radial-gradient(circle,rgba(115,89,255,.18),transparent 70%)}
#tcrm-case-study .results-orb-two{width:360px;height:360px;right:-130px;bottom:30px;background:radial-gradient(circle,rgba(66,139,255,.14),transparent 70%)}
#tcrm-case-study .results-v34-wrap{position:relative;z-index:2}
#tcrm-case-study .results-v34-head{text-align:center;max-width:760px;margin:0 auto 48px}
#tcrm-case-study .results-v34-kicker{display:flex;align-items:center;justify-content:center;gap:10px;color:#9aa9ba;font-size:10px;letter-spacing:2.5px;font-weight:800;margin-bottom:12px}
#tcrm-case-study .results-v34-kicker span{width:38px;height:2px;background:linear-gradient(90deg,#7f6cff,#5e9cff)}
#tcrm-case-study .results-v34-head h2{margin:0 0 14px;font-size:48px;line-height:1.1;color:#fff}
#tcrm-case-study .results-v34-head p{margin:0;color:#b7c5d4;font-size:17px;line-height:1.9}
#tcrm-case-study .results-v34-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:52px}
#tcrm-case-study .result-v34-card{
  position:relative;
  min-height:218px;
  padding:24px 22px 22px;
  border-radius:24px;
  border:1px solid rgba(130,145,177,.16);
  background:linear-gradient(180deg,rgba(21,40,67,.78),rgba(11,29,50,.82));
  box-shadow:0 22px 46px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
#tcrm-case-study .result-v34-card::after{
  content:"";
  position:absolute;
  width:120px;height:120px;border-radius:50%;
  right:-44px;bottom:-58px;
  background:radial-gradient(circle,rgba(103,102,255,.16),transparent 70%);
  filter:blur(4px);
}
#tcrm-case-study .result-v34-card.raised{transform:translateY(14px)}
#tcrm-case-study .result-v34-card:hover{transform:translateY(-7px);border-color:rgba(112,105,255,.34);box-shadow:0 28px 58px rgba(0,0,0,.2)}
#tcrm-case-study .result-v34-card.raised:hover{transform:translateY(5px)}
#tcrm-case-study .result-v34-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:21px;font-weight:800;margin-bottom:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
#tcrm-case-study .result-v34-icon.purple{background:rgba(133,106,255,.12);color:#9c7dff}
#tcrm-case-study .result-v34-icon.blue{background:rgba(80,123,255,.12);color:#62a0ff}
#tcrm-case-study .result-v34-icon.cyan{background:rgba(52,192,210,.10);color:#51cad8}
#tcrm-case-study .result-v34-icon.gold{background:rgba(249,189,56,.10);color:#f9bd38}
#tcrm-case-study .result-v34-index{position:absolute;top:26px;left:22px;font-size:10px;letter-spacing:1.5px;color:#60738a}
#tcrm-case-study .result-v34-card h3{margin:0 0 10px;font-size:19px;color:#fff;position:relative;z-index:1}
#tcrm-case-study .result-v34-card p{margin:0;color:#aebdcb;font-size:13px;line-height:1.8;position:relative;z-index:1}

#tcrm-case-study .cta-v34{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  min-height:230px;
  padding:42px 46px;
  border-radius:30px;
  border:1px solid rgba(116,104,255,.28);
  background:
    radial-gradient(circle at 84% 28%,rgba(111,91,255,.17),transparent 28%),
    radial-gradient(circle at 8% 86%,rgba(67,137,255,.12),transparent 28%),
    linear-gradient(135deg,rgba(17,40,68,.96),rgba(9,28,49,.98));
  box-shadow:0 30px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
#tcrm-case-study .cta-v34::before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(115,100,255,.16);border-radius:50%;left:-120px;top:-180px}
#tcrm-case-study .cta-v34::after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(79,141,255,.14);border-radius:50%;left:-70px;top:-120px}
#tcrm-case-study .cta-v34-copy{direction:rtl;text-align:right;position:relative;z-index:2}
#tcrm-case-study .cta-v34-label{display:inline-block;color:#9a85ff;font-size:20px;font-weight:800;margin-bottom:14px;line-height:1.5}
#tcrm-case-study .cta-v34 h2{margin:0 0 12px;font-size:36px;line-height:1.3;color:#fff}
#tcrm-case-study .cta-v34 h2 strong{background:linear-gradient(90deg,#a17cff,#68a1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
#tcrm-case-study .cta-v34 p{margin:0;color:#aebdcb;font-size:14px;line-height:1.8}
#tcrm-case-study .cta-v34-btn{
  flex:0 0 auto;
  display:flex;align-items:center;gap:16px;
  min-width:190px;
  justify-content:center;
  padding:17px 22px;
  border-radius:16px;
  background:linear-gradient(135deg,#7464ff,#4c8cff);
  color:#fff;
  font-weight:800;
  box-shadow:0 16px 36px rgba(80,103,255,.27);
  position:relative;z-index:2;
  transition:transform .25s ease,box-shadow .25s ease;
}
#tcrm-case-study .cta-v34-btn i{font-style:normal;font-size:20px;transition:transform .25s ease}
#tcrm-case-study .cta-v34-btn:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(80,103,255,.34)}
#tcrm-case-study .cta-v34-btn:hover i{transform:translateX(-5px)}

#tcrm-case-study .footer-v34{min-height:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border-top:0;color:#899bad}
#tcrm-case-study .footer-v34-line{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.10),rgba(255,255,255,.02))}
#tcrm-case-study .footer-v34 p{font-size:12px;margin:0}
#tcrm-case-study .footer-v34 .brand{font-size:15px}
#tcrm-case-study .footer-v34 .brand-mark{width:30px;height:30px;border-radius:9px}

@media(max-width:1050px){
  #tcrm-case-study .results-v34-grid{grid-template-columns:1fr 1fr}
  #tcrm-case-study .result-v34-card.raised{transform:none}
  #tcrm-case-study .cta-v34{padding:38px 34px}
}
@media(max-width:720px){
  #tcrm-case-study .results-v34{padding:78px 0 54px}
  #tcrm-case-study .results-v34-head h2{font-size:38px}
  #tcrm-case-study .results-v34-head p{font-size:15px}
  #tcrm-case-study .results-v34-grid{grid-template-columns:1fr;gap:12px;margin-bottom:34px}
  #tcrm-case-study .result-v34-card{min-height:auto;padding:20px}
  #tcrm-case-study .result-v34-icon{margin-bottom:18px}
  #tcrm-case-study .cta-v34{flex-direction:column;text-align:center;padding:32px 22px;min-height:auto}
  #tcrm-case-study .cta-v34-copy{text-align:center}
  #tcrm-case-study .cta-v34 h2{font-size:29px}
  #tcrm-case-study .cta-v34-btn{width:100%}
  #tcrm-case-study .footer-v34{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px;padding:24px 0 34px}
  #tcrm-case-study .footer-v34-line{width:100%}
}


/* ===== V36: one continuous background across challenge, solution, and screens ===== */
#tcrm-case-study .case-flow-bg{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse 50% 28% at 7% 12%, rgba(123,102,255,.13), transparent 72%),
    radial-gradient(ellipse 46% 30% at 92% 38%, rgba(104,128,255,.10), transparent 74%),
    radial-gradient(ellipse 52% 30% at 12% 68%, rgba(135,107,255,.10), transparent 74%),
    radial-gradient(ellipse 46% 26% at 88% 90%, rgba(88,120,255,.10), transparent 72%),
    linear-gradient(180deg,#f8faff 0%,#f6f5ff 28%,#f3f2ff 62%,#f6f7ff 100%);
}
#tcrm-case-study .case-flow-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, rgba(255,255,255,.20), transparent 26%, transparent 74%, rgba(255,255,255,.14)),
    radial-gradient(circle at 52% 48%, rgba(255,255,255,.30), transparent 36%);
  opacity:.72;
}
#tcrm-case-study .case-flow-bg > section{
  position:relative;
  z-index:1;
}
#tcrm-case-study .case-flow-bg .story-split-section,
#tcrm-case-study .case-flow-bg .problem-story,
#tcrm-case-study .case-flow-bg .solution-story,
#tcrm-case-study .case-flow-bg .screens-v33{
  background:transparent !important;
}
/* remove visual seams between the three consecutive sections */
#tcrm-case-study .case-flow-bg .problem-story{padding-bottom:96px;}
#tcrm-case-study .case-flow-bg .solution-story{padding-top:96px;padding-bottom:96px;}
#tcrm-case-study .case-flow-bg .screens-v33{padding-top:96px;}
@media(max-width:720px){
  #tcrm-case-study .case-flow-bg .problem-story,
  #tcrm-case-study .case-flow-bg .solution-story,
  #tcrm-case-study .case-flow-bg .screens-v33{padding-top:72px;padding-bottom:72px;}
}


/* ===== V37 visual UX storytelling ===== */
#tcrm-case-study .case-flow-bg .ux-story{background:transparent;position:relative;overflow:hidden}
#tcrm-case-study .ux-story{padding:104px 0;color:#102744}
#tcrm-case-study .ux-story-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:70px;align-items:center;direction:ltr}
#tcrm-case-study .solution-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
#tcrm-case-study .ux-copy{direction:rtl;text-align:right}
#tcrm-case-study .ux-kicker{display:flex;align-items:center;gap:11px;color:#8798aa;font-size:10px;letter-spacing:2.5px;font-weight:800;margin-bottom:18px}
#tcrm-case-study .ux-kicker span{width:44px;height:2px;background:#f0b126;display:block}
#tcrm-case-study .ux-copy h2{margin:0;color:#0d2946;font-size:clamp(44px,4.4vw,64px);line-height:1.06;letter-spacing:-1.2px}
#tcrm-case-study .ux-copy h2 em{font-style:normal;color:#6f66f3}
#tcrm-case-study .ux-lead{margin:22px 0 0;color:#647a90;font-size:17px;line-height:1.95;max-width:590px}
#tcrm-case-study .ux-note-line{margin-top:30px;padding:18px 0;border-top:1px solid rgba(132,151,171,.18);display:grid;gap:5px}
#tcrm-case-study .ux-note-line span{font-size:11px;color:#8a9bae}#tcrm-case-study .ux-note-line strong{font-size:16px;color:#17324d;font-weight:700}

#tcrm-case-study .workflow-visual{position:relative;min-height:520px;border-radius:34px;padding:38px 34px;background:rgba(255,255,255,.58);border:1px solid rgba(224,232,241,.9);box-shadow:0 24px 70px rgba(38,57,84,.07);backdrop-filter:blur(12px);overflow:hidden}
#tcrm-case-study .workflow-visual::before{content:"";position:absolute;inset:-20% 35% 45% -12%;background:radial-gradient(circle,rgba(117,94,255,.16),transparent 68%);filter:blur(18px)}
#tcrm-case-study .workflow-label{position:relative;z-index:2;color:#8c9bad;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:44px}
#tcrm-case-study .workflow-track{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:12px;direction:ltr;margin-top:46px}
#tcrm-case-study .flow-step{width:108px;height:108px;border-radius:24px;background:rgba(255,255,255,.92);border:1px solid #e6edf5;box-shadow:0 14px 30px rgba(31,49,73,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;position:relative}
#tcrm-case-study .flow-step span{position:absolute;top:9px;left:10px;font-size:9px;color:#9aacbd}#tcrm-case-study .flow-step b{font-size:15px;color:#16324e}#tcrm-case-study .flow-step small{font-size:10px;color:#7a8ea2}
#tcrm-case-study .flow-link{height:2px;background:repeating-linear-gradient(90deg,#b6c3d0 0 12px,transparent 12px 22px);position:relative;min-width:52px}
#tcrm-case-study .flow-link i{position:absolute;right:46%;top:-4px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #e56d81;box-shadow:0 0 0 5px rgba(229,109,129,.08)}
#tcrm-case-study .flow-link em{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-style:normal;white-space:nowrap;font-size:9px;color:#d16477;background:#fff2f4;padding:5px 8px;border-radius:999px;border:1px solid #ffe2e7}
#tcrm-case-study .flow-link.second i{border-color:#e3a31d}#tcrm-case-study .flow-link.second em{color:#b77e06;background:#fff7df;border-color:#ffedb8}#tcrm-case-study .flow-link.third i{border-color:#6c7bf3}#tcrm-case-study .flow-link.third em{color:#5868db;background:#eef1ff;border-color:#dde2ff}
#tcrm-case-study .workflow-fragments{position:absolute;inset:0;pointer-events:none}#tcrm-case-study .frag{position:absolute;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #edf1f6;color:#6d8094;font-size:10px;box-shadow:0 12px 22px rgba(34,51,74,.05)}
#tcrm-case-study .frag.whatsapp{left:8%;top:18%;transform:rotate(-6deg)}#tcrm-case-study .frag.sheet{right:12%;top:18%;transform:rotate(5deg)}#tcrm-case-study .frag.notes{left:12%;bottom:18%;transform:rotate(4deg)}#tcrm-case-study .frag.calls{right:10%;bottom:18%;transform:rotate(-5deg)}
#tcrm-case-study .workflow-summary{position:absolute;left:34px;right:34px;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #e8eef5;direction:rtl}
#tcrm-case-study .workflow-summary span{font-size:11px;color:#8a9cae}#tcrm-case-study .workflow-summary strong{font-size:14px;color:#19334d}

#tcrm-case-study .solution-screen-wrap{position:relative;min-width:0}
#tcrm-case-study .solution-screen-glow{position:absolute;inset:12% 7% 3%;border-radius:45%;background:radial-gradient(ellipse at center,rgba(101,91,255,.20),rgba(79,121,255,.08) 42%,transparent 72%);filter:blur(40px)}
#tcrm-case-study .solution-browser{position:relative;z-index:2;border-radius:30px;overflow:hidden;background:#fff;border:1px solid #dfe7f1;box-shadow:0 34px 84px rgba(39,55,83,.15),0 0 0 6px rgba(255,255,255,.35);transform:perspective(1500px) rotateY(2deg);transition:transform .4s ease}
#tcrm-case-study .solution-screen-wrap:hover .solution-browser{transform:perspective(1500px) rotateY(0deg) translateY(-3px)}
#tcrm-case-study .solution-browser-top{height:46px;display:grid;grid-template-columns:110px 1fr 110px;align-items:center;padding:0 16px;background:#f7f9fc;border-bottom:1px solid #e9eef5;color:#94a5b6;font-size:10px}
#tcrm-case-study .solution-browser-top>span{text-align:center}#tcrm-case-study .solution-browser-top small{text-align:right}#tcrm-case-study .solution-dots{display:flex;gap:7px}#tcrm-case-study .solution-dots span{width:8px;height:8px;border-radius:50%}#tcrm-case-study .solution-dots span:nth-child(1){background:#ff6b6b}#tcrm-case-study .solution-dots span:nth-child(2){background:#ffc857}#tcrm-case-study .solution-dots span:nth-child(3){background:#37c978}
#tcrm-case-study .solution-app{display:flex;min-height:470px;background:#f8fafc;direction:ltr}#tcrm-case-study .solution-side{width:122px;background:#081f36;padding:20px 11px;color:#d6e0ea;direction:rtl}#tcrm-case-study .solution-logo{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;margin-bottom:24px;font-size:13px}#tcrm-case-study .solution-logo b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#4f7cff}#tcrm-case-study .solution-side nav{display:grid;gap:8px}#tcrm-case-study .solution-side a{padding:10px;border-radius:10px;font-size:10px}#tcrm-case-study .solution-side a.active{background:#153963;color:#fff}
#tcrm-case-study .solution-main{flex:1;padding:18px;direction:rtl}#tcrm-case-study .solution-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}#tcrm-case-study .solution-head small{display:block;font-size:9px;color:#93a2b2;margin-bottom:4px}#tcrm-case-study .solution-head h3{margin:0;font-size:23px;color:#102b48}#tcrm-case-study .solution-head button{border:0;background:#0f2744;color:#fff;border-radius:10px;padding:10px 14px;font-size:10px;font-weight:800}
#tcrm-case-study .solution-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}#tcrm-case-study .solution-stats article{padding:13px;border-radius:14px;background:#fff;border:1px solid #ecf1f6}#tcrm-case-study .solution-stats span{display:block;font-size:9px;color:#8092a5;margin-bottom:4px}#tcrm-case-study .solution-stats b{font-size:21px;color:#15304c}
#tcrm-case-study .solution-board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}#tcrm-case-study .solution-col{min-height:280px;border-radius:15px;padding:9px}#tcrm-case-study .solution-col header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;color:#203650}#tcrm-case-study .solution-col header span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.8);font-size:8px}#tcrm-case-study .solution-col article{background:#fff;border:1px solid rgba(23,48,75,.07);border-radius:11px;padding:11px;margin-bottom:8px;font-size:10px;color:#1d334d}#tcrm-case-study .solution-col.blue{background:#eaf3ff}#tcrm-case-study .solution-col.yellow{background:#fff8dc}#tcrm-case-study .solution-col.orange{background:#fff0e5}#tcrm-case-study .solution-col.green{background:#e9f8f1}
#tcrm-case-study .solution-caption{position:relative;z-index:3;margin-top:20px;font-size:15px;color:#536a80;text-align:center;font-weight:700}
#tcrm-case-study .design-decisions{position:relative;display:grid;gap:28px;margin-top:30px;padding-right:32px}#tcrm-case-study .decision-line{position:absolute;right:10px;top:13px;bottom:14px;width:1px;background:linear-gradient(#7f72ff,#a0b4ff)}
#tcrm-case-study .design-decisions article{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;position:relative}#tcrm-case-study .design-decisions article>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eef2ff;color:#6c68e9;font-size:11px;font-weight:800;border:1px solid #dfe3ff}#tcrm-case-study .design-decisions b{display:block;font-size:18px;color:#17324d;margin-bottom:5px}#tcrm-case-study .design-decisions p{margin:0;color:#70849a;font-size:13px;line-height:1.8}
@media(max-width:1180px){#tcrm-case-study .ux-story-grid,#tcrm-case-study .solution-layout{grid-template-columns:1fr;gap:36px}#tcrm-case-study .ux-copy{order:1}#tcrm-case-study .workflow-visual,#tcrm-case-study .solution-screen-wrap{order:2}#tcrm-case-study .workflow-track{grid-template-columns:repeat(4,1fr);gap:12px}#tcrm-case-study .flow-link{display:none}}
@media(max-width:760px){#tcrm-case-study .ux-story{padding:76px 0}#tcrm-case-study .ux-copy h2{font-size:38px}#tcrm-case-study .ux-lead{font-size:15px}#tcrm-case-study .workflow-visual{padding:24px 18px;min-height:auto}#tcrm-case-study .workflow-track{grid-template-columns:1fr 1fr;margin-top:24px}#tcrm-case-study .flow-step{width:100%;height:100px}#tcrm-case-study .workflow-fragments{display:none}#tcrm-case-study .workflow-summary{position:relative;left:auto;right:auto;bottom:auto;margin-top:26px}#tcrm-case-study .solution-browser{transform:none}#tcrm-case-study .solution-browser-top{grid-template-columns:74px 1fr 74px}#tcrm-case-study .solution-app{min-height:390px}#tcrm-case-study .solution-side{width:88px;padding-inline:8px}#tcrm-case-study .solution-side a{font-size:9px}#tcrm-case-study .solution-main{padding:10px}#tcrm-case-study .solution-stats{grid-template-columns:1fr}#tcrm-case-study .solution-board{grid-template-columns:repeat(2,1fr)}#tcrm-case-study .solution-col:nth-child(n+3){display:none}#tcrm-case-study .design-decisions{padding-right:24px}#tcrm-case-study .decision-line{right:8px}}


/* ===== V38 isolated challenge/solution layout - no legacy class collisions ===== */
#tcrm-case-study .case-flow-bg .case-problem-v38,
#tcrm-case-study .case-flow-bg .case-solution-v38{background:transparent;position:relative;overflow:hidden}
#tcrm-case-study .case-problem-v38,#tcrm-case-study .case-solution-v38{padding:104px 0;color:#102744}
#tcrm-case-study .case-v38-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:center;direction:ltr}
#tcrm-case-study .case-v38-solution-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
#tcrm-case-study .case-v38-copy{direction:rtl;text-align:right;min-width:0}
#tcrm-case-study .case-v38-kicker{display:flex;align-items:center;gap:11px;color:#8798aa;font-size:10px;letter-spacing:2.5px;font-weight:800;margin-bottom:18px}
#tcrm-case-study .case-v38-kicker span{width:44px;height:2px;background:#f0b126;display:block}
#tcrm-case-study .case-v38-copy h2{margin:0;color:#0d2946;font-size:clamp(44px,4.4vw,64px);line-height:1.06;letter-spacing:-1.2px}
#tcrm-case-study .case-v38-copy h2 em{font-style:normal;color:#6f66f3}
#tcrm-case-study .case-v38-lead{margin:22px 0 0;color:#647a90;font-size:17px;line-height:1.95;max-width:590px}
#tcrm-case-study .case-v38-summary{margin-top:30px;padding-top:18px;border-top:1px solid rgba(132,151,171,.18);display:grid;gap:5px}#tcrm-case-study .case-v38-summary span{font-size:11px;color:#8a9bae}#tcrm-case-study .case-v38-summary strong{font-size:16px;color:#17324d}
#tcrm-case-study .case-v38-problem-visual{position:relative;min-height:480px;border-radius:34px;padding:36px 30px;background:rgba(255,255,255,.62);border:1px solid rgba(224,232,241,.92);box-shadow:0 24px 70px rgba(38,57,84,.07);backdrop-filter:blur(12px);overflow:hidden}
#tcrm-case-study .case-v38-problem-visual::before{content:"";position:absolute;inset:-20% 38% 48% -10%;background:radial-gradient(circle,rgba(117,94,255,.15),transparent 68%);filter:blur(18px)}
#tcrm-case-study .case-v38-visual-label{position:relative;z-index:2;color:#8c9bad;font-size:10px;letter-spacing:2px;text-transform:uppercase}
#tcrm-case-study .case-v38-flow{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;direction:ltr;margin-top:72px}
#tcrm-case-study .case-v38-step{width:102px;height:104px;border-radius:23px;background:rgba(255,255,255,.94);border:1px solid #e6edf5;box-shadow:0 14px 30px rgba(31,49,73,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;position:relative}#tcrm-case-study .case-v38-step small{position:absolute;top:9px;left:10px;font-size:9px;color:#9aacbd}#tcrm-case-study .case-v38-step b{font-size:15px;color:#16324e}#tcrm-case-study .case-v38-step span{font-size:10px;color:#7a8ea2}
#tcrm-case-study .case-v38-break{height:2px;background:repeating-linear-gradient(90deg,#b6c3d0 0 12px,transparent 12px 22px);position:relative;min-width:42px}#tcrm-case-study .case-v38-break i{position:absolute;right:46%;top:-4px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #e56d81;box-shadow:0 0 0 5px rgba(229,109,129,.08)}#tcrm-case-study .case-v38-break span{position:absolute;top:16px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;color:#d16477;background:#fff2f4;padding:5px 8px;border-radius:999px;border:1px solid #ffe2e7}#tcrm-case-study .case-v38-break.amber i{border-color:#e3a31d}#tcrm-case-study .case-v38-break.amber span{color:#b77e06;background:#fff7df;border-color:#ffedb8}#tcrm-case-study .case-v38-break.purple i{border-color:#6c7bf3}#tcrm-case-study .case-v38-break.purple span{color:#5868db;background:#eef1ff;border-color:#dde2ff}
#tcrm-case-study .case-v38-tools{position:absolute;inset:0;pointer-events:none}#tcrm-case-study .case-v38-tools span{position:absolute;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #edf1f6;color:#6d8094;font-size:10px;box-shadow:0 12px 22px rgba(34,51,74,.05)}#tcrm-case-study .case-v38-tools span:nth-child(1){left:8%;top:18%;transform:rotate(-6deg)}#tcrm-case-study .case-v38-tools span:nth-child(2){right:12%;top:18%;transform:rotate(5deg)}#tcrm-case-study .case-v38-tools span:nth-child(3){right:10%;bottom:20%;transform:rotate(-5deg)}#tcrm-case-study .case-v38-tools span:nth-child(4){left:12%;bottom:20%;transform:rotate(4deg)}
#tcrm-case-study .case-v38-problem-footer{position:absolute;left:30px;right:30px;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #e8eef5;direction:rtl}#tcrm-case-study .case-v38-problem-footer span{font-size:11px;color:#8a9cae}#tcrm-case-study .case-v38-problem-footer b{font-size:14px;color:#19334d}
#tcrm-case-study .case-v38-screen-wrap{position:relative;min-width:0}#tcrm-case-study .case-v38-screen-glow{position:absolute;inset:12% 7% 3%;border-radius:45%;background:radial-gradient(ellipse at center,rgba(101,91,255,.20),rgba(79,121,255,.08) 42%,transparent 72%);filter:blur(40px)}
#tcrm-case-study .case-v38-browser{position:relative;z-index:2;border-radius:30px;overflow:hidden;background:#fff;border:1px solid #dfe7f1;box-shadow:0 34px 84px rgba(39,55,83,.15),0 0 0 6px rgba(255,255,255,.35);transform:perspective(1500px) rotateY(2deg);transition:transform .4s ease}#tcrm-case-study .case-v38-screen-wrap:hover .case-v38-browser{transform:perspective(1500px) rotateY(0deg) translateY(-3px)}
#tcrm-case-study .case-v38-browser-top{height:46px;display:grid;grid-template-columns:110px 1fr 110px;align-items:center;padding:0 16px;background:#f7f9fc;border-bottom:1px solid #e9eef5;color:#94a5b6;font-size:10px}#tcrm-case-study .case-v38-browser-top>span{text-align:center}#tcrm-case-study .case-v38-browser-top small{text-align:right}#tcrm-case-study .case-v38-dots{display:flex;gap:7px}#tcrm-case-study .case-v38-dots span{width:8px;height:8px;border-radius:50%}#tcrm-case-study .case-v38-dots span:nth-child(1){background:#ff6b6b}#tcrm-case-study .case-v38-dots span:nth-child(2){background:#ffc857}#tcrm-case-study .case-v38-dots span:nth-child(3){background:#37c978}
#tcrm-case-study .case-v38-app{display:flex;min-height:470px;background:#f8fafc;direction:ltr}#tcrm-case-study .case-v38-side{width:122px;background:#081f36;padding:20px 11px;color:#d6e0ea;direction:rtl}#tcrm-case-study .case-v38-logo{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;margin-bottom:24px;font-size:13px}#tcrm-case-study .case-v38-logo b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#4f7cff}#tcrm-case-study .case-v38-side nav{display:grid;gap:8px}#tcrm-case-study .case-v38-side a{padding:10px;border-radius:10px;font-size:10px}#tcrm-case-study .case-v38-side a.active{background:#153963;color:#fff}
#tcrm-case-study .case-v38-main{flex:1;padding:18px;direction:rtl}#tcrm-case-study .case-v38-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}#tcrm-case-study .case-v38-head small{display:block;font-size:9px;color:#93a2b2;margin-bottom:4px}#tcrm-case-study .case-v38-head h3{margin:0;font-size:23px;color:#102b48}#tcrm-case-study .case-v38-head button{border:0;background:#0f2744;color:#fff;border-radius:10px;padding:10px 14px;font-size:10px;font-weight:800}
#tcrm-case-study .case-v38-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}#tcrm-case-study .case-v38-stats article{padding:13px;border-radius:14px;background:#fff;border:1px solid #ecf1f6}#tcrm-case-study .case-v38-stats span{display:block;font-size:9px;color:#8092a5;margin-bottom:4px}#tcrm-case-study .case-v38-stats b{font-size:21px;color:#15304c}
#tcrm-case-study .case-v38-board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}#tcrm-case-study .case-v38-col{min-height:280px;border-radius:15px;padding:9px}#tcrm-case-study .case-v38-col header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;color:#203650}#tcrm-case-study .case-v38-col header span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.8);font-size:8px}#tcrm-case-study .case-v38-col article{background:#fff;border:1px solid rgba(23,48,75,.07);border-radius:11px;padding:11px;margin-bottom:8px;font-size:10px;color:#1d334d}#tcrm-case-study .case-v38-col.blue{background:#eaf3ff}#tcrm-case-study .case-v38-col.yellow{background:#fff8dc}#tcrm-case-study .case-v38-col.orange{background:#fff0e5}#tcrm-case-study .case-v38-col.green{background:#e9f8f1}
#tcrm-case-study .case-v38-caption{position:relative;z-index:3;margin-top:20px;font-size:15px;color:#536a80;text-align:center;font-weight:700}
#tcrm-case-study .case-v38-decisions{position:relative;display:grid;gap:22px;margin-top:30px;padding-right:30px}#tcrm-case-study .case-v38-decisions::before{content:"";position:absolute;right:9px;top:12px;bottom:12px;width:1px;background:linear-gradient(#7f72ff,#a0b4ff)}#tcrm-case-study .case-v38-decisions article{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start}#tcrm-case-study .case-v38-decisions article>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eef2ff;color:#6c68e9;font-size:11px;font-weight:800;border:1px solid #dfe3ff}#tcrm-case-study .case-v38-decisions b{display:block;font-size:18px;color:#17324d;margin-bottom:5px}#tcrm-case-study .case-v38-decisions p{margin:0;color:#70849a;font-size:13px;line-height:1.8}
@media(max-width:1180px){#tcrm-case-study .case-v38-grid,#tcrm-case-study .case-v38-solution-grid{grid-template-columns:1fr;gap:36px}#tcrm-case-study .case-v38-copy{order:1}#tcrm-case-study .case-v38-problem-visual,#tcrm-case-study .case-v38-screen-wrap{order:2}#tcrm-case-study .case-v38-flow{grid-template-columns:repeat(4,1fr);gap:12px}#tcrm-case-study .case-v38-break{display:none}}
@media(max-width:760px){#tcrm-case-study .case-problem-v38,#tcrm-case-study .case-solution-v38{padding:76px 0}#tcrm-case-study .case-v38-copy h2{font-size:38px}#tcrm-case-study .case-v38-lead{font-size:15px}#tcrm-case-study .case-v38-problem-visual{padding:24px 18px;min-height:auto}#tcrm-case-study .case-v38-flow{grid-template-columns:1fr 1fr;margin-top:24px}#tcrm-case-study .case-v38-step{width:100%;height:100px}#tcrm-case-study .case-v38-tools{display:none}#tcrm-case-study .case-v38-problem-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:26px}#tcrm-case-study .case-v38-browser{transform:none}#tcrm-case-study .case-v38-browser-top{grid-template-columns:74px 1fr 74px}#tcrm-case-study .case-v38-app{min-height:390px}#tcrm-case-study .case-v38-side{width:88px;padding-inline:8px}#tcrm-case-study .case-v38-side a{font-size:9px}#tcrm-case-study .case-v38-main{padding:10px}#tcrm-case-study .case-v38-stats{grid-template-columns:1fr}#tcrm-case-study .case-v38-board{grid-template-columns:repeat(2,1fr)}#tcrm-case-study .case-v38-col:nth-child(n+3){display:none}#tcrm-case-study .case-v38-decisions{padding-right:24px}}


/* ===== V39 premium editorial case-study sections ===== */
#tcrm-case-study .case-v39{
  position:relative;
  padding:118px 0;
  overflow:hidden;
  background:transparent;
}
#tcrm-case-study .case-v39-row{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:72px;
  align-items:center;
  direction:rtl;
}
#tcrm-case-study .case-v39-row-reverse{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  direction:ltr;
}
#tcrm-case-study .case-v39-copy{direction:rtl;text-align:right;position:relative;z-index:3}
#tcrm-case-study .case-v39-index{
  display:block;
  font-size:90px;
  line-height:.78;
  font-weight:800;
  letter-spacing:-5px;
  color:rgba(102,92,255,.09);
  margin-bottom:-10px;
}
#tcrm-case-study .case-v39-kicker{
  font-size:11px;
  letter-spacing:2.8px;
  color:#7b8da2;
  font-weight:800;
  margin-bottom:14px;
}
#tcrm-case-study .case-v39-copy h2{
  margin:0 0 20px;
  font-size:clamp(42px,4.15vw,60px);
  line-height:1.16;
  letter-spacing:-1.4px;
  color:#0d2946;
  overflow:visible;
}
#tcrm-case-study .case-v39-copy h2 .line{
  display:block;
  white-space:nowrap;
  padding-bottom:.06em;
}
#tcrm-case-study .case-v39-copy h2 .accent{
  background:linear-gradient(92deg,#7e5cff 0%,#5d82ff 70%,#4a9dff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding-bottom:.1em;
}
#tcrm-case-study .case-v39-copy>p{
  margin:0;
  color:#60758a;
  font-size:17px;
  line-height:1.95;
  max-width:640px;
}
#tcrm-case-study .case-v39-notes{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
#tcrm-case-study .case-v39-notes span{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(123,109,255,.14);
  background:rgba(255,255,255,.7);
  color:#51677d;
  font-size:12px;
  font-weight:700;
}
#tcrm-case-study .case-v39-chaos{
  position:relative;
  min-height:520px;
  border-radius:38px;
  border:1px solid rgba(217,225,239,.9);
  background:
    radial-gradient(circle at 20% 20%,rgba(255,136,153,.10),transparent 26%),
    radial-gradient(circle at 84% 70%,rgba(110,91,255,.10),transparent 28%),
    rgba(255,255,255,.62);
  box-shadow:0 30px 70px rgba(36,55,85,.08);
  backdrop-filter:blur(16px);
  overflow:hidden;
}
#tcrm-case-study .chaos-backdrop{
  position:absolute;inset:0;
  background-image:radial-gradient(rgba(112,105,255,.12) 1px,transparent 1px);
  background-size:24px 24px;
  opacity:.28;
}
#tcrm-case-study .chaos-card{
  position:absolute;
  width:220px;
  min-height:124px;
  padding:18px 18px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(220,228,239,.96);
  box-shadow:0 18px 40px rgba(35,53,82,.08);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#tcrm-case-study .chaos-card small{display:block;font-size:9px;letter-spacing:1.8px;color:#8999aa;margin-bottom:8px}
#tcrm-case-study .chaos-card b{display:block;color:#17314d;font-size:15px;margin-bottom:7px}
#tcrm-case-study .chaos-card span{display:block;color:#71859a;font-size:11px;line-height:1.6}
#tcrm-case-study .chaos-card-a{top:64px;left:64px;transform:none}
#tcrm-case-study .chaos-card-b{top:64px;right:64px;transform:none}
#tcrm-case-study .chaos-card-c{bottom:92px;left:64px;transform:none}
#tcrm-case-study .chaos-card-d{bottom:92px;right:64px;transform:none}
#tcrm-case-study .chaos-lines{position:absolute;inset:28px;width:calc(100% - 56px);height:calc(100% - 56px);z-index:1;overflow:visible}
#tcrm-case-study .chaos-lines path{fill:none;stroke:rgba(103,95,255,.24);stroke-width:2.5;stroke-dasharray:8 9;stroke-linecap:round}
#tcrm-case-study .chaos-center{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:148px;height:148px;border-radius:50%;
  display:grid;place-items:center;text-align:center;align-content:center;gap:8px;
  background:linear-gradient(180deg,#0d2a48,#10223a);
  color:white;box-shadow:0 24px 45px rgba(17,42,73,.22);z-index:4;
}
#tcrm-case-study .chaos-center span{font-size:40px;color:#9e8bff;line-height:1}#tcrm-case-study .chaos-center b{font-size:14px}
#tcrm-case-study .chaos-caption{
  position:absolute;left:50%;bottom:26px;transform:translateX(-50%);
  white-space:nowrap;color:#7b8da0;font-size:11px;z-index:4;
}

#tcrm-case-study .case-v39-screenshot-wrap{position:relative;min-width:0;padding:24px 8px 10px}
#tcrm-case-study .case-v39-screen-glow{position:absolute;inset:14% 8% 12%;background:radial-gradient(ellipse at center,rgba(101,84,255,.18),rgba(82,120,255,.07) 46%,transparent 72%);filter:blur(34px);z-index:0}
#tcrm-case-study .case-v39-browser{
  position:relative;z-index:2;border-radius:30px;overflow:hidden;background:#fff;
  border:1px solid rgba(207,218,234,.96);
  box-shadow:0 36px 90px rgba(41,57,86,.17),0 0 0 6px rgba(255,255,255,.5),0 0 48px rgba(96,80,255,.10);
  transform:perspective(1500px) rotateY(2deg) rotateX(.6deg);
}
#tcrm-case-study .case-v39-browser-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(180deg,#fafcff,#f3f7fb);border-bottom:1px solid #e8eef5;color:#91a1b3;font-size:10px}
#tcrm-case-study .case-v39-dots{display:flex;gap:7px}#tcrm-case-study .case-v39-dots span{width:8px;height:8px;border-radius:50%}#tcrm-case-study .case-v39-dots span:nth-child(1){background:#ff6b6b}#tcrm-case-study .case-v39-dots span:nth-child(2){background:#ffc857}#tcrm-case-study .case-v39-dots span:nth-child(3){background:#37c978}
#tcrm-case-study .case-v39-browser img{display:block;width:100%;height:auto;aspect-ratio:1910/867;object-fit:cover;object-position:top center}
#tcrm-case-study .case-v39-proof{position:relative;z-index:3;display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}
#tcrm-case-study .case-v39-proof span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(217,225,238,.96);color:#597085;font-size:11px;font-weight:700;box-shadow:0 8px 20px rgba(35,51,79,.04)}
#tcrm-case-study .case-v39-copy-solution{direction:rtl}
#tcrm-case-study .case-v39-decisions{display:grid;gap:13px;margin-top:28px}
#tcrm-case-study .case-v39-decisions article{
  display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;
  padding:16px 0;border-top:1px solid rgba(208,219,233,.82);
}
#tcrm-case-study .case-v39-decisions article:first-child{border-top:0}
#tcrm-case-study .case-v39-decisions article>span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(111,92,255,.08);color:#7359e9;font-size:12px;font-weight:800}
#tcrm-case-study .case-v39-decisions b{display:block;color:#17314d;font-size:18px;margin-bottom:5px}
#tcrm-case-study .case-v39-decisions p{margin:0;color:#70849a;font-size:13px;line-height:1.75}

@media(max-width:1180px){
  #tcrm-case-study .case-v39-row,#tcrm-case-study .case-v39-row-reverse{grid-template-columns:1fr;gap:34px;direction:rtl}
  #tcrm-case-study .case-v39-solution .case-v39-copy{order:1}#tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap{order:2}
  #tcrm-case-study .case-v39-copy>p{max-width:none}
}
@media(max-width:720px){
  #tcrm-case-study .case-v39{padding:78px 0}
  #tcrm-case-study .case-v39-copy h2{font-size:40px;line-height:1.18}
  #tcrm-case-study .case-v39-copy h2 .line{white-space:normal}
  #tcrm-case-study .case-v39-copy>p{font-size:15px}
  #tcrm-case-study .case-v39-index{font-size:68px}
  #tcrm-case-study .case-v39-chaos{min-height:560px;border-radius:28px}
  #tcrm-case-study .chaos-card{width:170px;padding:14px}
  #tcrm-case-study .chaos-card{width:calc(50% - 22px);min-height:108px;padding:14px}
  #tcrm-case-study .chaos-card-a{top:24px;left:18px}#tcrm-case-study .chaos-card-b{top:24px;right:18px}#tcrm-case-study .chaos-card-c{bottom:108px;left:18px}#tcrm-case-study .chaos-card-d{bottom:108px;right:18px}
  #tcrm-case-study .chaos-center{width:118px;height:118px}#tcrm-case-study .chaos-caption{white-space:normal;width:80%;text-align:center}
  #tcrm-case-study .case-v39-browser{border-radius:20px;transform:none}
  #tcrm-case-study .case-v39-browser-top{height:40px}
  #tcrm-case-study .case-v39-decisions article{grid-template-columns:46px 1fr}#tcrm-case-study .case-v39-decisions article>span{width:46px;height:46px}
}


/* ===== V40 global mouse-motion trail across the whole page ===== */
#tcrm-case-study .hero-motion-trail{
  display:none !important;
}
#tcrm-case-study .global-motion-trail{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:40;
  opacity:.92;
}
#tcrm-case-study main > section{
  position:relative;
  isolation:isolate;
}
#tcrm-case-study main > section > .container,
#tcrm-case-study main > section .container{
  position:relative;
  z-index:42;
}
/* Keep the trail below interactive/content layers but above section backgrounds. */
#tcrm-case-study .site-shell{
  position:relative;
}
@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .global-motion-trail{display:none !important;}
}


/* ===== V42 Hero creative upgrade ===== */
#tcrm-case-study .hero-v42{
  background:
    radial-gradient(circle at 14% 16%, rgba(117, 92, 255, .18), transparent 22%),
    radial-gradient(circle at 78% 20%, rgba(83, 133, 255, .16), transparent 28%),
    radial-gradient(circle at 82% 78%, rgba(255, 195, 103, .10), transparent 20%),
    linear-gradient(135deg, #071b31 0%, #0a213a 42%, #071d34 100%);
}
#tcrm-case-study .hero-v42 .hero-mesh{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.8), rgba(0,0,0,.35));
  opacity:.35;
  pointer-events:none;
}
#tcrm-case-study .hero-v42 .hero-spot{
  position:absolute;
  border-radius:50%;
  filter:blur(50px);
  pointer-events:none;
}
#tcrm-case-study .hero-v42 .hero-spot-one{
  width:280px;height:280px;top:18%;right:12%;
  background:rgba(120,94,255,.16);
}
#tcrm-case-study .hero-v42 .hero-spot-two{
  width:220px;height:220px;bottom:8%;left:10%;
  background:rgba(87,139,255,.15);
}
#tcrm-case-study .hero-v42 .hero-copy{
  max-width:455px;
}
#tcrm-case-study .hero-v42 .hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:#cfd8e9;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  padding:10px 14px;
  margin-bottom:18px;
  line-height:1.4;
}
#tcrm-case-study .hero-v42 .hero-badge{
  letter-spacing:.06em;
}
#tcrm-case-study .hero-v42 h1 span{
  display:inline-block;
  background:linear-gradient(90deg,#ffffff 0%, #dfe7ff 52%, #b8c7ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
#tcrm-case-study .hero-v42 .hero-copy>p{
  color:#d6dfeb;
}
#tcrm-case-study .hero-v42 .hero-storyline{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
#tcrm-case-study .hero-v42 .hero-storyline span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#edf2ff;
  font-size:12px;
  font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
#tcrm-case-study .hero-v42 .hero-storyline i{
  width:22px;height:1px;
  background:linear-gradient(90deg, rgba(242,179,41,.25), rgba(242,179,41,.95), rgba(242,179,41,.25));
  display:block;
}
#tcrm-case-study .hero-v42 .hero-benefits{
  margin-top:22px;
}
#tcrm-case-study .hero-v42 .benefit-card{
  align-items:flex-start;
  gap:14px;
}
#tcrm-case-study .hero-v42 .benefit-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
}
#tcrm-case-study .hero-v42 .benefit-copy strong{
  display:block;
}
#tcrm-case-study .hero-v42 .benefit-copy small{
  display:block;
  color:#9eb1c8;
  font-size:12px;
  line-height:1.4;
}
#tcrm-case-study .hero-v42 .hero-focus-card{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
#tcrm-case-study .hero-v42 .hero-focus-card small{
  display:block;
  color:#9eb1c8;
  font-size:12px;
  margin-bottom:6px;
}
#tcrm-case-study .hero-v42 .hero-focus-card b{
  color:#fff;
  font-size:15px;
  line-height:1.8;
  font-weight:700;
}
#tcrm-case-study .hero-v42 .hero-focus-card span{
  flex:0 0 auto;
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  color:#0b1f36;
  font-weight:800;
  background:linear-gradient(135deg, #f4d78a, #f2b329);
  box-shadow:0 14px 34px rgba(242,179,41,.25);
}
#tcrm-case-study .hero-v42 .device-scene::before{
  content:"";
  position:absolute;
  inset:7% 5% 16% 10%;
  background:linear-gradient(135deg, rgba(121,97,255,.12), rgba(72,141,255,.06) 45%, rgba(255,255,255,0) 72%);
  border-radius:42px;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  z-index:0;
}
#tcrm-case-study .hero-v42 .device-scene::after{
  content:"";
  position:absolute;
  width:170px;height:170px;
  right:8%;bottom:10%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(242,179,41,.2), rgba(242,179,41,0) 70%);
  filter:blur(12px);
  z-index:0;
}
@media (max-width: 1050px){
  #tcrm-case-study .hero-v42 .hero-copy{max-width:640px}
  #tcrm-case-study .hero-v42 .hero-storyline{justify-content:center}
  #tcrm-case-study .hero-v42 .hero-focus-card{text-align:right}
}
@media (max-width: 720px){
  #tcrm-case-study .hero-v42 .hero-kicker{font-size:11px;padding:9px 12px}
  #tcrm-case-study .hero-v42 .hero-storyline{gap:8px}
  #tcrm-case-study .hero-v42 .hero-storyline i{display:none}
  #tcrm-case-study .hero-v42 .hero-benefits{margin-top:18px}
  #tcrm-case-study .hero-v42 .hero-focus-card{padding:14px 16px;border-radius:18px}
  #tcrm-case-study .hero-v42 .hero-focus-card span{width:48px;height:48px;border-radius:14px}
}


/* ===== V45 Hero spacing / typography cleanup only ===== */
#tcrm-case-study .hero-v42 .hero-copy{
  max-width: 540px;
}
#tcrm-case-study .hero-v42 h1{
  font-size: clamp(44px, 4.7vw, 66px);
  line-height: 1.02;
  letter-spacing: -0.02em;
  margin-bottom: 18px;
}
#tcrm-case-study .hero-v42 .hero-copy > p{
  max-width: 520px;
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}
#tcrm-case-study .hero-v42 .hero-benefits{
  margin-top: 22px;
  gap: 12px;
}
#tcrm-case-study .hero-v42 .benefit-card{
  min-height: 112px;
  padding: 16px 14px;
}
#tcrm-case-study .hero-v42 .benefit-card strong{
  font-size: 15px;
  line-height: 1.55;
}
#tcrm-case-study .hero-v42 .benefit-icon{
  width: 48px;
  height: 48px;
  border-radius: 15px;
}
#tcrm-case-study .hero-v42 .benefit-icon svg{
  width: 23px;
  height: 23px;
}
@media (max-width: 1050px){
  #tcrm-case-study .hero-v42 .hero-copy{max-width: 640px;}
  #tcrm-case-study .hero-v42 .hero-copy > p{max-width: 580px;}
}
@media (max-width: 720px){
  #tcrm-case-study .hero-v42 h1{font-size: 38px; line-height: 1.06;}
  #tcrm-case-study .hero-v42 .hero-copy > p{font-size: 14px; line-height: 1.75;}
  #tcrm-case-study .hero-v42 .hero-benefits{grid-template-columns:1fr; gap:10px;}
  #tcrm-case-study .hero-v42 .benefit-card{min-height:auto; padding:14px 16px;}
}

/* ===== V47: smaller hero screen + subtle realistic shadow ===== */
#tcrm-case-study .hero-v42 .hero-visual{
  align-items:center;
}
#tcrm-case-study .hero-v42 .device-scene{
  max-width: 860px;
  min-height: 600px;
}
#tcrm-case-study .hero-v42 .laptop-mockup{
  width: min(100%, 760px);
  margin-inline: auto;
  transform: translateY(10px);
}
#tcrm-case-study .hero-v42 .laptop-bezel{
  box-shadow:
    0 18px 34px rgba(3, 8, 18, .24),
    0 32px 68px rgba(0, 0, 0, .14),
    0 0 0 1px rgba(255,255,255,.05);
}
#tcrm-case-study .hero-v42 .laptop-screen{
  box-shadow:
    0 0 0 1px rgba(0,0,0,.14) inset,
    0 6px 18px rgba(255,255,255,.03) inset;
}
#tcrm-case-study .hero-v42 .laptop-base{
  width: 88%;
  height: 16px;
  margin-top: 16px;
  box-shadow: 0 10px 18px rgba(0,0,0,.12);
}
#tcrm-case-study .hero-v42 .laptop-shadow{
  width: 62%;
  height: 20px;
  margin-top: 10px;
  background: radial-gradient(ellipse at center, rgba(3,10,20,.34) 0%, rgba(3,10,20,.18) 48%, rgba(3,10,20,0) 78%);
  filter: blur(14px);
  opacity: .85;
}
#tcrm-case-study .hero-v42 .device-scene::before{
  left: 14%;
  top: 17%;
  width: 56%;
  height: 52%;
  background:
    radial-gradient(circle at 38% 40%, rgba(106, 92, 255, .10), rgba(106, 92, 255, .03) 34%, rgba(8,27,49,0) 70%),
    radial-gradient(circle at 70% 22%, rgba(78,132,255,.05), rgba(78,132,255,.015) 28%, rgba(8,27,49,0) 68%);
  filter: blur(22px);
}
#tcrm-case-study .hero-v42 .device-scene::after{
  display:none !important;
}
@media (max-width: 1050px){
  #tcrm-case-study .hero-v42 .device-scene{
    min-height: 500px;
  }
  #tcrm-case-study .hero-v42 .laptop-mockup{
    width: min(100%, 680px);
  }
}
@media (max-width: 720px){
  #tcrm-case-study .hero-v42 .device-scene{
    min-height: 380px;
  }
  #tcrm-case-study .hero-v42 .laptop-mockup{
    width: min(100%, 520px);
  }
  #tcrm-case-study .hero-v42 .laptop-shadow{
    width: 70%;
    height: 18px;
  }
}

/* ===== V48: tiny device size reduction only ===== */
#tcrm-case-study .hero-v42 .laptop-mockup{
  width: min(100%, 725px);
}
@media (max-width: 1050px){
  #tcrm-case-study .hero-v42 .laptop-mockup{
    width: min(100%, 655px);
  }
}
@media (max-width: 720px){
  #tcrm-case-study .hero-v42 .laptop-mockup{
    width: min(100%, 500px);
  }
}

/* ===== V49: noticeable but balanced device size reduction ===== */
#tcrm-case-study .hero-v42 .laptop-mockup{
  width: min(100%, 650px);
}
#tcrm-case-study .hero-v42 .device-scene{
  max-width: 790px;
}
@media (max-width: 1050px){
  #tcrm-case-study .hero-v42 .laptop-mockup{
    width: min(100%, 590px);
  }
}
@media (max-width: 720px){
  #tcrm-case-study .hero-v42 .laptop-mockup{
    width: min(100%, 455px);
  }
}

/* ===== V50: premium live hero motion ===== */
@keyframes premiumDeviceFloat {
  0%, 100% {
    transform: translateY(10px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: translateY(5px) rotateX(.15deg) rotateY(-.18deg);
  }
}

@keyframes premiumShadowBreath {
  0%, 100% {
    transform: scaleX(.94);
    opacity: .62;
    filter: blur(14px);
  }
  50% {
    transform: scaleX(1.03);
    opacity: .42;
    filter: blur(17px);
  }
}

@keyframes premiumScreenSheen {
  0%, 14% {
    transform: translateX(-150%) skewX(-16deg);
    opacity: 0;
  }
  18% {
    opacity: .08;
  }
  34% {
    transform: translateX(155%) skewX(-16deg);
    opacity: 0;
  }
  100% {
    transform: translateX(155%) skewX(-16deg);
    opacity: 0;
  }
}

@keyframes premiumBezelGlow {
  0%, 100% {
    box-shadow:
      0 18px 34px rgba(3, 8, 18, .24),
      0 32px 68px rgba(0, 0, 0, .14),
      0 0 0 1px rgba(255,255,255,.05),
      0 0 24px rgba(108, 94, 255, .025);
  }
  50% {
    box-shadow:
      0 20px 38px rgba(3, 8, 18, .22),
      0 34px 72px rgba(0, 0, 0, .13),
      0 0 0 1px rgba(255,255,255,.055),
      0 0 34px rgba(108, 94, 255, .055);
  }
}

#tcrm-case-study .hero-v42 .laptop-mockup{
  transform-origin: 50% 72%;
  will-change: transform;
  animation: premiumDeviceFloat 6.8s ease-in-out infinite;
}

#tcrm-case-study .hero-v42 .laptop-bezel{
  animation: premiumBezelGlow 6.8s ease-in-out infinite;
}

#tcrm-case-study .hero-v42 .laptop-shadow{
  transform-origin: center;
  will-change: transform, opacity, filter;
  animation: premiumShadowBreath 6.8s ease-in-out infinite;
}

#tcrm-case-study .hero-v42 .laptop-screen::before{
  content:"";
  position:absolute;
  top:-12%;
  left:-30%;
  width:18%;
  height:125%;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.26) 48%,
    rgba(180,198,255,.10) 64%,
    rgba(255,255,255,0)
  );
  filter:blur(5px);
  animation: premiumScreenSheen 8.5s ease-in-out infinite 1.2s;
}

/* Keep the motion subtle on touch/smaller screens */
@media (max-width: 1050px){
  @keyframes premiumDeviceFloat {
    0%, 100% { transform: translateY(8px); }
    50% { transform: translateY(4px); }
  }
}

@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .hero-v42 .laptop-mockup,
  #tcrm-case-study .hero-v42 .laptop-bezel,
  #tcrm-case-study .hero-v42 .laptop-shadow,
  #tcrm-case-study .hero-v42 .laptop-screen::before{
    animation:none !important;
  }
}

/* ===== V51: stronger premium live motion ===== */
@keyframes premiumDeviceFloatStrong {
  0%,100% {
    transform: translateY(12px) rotateZ(-.35deg) scale(1);
  }
  28% {
    transform: translateY(-4px) rotateZ(.28deg) scale(1.008);
  }
  58% {
    transform: translateY(-10px) rotateZ(.48deg) scale(1.012);
  }
  82% {
    transform: translateY(1px) rotateZ(-.16deg) scale(1.005);
  }
}

@keyframes premiumShadowBreathStrong {
  0%,100% {
    transform: scaleX(.82) scaleY(.82);
    opacity:.38;
    filter:blur(15px);
  }
  55% {
    transform: scaleX(1.15) scaleY(1.05);
    opacity:.68;
    filter:blur(21px);
  }
}

@keyframes premiumScreenSheenStrong {
  0%,8% {
    transform:translateX(-185%) skewX(-18deg);
    opacity:0;
  }
  12% { opacity:.18; }
  28% {
    transform:translateX(195%) skewX(-18deg);
    opacity:0;
  }
  100% {
    transform:translateX(195%) skewX(-18deg);
    opacity:0;
  }
}

@keyframes premiumGlowDrift {
  0%,100% {
    transform:translate3d(-16px,10px,0) scale(.94);
    opacity:.62;
  }
  50% {
    transform:translate3d(38px,-22px,0) scale(1.14);
    opacity:1;
  }
}

@keyframes premiumOrbitOne {
  0% { transform:rotate(-8deg) translateX(0); opacity:.34; }
  50% { transform:rotate(-2deg) translateX(28px); opacity:.72; }
  100% { transform:rotate(-8deg) translateX(0); opacity:.34; }
}

@keyframes premiumOrbitTwo {
  0% { transform:rotate(6deg) translateX(0); opacity:.22; }
  50% { transform:rotate(1deg) translateX(-34px); opacity:.58; }
  100% { transform:rotate(6deg) translateX(0); opacity:.22; }
}

@keyframes dashboardLiveDrift {
  0%,100% { transform:scale(1.012) translate3d(0,0,0); }
  45% { transform:scale(1.035) translate3d(-4px,-3px,0); }
  72% { transform:scale(1.025) translate3d(3px,-1px,0); }
}

@keyframes premiumBezelGlowStrong {
  0%,100% {
    box-shadow:
      0 22px 40px rgba(3,8,18,.28),
      0 38px 78px rgba(0,0,0,.18),
      0 0 0 1px rgba(255,255,255,.05),
      0 0 24px rgba(105,91,255,.04);
  }
  50% {
    box-shadow:
      0 28px 48px rgba(3,8,18,.24),
      0 48px 92px rgba(0,0,0,.15),
      0 0 0 1px rgba(255,255,255,.07),
      0 0 58px rgba(105,91,255,.15);
  }
}

#tcrm-case-study .hero-v42 .laptop-mockup{
  animation:premiumDeviceFloatStrong 5.4s cubic-bezier(.45,.05,.22,1) infinite !important;
  will-change:transform;
}

#tcrm-case-study .hero-v42 .laptop-bezel{
  animation:premiumBezelGlowStrong 5.4s ease-in-out infinite !important;
}

#tcrm-case-study .hero-v42 .laptop-shadow{
  animation:premiumShadowBreathStrong 5.4s ease-in-out infinite !important;
}

#tcrm-case-study .hero-v42 .laptop-screen::before{
  width:24%;
  filter:blur(7px);
  background:linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.42) 46%,
    rgba(184,197,255,.20) 62%,
    rgba(255,255,255,0));
  animation:premiumScreenSheenStrong 5.8s ease-in-out infinite .7s !important;
}

#tcrm-case-study .hero-v42 .dashboard-shot{
  transform-origin:center top;
  animation:dashboardLiveDrift 8.2s ease-in-out infinite;
  will-change:transform;
}

#tcrm-case-study .hero-v42 .scene-glow.glow-one{
  animation:premiumGlowDrift 7s ease-in-out infinite;
}
#tcrm-case-study .hero-v42 .scene-glow.glow-two{
  animation:premiumGlowDrift 8.4s ease-in-out infinite reverse;
}
#tcrm-case-study .hero-v42 .scene-orbit.orbit-one{
  animation:premiumOrbitOne 11s ease-in-out infinite;
  transform-origin:center;
}
#tcrm-case-study .hero-v42 .scene-orbit.orbit-two{
  animation:premiumOrbitTwo 13s ease-in-out infinite;
  transform-origin:center;
}

/* More noticeable but still soft ambient aura behind device */
#tcrm-case-study .hero-v42 .device-scene::before{
  opacity:.92;
  background:
    radial-gradient(circle at 38% 40%, rgba(112,94,255,.18), rgba(112,94,255,.055) 36%, rgba(8,27,49,0) 72%),
    radial-gradient(circle at 72% 26%, rgba(71,135,255,.11), rgba(71,135,255,.028) 32%, rgba(8,27,49,0) 70%);
}

/* Interactive depth without extra UI elements */
#tcrm-case-study .hero-v42 .laptop-bezel,
#tcrm-case-study .hero-v42 .laptop-base,
#tcrm-case-study .hero-v42 .laptop-hinge{
  transition:transform .22s cubic-bezier(.2,.8,.2,1);
}

@media (max-width:1050px){
  @keyframes premiumDeviceFloatStrong {
    0%,100% { transform:translateY(8px) rotateZ(-.18deg); }
    50% { transform:translateY(-6px) rotateZ(.18deg); }
  }
}

@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .hero-v42 .dashboard-shot,
  #tcrm-case-study .hero-v42 .scene-glow,
  #tcrm-case-study .hero-v42 .scene-orbit{
    animation:none !important;
  }
}


/* ===== V52: live typing headline + better line height ===== */
#tcrm-case-study .hero-v42 .hero-typewriter{
  line-height: 1.16;
  min-height: 2.45em;
}
#tcrm-case-study .hero-v42 .hero-typewriter .type-line{
  display: inline-block;
  position: relative;
  min-height: 1.18em;
}
#tcrm-case-study .hero-v42 .hero-typewriter .type-line-2{
  padding-top: 6px;
}
#tcrm-case-study .hero-v42 .hero-typewriter .type-line.is-typing::after,
#tcrm-case-study .hero-v42 .hero-typewriter .type-line.is-done.cursor-on::after{
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 2px;
  height: .9em;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  transform: translateY(-50%);
  animation: heroCaretBlink .85s step-end infinite;
}
#tcrm-case-study .hero-v42 .hero-typewriter .type-line-2.is-typing::after,
#tcrm-case-study .hero-v42 .hero-typewriter .type-line-2.is-done.cursor-on::after{
  background: rgba(207, 219, 255, .96);
}
@keyframes heroCaretBlink{
  0%, 48% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@media (max-width: 720px){
  #tcrm-case-study .hero-v42 .hero-typewriter{line-height:1.18; min-height:2.7em;}
  #tcrm-case-study .hero-v42 .hero-typewriter .type-line-2{padding-top:4px;}
}


/* ===== V58: swap solution positions and fix hidden headline overlap ===== */
#tcrm-case-study .case-v39-solution .case-v39-row-reverse{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  direction:ltr;
}
#tcrm-case-study .case-v39-solution .case-v39-copy-solution{
  order:1;
  padding-left:8px;
}
#tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap{
  order:2;
}
#tcrm-case-study .case-v39-copy-solution h2{
  line-height:1.26;
  letter-spacing:-1px;
}
#tcrm-case-study .case-v39-copy-solution h2 .line{
  display:block;
  white-space:nowrap;
}
#tcrm-case-study .case-v39-copy-solution h2 .line + .line{
  margin-top:.10em;
}
#tcrm-case-study .case-v39-copy-solution h2 .accent{
  display:inline-block;
  padding-top:.05em;
  padding-bottom:.14em;
}
@media (max-width:1180px){
  #tcrm-case-study .case-v39-solution .case-v39-copy-solution,
  #tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap{order:initial;padding-left:0;}
}
@media (max-width:720px){
  #tcrm-case-study .case-v39-copy-solution h2 .line{white-space:normal;}
}


/* ===== V59: ordered challenge flow for clearer reading sequence ===== */
#tcrm-case-study .case-v39-chaos{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,136,153,.08),transparent 24%),
    radial-gradient(circle at 84% 70%,rgba(110,91,255,.09),transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.62));
}
#tcrm-case-study .chaos-card{
  padding-top:22px;
}
#tcrm-case-study .chaos-card::before{
  content:attr(data-step);
  position:absolute;
  top:14px;
  inset-inline-start:14px;
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f6f2ff,#ece9ff);
  border:1px solid rgba(195,198,238,.95);
  color:#6e66f4;
  font-size:12px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(101,84,255,.12);
}
#tcrm-case-study .chaos-card-a::before{background:linear-gradient(135deg,#eef2ff,#e8edff); color:#5876ff;}
#tcrm-case-study .chaos-card-b::before{background:linear-gradient(135deg,#f7f3ff,#eee7ff); color:#745cff;}
#tcrm-case-study .chaos-card-d::before{background:linear-gradient(135deg,#fff8ea,#fff0cf); color:#da9800;}
#tcrm-case-study .chaos-card-c::before{background:linear-gradient(135deg,#eefbf4,#def6e8); color:#2d9c66;}
#tcrm-case-study .chaos-card-a,#tcrm-case-study .chaos-card-b,#tcrm-case-study .chaos-card-c,#tcrm-case-study .chaos-card-d{transform:none !important;}
#tcrm-case-study .chaos-lines{inset:52px 64px 72px; width:auto; height:auto;}
#tcrm-case-study .chaos-lines path{
  stroke:rgba(104,96,255,.32);
  stroke-width:2.5;
  stroke-dasharray:7 10;
}
#tcrm-case-study .chaos-lines .flow-1{marker-end:url(#flowArrow);}
#tcrm-case-study .chaos-lines .flow-2{marker-end:url(#flowArrowWarm);}
#tcrm-case-study .chaos-lines .flow-3{marker-end:url(#flowArrowSoft);}
#tcrm-case-study .chaos-lines defs marker path{stroke:none;}
#tcrm-case-study .chaos-center{
  width:164px;
  height:164px;
  gap:6px;
}
#tcrm-case-study .chaos-center b{font-size:15px;}
#tcrm-case-study .chaos-center small{
  display:block;
  max-width:110px;
  font-size:10px;
  line-height:1.5;
  color:#c7d2e8;
}
#tcrm-case-study .chaos-caption{
  width:min(88%, 520px);
  white-space:normal;
  text-align:center;
  line-height:1.7;
}
@media (max-width:760px){
  #tcrm-case-study .chaos-card::before{width:30px;height:30px;border-radius:10px;font-size:11px;}
  #tcrm-case-study .chaos-center{width:130px;height:130px;}
  #tcrm-case-study .chaos-center small{display:none;}
}


/* ===== V60: cleaner ordered journey section ===== */
#tcrm-case-study .case-v39-chaos{
  min-height: 585px;
}
#tcrm-case-study .case-v39-chaos .chaos-card{
  width: 250px;
  min-height: 132px;
  padding: 26px 26px 22px;
  border-radius: 24px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(202,209,233,.9);
  box-shadow: 0 22px 40px rgba(36,57,88,.08);
}
#tcrm-case-study .case-v39-chaos .chaos-card small{
  font-size: 10px;
  letter-spacing: 1.6px;
  margin-bottom: 12px;
  color:#9aa8b7;
}
#tcrm-case-study .case-v39-chaos .chaos-card b{
  font-size: 18px;
  margin-bottom: 10px;
}
#tcrm-case-study .case-v39-chaos .chaos-card span{
  font-size: 13px;
  line-height: 1.7;
}
#tcrm-case-study .case-v39-chaos .chaos-card::before{
  top:16px;
  inset-inline-start:16px;
}
#tcrm-case-study .case-v39-chaos .chaos-card-a{top:56px; left:72px;}
#tcrm-case-study .case-v39-chaos .chaos-card-b{top:56px; right:72px;}
#tcrm-case-study .case-v39-chaos .chaos-card-d{bottom:90px; right:72px;}
#tcrm-case-study .case-v39-chaos .chaos-card-c{bottom:90px; left:72px;}
#tcrm-case-study .case-v39-chaos .chaos-center{
  width: 168px;
  height: 168px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  gap: 8px;
  box-shadow: 0 24px 56px rgba(13,36,73,.18);
}
#tcrm-case-study .case-v39-chaos .chaos-center span{font-size:28px;}
#tcrm-case-study .case-v39-chaos .chaos-center b{font-size:22px; line-height:1.35;}
#tcrm-case-study .case-v39-chaos .chaos-center small{
  display:block;
  font-size:12px;
  line-height:1.7;
  color:#d9e5f7;
  max-width:120px;
  text-align:center;
}
#tcrm-case-study .case-v39-chaos .chaos-lines{display:none;}
#tcrm-case-study .case-v39-chaos .flow-line{
  position:absolute;
  border-color: rgba(123, 121, 255, .34);
  border-style:dashed;
  pointer-events:none;
}
#tcrm-case-study .case-v39-chaos .flow-line-top{
  top:145px;
  left:322px;
  width:230px;
  border-top-width:3px;
}
#tcrm-case-study .case-v39-chaos .flow-line-right{
  top:176px;
  right:195px;
  height:184px;
  border-right-width:3px;
}
#tcrm-case-study .case-v39-chaos .flow-line-bottom{
  bottom:154px;
  left:322px;
  width:230px;
  border-top-width:3px;
}
#tcrm-case-study .case-v39-chaos .flow-arrow{
  position:absolute;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff,#f3f2ff);
  border:1px solid rgba(198,202,241,.95);
  color:#7869ff;
  font-size:18px;
  box-shadow:0 10px 26px rgba(104,96,255,.12);
}
#tcrm-case-study .case-v39-chaos .flow-arrow-top{top:128px; left:50%; transform:translateX(-50%);}
#tcrm-case-study .case-v39-chaos .flow-arrow-right{top:50%; right:178px; transform:translateY(-50%);}
#tcrm-case-study .case-v39-chaos .flow-arrow-bottom{bottom:137px; left:50%; transform:translateX(-50%);}
#tcrm-case-study .case-v39-chaos .chaos-caption{
  bottom:26px;
  width:min(90%, 560px);
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  color:#7f8fa3;
  font-size:13px;
}
@media (max-width: 900px){
  #tcrm-case-study .case-v39-chaos{min-height:620px;}
  #tcrm-case-study .case-v39-chaos .chaos-card{width:calc(50% - 30px);}
  #tcrm-case-study .case-v39-chaos .chaos-card-a{left:20px;}
  #tcrm-case-study .case-v39-chaos .chaos-card-b{right:20px;}
  #tcrm-case-study .case-v39-chaos .chaos-card-c{left:20px;}
  #tcrm-case-study .case-v39-chaos .chaos-card-d{right:20px;}
  #tcrm-case-study .case-v39-chaos .flow-line-top{left:calc(50% - 108px); width:216px;}
  #tcrm-case-study .case-v39-chaos .flow-line-bottom{left:calc(50% - 108px); width:216px;}
  #tcrm-case-study .case-v39-chaos .flow-line-right{right:140px;}
  #tcrm-case-study .case-v39-chaos .flow-arrow-right{right:123px;}
}
@media (max-width: 760px){
  #tcrm-case-study .case-v39-chaos{min-height:auto; display:grid; grid-template-columns:1fr; gap:16px; padding:20px 16px 70px;}
  #tcrm-case-study .case-v39-chaos .chaos-card,
  #tcrm-case-study .case-v39-chaos .chaos-center,
  #tcrm-case-study .case-v39-chaos .flow-line,
  #tcrm-case-study .case-v39-chaos .flow-arrow{position:relative; inset:auto; left:auto; right:auto; top:auto; bottom:auto; transform:none;}
  #tcrm-case-study .case-v39-chaos .chaos-card{width:100%; min-height:auto;}
  #tcrm-case-study .case-v39-chaos .chaos-center{margin:4px auto; width:140px; height:140px;}
  #tcrm-case-study .case-v39-chaos .chaos-center small{display:block;}
  #tcrm-case-study .case-v39-chaos .flow-line{display:none;}
  #tcrm-case-study .case-v39-chaos .flow-arrow{margin: -4px auto 0; width:30px; height:30px; font-size:16px;}
  #tcrm-case-study .case-v39-chaos .chaos-caption{position:relative; bottom:auto; left:auto; transform:none; width:100%;}
}


/* ===== V61 clean challenge journey: isolated from legacy chaos styles ===== */
#tcrm-case-study .challenge-flow-v61{
  position:relative;
  min-height:500px;
  padding:34px 34px 30px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(214,222,238,.94);
  background:
    radial-gradient(circle at 12% 18%,rgba(113,92,255,.08),transparent 26%),
    radial-gradient(circle at 88% 82%,rgba(82,133,255,.07),transparent 28%),
    rgba(255,255,255,.72);
  box-shadow:0 26px 70px rgba(40,57,86,.07);
  backdrop-filter:blur(14px);
}
#tcrm-case-study .challenge-flow-v61::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(112,105,255,.10) 1px,transparent 1px);
  background-size:26px 26px;
  opacity:.24;
  pointer-events:none;
}
#tcrm-case-study .challenge-flow-v61-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:44px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(207,218,233,.72);
  direction:rtl;
}
#tcrm-case-study .challenge-flow-v61-head span{
  font-size:10px;
  letter-spacing:2.2px;
  color:#8d9db0;
  font-weight:800;
}
#tcrm-case-study .challenge-flow-v61-head b{
  color:#18334f;
  font-size:16px;
  font-weight:800;
}
#tcrm-case-study .challenge-flow-v61-track{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);
  align-items:stretch;
  gap:10px;
  direction:rtl;
}
#tcrm-case-study .flow-v61-step{
  position:relative;
  min-height:210px;
  padding:22px 20px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(218,226,238,.95);
  box-shadow:0 14px 34px rgba(37,54,81,.06);
  direction:rtl;
  text-align:right;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
#tcrm-case-study .flow-v61-step:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 42px rgba(37,54,81,.10);
  border-color:rgba(118,104,255,.30);
}
#tcrm-case-study .flow-v61-step-1{
  border-color:rgba(104,96,255,.30);
  box-shadow:0 18px 40px rgba(104,96,255,.08);
}
#tcrm-case-study .flow-v61-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:24px;
}
#tcrm-case-study .flow-v61-num{
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:800;
  color:#6559f3;
  background:linear-gradient(135deg,#f3f0ff,#e9e8ff);
  border:1px solid rgba(183,181,238,.85);
}
#tcrm-case-study .flow-v61-step-2 .flow-v61-num{color:#6c63ef;background:linear-gradient(135deg,#f7f4ff,#eee9ff)}
#tcrm-case-study .flow-v61-step-3 .flow-v61-num{color:#d18e00;background:linear-gradient(135deg,#fff8e7,#fff0cb);border-color:#f4d99b}
#tcrm-case-study .flow-v61-step-4 .flow-v61-num{color:#2d9763;background:linear-gradient(135deg,#effbf5,#e2f5e9);border-color:#bfe5cf}
#tcrm-case-study .flow-v61-top small{
  font-size:9px;
  letter-spacing:1.6px;
  color:#93a3b4;
  font-weight:800;
  direction:ltr;
}
#tcrm-case-study .flow-v61-step h3{
  margin:0 0 11px;
  color:#17314d;
  font-size:19px;
  line-height:1.4;
}
#tcrm-case-study .flow-v61-step p{
  margin:0;
  color:#75889b;
  font-size:12px;
  line-height:1.8;
}
#tcrm-case-study .flow-v61-arrow{
  align-self:center;
  justify-self:center;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#7468fb;
  background:#fff;
  border:1px solid rgba(190,196,231,.9);
  box-shadow:0 9px 24px rgba(101,91,255,.09);
  font-size:18px;
  font-weight:700;
}
#tcrm-case-study .challenge-flow-v61-footer{
  position:relative;
  z-index:2;
  margin-top:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  direction:rtl;
  color:#778a9d;
  font-size:11px;
  font-weight:700;
}
#tcrm-case-study .challenge-flow-v61-footer i{
  width:36px;
  height:1px;
  background:linear-gradient(90deg,rgba(112,105,255,.12),rgba(112,105,255,.48),rgba(112,105,255,.12));
}
@media(max-width:1180px){
  #tcrm-case-study .challenge-flow-v61{min-height:auto;}
  #tcrm-case-study .challenge-flow-v61-track{
    grid-template-columns:1fr 34px 1fr;
    row-gap:18px;
  }
  #tcrm-case-study .challenge-flow-v61-track .flow-v61-step:nth-of-type(3){grid-column:3;grid-row:2}
  #tcrm-case-study .challenge-flow-v61-track .flow-v61-step:nth-of-type(4){grid-column:1;grid-row:2}
  #tcrm-case-study .challenge-flow-v61-track .flow-v61-arrow:nth-of-type(2){display:none}
  #tcrm-case-study .challenge-flow-v61-track .flow-v61-arrow:nth-of-type(3){grid-column:2;grid-row:2}
}
@media(max-width:760px){
  #tcrm-case-study .challenge-flow-v61{padding:22px 16px 24px;border-radius:26px;}
  #tcrm-case-study .challenge-flow-v61-head{align-items:flex-start;flex-direction:column;margin-bottom:24px;}
  #tcrm-case-study .challenge-flow-v61-track{display:flex;flex-direction:column;gap:12px;direction:rtl;}
  #tcrm-case-study .flow-v61-step{min-height:auto;padding:18px 16px;}
  #tcrm-case-study .flow-v61-arrow{transform:rotate(-90deg);margin:0 auto;}
  #tcrm-case-study .challenge-flow-v61-footer{display:none;}
}


/* ===== V62 clean vertical customer journey ===== */
#tcrm-case-study .journey-v62{
  position:relative;
  min-height:520px;
  padding:30px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(214,222,238,.94);
  background:
    radial-gradient(circle at 12% 14%,rgba(116,95,255,.08),transparent 24%),
    radial-gradient(circle at 88% 86%,rgba(82,132,255,.06),transparent 28%),
    rgba(255,255,255,.72);
  box-shadow:0 26px 70px rgba(40,57,86,.07);
  backdrop-filter:blur(14px);
}
#tcrm-case-study .journey-v62::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(112,105,255,.08) 1px,transparent 1px);
  background-size:26px 26px;
  opacity:.2;
  pointer-events:none;
}
#tcrm-case-study .journey-v62-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(207,218,233,.72);
  direction:rtl;
}
#tcrm-case-study .journey-v62-head div{display:grid;gap:4px;}
#tcrm-case-study .journey-v62-head span{
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#8d9db0;
  font-weight:800;
  direction:ltr;
}
#tcrm-case-study .journey-v62-head h3{
  margin:0;
  color:#18334f;
  font-size:22px;
  line-height:1.35;
}
#tcrm-case-study .journey-v62-head small{
  flex:0 0 auto;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(188,194,233,.85);
  background:rgba(255,255,255,.76);
  color:#7568f6;
  font-size:11px;
  font-weight:800;
  direction:ltr;
}
#tcrm-case-study .journey-v62-list{
  position:relative;
  z-index:2;
  display:grid;
  gap:10px;
}
#tcrm-case-study .journey-v62-list::before{
  content:"";
  position:absolute;
  top:46px;
  bottom:46px;
  right:26px;
  width:2px;
  background:linear-gradient(180deg,#6e68f6 0%,#8b7fff 38%,#d7a02a 70%,#42a978 100%);
  opacity:.34;
}
#tcrm-case-study .journey-v62-item{
  position:relative;
  min-height:88px;
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:center;
  gap:16px;
  padding:14px 18px 14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(220,227,239,.94);
  box-shadow:0 12px 28px rgba(36,55,82,.045);
  direction:rtl;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
#tcrm-case-study .journey-v62-item:hover{
  transform:translateX(-4px);
  border-color:rgba(119,105,255,.27);
  box-shadow:0 18px 34px rgba(36,55,82,.08);
}
#tcrm-case-study .journey-v62-num{
  width:46px;
  height:46px;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:800;
  color:#5f5af2;
  background:linear-gradient(135deg,#f3f0ff,#e9e8ff);
  border:1px solid rgba(184,181,239,.82);
  z-index:2;
}
#tcrm-case-study .journey-v62-copy{min-width:0;text-align:right;}
#tcrm-case-study .journey-v62-copy small{
  display:block;
  margin-bottom:3px;
  font-size:9px;
  letter-spacing:1.7px;
  color:#94a4b5;
  font-weight:800;
  direction:ltr;
  text-align:right;
}
#tcrm-case-study .journey-v62-copy h4{
  margin:0 0 4px;
  color:#17314d;
  font-size:17px;
  line-height:1.4;
}
#tcrm-case-study .journey-v62-copy p{
  margin:0;
  color:#74889c;
  font-size:12px;
  line-height:1.7;
}
#tcrm-case-study .journey-v62-dot{
  position:absolute;
  right:21px;
  bottom:-7px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#fff;
  border:2px solid #8e83ff;
  z-index:3;
}
#tcrm-case-study .stage-followup .journey-v62-num{color:#6d63f1;background:linear-gradient(135deg,#f7f4ff,#eee9ff);}
#tcrm-case-study .stage-sales .journey-v62-num{color:#d18d00;background:linear-gradient(135deg,#fff8e8,#fff0cc);border-color:#f1d69b;}
#tcrm-case-study .stage-sales .journey-v62-dot{border-color:#d7a02a;}
#tcrm-case-study .stage-account .journey-v62-num{color:#2d9763;background:linear-gradient(135deg,#effbf5,#e2f5e9);border-color:#bfe5cf;}
#tcrm-case-study .stage-account .journey-v62-dot{display:none;}
#tcrm-case-study .journey-v62-note{
  position:relative;
  z-index:2;
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(244,246,255,.72);
  border:1px solid rgba(217,222,240,.84);
  direction:rtl;
}
#tcrm-case-study .journey-v62-note span{
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  background:#102b49;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
#tcrm-case-study .journey-v62-note p{
  margin:0;
  color:#667b90;
  font-size:11px;
  line-height:1.7;
}
@media(max-width:760px){
  #tcrm-case-study .journey-v62{padding:20px 16px;border-radius:26px;min-height:auto;}
  #tcrm-case-study .journey-v62-head{align-items:flex-start;}
  #tcrm-case-study .journey-v62-head h3{font-size:20px;}
  #tcrm-case-study .journey-v62-item{grid-template-columns:46px 1fr;gap:12px;padding:13px 14px;}
  #tcrm-case-study .journey-v62-num{width:42px;height:42px;border-radius:13px;}
  #tcrm-case-study .journey-v62-list::before{right:22px;}
  #tcrm-case-study .journey-v62-dot{right:18px;}
  #tcrm-case-study .journey-v62-note{align-items:flex-start;}
}

/* ===== V65: stronger active screen emphasis ===== */
#tcrm-case-study .screens-v33-tabs{
  align-items:stretch;
}

#tcrm-case-study .screen-showcase-card{
  opacity:.72;
  transform:scale(.985);
  filter:saturate(.92);
}

#tcrm-case-study .screen-showcase-card .showcase-thumb{
  opacity:.78;
  transition:opacity .35s ease, border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

#tcrm-case-study .screen-showcase-card .showcase-thumb img{
  filter:saturate(.86) contrast(.97) brightness(.985);
}

#tcrm-case-study .screen-showcase-card b{
  color:#30465f;
  transition:color .3s ease, transform .3s ease;
}

#tcrm-case-study .screen-showcase-card small{
  color:#8a9aad;
  transition:color .3s ease;
}

#tcrm-case-study .screen-showcase-card:hover{
  opacity:.92;
  transform:translateY(-4px) scale(1);
  filter:none;
}

#tcrm-case-study .screen-showcase-card.active{
  opacity:1;
  filter:none;
  transform:translateY(-12px) scale(1.075);
  z-index:8;
  border:2px solid #7767ff;
  background:linear-gradient(180deg,#ffffff 0%,#f8f7ff 100%);
  box-shadow:
    0 26px 56px rgba(101,86,255,.23),
    0 0 0 5px rgba(118,103,255,.08),
    0 0 34px rgba(115,93,255,.16);
}

#tcrm-case-study .screen-showcase-card.active::before{
  opacity:1;
  background:linear-gradient(180deg,rgba(128,105,255,.10),rgba(255,255,255,0) 54%);
}

#tcrm-case-study .screen-showcase-card.active::after{
  bottom:-10px;
  width:17px;
  height:17px;
  border-right:2px solid #7767ff;
  border-bottom:2px solid #7767ff;
  background:#f8f7ff;
}

#tcrm-case-study .screen-showcase-card.active .showcase-thumb{
  opacity:1;
  border:1.5px solid rgba(119,103,255,.62);
  box-shadow:0 16px 30px rgba(112,92,255,.17);
  transform:translateY(-2px);
}

#tcrm-case-study .screen-showcase-card.active .showcase-thumb img{
  filter:saturate(1.08) contrast(1.04) brightness(1.015);
  transform:scale(1.055);
}

#tcrm-case-study .screen-showcase-card.active .showcase-icon{
  transform:scale(1.14);
  background:linear-gradient(180deg,#7867ff,#654cff);
  box-shadow:
    0 16px 28px rgba(99,77,255,.34),
    0 0 0 5px rgba(112,91,255,.09);
}

#tcrm-case-study .screen-showcase-card.active b{
  color:#0c2949;
  font-weight:800;
  transform:translateY(-1px);
}

#tcrm-case-study .screen-showcase-card.active small{
  color:#5f728b;
  font-weight:500;
}

@media(max-width:820px){
  #tcrm-case-study .screen-showcase-card.active{
    transform:translateY(-7px) scale(1.035);
  }
}

@media(max-width:520px){
  #tcrm-case-study .screen-showcase-card{
    opacity:.82;
    transform:none;
  }
  #tcrm-case-study .screen-showcase-card.active{
    transform:translateY(-4px) scale(1.02);
    box-shadow:
      0 18px 38px rgba(101,86,255,.2),
      0 0 0 3px rgba(118,103,255,.08);
  }
}

@media(max-width:720px){#tcrm-case-study .cta-v34-label{font-size:17px;margin-bottom:12px}}


/* ===== V67: merge CTA intro + headline into one sentence ===== */
#tcrm-case-study .cta-v34 .cta-v34-label{display:none!important;}
#tcrm-case-study .cta-v34 .cta-v34-title{
  max-width:760px;
  margin:0 0 14px;
  font-size:clamp(32px,3vw,44px);
  line-height:1.45;
  letter-spacing:-.4px;
  color:#fff;
}
#tcrm-case-study .cta-v34 .cta-v34-title span{
  color:#9b82ff;
  font-weight:800;
}
#tcrm-case-study .cta-v34 .cta-v34-title strong{
  font-weight:800;
  background:linear-gradient(90deg,#a17cff,#68a1ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
@media(max-width:720px){
  #tcrm-case-study .cta-v34 .cta-v34-title{font-size:29px;line-height:1.5;}
}


/* ===== V68: align outcome cards on one straight row ===== */
#tcrm-case-study .results-v34-grid{
  align-items:stretch;
}
#tcrm-case-study .result-v34-card,
#tcrm-case-study .result-v34-card.raised{
  transform:none !important;
  height:100%;
  min-height:230px;
}
#tcrm-case-study .result-v34-card:hover,
#tcrm-case-study .result-v34-card.raised:hover{
  transform:translateY(-5px) !important;
}
@media (max-width:1050px){
  #tcrm-case-study .result-v34-card,
  #tcrm-case-study .result-v34-card.raised{min-height:218px;}
}


/* ===== V69 lead qualification form ===== */
#tcrm-case-study .lead-form-v69{
  position:relative;
  margin:72px 0 54px;
  padding:38px;
  border-radius:32px;
  border:1px solid rgba(120,108,255,.22);
  background:
    radial-gradient(circle at 90% 5%,rgba(119,91,255,.12),transparent 24%),
    radial-gradient(circle at 5% 92%,rgba(65,139,255,.09),transparent 26%),
    linear-gradient(135deg,rgba(15,37,64,.97),rgba(8,27,48,.985));
  box-shadow:0 28px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
  direction:rtl;
}
#tcrm-case-study .lead-form-v69::before{
  content:"";
  position:absolute;
  width:340px;height:340px;
  border:1px solid rgba(124,105,255,.10);
  border-radius:50%;
  left:-180px;top:-190px;
  pointer-events:none;
}
#tcrm-case-study .lead-form-v69-head{
  position:relative;z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:30px;
  padding-bottom:28px;
  margin-bottom:30px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
#tcrm-case-study .lead-form-v69-kicker{
  display:block;
  color:#8b7cff;
  font-size:11px;
  font-weight:800;
  letter-spacing:2.2px;
  margin-bottom:10px;
}
#tcrm-case-study .lead-form-v69-head h2{
  margin:0 0 10px;
  color:#fff;
  font-size:34px;
  line-height:1.35;
}
#tcrm-case-study .lead-form-v69-head p{
  margin:0;
  max-width:740px;
  color:#aebdcb;
  font-size:14px;
  line-height:1.9;
}
#tcrm-case-study .lead-form-v69-badge{
  flex:0 0 auto;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(132,116,255,.22);
  background:rgba(125,103,255,.08);
  color:#aa9aff;
  font-size:12px;
  font-weight:800;
}
#tcrm-case-study .lead-form-v69-form{position:relative;z-index:1;display:grid;gap:28px}
#tcrm-case-study .lead-form-v69-basic{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#tcrm-case-study .form-field-v69{display:grid;gap:9px}
#tcrm-case-study .form-field-v69>span,#tcrm-case-study .form-group-v69 legend{color:#edf3fa;font-size:15px;font-weight:800}
#tcrm-case-study .form-field-v69 input{
  width:100%;
  height:54px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#fff;
  font:inherit;
  padding:0 16px;
  outline:none;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
#tcrm-case-study .form-field-v69 input::placeholder{color:#73879d}
#tcrm-case-study .form-field-v69 input:focus{
  border-color:rgba(115,99,255,.7);
  background:rgba(255,255,255,.065);
  box-shadow:0 0 0 4px rgba(108,91,255,.08);
}
#tcrm-case-study .form-group-v69{border:0;margin:0;padding:0;min-width:0}
#tcrm-case-study .form-group-v69 legend{margin-bottom:14px}
#tcrm-case-study .choice-grid-v69{display:grid;gap:10px}
#tcrm-case-study .choice-grid-v69-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#tcrm-case-study .choice-grid-v69-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#tcrm-case-study .choice-grid-v69-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#tcrm-case-study .choice-grid-v69-time{grid-template-columns:repeat(3,minmax(0,180px));justify-content:start}
#tcrm-case-study .choice-grid-v69 label{position:relative;cursor:pointer;min-width:0}
#tcrm-case-study .choice-grid-v69 input{position:absolute;opacity:0;pointer-events:none}
#tcrm-case-study .choice-grid-v69 label>span{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:11px 14px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.095);
  background:rgba(255,255,255,.035);
  color:#b9c7d5;
  font-size:13px;
  line-height:1.55;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
#tcrm-case-study .choice-grid-v69 label:hover>span{
  transform:translateY(-2px);
  border-color:rgba(124,108,255,.34);
  background:rgba(255,255,255,.055);
  color:#eef3ff;
}
#tcrm-case-study .choice-grid-v69 input:checked+span{
  border-color:rgba(119,100,255,.78);
  background:linear-gradient(135deg,rgba(108,91,255,.20),rgba(67,127,255,.12));
  color:#fff;
  box-shadow:0 12px 28px rgba(78,75,180,.13),inset 0 1px 0 rgba(255,255,255,.04);
}
#tcrm-case-study .choice-grid-v69 input:focus-visible+span{outline:2px solid rgba(134,120,255,.72);outline-offset:2px}
#tcrm-case-study .lead-form-v69-submit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
}
#tcrm-case-study .lead-form-v69-submit-row p{margin:0;color:#7f92a7;font-size:12px;line-height:1.7}
#tcrm-case-study .lead-form-v69-submit{
  appearance:none;
  border:0;
  min-width:190px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  background:linear-gradient(135deg,#7464ff,#4c8cff);
  color:#fff;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 16px 36px rgba(80,103,255,.25);
  transition:transform .25s ease,box-shadow .25s ease;
}
#tcrm-case-study .lead-form-v69-submit:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(80,103,255,.34)}
#tcrm-case-study .lead-form-v69-submit i{font-style:normal;font-size:20px}
@media(max-width:1050px){
  #tcrm-case-study .choice-grid-v69-4{grid-template-columns:repeat(2,1fr)}
  #tcrm-case-study .choice-grid-v69-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  #tcrm-case-study .lead-form-v69{margin:50px 0 38px;padding:24px 18px;border-radius:24px}
  #tcrm-case-study .lead-form-v69-head{flex-direction:column;gap:16px;padding-bottom:22px;margin-bottom:24px}
  #tcrm-case-study .lead-form-v69-head h2{font-size:27px}
  #tcrm-case-study .lead-form-v69-basic{grid-template-columns:1fr}
  #tcrm-case-study .choice-grid-v69-4,#tcrm-case-study .choice-grid-v69-3,#tcrm-case-study .choice-grid-v69-2{grid-template-columns:1fr}
  #tcrm-case-study .choice-grid-v69-time{grid-template-columns:repeat(3,1fr);justify-content:stretch}
  #tcrm-case-study .lead-form-v69-submit-row{flex-direction:column;align-items:stretch}
  #tcrm-case-study .lead-form-v69-submit{width:100%}
}
@media(max-width:480px){
  #tcrm-case-study .choice-grid-v69-time{grid-template-columns:1fr}
}


/* ===== V70: compact final contact form ===== */
#tcrm-case-study .lead-form-v69{
  width:min(100%, 980px);
  margin:56px auto 0;
  padding:28px 30px;
  border-radius:26px;
}
#tcrm-case-study .lead-form-v69-head{
  gap:20px;
  padding-bottom:20px;
  margin-bottom:22px;
}
#tcrm-case-study .lead-form-v69-kicker{
  font-size:10px;
  margin-bottom:7px;
}
#tcrm-case-study .lead-form-v69-head h2{
  font-size:28px;
  line-height:1.3;
  margin-bottom:6px;
}
#tcrm-case-study .lead-form-v69-head p{
  max-width:650px;
  font-size:12.5px;
  line-height:1.75;
}
#tcrm-case-study .lead-form-v69-badge{
  padding:8px 12px;
  font-size:11px;
}
#tcrm-case-study .lead-form-v69-form{
  gap:20px;
}
#tcrm-case-study .lead-form-v69-basic{
  gap:12px;
}
#tcrm-case-study .form-field-v69{gap:7px}
#tcrm-case-study .form-field-v69>span,#tcrm-case-study .form-group-v69 legend{
  font-size:13px;
}
#tcrm-case-study .form-field-v69 input{
  height:46px;
  border-radius:12px;
  padding-inline:14px;
  font-size:13px;
}
#tcrm-case-study .form-group-v69 legend{margin-bottom:10px}
#tcrm-case-study .choice-grid-v69{gap:8px}
#tcrm-case-study .choice-grid-v69 label>span{
  min-height:40px;
  padding:8px 10px;
  border-radius:12px;
  font-size:11.5px;
  line-height:1.4;
}
#tcrm-case-study .choice-grid-v69-time{
  grid-template-columns:repeat(3,minmax(0,150px));
}
#tcrm-case-study .lead-form-v69-submit-row{
  padding-top:18px;
  gap:18px;
}
#tcrm-case-study .lead-form-v69-submit-row p{
  font-size:11px;
}
#tcrm-case-study .lead-form-v69-submit{
  min-width:170px;
  height:48px;
  border-radius:14px;
  font-size:14px;
}
@media(max-width:1050px){
  #tcrm-case-study .lead-form-v69{width:min(100%, 900px);}
}
@media(max-width:720px){
  #tcrm-case-study .lead-form-v69{width:100%;margin-top:42px;padding:22px 16px;border-radius:22px}
  #tcrm-case-study .lead-form-v69-head{padding-bottom:18px;margin-bottom:20px}
  #tcrm-case-study .lead-form-v69-head h2{font-size:24px}
  #tcrm-case-study .lead-form-v69-form{gap:18px}
  #tcrm-case-study .choice-grid-v69 label>span{min-height:42px}
}

/* ===== V71: slightly larger final contact form ===== */
#tcrm-case-study .lead-form-v69{
  width:min(100%, 1080px);
  padding:34px 36px;
  border-radius:28px;
}
#tcrm-case-study .lead-form-v69-head{
  gap:24px;
  padding-bottom:23px;
  margin-bottom:25px;
}
#tcrm-case-study .lead-form-v69-kicker{
  font-size:10.5px;
  margin-bottom:8px;
}
#tcrm-case-study .lead-form-v69-head h2{
  font-size:31px;
  line-height:1.32;
  margin-bottom:7px;
}
#tcrm-case-study .lead-form-v69-head p{
  max-width:700px;
  font-size:13.5px;
  line-height:1.8;
}
#tcrm-case-study .lead-form-v69-badge{
  padding:9px 13px;
  font-size:11.5px;
}
#tcrm-case-study .lead-form-v69-form{
  gap:23px;
}
#tcrm-case-study .lead-form-v69-basic{
  gap:14px;
}
#tcrm-case-study .form-field-v69{gap:8px}
#tcrm-case-study .form-field-v69>span,#tcrm-case-study .form-group-v69 legend{
  font-size:14px;
}
#tcrm-case-study .form-field-v69 input{
  height:50px;
  border-radius:13px;
  padding-inline:15px;
  font-size:13.5px;
}
#tcrm-case-study .form-group-v69 legend{margin-bottom:11px}
#tcrm-case-study .choice-grid-v69{gap:9px}
#tcrm-case-study .choice-grid-v69 label>span{
  min-height:44px;
  padding:9px 12px;
  border-radius:13px;
  font-size:12px;
  line-height:1.45;
}
#tcrm-case-study .choice-grid-v69-time{
  grid-template-columns:repeat(3,minmax(0,165px));
}
#tcrm-case-study .lead-form-v69-submit-row{
  padding-top:20px;
  gap:20px;
}
#tcrm-case-study .lead-form-v69-submit-row p{
  font-size:11.5px;
}
#tcrm-case-study .lead-form-v69-submit{
  min-width:180px;
  height:50px;
  border-radius:15px;
  font-size:14.5px;
}
@media(max-width:1050px){
  #tcrm-case-study .lead-form-v69{width:min(100%, 980px);}
}
@media(max-width:720px){
  #tcrm-case-study .lead-form-v69{width:100%;padding:24px 18px;border-radius:23px}
  #tcrm-case-study .lead-form-v69-head h2{font-size:25px}
  #tcrm-case-study .form-field-v69 input{height:48px}
  #tcrm-case-study .choice-grid-v69 label>span{min-height:43px}
}

/* ===== V72: unified heading line-height across the page ===== */
#tcrm-case-study{
  --heading-line-height: 1.4;
}

/* Main and section headings */
#tcrm-case-study .hero h1,
#tcrm-case-study .hero-v42 h1,
#tcrm-case-study .hero-typewriter,
#tcrm-case-study .section-heading h2,
#tcrm-case-study .section-heading h3,
#tcrm-case-study .ux-title h2,
#tcrm-case-study .case-story h2,
#tcrm-case-study .case-story h3,
#tcrm-case-study .case-story-panel h2,
#tcrm-case-study .premium-card-head h2,
#tcrm-case-study .premium-case-intro h2,
#tcrm-case-study .story-copy h2,
#tcrm-case-study .screens-v33-title h2,
#tcrm-case-study .screens-v33-caption h3,
#tcrm-case-study .results-v34-head h2,
#tcrm-case-study .cta-v34 h2,
#tcrm-case-study .ux-copy h2,
#tcrm-case-study .case-v38-copy h2,
#tcrm-case-study .case-v39-copy h2,
#tcrm-case-study .case-v39-copy-solution h2,
#tcrm-case-study .lead-form-v69-head h2{
  line-height: var(--heading-line-height) !important;
}

/* Let the shared line-height control spacing between split title lines */
#tcrm-case-study .case-v39-copy h2 .line,
#tcrm-case-study .case-v39-copy-solution h2 .line,
#tcrm-case-study .hero-typewriter .type-line{
  line-height: inherit !important;
}

#tcrm-case-study .case-v39-copy-solution h2 .line + .line{
  margin-top: 0 !important;
}

#tcrm-case-study .case-v39-copy h2 .line,
#tcrm-case-study .case-v39-copy h2 .accent,
#tcrm-case-study .case-v39-copy-solution h2 .line,
#tcrm-case-study .case-v39-copy-solution h2 .accent{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Prevent typewriter title height from clipping after the new 140% line height */
#tcrm-case-study .hero-v42 .hero-typewriter{
  min-height: 2.9em !important;
}

@media (max-width: 720px){
  #tcrm-case-study .hero-v42 .hero-typewriter{
    min-height: 3.1em !important;
  }
}


/* ===== V73: premium challenge workflow motion ===== */
#tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy .case-v39-index,
#tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy .case-v39-kicker,
#tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy h2,
#tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy > p,
#tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy .case-v39-notes{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .72s cubic-bezier(.22,.7,.2,1),transform .72s cubic-bezier(.22,.7,.2,1);
}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .case-v39-copy .case-v39-index{opacity:1;transform:none;transition-delay:.04s}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .case-v39-copy .case-v39-kicker{opacity:1;transform:none;transition-delay:.12s}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .case-v39-copy h2{opacity:1;transform:none;transition-delay:.20s}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .case-v39-copy > p{opacity:1;transform:none;transition-delay:.34s}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .case-v39-copy .case-v39-notes{opacity:1;transform:none;transition-delay:.46s}

#tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy h2 .accent{
  background-size:220% 100%;
  background-position:100% 50%;
}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .case-v39-copy h2 .accent{
  animation:v73AccentSweep 1.35s cubic-bezier(.22,.7,.2,1) .32s both;
}
@keyframes v73AccentSweep{
  from{background-position:100% 50%;filter:brightness(.94)}
  to{background-position:0% 50%;filter:brightness(1.08)}
}

#tcrm-case-study #challenge .journey-v62{
  --journey-fill:0;
  --journey-glow-x:50%;
  --journey-glow-y:45%;
  transform:perspective(1200px) rotateX(var(--journey-tilt-x,0deg)) rotateY(var(--journey-tilt-y,0deg));
  transform-style:preserve-3d;
  transition:transform .45s cubic-bezier(.22,.7,.2,1),box-shadow .45s ease;
  will-change:transform;
}
#tcrm-case-study #challenge .journey-v62::after{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at var(--journey-glow-x) var(--journey-glow-y),rgba(113,91,255,.14),rgba(86,126,255,.06) 17%,transparent 42%);
  opacity:.68;
  transition:background-position .18s linear,opacity .45s ease;
}
#tcrm-case-study #challenge .journey-v62:hover{
  box-shadow:0 34px 84px rgba(40,57,86,.105),0 0 50px rgba(99,84,255,.055);
}
#tcrm-case-study #challenge .journey-v62-head,
#tcrm-case-study #challenge .journey-v62-list,
#tcrm-case-study #challenge .journey-v62-note{position:relative;z-index:2}

#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-head{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .65s ease,transform .65s cubic-bezier(.22,.7,.2,1);
}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .journey-v62-head{opacity:1;transform:none;transition-delay:.22s}

#tcrm-case-study #challenge .journey-v62-list::before{
  opacity:.14;
  background:linear-gradient(180deg,#7d72ff,#7d72ff 44%,#d5a12e 70%,#42aa78);
}
#tcrm-case-study #challenge .journey-v62-list::after{
  content:"";
  position:absolute;
  top:46px;
  bottom:46px;
  right:26px;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,#7567ff 0%,#887cff 38%,#e2a421 70%,#3eae75 100%);
  box-shadow:0 0 14px rgba(111,93,255,.34);
  transform:scaleY(var(--journey-fill));
  transform-origin:top center;
  transition:transform .62s cubic-bezier(.2,.72,.2,1),box-shadow .45s ease;
  z-index:1;
}

#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item{
  opacity:.42;
  transform:translateX(18px) scale(.986);
  filter:saturate(.82);
  transition:
    opacity .52s ease,
    transform .62s cubic-bezier(.18,.72,.2,1),
    filter .52s ease,
    border-color .45s ease,
    box-shadow .45s ease,
    background .45s ease;
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-complete{
  opacity:.78;
  transform:none;
  filter:saturate(.95);
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current{
  opacity:1;
  transform:translateX(-5px) scale(1.015);
  filter:saturate(1.08);
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,247,255,.96));
  border-color:rgba(119,103,255,.48);
  box-shadow:0 20px 44px rgba(69,66,150,.13),0 0 0 2px rgba(114,99,255,.055);
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current .journey-v62-num{
  animation:v73NumberPulse .72s cubic-bezier(.2,.8,.2,1) both;
  box-shadow:0 10px 26px rgba(103,91,255,.18);
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current .journey-v62-dot{
  animation:v73DotPulse .95s ease-out infinite;
  background:#fff;
}
@keyframes v73NumberPulse{
  0%{transform:scale(.82);opacity:.55}
  55%{transform:scale(1.12)}
  100%{transform:scale(1)}
}
@keyframes v73DotPulse{
  0%{box-shadow:0 0 0 0 rgba(119,103,255,.34)}
  100%{box-shadow:0 0 0 12px rgba(119,103,255,0)}
}

#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-note{
  opacity:0;
  transform:translateY(12px) scale(.985);
  transition:opacity .65s ease,transform .65s cubic-bezier(.22,.7,.2,1),box-shadow .45s ease,border-color .45s ease;
}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-complete .journey-v62-note{
  opacity:1;
  transform:none;
  border-color:rgba(122,108,255,.22);
  box-shadow:0 14px 32px rgba(66,74,130,.07);
}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-complete .journey-v62-note span{
  animation:v73NoteBadge .7s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes v73NoteBadge{
  0%{transform:scale(.86);opacity:.5}
  60%{transform:scale(1.07)}
  100%{transform:scale(1);opacity:1}
}

@media(max-width:760px){
  #tcrm-case-study #challenge .journey-v62{transform:none !important}
  #tcrm-case-study #challenge .journey-v62::after{display:none}
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item{transform:translateY(12px) scale(.99)}
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current,
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-complete{transform:none}
  #tcrm-case-study #challenge .journey-v62-list::after{right:22px}
}
@media(prefers-reduced-motion:reduce){
  #tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy .case-v39-index,
  #tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy .case-v39-kicker,
  #tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy h2,
  #tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy > p,
  #tcrm-case-study #challenge.challenge-motion-enabled .case-v39-copy .case-v39-notes,
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-head,
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item,
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-note{
    opacity:1 !important;transform:none !important;filter:none !important;animation:none !important;
  }
  #tcrm-case-study #challenge .journey-v62-list::after{transform:scaleY(1) !important;transition:none !important}
}


/* ===== V74: line-free premium workflow choreography ===== */
#tcrm-case-study #challenge .journey-v62-list::before,
#tcrm-case-study #challenge .journey-v62-list::after,
#tcrm-case-study #challenge .journey-v62-dot{
  display:none !important;
}

#tcrm-case-study #challenge .journey-v62{
  --step-glow-y:30%;
  --step-glow-color:rgba(113,91,255,.15);
  --pointer-glow-x:50%;
  --pointer-glow-y:45%;
  isolation:isolate;
}

#tcrm-case-study #challenge .journey-v62::before{
  z-index:0;
  background-image:
    linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.54) 47%,transparent 56% 100%),
    radial-gradient(rgba(112,105,255,.08) 1px,transparent 1px);
  background-size:180% 100%,26px 26px;
  background-position:-140% 0,0 0;
  opacity:.28;
}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .journey-v62::before{
  animation:v74PanelSweep 4.2s cubic-bezier(.22,.72,.2,1) .2s both;
}
@keyframes v74PanelSweep{
  0%{background-position:-140% 0,0 0;opacity:.18}
  45%{opacity:.34}
  100%{background-position:140% 0,0 0;opacity:.23}
}

#tcrm-case-study #challenge .journey-v62::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 72% 19% at 69% var(--step-glow-y),var(--step-glow-color) 0%,rgba(91,116,255,.055) 38%,transparent 72%),
    radial-gradient(circle at var(--pointer-glow-x) var(--pointer-glow-y),rgba(115,96,255,.085),transparent 31%);
  opacity:.9;
  transition:background .6s ease,opacity .45s ease;
}

#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item{
  overflow:hidden;
  opacity:.34;
  transform:translateX(18px) scale(.987);
  filter:saturate(.78);
  transition:
    opacity .55s ease,
    transform .68s cubic-bezier(.16,.78,.2,1),
    filter .55s ease,
    border-color .48s ease,
    box-shadow .48s ease,
    background .48s ease;
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(100deg,rgba(119,102,255,.11),rgba(83,135,255,.035) 52%,transparent 80%);
  opacity:0;
  transition:opacity .45s ease;
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item::after{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  width:18%;
  left:-28%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);
  transform:skewX(-18deg);
  opacity:0;
}
#tcrm-case-study #challenge .journey-v62-num,
#tcrm-case-study #challenge .journey-v62-copy{
  position:relative;
  z-index:2;
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-complete{
  opacity:.82;
  transform:none;
  filter:saturate(.96);
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current{
  opacity:1;
  transform:translateX(-9px) scale(1.018);
  filter:saturate(1.08);
  background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(249,248,255,.98));
  border-color:rgba(112,98,255,.48);
  box-shadow:0 22px 46px rgba(71,66,145,.13),0 0 0 2px rgba(114,99,255,.05);
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current::before{opacity:1}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current::after{
  animation:v74CardSheen .88s cubic-bezier(.22,.7,.2,1) .08s both;
}
@keyframes v74CardSheen{
  0%{left:-28%;opacity:0}
  20%{opacity:.55}
  100%{left:118%;opacity:0}
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current .journey-v62-copy small{
  color:#7869ef;
  letter-spacing:2.2px;
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current .journey-v62-copy h4{
  transform:translateY(-1px);
  color:#102c4c;
}
#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current .journey-v62-copy p{
  color:#627b96;
}
#tcrm-case-study #challenge .journey-v62-copy small,
#tcrm-case-study #challenge .journey-v62-copy h4,
#tcrm-case-study #challenge .journey-v62-copy p{
  transition:color .42s ease,transform .42s ease,letter-spacing .42s ease;
}

#tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current .journey-v62-num{
  animation:v74BadgeBloom .8s cubic-bezier(.16,.82,.2,1) both;
}
@keyframes v74BadgeBloom{
  0%{transform:scale(.82) rotate(-5deg);box-shadow:0 0 0 0 rgba(108,91,255,.24)}
  58%{transform:scale(1.12) rotate(1deg);box-shadow:0 0 0 12px rgba(108,91,255,0)}
  100%{transform:scale(1) rotate(0);box-shadow:0 12px 26px rgba(103,91,255,.16)}
}

#tcrm-case-study #challenge .journey-v62-head small{
  transition:transform .45s cubic-bezier(.16,.8,.2,1),box-shadow .45s ease,border-color .45s ease,color .45s ease;
}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-live .journey-v62-head small{
  animation:v74RangeBadge 1.05s cubic-bezier(.16,.8,.2,1) .32s both;
}
@keyframes v74RangeBadge{
  0%{transform:scale(.88);opacity:.4}
  56%{transform:scale(1.08);opacity:1;box-shadow:0 0 0 8px rgba(115,96,255,.055)}
  100%{transform:scale(1);opacity:1;box-shadow:none}
}

#tcrm-case-study #challenge.challenge-motion-enabled .case-v39-notes span{
  transition:transform .48s cubic-bezier(.16,.8,.2,1),background .48s ease,border-color .48s ease,color .48s ease,box-shadow .48s ease;
}
#tcrm-case-study #challenge.phase-1 .case-v39-notes span:nth-child(1),
#tcrm-case-study #challenge.phase-2 .case-v39-notes span:nth-child(1),
#tcrm-case-study #challenge.phase-3 .case-v39-notes span:nth-child(2),
#tcrm-case-study #challenge.phase-4 .case-v39-notes span:nth-child(3){
  transform:translateY(-3px);
  background:rgba(255,255,255,.94);
  border-color:rgba(112,98,255,.34);
  color:#3d5270;
  box-shadow:0 12px 28px rgba(72,72,140,.08);
}

#tcrm-case-study #challenge.challenge-motion-enabled .case-v39-index{
  transition:transform .8s cubic-bezier(.16,.8,.2,1),opacity .8s ease,color .8s ease;
}
#tcrm-case-study #challenge.phase-1 .case-v39-index,
#tcrm-case-study #challenge.phase-2 .case-v39-index,
#tcrm-case-study #challenge.phase-3 .case-v39-index,
#tcrm-case-study #challenge.phase-4 .case-v39-index{
  transform:translateY(-4px) scale(1.025);
  color:rgba(102,92,255,.12);
}

#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-complete .journey-v62{
  box-shadow:0 32px 84px rgba(40,57,86,.1),0 0 48px rgba(104,91,255,.045);
}
#tcrm-case-study #challenge.challenge-motion-enabled.is-sequence-complete .journey-v62-item.is-complete{
  opacity:1;
  filter:none;
}

@media(max-width:760px){
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item{transform:translateY(10px) scale(.99)}
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-current{transform:translateY(-3px) scale(1.005)}
  #tcrm-case-study #challenge.challenge-motion-enabled .journey-v62-item.is-complete{transform:none}
  #tcrm-case-study #challenge .journey-v62::after{background:radial-gradient(ellipse 90% 16% at 55% var(--step-glow-y),var(--step-glow-color),transparent 72%)}
}
@media(prefers-reduced-motion:reduce){
  #tcrm-case-study #challenge .journey-v62-list::before,
  #tcrm-case-study #challenge .journey-v62-list::after,
  #tcrm-case-study #challenge .journey-v62-dot{display:none !important}
}


/* ===== V75: live TCRM video inside solution browser ===== */
#tcrm-case-study .case-v39-browser .case-v39-demo-video{
  display:block;
  width:100%;
  aspect-ratio:1910 / 860;
  object-fit:cover;
  object-position:top center;
  background:#f6f8fc;
}
@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .case-v39-browser .case-v39-demo-video{
    object-fit:cover;
  }
}


/* ===== V76: solution content mirrors challenge content exactly ===== */
#tcrm-case-study .case-v39-solution .case-v39-copy{
  order:1;
  padding:0 !important;
  direction:rtl;
  text-align:right;
  position:relative;
  z-index:3;
}
#tcrm-case-study .case-v39-solution .case-v39-index{
  display:block;
  font-size:90px;
  line-height:.78;
  font-weight:800;
  letter-spacing:-5px;
  color:rgba(102,92,255,.09);
  margin-bottom:-10px;
}
#tcrm-case-study .case-v39-solution .case-v39-kicker{
  font-size:11px;
  letter-spacing:2.8px;
  color:#7b8da2;
  font-weight:800;
  margin-bottom:14px;
}
#tcrm-case-study .case-v39-solution .case-v39-copy h2{
  margin:0 0 20px;
  font-size:clamp(42px,4.15vw,60px);
  line-height:var(--heading-line-height) !important;
  letter-spacing:-1.4px;
  color:#0d2946;
  overflow:visible;
}
#tcrm-case-study .case-v39-solution .case-v39-copy h2 .line{
  display:block;
  white-space:nowrap;
  line-height:inherit !important;
  margin:0 !important;
  padding:0 !important;
}
#tcrm-case-study .case-v39-solution .case-v39-copy h2 .accent{
  background:linear-gradient(92deg,#7e5cff 0%,#5d82ff 70%,#4a9dff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  margin:0 !important;
  padding:0 !important;
}
#tcrm-case-study .case-v39-solution .case-v39-copy>p{
  margin:0;
  color:#60758a;
  font-size:17px;
  line-height:1.95;
  max-width:640px;
}
#tcrm-case-study .case-v39-solution .case-v39-notes{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
  margin-top:26px;
}
#tcrm-case-study .case-v39-solution .case-v39-notes span{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(123,109,255,.14);
  background:rgba(255,255,255,.7);
  color:#51677d;
  font-size:11.5px;
  font-weight:700;
  white-space:nowrap;
  flex:0 0 auto;
}
@media(max-width:1180px){
  #tcrm-case-study .case-v39-solution .case-v39-copy,
  #tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap{order:initial;}
  #tcrm-case-study .case-v39-solution .case-v39-copy>p{max-width:none;}
}
@media(max-width:720px){
  #tcrm-case-study .case-v39-solution .case-v39-copy h2{font-size:40px;}
  #tcrm-case-study .case-v39-solution .case-v39-copy h2 .line{white-space:normal;}
  #tcrm-case-study .case-v39-solution .case-v39-copy>p{font-size:15px;}
  #tcrm-case-study .case-v39-solution .case-v39-notes{flex-wrap:wrap;gap:10px;}
  #tcrm-case-study .case-v39-solution .case-v39-notes span{font-size:12px;padding:10px 14px;}
  #tcrm-case-study .case-v39-solution .case-v39-index{font-size:68px;}
}

/* ===== V78: balanced 50/50 solution layout + unclipped copy ===== */
#tcrm-case-study .case-v39-solution .case-v39-row-reverse{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:48px !important;
  align-items:center;
  direction:ltr;
}
#tcrm-case-study .case-v39-solution .case-v39-copy{
  width:100%;
  max-width:none;
  min-width:0;
}
#tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap{
  width:100%;
  min-width:0;
  padding-inline:0;
}
#tcrm-case-study .case-v39-solution .case-v39-copy h2{
  font-size:clamp(40px,3.55vw,54px) !important;
  line-height:1.4 !important;
  letter-spacing:-1px;
  max-width:100%;
}
#tcrm-case-study .case-v39-solution .case-v39-copy h2 .line{
  display:block;
  white-space:nowrap;
  max-width:100%;
  overflow:visible;
}
#tcrm-case-study .case-v39-solution .case-v39-copy>p{
  max-width:100%;
}
#tcrm-case-study .case-v39-solution .case-v39-notes{
  justify-content:flex-start;
  width:100%;
}
#tcrm-case-study .case-v39-solution .case-v39-browser{
  width:100%;
}
#tcrm-case-study .case-v39-solution .case-v39-demo-video{
  width:100%;
}
@media(max-width:1180px){
  #tcrm-case-study .case-v39-solution .case-v39-row-reverse{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  #tcrm-case-study .case-v39-solution .case-v39-copy h2{font-size:46px !important;}
}
@media(max-width:720px){
  #tcrm-case-study .case-v39-solution .case-v39-copy h2{font-size:38px !important;}
  #tcrm-case-study .case-v39-solution .case-v39-copy h2 .line{white-space:normal;}
}

/* ===== V79: interactive dashboard exploration inside hero device ===== */
#tcrm-case-study .hero-v42 .laptop-screen{
  cursor: crosshair;
  isolation: isolate;
}
#tcrm-case-study .hero-v42 .dashboard-shot{
  --screen-pan-x: 0%;
  --screen-pan-y: 0%;
  --screen-zoom: 1.055;
  animation: none !important;
  transform-origin: 50% 50%;
  transform: translate3d(var(--screen-pan-x), var(--screen-pan-y), 0) scale(var(--screen-zoom));
  transition:
    transform .95s cubic-bezier(.16,1,.3,1),
    filter .45s ease;
  will-change: transform;
  filter: saturate(1.01) contrast(1.01);
}
#tcrm-case-study .hero-v42 .laptop-screen::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at var(--screen-glow-x,50%) var(--screen-glow-y,50%), rgba(255,255,255,.13), transparent 22%),
    linear-gradient(180deg,rgba(107,91,255,.04),transparent 22%,transparent 80%,rgba(75,123,255,.04));
  opacity:0;
  transition:opacity .4s ease;
}
#tcrm-case-study .hero-v42 .laptop-screen:hover::after{
  opacity:1;
}
#tcrm-case-study .hero-v42 .laptop-screen:hover .dashboard-shot{
  --screen-zoom: 1.19;
  transition-duration:.32s;
  filter:saturate(1.07) contrast(1.025);
}
#tcrm-case-study .hero-v42 .laptop-screen:hover{
  box-shadow:
    0 0 0 1px rgba(115,99,255,.22) inset,
    0 0 30px rgba(100,88,255,.08) inset;
}
@media (hover:none), (pointer:coarse){
  #tcrm-case-study .hero-v42 .laptop-screen{cursor:default;}
  #tcrm-case-study .hero-v42 .dashboard-shot{
    --screen-zoom:1.035;
    --screen-pan-x:0%;
    --screen-pan-y:0%;
  }
}
@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .hero-v42 .dashboard-shot{
    transform:none !important;
    transition:none !important;
  }
}

/* ===== V80: larger solution video + premium section motion (same design) ===== */
#tcrm-case-study .case-v39-solution{
  --sol-glow-x: 72%;
  --sol-glow-y: 46%;
  --sol-tilt-x: 0deg;
  --sol-tilt-y: 0deg;
  position:relative;
}
#tcrm-case-study .case-v39-solution .case-v39-row-reverse{
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr) !important;
  gap:38px !important;
}
#tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap{
  width:100%;
  min-width:0;
  padding:20px 0 10px;
  position:relative;
  isolation:isolate;
}
#tcrm-case-study .case-v39-solution .case-v39-screen-glow{
  inset:7% 2% 5%;
  filter:blur(44px);
  opacity:.95;
  transition:background .45s ease,opacity .45s ease;
  background:
    radial-gradient(circle at var(--sol-glow-x) var(--sol-glow-y),rgba(111,91,255,.23),transparent 22%),
    radial-gradient(ellipse at center,rgba(103,88,255,.16),rgba(79,119,255,.07) 46%,transparent 73%);
}
#tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap::before,
#tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  border-radius:50%;
}
#tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap::before{
  width:380px;
  height:380px;
  right:-115px;
  top:-95px;
  border:1px solid rgba(112,98,255,.11);
  box-shadow:0 0 80px rgba(105,92,255,.05) inset;
  opacity:.7;
}
#tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap::after{
  width:250px;
  height:250px;
  left:-80px;
  bottom:-80px;
  border:1px solid rgba(81,142,255,.10);
  opacity:.55;
}
#tcrm-case-study .case-v39-solution .case-v39-browser{
  width:calc(100% + 34px);
  margin-inline-end:-34px;
  transform-origin:50% 55%;
  will-change:transform,opacity;
  transition:
    transform .9s cubic-bezier(.16,1,.3,1),
    box-shadow .45s ease,
    opacity .6s ease;
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-browser{
  opacity:0;
  transform:translate3d(34px,18px,0) scale(.965) rotateX(1.2deg) rotateY(-2deg);
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-browser{
  opacity:1;
  transform:translate3d(0,0,0) scale(1) rotateX(var(--sol-tilt-x)) rotateY(var(--sol-tilt-y));
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-settled .case-v39-browser{
  animation:solutionBrowserFloat 8.6s ease-in-out infinite;
}
@keyframes solutionBrowserFloat{
  0%,100%{transform:translate3d(0,0,0) rotateX(var(--sol-tilt-x)) rotateY(var(--sol-tilt-y));}
  50%{transform:translate3d(0,-6px,0) rotateX(var(--sol-tilt-x)) rotateY(var(--sol-tilt-y));}
}
#tcrm-case-study .case-v39-solution .case-v39-browser::after{
  content:"";
  position:absolute;
  inset:-25% auto -25% -32%;
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transform:skewX(-18deg) translateX(-170%);
  opacity:0;
  pointer-events:none;
  z-index:5;
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-browser::after{
  animation:solutionSheen 4.8s ease 1.15s infinite;
}
@keyframes solutionSheen{
  0%,68%{transform:skewX(-18deg) translateX(-170%);opacity:0;}
  74%{opacity:.28;}
  88%{transform:skewX(-18deg) translateX(780%);opacity:0;}
  100%{transform:skewX(-18deg) translateX(780%);opacity:0;}
}
#tcrm-case-study .case-v39-solution .case-v39-demo-video{
  width:100%;
  min-height:0;
  filter:saturate(1.035) contrast(1.015);
}
#tcrm-case-study .case-v39-solution .case-v39-proof{
  transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1);
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-proof{
  opacity:0;
  transform:translateY(12px);
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-proof{
  opacity:1;
  transform:none;
  transition-delay:.55s;
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-proof span{
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease;
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-proof span:nth-child(1){transition-delay:.66s}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-proof span:nth-child(2){transition-delay:.78s}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-proof span:nth-child(3){transition-delay:.90s}
#tcrm-case-study .case-v39-solution .case-v39-proof span:hover{
  transform:translateY(-3px);
  border-color:rgba(103,91,255,.28);
  box-shadow:0 12px 24px rgba(78,69,181,.10);
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy .case-v39-index,
#tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy .case-v39-kicker,
#tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy h2,
#tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy>p,
#tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy .case-v39-notes{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .58s ease,transform .7s cubic-bezier(.16,1,.3,1);
}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-copy .case-v39-index{opacity:1;transform:none;transition-delay:.04s}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-copy .case-v39-kicker{opacity:1;transform:none;transition-delay:.12s}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-copy h2{opacity:1;transform:none;transition-delay:.20s}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-copy>p{opacity:1;transform:none;transition-delay:.32s}
#tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-copy .case-v39-notes{opacity:1;transform:none;transition-delay:.44s}

@media(max-width:1180px){
  #tcrm-case-study .case-v39-solution .case-v39-row-reverse{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  #tcrm-case-study .case-v39-solution .case-v39-browser{
    width:100%;
    margin-inline-end:0;
  }
}
@media(max-width:720px){
  #tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-browser,
  #tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-live .case-v39-browser{
    transform:none;
  }
  #tcrm-case-study .case-v39-solution.solution-motion-enabled.is-solution-settled .case-v39-browser{animation:none;}
}
@media(prefers-reduced-motion:reduce){
  #tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-browser,
  #tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-proof,
  #tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy .case-v39-index,
  #tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy .case-v39-kicker,
  #tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy h2,
  #tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy>p,
  #tcrm-case-study .case-v39-solution.solution-motion-enabled .case-v39-copy .case-v39-notes{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
  }
  #tcrm-case-study .case-v39-solution .case-v39-browser::after{display:none !important;}
}


/* ===== V81: cinematic interactive showcase motion ===== */
#tcrm-case-study .screens-v33{
  --showcase-x: 72%;
  --showcase-y: 58%;
}
#tcrm-case-study .screens-v33-head,
#tcrm-case-study .screens-v33-stage{
  position:relative;
  z-index:3;
}

/* Active tab now feels like a live selector without changing the layout. */
#tcrm-case-study .screen-showcase-card{
  isolation:isolate;
}
#tcrm-case-study .screen-showcase-card .showcase-thumb{
  position:relative;
}
#tcrm-case-study .screen-showcase-card .showcase-thumb::after{
  content:"";
  position:absolute;
  left:-35%;
  top:-30%;
  width:24%;
  height:160%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:skewX(-15deg);
  opacity:0;
  pointer-events:none;
}
#tcrm-case-study .screen-showcase-card.active .showcase-thumb::after{
  animation:v81ThumbSheen 2.9s cubic-bezier(.2,.7,.2,1) infinite;
}
@keyframes v81ThumbSheen{
  0%,18%{left:-40%;opacity:0}
  28%{opacity:.72}
  54%{left:120%;opacity:0}
  100%{left:120%;opacity:0}
}

/* Preview becomes the cinematic focal point. */
#tcrm-case-study .screens-v33-preview-wrap{
  perspective:1400px;
  isolation:isolate;
}
#tcrm-case-study .screens-v33-preview-glow{
  transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .6s ease,filter .6s ease;
  transform:translate3d(var(--v81-glow-x,0),var(--v81-glow-y,0),0) scale(1.05);
  opacity:.92;
}
#tcrm-case-study .screens-v81-orbit{
  position:absolute;
  z-index:0;
  width:72%;
  aspect-ratio:1.8/1;
  left:15%;
  top:14%;
  border:1px solid rgba(112,94,255,.14);
  border-radius:50%;
  transform:rotate(-7deg);
  pointer-events:none;
  opacity:.66;
  animation:v81OrbitBreath 7s ease-in-out infinite;
}
#tcrm-case-study .screens-v81-orbit::before,
#tcrm-case-study .screens-v81-orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
#tcrm-case-study .screens-v81-orbit::before{
  width:10px;height:10px;
  left:12%;top:16%;
  background:#826cff;
  box-shadow:0 0 22px rgba(112,91,255,.48);
  animation:v81OrbitDot 5.4s ease-in-out infinite;
}
#tcrm-case-study .screens-v81-orbit::after{
  width:7px;height:7px;
  right:11%;bottom:17%;
  background:#68a0ff;
  box-shadow:0 0 18px rgba(80,132,255,.46);
  animation:v81OrbitDot 5.4s ease-in-out infinite reverse;
}
#tcrm-case-study .screens-v81-spotlight{
  position:absolute;
  z-index:1;
  width:260px;height:260px;
  left:var(--showcase-x);
  top:var(--showcase-y);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(118,99,255,.18) 0%,rgba(92,126,255,.08) 38%,transparent 72%);
  filter:blur(22px);
  pointer-events:none;
  transition:left .8s cubic-bezier(.2,.8,.2,1),top .8s cubic-bezier(.2,.8,.2,1),opacity .45s ease;
  opacity:.72;
}
@keyframes v81OrbitBreath{
  0%,100%{transform:rotate(-7deg) scale(.99);opacity:.48}
  50%{transform:rotate(-4deg) scale(1.035);opacity:.8}
}
@keyframes v81OrbitDot{
  0%,100%{transform:translate(0,0) scale(.8);opacity:.45}
  50%{transform:translate(14px,-8px) scale(1.2);opacity:1}
}

#tcrm-case-study .screens-v33-browser{
  will-change:transform,box-shadow;
  transition:transform .7s cubic-bezier(.2,.75,.2,1),box-shadow .65s ease;
}
#tcrm-case-study .screens-v33.is-showcase-live .screens-v33-browser{
  animation:v81BrowserFloat 6.6s ease-in-out infinite;
}
@keyframes v81BrowserFloat{
  0%,100%{transform:perspective(1500px) rotateX(.45deg) rotateY(-1.35deg) translateY(0)}
  50%{transform:perspective(1500px) rotateX(.05deg) rotateY(-.35deg) translateY(-6px)}
}

/* A subtle scan line gives the preview a live-product feel. */
#tcrm-case-study .screens-v33-media::after{
  content:"";
  position:absolute;
  z-index:3;
  left:0;right:0;
  height:2px;
  top:-5%;
  background:linear-gradient(90deg,transparent 4%,rgba(114,93,255,.06) 20%,rgba(106,104,255,.42) 50%,rgba(96,151,255,.06) 80%,transparent 96%);
  box-shadow:0 0 18px rgba(108,91,255,.14);
  pointer-events:none;
  opacity:0;
}
#tcrm-case-study .screens-v33.is-showcase-live .screens-v33-media::after{
  animation:v81Scan 5.6s ease-in-out infinite 1s;
}
@keyframes v81Scan{
  0%,10%{top:-5%;opacity:0}
  18%{opacity:.8}
  68%{top:103%;opacity:.28}
  74%,100%{top:103%;opacity:0}
}

/* Main screenshot switches with a soft cinematic zoom instead of a flat fade. */
#tcrm-case-study .screens-v33-media img{
  transform-origin:50% 35%;
  transition:opacity .28s ease,transform .8s cubic-bezier(.2,.75,.2,1),filter .55s ease;
}
#tcrm-case-study .screens-v33-media.is-switching img{
  opacity:.12;
  transform:scale(1.035) translateY(5px);
  filter:blur(1.2px) saturate(.88);
}
#tcrm-case-study .screens-v33-media.v81-settled img{
  animation:v81ImageSettle .8s cubic-bezier(.16,.84,.24,1) both;
}
@keyframes v81ImageSettle{
  0%{transform:scale(1.035) translateY(7px);filter:saturate(.9)}
  100%{transform:scale(1);filter:saturate(1)}
}

/* Caption responds to every selected screen. */
#tcrm-case-study .screens-v33-caption.v81-caption-pulse > *{
  animation:v81CaptionIn .62s cubic-bezier(.2,.8,.2,1) both;
}
#tcrm-case-study .screens-v33-caption.v81-caption-pulse > p{animation-delay:.05s}
@keyframes v81CaptionIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

/* Left benefit list synchronizes with the selected product screen. */
#tcrm-case-study .screens-v33-benefits article{
  position:relative;
  border-radius:20px;
  transition:transform .45s cubic-bezier(.2,.75,.2,1),opacity .4s ease,background .4s ease,box-shadow .4s ease;
  opacity:.62;
}
#tcrm-case-study .screens-v33-benefits article::before{
  content:"";
  position:absolute;
  inset:2px -8px;
  border-radius:20px;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.18));
  border:1px solid rgba(119,106,255,.10);
  opacity:0;
  transform:scale(.98);
  transition:opacity .4s ease,transform .4s ease;
  z-index:-1;
}
#tcrm-case-study .screens-v33-benefits article.is-benefit-active{
  opacity:1;
  transform:translateX(8px);
}
#tcrm-case-study .screens-v33-benefits article.is-benefit-active::before{
  opacity:1;
  transform:scale(1);
  box-shadow:0 16px 38px rgba(61,77,112,.06);
}
#tcrm-case-study .screens-v33-benefits article.is-benefit-active .benefit-orb{
  animation:v81OrbPulse .72s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes v81OrbPulse{
  0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(107,91,255,.16)}
  55%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(107,91,255,0)}
  100%{transform:scale(1)}
}

/* Autoplay progress on the active card: quiet, premium, informative. */
#tcrm-case-study .screen-showcase-card .showcase-thumb::before{
  content:"";
  position:absolute;
  z-index:5;
  right:0;bottom:0;
  height:3px;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#7865ff,#548cff);
  box-shadow:0 0 14px rgba(103,91,255,.28);
  opacity:0;
}
#tcrm-case-study .screens-v33.is-autoplaying .screen-showcase-card.active .showcase-thumb::before{
  opacity:1;
  animation:v81TabProgress 4.6s linear forwards;
}
@keyframes v81TabProgress{
  from{width:0}
  to{width:100%}
}

/* Section entry reveal without changing its final layout. */
#tcrm-case-study .screens-v33.screens-v81-motion .screens-v33-title,
#tcrm-case-study .screens-v33.screens-v81-motion .screen-showcase-card,
#tcrm-case-study .screens-v33.screens-v81-motion .screens-v33-preview-wrap,
#tcrm-case-study .screens-v33.screens-v81-motion .screens-v33-benefits article{
  opacity:0;
}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screens-v33-title{
  animation:v81Entry .72s cubic-bezier(.2,.8,.2,1) both;
}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screen-showcase-card{
  animation:v81CardEntry .65s cubic-bezier(.2,.8,.2,1) both;
}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screen-showcase-card:nth-child(1){animation-delay:.10s}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screen-showcase-card:nth-child(2){animation-delay:.17s}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screen-showcase-card:nth-child(3){animation-delay:.24s}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screen-showcase-card:nth-child(4){animation-delay:.31s}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screens-v33-preview-wrap{
  animation:v81PreviewEntry .88s cubic-bezier(.16,.84,.24,1) .22s both;
}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screens-v33-benefits article{
  animation:v81BenefitEntry .55s cubic-bezier(.2,.8,.2,1) both;
}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screens-v33-benefits article:nth-child(1){animation-delay:.34s}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screens-v33-benefits article:nth-child(2){animation-delay:.41s}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screens-v33-benefits article:nth-child(3){animation-delay:.48s}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screens-v33-benefits article:nth-child(4){animation-delay:.55s}
@keyframes v81Entry{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes v81CardEntry{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:.72;transform:scale(.985)}}
@keyframes v81PreviewEntry{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
@keyframes v81BenefitEntry{from{opacity:0;transform:translateX(-14px)}to{opacity:.62;transform:none}}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screen-showcase-card.active{opacity:1;}
#tcrm-case-study .screens-v33.screens-v81-motion.is-showcase-live .screens-v33-benefits article.is-benefit-active{opacity:1;transform:translateX(8px)}

@media(max-width:1180px){
  #tcrm-case-study .screens-v81-orbit{width:78%;left:11%;}
  #tcrm-case-study .screens-v33-benefits article.is-benefit-active{transform:translateY(-5px)}
}
@media(max-width:820px){
  #tcrm-case-study .screens-v81-orbit,#tcrm-case-study .screens-v81-spotlight{display:none}
  #tcrm-case-study .screens-v33.is-showcase-live .screens-v33-browser{animation:none}
  #tcrm-case-study .screens-v33-benefits article{opacity:.82}
}
@media(prefers-reduced-motion:reduce){
  #tcrm-case-study .screens-v81-orbit,#tcrm-case-study .screens-v81-spotlight{display:none!important}
  #tcrm-case-study .screens-v33.screens-v81-motion .screens-v33-title,
  #tcrm-case-study .screens-v33.screens-v81-motion .screen-showcase-card,
  #tcrm-case-study .screens-v33.screens-v81-motion .screens-v33-preview-wrap,
  #tcrm-case-study .screens-v33.screens-v81-motion .screens-v33-benefits article{opacity:1!important;animation:none!important;transform:none!important}
  #tcrm-case-study .screens-v33-media::after,#tcrm-case-study .screen-showcase-card .showcase-thumb::after,#tcrm-case-study .screen-showcase-card .showcase-thumb::before{display:none!important}
}

/* ===== V82: premium animated outcome section + drifting full-height blur ===== */
#tcrm-case-study .results-v34.results-motion-v82{
  isolation:isolate;
  --results-pointer-x:50%;
  --results-pointer-y:30%;
}
#tcrm-case-study .results-v34.results-motion-v82::after{
  content:"";
  position:absolute;
  inset:-12% -8%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 18% 12%, rgba(111,88,255,.22), transparent 18%),
    radial-gradient(circle at 82% 34%, rgba(71,133,255,.17), transparent 20%),
    radial-gradient(circle at 36% 70%, rgba(69,205,219,.10), transparent 20%),
    radial-gradient(circle at 78% 92%, rgba(138,87,255,.16), transparent 19%);
  background-size:115% 115%;
  filter:blur(34px);
  opacity:.86;
  transform:translate3d(0,0,0) scale(1.04);
  animation:resultsAuroraTravel 15s ease-in-out infinite alternate;
}
@keyframes resultsAuroraTravel{
  0%{transform:translate3d(-3%,-7%,0) scale(1.02);background-position:0% 0%,100% 22%,12% 72%,90% 100%}
  33%{transform:translate3d(4%,8%,0) scale(1.08);background-position:18% 28%,78% 48%,32% 62%,68% 84%}
  66%{transform:translate3d(-2%,18%,0) scale(1.05);background-position:30% 55%,62% 68%,12% 88%,82% 70%}
  100%{transform:translate3d(3%,29%,0) scale(1.09);background-position:10% 100%,92% 78%,42% 54%,60% 44%}
}
#tcrm-case-study .results-v34.results-motion-v82 .results-orb{
  z-index:1;
  filter:blur(38px);
  will-change:transform,opacity;
}
#tcrm-case-study .results-v34.results-motion-v82 .results-orb-one{
  animation:resultsOrbOne 12s ease-in-out infinite alternate;
}
#tcrm-case-study .results-v34.results-motion-v82 .results-orb-two{
  animation:resultsOrbTwo 14s ease-in-out infinite alternate;
}
@keyframes resultsOrbOne{
  from{transform:translate3d(0,-30px,0) scale(.9);opacity:.52}
  to{transform:translate3d(230px,520px,0) scale(1.28);opacity:.92}
}
@keyframes resultsOrbTwo{
  from{transform:translate3d(0,70px,0) scale(1.18);opacity:.72}
  to{transform:translate3d(-260px,-430px,0) scale(.92);opacity:.44}
}
#tcrm-case-study .results-v34.results-motion-v82 .results-v34-wrap{z-index:3;}

/* pointer-responsive soft glow across the whole section */
#tcrm-case-study .results-v34.results-motion-v82 .results-v34-wrap::before{
  content:"";
  position:absolute;
  inset:-80px -110px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at var(--results-pointer-x) var(--results-pointer-y), rgba(116,100,255,.12), transparent 24%);
  filter:blur(18px);
  transition:opacity .35s ease;
}

/* staged entrance */
#tcrm-case-study .results-v34.results-motion-v82 .results-v34-head,
#tcrm-case-study .results-v34.results-motion-v82 .result-v34-card,
#tcrm-case-study .results-v34.results-motion-v82 .cta-v34,
#tcrm-case-study .results-v34.results-motion-v82 .lead-form-v69{
  opacity:0;
}
#tcrm-case-study .results-v34.results-motion-v82 .results-v34-head{
  transform:translateY(28px) scale(.985);
  filter:blur(7px);
  transition:opacity .65s ease,transform .75s cubic-bezier(.2,.75,.18,1),filter .7s ease;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-live .results-v34-head{
  opacity:1;
  transform:none;
  filter:none;
}
#tcrm-case-study .results-v34.results-motion-v82 .result-v34-card{
  --card-delay:0ms;
  transform:translateY(34px) scale(.965) !important;
  filter:blur(7px);
  transition:
    opacity .55s ease var(--card-delay),
    transform .7s cubic-bezier(.2,.8,.18,1) var(--card-delay),
    filter .6s ease var(--card-delay),
    border-color .3s ease,
    box-shadow .3s ease;
}
#tcrm-case-study .results-v34.results-motion-v82 .result-v34-card:nth-child(1){--card-delay:160ms}
#tcrm-case-study .results-v34.results-motion-v82 .result-v34-card:nth-child(2){--card-delay:300ms}
#tcrm-case-study .results-v34.results-motion-v82 .result-v34-card:nth-child(3){--card-delay:440ms}
#tcrm-case-study .results-v34.results-motion-v82 .result-v34-card:nth-child(4){--card-delay:580ms}
#tcrm-case-study .results-v34.results-motion-v82.is-results-live .result-v34-card{
  opacity:1;
  transform:none !important;
  filter:none;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-live .result-v34-card:hover{
  transform:translateY(-7px) scale(1.012) !important;
}

/* a restrained light pass on each card after reveal */
#tcrm-case-study .results-v34.results-motion-v82 .result-v34-card::before{
  content:"";
  position:absolute;
  inset:-35% auto -35% -40%;
  width:32%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.07),transparent);
  transform:translateX(-180%) skewX(-14deg);
  opacity:0;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-settled .result-v34-card::before{
  animation:resultCardSheen 7.2s ease-in-out infinite;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-settled .result-v34-card:nth-child(2)::before{animation-delay:1.3s}
#tcrm-case-study .results-v34.results-motion-v82.is-results-settled .result-v34-card:nth-child(3)::before{animation-delay:2.6s}
#tcrm-case-study .results-v34.results-motion-v82.is-results-settled .result-v34-card:nth-child(4)::before{animation-delay:3.9s}
@keyframes resultCardSheen{
  0%,72%{transform:translateX(-180%) skewX(-14deg);opacity:0}
  76%{opacity:.8}
  90%{transform:translateX(650%) skewX(-14deg);opacity:0}
  100%{transform:translateX(650%) skewX(-14deg);opacity:0}
}
#tcrm-case-study .results-v34.results-motion-v82 .result-v34-icon{
  position:relative;
  z-index:2;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-settled .result-v34-card:hover .result-v34-icon{
  transform:translateY(-3px) rotate(-4deg) scale(1.08);
  box-shadow:0 12px 30px rgba(92,94,255,.16),inset 0 1px 0 rgba(255,255,255,.1);
}

/* CTA enters after the cards and keeps a slow premium ambient motion */
#tcrm-case-study .results-v34.results-motion-v82 .cta-v34{
  transform:translateY(34px) scale(.985);
  filter:blur(8px);
  transition:opacity .7s ease .72s,transform .85s cubic-bezier(.2,.82,.2,1) .72s,filter .7s ease .72s;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-live .cta-v34{
  opacity:1;
  transform:none;
  filter:none;
}
#tcrm-case-study .results-v34.results-motion-v82 .cta-v34::before,
#tcrm-case-study .results-v34.results-motion-v82 .cta-v34::after{
  will-change:transform;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-settled .cta-v34::before{
  animation:ctaRingDriftOne 10s ease-in-out infinite alternate;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-settled .cta-v34::after{
  animation:ctaRingDriftTwo 12s ease-in-out infinite alternate;
}
@keyframes ctaRingDriftOne{from{transform:translate(-10px,-8px) scale(.96)}to{transform:translate(72px,36px) scale(1.1)}}
@keyframes ctaRingDriftTwo{from{transform:translate(8px,6px) scale(1.04)}to{transform:translate(54px,52px) scale(.93)}}
#tcrm-case-study .results-v34.results-motion-v82 .cta-v34-btn{
  overflow:hidden;
}
#tcrm-case-study .results-v34.results-motion-v82 .cta-v34-btn::before{
  content:"";
  position:absolute;
  inset:-40% auto -40% -28%;
  width:24%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);
  transform:translateX(-160%) skewX(-12deg);
  pointer-events:none;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-settled .cta-v34-btn::before{
  animation:ctaButtonSweep 4.8s ease-in-out infinite;
}
@keyframes ctaButtonSweep{
  0%,62%{transform:translateX(-160%) skewX(-12deg);opacity:0}
  67%{opacity:1}
  84%{transform:translateX(780%) skewX(-12deg);opacity:0}
  100%{transform:translateX(780%) skewX(-12deg);opacity:0}
}

/* form comes in last, subtly */
#tcrm-case-study .results-v34.results-motion-v82 .lead-form-v69{
  transform:translateY(28px);
  filter:blur(6px);
  transition:opacity .7s ease 1.02s,transform .8s ease 1.02s,filter .7s ease 1.02s;
}
#tcrm-case-study .results-v34.results-motion-v82.is-results-live .lead-form-v69{
  opacity:1;
  transform:none;
  filter:none;
}

@media (prefers-reduced-motion: reduce){
  #tcrm-case-study .results-v34.results-motion-v82::after,
  #tcrm-case-study .results-v34.results-motion-v82 .results-orb,
  #tcrm-case-study .results-v34.results-motion-v82 .result-v34-card::before,
  #tcrm-case-study .results-v34.results-motion-v82 .cta-v34::before,
  #tcrm-case-study .results-v34.results-motion-v82 .cta-v34::after,
  #tcrm-case-study .results-v34.results-motion-v82 .cta-v34-btn::before{animation:none!important}
  #tcrm-case-study .results-v34.results-motion-v82 .results-v34-head,
  #tcrm-case-study .results-v34.results-motion-v82 .result-v34-card,
  #tcrm-case-study .results-v34.results-motion-v82 .cta-v34,
  #tcrm-case-study .results-v34.results-motion-v82 .lead-form-v69{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}


/* ===== V83: user-driven cinematic showcase (no autoplay carousel) ===== */
#tcrm-case-study .screens-v33.screens-v83-motion{
  --v83-pointer-x:50%;
  --v83-pointer-y:50%;
  --v83-tilt-x:0deg;
  --v83-tilt-y:0deg;
}

/* Remove the continuous V81 motion that made the section feel busy. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v81-orbit,
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-media::after,
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card .showcase-thumb::before{
  display:none !important;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-browser{
  animation:none !important;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card.active .showcase-thumb::after{
  animation:none !important;
  opacity:0 !important;
}

/* One quiet ambient focus area, controlled by the selected screen + pointer. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-preview-wrap::before{
  content:"";
  position:absolute;
  z-index:0;
  width:360px;
  height:360px;
  left:var(--v83-pointer-x);
  top:var(--v83-pointer-y);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(115,92,255,.13),rgba(77,135,255,.055) 42%,transparent 72%);
  filter:blur(30px);
  pointer-events:none;
  transition:left .35s ease,top .35s ease,opacity .35s ease;
  opacity:.8;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v81-spotlight{
  width:230px;
  height:230px;
  opacity:.42;
  filter:blur(28px);
  transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1),opacity .35s ease;
}

/* Browser is stable; only a tiny pointer-driven depth response remains. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-browser{
  transform:perspective(1500px) rotateY(var(--v83-tilt-x)) rotateX(var(--v83-tilt-y));
  transition:transform .34s cubic-bezier(.2,.75,.2,1),box-shadow .34s ease;
  box-shadow:0 34px 80px rgba(41,57,86,.17),0 0 0 5px rgba(255,255,255,.46),0 0 42px rgba(92,80,255,.09);
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-preview-wrap:hover .screens-v33-browser{
  box-shadow:0 40px 92px rgba(41,57,86,.19),0 0 0 5px rgba(255,255,255,.56),0 0 58px rgba(92,80,255,.13);
}

/* Directional mask transition on manual selection. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-media{
  isolation:isolate;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-media img{
  opacity:1;
  filter:none;
  transform:scale(1);
  clip-path:inset(0 0 0 0 round 0);
  transition:clip-path .62s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1),opacity .28s ease,filter .28s ease;
  will-change:clip-path,transform;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-media.switch-forward.is-switching img{
  clip-path:inset(0 0 0 100%);
  transform:scale(1.025) translateX(8px);
  opacity:.28;
  filter:saturate(.88);
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-media.switch-backward.is-switching img{
  clip-path:inset(0 100% 0 0);
  transform:scale(1.025) translateX(-8px);
  opacity:.28;
  filter:saturate(.88);
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-media.v83-wipe::before{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  width:18%;
  left:-22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),rgba(126,104,255,.08),transparent);
  transform:skewX(-10deg);
  pointer-events:none;
  animation:v83GlassWipe .62s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes v83GlassWipe{
  from{left:-22%;opacity:0}
  22%{opacity:1}
  to{left:110%;opacity:0}
}

/* Selected card: unmistakable but not constantly animated. */
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card{
  opacity:.78;
  transform:none;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card:hover{
  opacity:.95;
  transform:translateY(-4px);
}
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card.active{
  opacity:1;
  transform:translateY(-7px) scale(1.025);
  border-color:rgba(105,88,255,.82);
  box-shadow:0 20px 45px rgba(91,79,255,.15),0 0 0 2px rgba(103,89,255,.08);
}
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card.v83-card-flash .showcase-icon{
  animation:v83IconPop .48s cubic-bezier(.2,.9,.2,1) both;
}
@keyframes v83IconPop{
  0%{transform:scale(.88)}
  55%{transform:scale(1.12)}
  100%{transform:scale(1.04)}
}

/* Benefit synchronization is a single accent sweep, not a persistent bounce. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article{
  opacity:.7;
  transform:none;
  overflow:hidden;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article.is-benefit-active{
  opacity:1;
  transform:translateX(5px);
  background:rgba(255,255,255,.38);
  box-shadow:0 14px 34px rgba(49,64,96,.045);
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article::after{
  content:"";
  position:absolute;
  right:-30%;
  top:0;
  width:30%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(112,96,255,.12),transparent);
  opacity:0;
  pointer-events:none;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article.v83-benefit-flash::after{
  animation:v83BenefitSweep .58s ease-out both;
}
@keyframes v83BenefitSweep{
  0%{right:-32%;opacity:0}
  28%{opacity:1}
  100%{right:105%;opacity:0}
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article.is-benefit-active .benefit-orb{
  animation:none !important;
  transform:scale(1.04);
}

/* Caption changes feel connected to the chosen screen. */
#tcrm-case-study .screens-v33-caption.v83-caption-in > *{
  animation:v83CaptionIn .48s cubic-bezier(.2,.8,.2,1) both;
}
#tcrm-case-study .screens-v33-caption.v83-caption-in > p{animation-delay:.045s}
@keyframes v83CaptionIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

/* Entry animation happens only when the section enters the viewport. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-title,
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card,
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-preview-wrap,
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article{
  opacity:0;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-title{
  animation:v83EntryTitle .65s cubic-bezier(.2,.8,.2,1) both;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card{
  animation:v83EntryCard .55s cubic-bezier(.2,.8,.2,1) both;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card:nth-child(1){animation-delay:.08s}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card:nth-child(2){animation-delay:.14s}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card:nth-child(3){animation-delay:.20s}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card:nth-child(4){animation-delay:.26s}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-preview-wrap{
  animation:v83EntryPreview .76s cubic-bezier(.16,.84,.24,1) .16s both;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-benefits article{
  animation:v83EntryBenefit .45s cubic-bezier(.2,.8,.2,1) both;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-benefits article:nth-child(1){animation-delay:.26s}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-benefits article:nth-child(2){animation-delay:.32s}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-benefits article:nth-child(3){animation-delay:.38s}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-benefits article:nth-child(4){animation-delay:.44s}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active{opacity:1;}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-benefits article.is-benefit-active{opacity:1;}
@keyframes v83EntryTitle{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes v83EntryCard{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:.78;transform:none}}
@keyframes v83EntryPreview{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes v83EntryBenefit{from{opacity:0;transform:translateX(-10px)}to{opacity:.7;transform:none}}

@media(max-width:820px){
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-preview-wrap::before,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v81-spotlight{display:none}
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-browser{transform:none!important}
  #tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card.active{transform:translateY(-4px) scale(1.01)}
}
@media(prefers-reduced-motion:reduce){
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-title,
  #tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-preview-wrap,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article{opacity:1!important;animation:none!important;transform:none!important}
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-media img{transition:none!important;clip-path:none!important}
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-preview-wrap::before,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v81-spotlight{display:none!important}
}

/* ===== V84: visible premium idle motion for screens showcase ===== */
@keyframes v84PreviewFloat {
  0%,100% { transform:translateY(0) rotateX(0deg) rotateY(0deg); }
  50% { transform:translateY(-7px) rotateX(.22deg) rotateY(-.28deg); }
}
@keyframes v84GlowDrift {
  0%,100% { transform:translate(-50%,-50%) scale(.94); opacity:.52; }
  35% { transform:translate(-45%,-54%) scale(1.05); opacity:.82; }
  68% { transform:translate(-55%,-46%) scale(1.00); opacity:.66; }
}
@keyframes v84ActiveCardBreath {
  0%,100% {
    transform:translateY(-7px) scale(1.025);
    box-shadow:0 20px 45px rgba(91,79,255,.15),0 0 0 2px rgba(103,89,255,.08);
  }
  50% {
    transform:translateY(-10px) scale(1.035);
    box-shadow:0 27px 58px rgba(91,79,255,.21),0 0 0 3px rgba(103,89,255,.11);
  }
}
@keyframes v84ActiveIconPulse {
  0%,100% { transform:scale(1.03); filter:drop-shadow(0 0 0 rgba(105,88,255,0)); }
  50% { transform:scale(1.11); filter:drop-shadow(0 9px 14px rgba(105,88,255,.22)); }
}
@keyframes v84BenefitPulse {
  0%,72%,100% { transform:translateY(0) scale(1); box-shadow:none; }
  82% { transform:translateY(-4px) scale(1.045); box-shadow:0 12px 24px rgba(92,82,255,.14); }
  92% { transform:translateY(0) scale(1); box-shadow:none; }
}
@keyframes v84SoftSweep {
  0%,72% { left:-35%; opacity:0; }
  79% { opacity:.55; }
  92% { left:112%; opacity:0; }
  100% { left:112%; opacity:0; }
}

/* Keep the preview alive after the entry reveal settles. */
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-browser{
  animation:v84PreviewFloat 6.4s ease-in-out infinite !important;
  transform-origin:50% 62%;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-preview-wrap::before{
  animation:v84GlowDrift 7.6s ease-in-out infinite;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active{
  animation:v84ActiveCardBreath 4.9s ease-in-out infinite !important;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active .showcase-icon{
  animation:v84ActiveIconPulse 3.8s ease-in-out infinite;
}

/* Quiet staggered life in the left-side benefits. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article .benefit-orb{
  animation:v84BenefitPulse 7.2s ease-in-out infinite;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(1) .benefit-orb{animation-delay:0s}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(2) .benefit-orb{animation-delay:1.05s}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(3) .benefit-orb{animation-delay:2.1s}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(4) .benefit-orb{animation-delay:3.15s}

/* A very subtle moving light across the big preview — no scan-line look. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-browser::after{
  content:"";
  position:absolute;
  z-index:5;
  top:-8%;
  bottom:-8%;
  left:-35%;
  width:16%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),rgba(131,110,255,.045),transparent);
  transform:skewX(-12deg);
  animation:v84SoftSweep 8.8s ease-in-out infinite;
}

/* Hover pauses the float and gives the user direct control. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-preview-wrap:hover .screens-v33-browser{
  animation-play-state:paused !important;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card.active:hover{
  animation-play-state:paused !important;
  transform:translateY(-10px) scale(1.04);
}

@media(max-width:820px){
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-browser{
    animation:v84PreviewFloat 6.8s ease-in-out infinite !important;
  }
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active{
    animation:v84ActiveCardBreath 5.4s ease-in-out infinite !important;
  }
}
@media(prefers-reduced-motion:reduce){
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-browser,
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article .benefit-orb,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-browser::after,
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-preview-wrap::before{
    animation:none !important;
  }
}

/* ===== V85: stronger visible premium motion for screens showcase ===== */
@keyframes v85PreviewMotion {
  0%,100% {
    transform:translateY(2px) rotateX(.15deg) rotateY(-.35deg) scale(1);
    filter:drop-shadow(0 20px 32px rgba(80,74,190,.06));
  }
  28% {
    transform:translateY(-11px) rotateX(.7deg) rotateY(.7deg) scale(1.012);
    filter:drop-shadow(0 28px 42px rgba(80,74,190,.10));
  }
  58% {
    transform:translateY(-17px) rotateX(-.35deg) rotateY(-.8deg) scale(1.018);
    filter:drop-shadow(0 34px 54px rgba(80,74,190,.14));
  }
  82% {
    transform:translateY(-6px) rotateX(.35deg) rotateY(.35deg) scale(1.008);
  }
}
@keyframes v85ActiveCardPulse {
  0%,100% {
    transform:translateY(-7px) scale(1.035);
    box-shadow:0 22px 48px rgba(91,79,255,.17),0 0 0 2px rgba(103,89,255,.10);
  }
  50% {
    transform:translateY(-15px) scale(1.075);
    box-shadow:0 34px 72px rgba(91,79,255,.27),0 0 0 4px rgba(103,89,255,.16),0 0 38px rgba(102,86,255,.16);
  }
}
@keyframes v85IconPop {
  0%,100% { transform:translateY(0) scale(1.05) rotate(0deg); }
  45% { transform:translateY(-6px) scale(1.18) rotate(-3deg); }
  65% { transform:translateY(-2px) scale(1.12) rotate(2deg); }
}
@keyframes v85BenefitWave {
  0%,72%,100% { transform:translateX(0) scale(1); opacity:.84; }
  80% { transform:translateX(10px) scale(1.035); opacity:1; }
  88% { transform:translateX(3px) scale(1.012); opacity:.95; }
}
@keyframes v85OrbWave {
  0%,72%,100% { transform:scale(1) rotate(0deg); box-shadow:none; }
  80% { transform:scale(1.18) rotate(-5deg); box-shadow:0 14px 28px rgba(92,82,255,.19); }
  88% { transform:scale(1.08) rotate(3deg); }
}
@keyframes v85GlowOrbit {
  0% { transform:translate(-52%,-48%) scale(.92) rotate(0deg); opacity:.45; }
  25% { transform:translate(-43%,-56%) scale(1.09) rotate(90deg); opacity:.82; }
  50% { transform:translate(-57%,-52%) scale(1.15) rotate(180deg); opacity:.66; }
  75% { transform:translate(-47%,-43%) scale(1.04) rotate(270deg); opacity:.86; }
  100% { transform:translate(-52%,-48%) scale(.92) rotate(360deg); opacity:.45; }
}
@keyframes v85BigSheen {
  0%,64% { left:-42%; opacity:0; }
  70% { opacity:.16; }
  82% { opacity:.46; }
  94% { left:118%; opacity:0; }
  100% { left:118%; opacity:0; }
}
@keyframes v85HeadingBreath {
  0%,100% { transform:translateY(0); filter:drop-shadow(0 0 0 rgba(102,86,255,0)); }
  50% { transform:translateY(-5px); filter:drop-shadow(0 12px 18px rgba(102,86,255,.10)); }
}

#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-browser{
  animation:v85PreviewMotion 4.6s cubic-bezier(.45,.05,.2,1) infinite !important;
  transform-origin:50% 62%;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active{
  animation:v85ActiveCardPulse 3.5s ease-in-out infinite !important;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active .showcase-icon{
  animation:v85IconPop 3.5s ease-in-out infinite !important;
}
#tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-preview-wrap::before{
  animation:v85GlowOrbit 5.4s ease-in-out infinite !important;
  filter:blur(42px);
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article{
  animation:v85BenefitWave 5.8s ease-in-out infinite;
  will-change:transform,opacity;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article .benefit-orb{
  animation:v85OrbWave 5.8s ease-in-out infinite !important;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(1),
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(1) .benefit-orb{animation-delay:0s}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(2),
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(2) .benefit-orb{animation-delay:.78s}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(3),
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(3) .benefit-orb{animation-delay:1.56s}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(4),
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article:nth-child(4) .benefit-orb{animation-delay:2.34s}

#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-title h2{
  animation:v85HeadingBreath 4.8s ease-in-out infinite;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-browser::after{
  width:24%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),rgba(120,98,255,.12),transparent);
  animation:v85BigSheen 6.2s ease-in-out infinite !important;
}

/* Keep direct interaction readable. */
#tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-preview-wrap:hover .screens-v33-browser{
  animation-play-state:paused !important;
}
#tcrm-case-study .screens-v33.screens-v83-motion .screen-showcase-card.active:hover{
  animation-play-state:paused !important;
  transform:translateY(-14px) scale(1.07);
}

@media(max-width:820px){
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-browser{
    animation-duration:5.2s !important;
  }
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article{
    animation:none;
    opacity:1;
  }
}
@media(prefers-reduced-motion:reduce){
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-browser,
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active,
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screen-showcase-card.active .showcase-icon,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-benefits article .benefit-orb,
  #tcrm-case-study .screens-v33.screens-v83-motion.is-showcase-live .screens-v33-preview-wrap::before,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-title h2,
  #tcrm-case-study .screens-v33.screens-v83-motion .screens-v33-browser::after{
    animation:none !important;
  }
}

/* ===== V86: stronger true Z-pattern between challenge and solution ===== */
@media (min-width:1181px){
  /* Give the two case-study rows a wider stage so the diagonal flow is obvious. */
  #tcrm-case-study .case-v39 > .container{
    width:min(1340px,calc(100% - 72px));
  }

  /* 01: visual pushed left, copy pushed right. */
  #tcrm-case-study #challenge .case-v39-row{
    grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);
    gap:112px;
    align-items:center;
    direction:ltr;
  }
  #tcrm-case-study #challenge .journey-v62{
    grid-column:1;
    justify-self:start;
    width:min(100%,690px);
    transform:translateX(-24px);
  }
  #tcrm-case-study #challenge .case-v39-copy{
    grid-column:2;
    justify-self:end;
    width:100%;
    max-width:520px;
    transform:translateX(24px);
  }
  #tcrm-case-study #challenge .case-v39-copy>p{
    max-width:520px;
  }

  /* 02: exact opposite — copy left, live product visual right. */
  #tcrm-case-study .case-v39-solution .case-v39-row-reverse{
    grid-template-columns:minmax(430px,.82fr) minmax(0,1.18fr) !important;
    gap:112px !important;
    align-items:center;
    direction:ltr;
  }
  #tcrm-case-study .case-v39-solution .case-v39-copy{
    grid-column:1;
    justify-self:start;
    width:100%;
    max-width:520px;
    transform:translateX(-24px);
  }
  #tcrm-case-study .case-v39-solution .case-v39-copy>p{
    max-width:520px;
  }
  #tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap{
    grid-column:2;
    justify-self:end;
    width:min(100%,760px);
    transform:translateX(24px);
  }
  #tcrm-case-study .case-v39-solution .case-v39-browser{
    width:100%;
    margin-inline:0;
  }

  /* Add a little more vertical breathing room between the alternating rows. */
  #tcrm-case-study #challenge.case-v39{
    padding-bottom:132px;
  }
  #tcrm-case-study .case-v39-solution{
    padding-top:132px;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  #tcrm-case-study .case-v39 > .container{
    width:min(1240px,calc(100% - 56px));
  }
  #tcrm-case-study #challenge .case-v39-row,
  #tcrm-case-study .case-v39-solution .case-v39-row-reverse{
    gap:76px !important;
  }
  #tcrm-case-study #challenge .journey-v62,
  #tcrm-case-study .case-v39-solution .case-v39-copy{
    transform:translateX(-10px);
  }
  #tcrm-case-study #challenge .case-v39-copy,
  #tcrm-case-study .case-v39-solution .case-v39-screenshot-wrap{
    transform:translateX(10px);
  }
}

/* ===== V87: restore challenge balance only; keep solution V86 untouched ===== */
@media (min-width:1181px){
  #tcrm-case-study #challenge.case-v39{
    padding-top:118px;
    padding-bottom:118px;
  }

  #tcrm-case-study #challenge .case-v39-row{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr) !important;
    gap:72px !important;
    align-items:center !important;
    direction:rtl !important;
  }

  #tcrm-case-study #challenge .case-v39-copy{
    grid-column:auto !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:560px !important;
    transform:none !important;
    align-self:center !important;
  }

  #tcrm-case-study #challenge .case-v39-copy>p{
    max-width:560px !important;
  }

  #tcrm-case-study #challenge .journey-v62{
    grid-column:auto !important;
    justify-self:start !important;
    width:min(100%,640px) !important;
    max-width:640px !important;
    align-self:center !important;
    transform:perspective(1200px) rotateX(var(--journey-tilt-x,0deg)) rotateY(var(--journey-tilt-y,0deg)) !important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  #tcrm-case-study #challenge .case-v39-row{
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr) !important;
    gap:58px !important;
  }
  #tcrm-case-study #challenge .case-v39-copy{
    max-width:520px !important;
  }
  #tcrm-case-study #challenge .journey-v62{
    width:min(100%,600px) !important;
    max-width:600px !important;
  }
}

/* =========================================
   FINAL FIX — TCRM COMPACT DROPDOWNS
========================================= */

#tcrm-case-study .lead-form-v69-selects {
  width: 100% !important;
  max-width: none !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 18px !important;
  margin: 0 !important;

  grid-column: 1 / -1 !important;
}

#tcrm-case-study .lead-form-v69-selects .form-field-v69 {
  width: 100% !important;
  min-width: 0 !important;

  display: block !important;
  margin: 0 !important;
}

#tcrm-case-study .lead-form-v69-selects .form-field-v69 > span {
  display: block !important;

  margin: 0 0 8px !important;

  color: #edf3fa !important;

  font-size: 14px !important;
  font-weight: 800 !important;

  text-align: right !important;
}

#tcrm-case-study .select-wrap-v69 {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

#tcrm-case-study .select-wrap-v69 select {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 50px !important;

  margin: 0 !important;
  padding: 0 16px 0 48px !important;

  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 13px !important;

  background: rgba(255, 255, 255, 0.035) !important;

  color: #edf3fa !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;

  text-align: right !important;
  direction: rtl !important;

  cursor: pointer !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  outline: none !important;

  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease !important;
}

#tcrm-case-study .select-wrap-v69 select:hover {
  border-color: rgba(112, 98, 255, 0.55) !important;
}

#tcrm-case-study .select-wrap-v69 select:focus {
  border-color: #7367ff !important;

  background: rgba(115, 103, 255, 0.06) !important;

  box-shadow:
    0 0 0 4px rgba(115, 103, 255, 0.08) !important;
}

#tcrm-case-study .select-wrap-v69 select option {
  background: #102641 !important;
  color: #ffffff !important;
}


/* السهم */

#tcrm-case-study .select-arrow-v69 {
  position: absolute !important;

  left: 17px !important;
  right: auto !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  display: block !important;

  margin: 0 !important;

  color: #8d83ff !important;

  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  pointer-events: none !important;
}


/* وقت التواصل */

#tcrm-case-study .form-group-v69-time {
  width: 100% !important;
  margin-top: 4px !important;
}


/* Mobile */

@media (max-width: 720px) {

  #tcrm-case-study .lead-form-v69-selects {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

}