:root{--navy:#073b78;--blue:#0b55a5;--orange:#ff6b18;--ink:#102e50;--muted:#6c7d92;--bg:#f7fbff;--white:#fff;--line:#e5edf6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:var(--bg);direction:rtl}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{background:#fff;position:relative;z-index:20;box-shadow:0 5px 25px #0a3d7610}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#073b78,#0b67bd);color:#fff;font-size:25px}.brand strong{display:block;font-size:24px;font-weight:900}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:-2px}.main-nav{display:flex;gap:25px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:600}.main-nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:10px}.phone{background:var(--orange);color:#fff;border-radius:30px;padding:12px 19px;font-weight:800;font-size:14px;direction:ltr}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:var(--navy);font-size:21px}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}
.hero{background:linear-gradient(110deg,#f8fcff 0%,#eaf4ff 47%,#073b78 47%,#062f60 100%);min-height:520px;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;min-height:520px;align-items:center;gap:25px}.hero-copy{padding:45px 0}.eyebrow{display:inline-block;border:1px solid #ff7a32;border-radius:25px;padding:8px 15px;color:var(--orange);font-weight:700;background:#fff}.hero h1{font-size:50px;line-height:1.25;margin:20px 0 12px;color:#fff}.hero-copy p{font-size:18px;line-height:2;color:#dbe9f8;max-width:600px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 25px;border-radius:32px;font-weight:800}.btn.primary{background:var(--orange);color:#fff;box-shadow:0 10px 25px #ff6b1840}.btn.outline{border:1px solid #c8d9ec;background:#fff;color:var(--navy)}.btn.outline.orange{border-color:var(--orange);color:var(--orange)}.trust-row{display:flex;gap:20px;margin-top:25px;color:#fff;font-size:13px}.hero-art{height:100%;min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;isolation:isolate}.art-glow{position:absolute;width:460px;height:460px;background:#1d76c73b;border-radius:50%;filter:blur(3px);animation:heroGlow 6s ease-in-out infinite}.hero-3d-scene{position:relative;width:540px;height:470px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;will-change:transform}.scene-floor{position:absolute;left:50%;bottom:38px;width:360px;height:90px;transform:translateX(-50%) rotateX(72deg) translateZ(-40px);border-radius:50%;background:#001d3a38;filter:blur(10px);z-index:0}.scene-ring{position:absolute;left:50%;top:50%;border:1px solid #fff6;border-radius:50%;transform-style:preserve-3d;pointer-events:none}.ring-one{width:420px;height:420px;transform:translate(-50%,-50%) rotateX(70deg);animation:ringFloat 8s ease-in-out infinite}.ring-two{width:350px;height:350px;transform:translate(-50%,-50%) rotateY(70deg) rotateZ(18deg);border-color:#6eb5e83b;animation:ringFloat2 9s ease-in-out infinite}.technician-illustration{position:absolute;z-index:5;left:50%;top:50%;width:245px;height:330px;text-align:center;font-size:130px;transform:translate(-50%,-50%) translateZ(80px);filter:drop-shadow(0 28px 22px #001d3a55);transform-style:preserve-3d;animation:techFloat 4.8s ease-in-out infinite}.tech-head{position:relative;z-index:3;line-height:1;font-size:118px;transform:translateZ(70px)}.tech-body{width:180px;height:180px;margin:-16px auto 0;background:linear-gradient(145deg,#0b66b9 0%,#06447f 70%);border-radius:80px 80px 25px 25px;box-shadow:inset 18px 0 0 #ffffff12,inset -18px -20px 0 #001f421f,0 20px 30px #001d3a30;transform:translateZ(15px) rotateX(-3deg)}.toolbox{font-size:65px;position:absolute;left:8px;bottom:24px;transform:translateZ(110px) rotateY(-8deg) rotateZ(-2deg);filter:drop-shadow(0 12px 10px #001d3a55);animation:toolFloat 3.8s ease-in-out infinite}.tech-shadow{position:absolute;left:50%;bottom:4px;width:185px;height:35px;transform:translateX(-50%) rotateX(75deg) translateZ(-10px);background:#001d3a55;border-radius:50%;filter:blur(8px);z-index:-1}.appliance{position:absolute;z-index:7;min-width:116px;height:142px;background:linear-gradient(145deg,#fff 0%,#f2f7fc 100%);border-radius:22px;box-shadow:12px 22px 40px #001d3a2c, inset -6px -6px 15px #0b55a50a, inset 3px 3px 0 #fff; color:#183c60;font-weight:900;text-align:center;padding:20px 16px;font-size:52px;transform-style:preserve-3d;backface-visibility:hidden}.appliance:after{content:"";position:absolute;inset:7px;border-radius:17px;border:1px solid #0b55a510;pointer-events:none}.appliance i{display:block;font-style:normal;line-height:1;transform:translateZ(24px)}.appliance small{display:block;font-size:12px;margin-top:13px;transform:translateZ(18px)}.a1{right:2%;top:12%;transform:translateZ(95px) rotateY(-10deg) rotateZ(1deg);animation:cardOne 5.5s ease-in-out infinite}.a2{right:20%;bottom:4%;transform:translateZ(135px) rotateY(-8deg) rotateZ(-2deg);animation:cardTwo 6s ease-in-out infinite}.a3{left:0;top:29%;transform:translateZ(70px) rotateY(10deg) rotateZ(-2deg);animation:cardThree 5.2s ease-in-out infinite}.particle{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 20px #fff;opacity:.7;z-index:8}.p1{left:17%;top:18%;animation:particle 4s ease-in-out infinite}.p2{right:12%;top:43%;animation:particle 5s 1s ease-in-out infinite}.p3{left:30%;bottom:12%;animation:particle 4.6s 1.8s ease-in-out infinite}.p4{right:31%;top:9%;animation:particle 5.5s .6s ease-in-out infinite}@keyframes heroGlow{0%,100%{transform:scale(.98);opacity:.75}50%{transform:scale(1.06);opacity:1}}@keyframes techFloat{0%,100%{margin-top:0}50%{margin-top:-12px}}@keyframes toolFloat{0%,100%{transform:translateZ(110px) rotateY(-8deg) rotateZ(-2deg)}50%{transform:translateZ(125px) rotateY(-15deg) rotateZ(2deg) translateY(-7px)}}@keyframes cardOne{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -13px;rotate:1deg}}@keyframes cardTwo{0%,100%{translate:0 0;rotate:0deg}50%{translate:7px -10px;rotate:-1deg}}@keyframes cardThree{0%,100%{translate:0 0;rotate:0deg}50%{translate:-6px -14px;rotate:1deg}}@keyframes ringFloat{0%,100%{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(0deg)}50%{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(8deg)}}@keyframes ringFloat2{0%,100%{transform:translate(-50%,-50%) rotateY(70deg) rotateZ(18deg)}50%{transform:translate(-50%,-50%) rotateY(70deg) rotateZ(-10deg)}}@keyframes particle{0%,100%{transform:translate3d(0,0,0) scale(.7);opacity:.25}50%{transform:translate3d(15px,-25px,40px) scale(1.25);opacity:1}}
@media (prefers-reduced-motion:reduce){.hero-3d-scene,.art-glow,.scene-ring,.technician-illustration,.toolbox,.appliance,.particle{animation:none!important;transition:none!important}}
/* 3D services cards */
.categories{position:relative;perspective:1400px;overflow:hidden}.categories:before,.categories:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.categories:before{width:420px;height:420px;right:-180px;top:40px;background:radial-gradient(circle,#0b67bd18 0%,transparent 68%);animation:servicesOrb 9s ease-in-out infinite}.categories:after{width:300px;height:300px;left:-140px;bottom:0;background:radial-gradient(circle,#ff6b1810 0%,transparent 70%);animation:servicesOrb2 11s ease-in-out infinite}.categories .container{position:relative;z-index:1}.cat-grid{perspective:1400px}.cat-card{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out,box-shadow .25s ease,border-color .25s ease;background:linear-gradient(145deg,#fff 0%,#fafdff 72%,#edf6ff 100%);box-shadow:0 14px 28px #073b7810,0 2px 0 #fff inset}.cat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#fff8 0%,transparent 30%),linear-gradient(120deg,#fff8,transparent 42%,#0b55a508);transform:translateZ(1px);pointer-events:none}.cat-card:after{content:"";position:absolute;width:110px;height:110px;right:-45px;top:-45px;border-radius:50%;background:#0b67bd10;transform:translateZ(5px);pointer-events:none}.cat-card:hover{transform:translateY(-9px) rotateX(2deg) rotateY(-2deg);box-shadow:0 24px 45px #073b7820,0 1px 0 #fff inset;border-color:#cfe2f6}.cat-icon,.cat-card strong,.cat-card .arrow{position:relative;z-index:2;transform-style:preserve-3d}.cat-icon{box-shadow:0 12px 20px #0b55a514,inset 0 1px 0 #fff;transform:translateZ(30px);transition:transform .3s ease,box-shadow .3s ease}.cat-card strong{transform:translateZ(22px);transition:transform .3s ease}.cat-card .arrow{transform:translateZ(36px);box-shadow:0 7px 14px #0b55a518;transition:transform .3s ease,box-shadow .3s ease}.cat-card:hover .cat-icon{transform:translateZ(42px) rotateZ(-3deg);box-shadow:0 18px 28px #0b55a520}.cat-card:hover strong{transform:translateZ(30px)}.cat-card:hover .arrow{transform:translateZ(48px) translateX(-3px);box-shadow:0 10px 18px #0b55a522}.services-depth{position:absolute;inset:0;pointer-events:none;z-index:0}.services-depth i{position:absolute;width:7px;height:7px;border-radius:50%;background:#0b67bd55;box-shadow:0 0 18px #0b67bd35;animation:serviceParticle 5s ease-in-out infinite}.services-depth i:nth-child(1){right:12%;top:20%;animation-delay:-1s}.services-depth i:nth-child(2){right:46%;top:8%;animation-delay:-2.5s}.services-depth i:nth-child(3){left:13%;bottom:18%;animation-delay:-3.4s}.services-depth i:nth-child(4){left:48%;bottom:8%;animation-delay:-.6s}@keyframes servicesOrb{0%,100%{transform:translate3d(0,0,0) scale(.95)}50%{transform:translate3d(-20px,16px,0) scale(1.08)}}@keyframes servicesOrb2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-14px,0) scale(.9)}}@keyframes serviceParticle{0%,100%{transform:translate3d(0,0,0) scale(.6);opacity:.25}50%{transform:translate3d(18px,-24px,40px) scale(1.4);opacity:.9}}
@media (prefers-reduced-motion:reduce){.categories:before,.categories:after,.services-depth i{animation:none!important}.cat-card,.cat-icon,.cat-card strong,.cat-card .arrow{transition:none!important}}
.categories,.why,.roles{padding:75px 0}.section-head{text-align:center;margin-bottom:30px}.section-head span,.mini-title{color:var(--orange);font-weight:800}.section-head h2{font-size:32px;margin:7px 0}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cat-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;text-align:center;box-shadow:0 10px 30px #073b7807;transition:.2s}.cat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #073b7815}.cat-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 15px;border-radius:20px;background:#edf5ff;color:var(--blue);font-size:40px}.cat-card strong{display:block}.arrow{display:inline-grid;place-items:center;margin-top:15px;width:35px;height:35px;border-radius:50%;background:#e7f2ff;color:var(--blue)}
.why{background:#fff}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.why-copy h2{font-size:38px;line-height:1.5;margin:8px 0}.why-copy h2 b{color:var(--orange)}.why-copy p{line-height:2;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature{background:#f9fcff;border:1px solid var(--line);border-radius:20px;padding:25px}.feature b{display:block;font-size:40px;margin-bottom:10px}.feature strong{font-size:18px}.feature p{color:var(--muted);margin-bottom:0}
.roles{background:linear-gradient(180deg,#f7fbff,#eef6ff)}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.role-card{padding:35px;border-radius:25px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px #073b780b;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;left:-50px;top:-50px;background:#eef6ff}.role-card span{font-size:50px}.role-card h3{font-size:24px}.role-card p{color:var(--muted);line-height:1.9}.role-card b{color:var(--blue)}.role-card.technician{border-top:4px solid var(--orange)}.role-card.employer{border-top:4px solid var(--blue)}
.page-wrap{padding:60px 0;min-height:60vh}.content-card{background:#fff;border:1px solid var(--line);border-radius:25px;padding:35px;box-shadow:0 15px 50px #073b7808}.content-card h1{margin-top:0}.site-footer{background:#062f60;color:#dceafa;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-bottom:45px}.footer-brand{font-size:25px;font-weight:900;color:#fff}.site-footer h4{color:#fff;margin-top:0}.site-footer a{display:block;margin:10px 0;color:#cfe0f2}.copyright{border-top:1px solid #ffffff18;padding:18px;text-align:center;font-size:12px}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.hero{background:linear-gradient(180deg,#073b78 0%,#062f60 70%,#f8fcff 70%)}.hero-grid{grid-template-columns:1fr}.hero-copy{order:1;text-align:center}.hero-copy p{margin:auto}.hero-art{order:2;min-height:330px}.cat-grid{grid-template-columns:repeat(2,1fr)}.why-grid,.role-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:38px}}
@media(max-width:560px){.header-inner{height:74px}.brand strong{font-size:18px}.brand-mark{width:40px;height:40px}.phone{padding:9px 12px;font-size:11px}.header-actions .icon-btn{display:none}.hero h1{font-size:30px}.hero-copy p{font-size:15px}.cat-grid{grid-template-columns:1fr 1fr;gap:9px}.cat-card{padding:14px 8px}.cat-icon{width:52px;height:52px;font-size:30px}.features,.footer-grid{grid-template-columns:1fr}.section-head h2{font-size:25px}.why-copy h2{font-size:30px}}

/* ===== SERVICES 3D v2 - explicit override ===== */
.categories{position:relative;overflow:hidden;perspective:1400px;isolation:isolate}
.categories .container{position:relative;z-index:2}
.categories:before,.categories:after{content:"";position:absolute;pointer-events:none;border-radius:50%;transform-style:preserve-3d;z-index:0}
.categories:before{width:430px;height:430px;right:-180px;top:70px;background:radial-gradient(circle,#7cc6ff38 0 12%,transparent 62%);filter:blur(2px);animation:serviceOrbA 7s ease-in-out infinite}
.categories:after{width:360px;height:360px;left:-150px;bottom:-120px;background:radial-gradient(circle,#0b55a51f 0 10%,transparent 64%);animation:serviceOrbB 9s ease-in-out infinite}
.cat-grid{perspective:1400px}
.cat-card{position:relative;overflow:visible;transform-style:preserve-3d;will-change:transform;transition:transform .16s ease-out,box-shadow .2s ease-out,border-color .2s ease-out!important;box-shadow:0 16px 35px #073b7810,0 2px 0 #fff inset!important;background:linear-gradient(145deg,#fff 0%,#fafdff 100%)!important}
.cat-card:before{content:"";position:absolute;inset:0;border-radius:20px;background:radial-gradient(circle at var(--mx,50%) var(--my,35%),#ffffffaa 0 8%,transparent 38%);opacity:.9;pointer-events:none;transform:translateZ(1px)}
.cat-card:after{content:"";position:absolute;left:10%;right:10%;bottom:-18px;height:28px;border-radius:50%;background:#073b7830;filter:blur(12px);transform:translateZ(-55px) rotateX(70deg);pointer-events:none}
.cat-icon{position:relative!important;transform:translateZ(42px)!important;transition:transform .25s ease!important}
.cat-card strong{position:relative!important;transform:translateZ(30px)!important;transition:transform .25s ease!important}
.cat-card .arrow{position:relative!important;transform:translateZ(52px)!important;transition:transform .25s ease!important}
.cat-card:nth-child(1){animation:serviceFloat1 4.8s ease-in-out infinite}
.cat-card:nth-child(2){animation:serviceFloat2 5.4s ease-in-out infinite -1.2s}
.cat-card:nth-child(3){animation:serviceFloat3 4.9s ease-in-out infinite -2.1s}
.cat-card:nth-child(4){animation:serviceFloat4 5.6s ease-in-out infinite -.7s}
.cat-card:nth-child(5){animation:serviceFloat5 5.1s ease-in-out infinite -1.8s}
.cat-card:nth-child(6){animation:serviceFloat6 4.7s ease-in-out infinite -2.8s}
.cat-card:nth-child(7){animation:serviceFloat7 5.5s ease-in-out infinite -3.2s}
.cat-card:nth-child(8){animation:serviceFloat8 4.6s ease-in-out infinite -1.4s}
@keyframes serviceFloat1{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-7px,12px) rotateX(1.8deg) rotateY(-2deg)}}
@keyframes serviceFloat2{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-10px,10px) rotateX(-1.5deg) rotateY(2deg)}}
@keyframes serviceFloat3{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-6px,14px) rotateX(1.5deg) rotateY(-1.5deg)}}
@keyframes serviceFloat4{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-11px,9px) rotateX(-1.8deg) rotateY(2deg)}}
@keyframes serviceFloat5{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-8px,13px) rotateX(1.8deg) rotateY(-2deg)}}
@keyframes serviceFloat6{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-9px,11px) rotateX(-1.5deg) rotateY(1.8deg)}}
@keyframes serviceFloat7{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-7px,15px) rotateX(1.5deg) rotateY(-2deg)}}
@keyframes serviceFloat8{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-10px,10px) rotateX(-1.8deg) rotateY(2deg)}}
@keyframes serviceOrbA{0%,100%{transform:translate3d(0,0,0) scale(.9)}50%{transform:translate3d(-30px,25px,40px) scale(1.1)}}
@keyframes serviceOrbB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(30px,-25px,30px)}}
@media(max-width:560px){.cat-card:nth-child(n){animation-duration:6s}.cat-card:after{bottom:-13px}}
@media(prefers-reduced-motion:reduce){.cat-card:nth-child(n),.categories:before,.categories:after{animation:none!important}.cat-card{transition:none!important}}

/* ===== ROLE CARDS: TRUE PURPLE GLASS 3D / v1.5 ===== */
.roles{position:relative;overflow:hidden;isolation:isolate;background:
  radial-gradient(circle at 12% 22%,rgba(167,139,250,.28),transparent 32%),
  radial-gradient(circle at 88% 68%,rgba(124,58,237,.24),transparent 36%),
  linear-gradient(135deg,#f7f2ff 0%,#e8ddff 48%,#f5efff 100%);}
.roles:before,.roles:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;transform-style:preserve-3d}
.roles:before{width:460px;height:460px;right:-150px;top:-150px;background:radial-gradient(circle,rgba(124,58,237,.34),rgba(167,139,250,.10) 45%,transparent 70%);filter:blur(3px);animation:roleOrbA15 7s ease-in-out infinite}
.roles:after{width:390px;height:390px;left:-160px;bottom:-170px;background:radial-gradient(circle,rgba(168,85,247,.30),rgba(196,181,253,.08) 48%,transparent 70%);filter:blur(3px);animation:roleOrbB15 9s ease-in-out infinite}
.roles .container{position:relative;z-index:2}
.roles .section-head span{color:#7c3aed;text-shadow:0 4px 18px rgba(124,58,237,.22)}
.roles .section-head h2{color:#27124f;text-shadow:0 4px 18px rgba(76,29,149,.14)}
.role-grid{perspective:1800px;transform-style:preserve-3d;display:grid;gap:24px}
.role-card{--rx:0deg;--ry:0deg;--rz:0deg;--tz:0px;--lift:0px;--mx:50%;--my:50%;position:relative;overflow:hidden;isolation:isolate;min-height:300px;padding:42px 38px;border:1px solid rgba(139,92,246,.48)!important;border-top:1px solid rgba(255,255,255,.95)!important;border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.42) 0%,rgba(196,181,253,.34) 34%,rgba(124,58,237,.22) 100%)!important;
  box-shadow:0 28px 65px rgba(76,29,149,.22),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(109,40,217,.24),inset 0 0 35px rgba(139,92,246,.12)!important;
  backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  transform-style:preserve-3d;will-change:transform,box-shadow;transform:translate3d(0,var(--lift),var(--tz)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));
  transition:transform .12s linear,box-shadow .25s ease,border-color .25s ease!important;cursor:pointer;}
.role-card:before{content:"";position:absolute;inset:0;border-radius:30px;background:
  radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.78) 0,rgba(255,255,255,.24) 15%,transparent 38%),
  linear-gradient(120deg,rgba(255,255,255,.38),transparent 32%,rgba(124,58,237,.16) 100%);opacity:.95;pointer-events:none;z-index:0;transform:translateZ(3px)}
.role-card:after{content:"";position:absolute;width:210px;height:210px;right:-75px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(221,214,254,.72),rgba(167,139,250,.18) 48%,transparent 72%);transform:translate3d(0,0,34px);pointer-events:none;z-index:1;animation:roleBlob15 5s ease-in-out infinite}
.role-card.employer{border-right:4px solid rgba(124,58,237,.82)!important}
.role-card.technician{border-right:4px solid rgba(168,85,247,.84)!important}
.role-card span,.role-card h3,.role-card p,.role-card b{position:relative;z-index:4;transform-style:preserve-3d}
.role-card span{display:grid;place-items:center;width:82px;height:82px;border-radius:25px;font-size:48px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(221,214,254,.34));border:1px solid rgba(255,255,255,.74);box-shadow:0 18px 35px rgba(76,29,149,.24),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -8px 18px rgba(124,58,237,.10);transform:translateZ(70px) rotateZ(-2deg);transition:transform .2s ease,box-shadow .2s ease}
.role-card h3{font-size:25px;color:#35156d;margin:26px 0 12px;transform:translateZ(54px);text-shadow:0 5px 18px rgba(76,29,149,.17)}
.role-card p{color:#5f4b7b;line-height:2;font-size:15px;max-width:560px;transform:translateZ(40px)}
.role-card b{display:inline-block;margin-top:10px;color:#6d28d9;transform:translateZ(50px);text-shadow:0 6px 16px rgba(124,58,237,.20)}
.role-card:hover{box-shadow:0 38px 85px rgba(76,29,149,.30),0 0 0 1px rgba(139,92,246,.24),inset 0 1px 0 rgba(255,255,255,1),inset 0 0 45px rgba(124,58,237,.18)!important;border-color:rgba(124,58,237,.65)!important}
.role-card:hover span{transform:translateZ(92px) rotateZ(-5deg) scale(1.05);box-shadow:0 28px 48px rgba(76,29,149,.28)}
.role-card:hover h3{transform:translateZ(68px)}
.role-card:hover p{transform:translateZ(50px)}
.role-card:hover b{transform:translateZ(62px) translateX(-5px)}
@keyframes roleOrbA15{0%,100%{transform:translate3d(0,0,30px) scale(.92)}50%{transform:translate3d(-42px,32px,75px) scale(1.10)}}
@keyframes roleOrbB15{0%,100%{transform:translate3d(0,0,20px) scale(1)}50%{transform:translate3d(38px,-28px,58px) scale(1.08)}}
@keyframes roleBlob15{0%,100%{transform:translate3d(0,0,34px) scale(1)}50%{transform:translate3d(-24px,18px,62px) scale(1.13)}}
@media(max-width:900px){.role-card{min-height:280px;padding:34px 28px}}
@media(max-width:560px){.roles{padding:55px 0}.role-card{min-height:260px;padding:28px 22px;border-radius:24px}.role-card:before{border-radius:24px}.role-card span{width:65px;height:65px;font-size:40px}.role-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.roles:before,.roles:after,.role-card:after{animation:none!important}.role-card{transition:none!important}}


/* ===== Mobile overflow/layout hotfix v1.6 ===== */
html, body { max-width:100%; overflow-x:clip; }
body, main, section, .container { min-width:0; }
img, svg, video, iframe { max-width:100%; }
.container { width:min(1180px, calc(100% - 32px)); }
.hero { width:100%; overflow:hidden; }
.hero-grid { width:min(1180px, calc(100% - 32px)); grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); }
.hero-copy { min-width:0; max-width:100%; }
.hero h1, .hero-copy p { max-width:100%; overflow-wrap:anywhere; word-break:normal; }
.hero-buttons { min-width:0; align-items:stretch; }
.hero-buttons .btn { max-width:100%; white-space:normal; }
.hero-art { min-width:0; max-width:100%; overflow:hidden; }
.hero-3d-scene { max-width:100%; }
@media (max-width:900px) {
  .container, .hero-grid { width:calc(100% - 32px); }
  .hero-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
  .hero-copy { width:100%; padding:36px 0 16px; }
  .hero h1 { font-size:clamp(27px, 6vw, 38px); line-height:1.45; margin:18px 0 12px; }
  .hero-copy p { font-size:16px; line-height:1.9; }
  .hero-buttons { justify-content:center; gap:10px; }
  .hero-buttons .btn { flex:1 1 210px; min-width:0; padding:13px 14px; }
  .trust-row { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 18px; }
  .hero-art { width:100%; min-height:300px; height:330px; }
  .hero-3d-scene { width:min(540px, 100%); height:300px; transform:scale(.78); transform-origin:center top; }
}
@media (max-width:560px) {
  .container, .hero-grid { width:calc(100% - 28px); }
  .hero { background:linear-gradient(180deg,#073b78 0%,#062f60 72%,#f8fcff 72%); }
  .hero-copy { padding-top:28px; }
  .eyebrow { display:inline-block; max-width:100%; white-space:normal; line-height:1.6; font-size:13px; }
  .hero h1 { font-size:clamp(25px, 7vw, 32px); line-height:1.5; }
  .hero-copy p { font-size:14px; }
  .hero-buttons { flex-direction:column; width:100%; }
  .hero-buttons .btn { flex:1 1 auto; width:100%; min-height:48px; }
  .trust-row { font-size:13px; gap:8px 12px; }
  .hero-art { min-height:270px; height:285px; }
  .hero-3d-scene { width:540px; max-width:none; transform:scale(.58); transform-origin:top center; }
  .footer-grid { grid-template-columns:minmax(0,1fr); }
  .cat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cat-card, .role-card, .feature { min-width:0; }
  .section-head h2 { line-height:1.5; overflow-wrap:anywhere; }
}


/* ===== v1.7 verified source-level mobile overflow safeguards ===== */
*, *::before, *::after { box-sizing: border-box; }
html { width:100%; max-width:100%; overflow-x:hidden; }
body { width:100%; max-width:100%; overflow-x:hidden; }
.site-header, main, .site-footer { width:100%; max-width:100%; overflow-x:clip; }
.container, .header-inner, .hero-grid { min-width:0; }
.brand { min-width:0; flex:1 1 auto; }
.brand > span:last-child { min-width:0; }
.brand strong, .brand small { overflow-wrap:anywhere; }
@media (max-width: 900px) {
  .hero { overflow:hidden; background:linear-gradient(180deg,#073b78 0%,#062f60 74%,#f8fcff 74%); }
  .hero-grid { display:flex; flex-direction:column; align-items:stretch; gap:0; width:100%; max-width:100%; padding-inline:14px; }
  .hero-copy { width:100%; max-width:100%; min-width:0; padding:26px 0 12px; text-align:center; }
  .eyebrow { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
  .hero h1 { width:100%; max-width:100%; font-size:clamp(24px,6.8vw,36px); line-height:1.55; overflow-wrap:break-word; word-break:normal; }
  .hero-copy p { width:100%; max-width:100%; margin-inline:auto; font-size:15px; overflow-wrap:break-word; }
  .hero-buttons { display:flex; flex-direction:column; width:100%; max-width:100%; align-items:stretch; }
  .hero-buttons .btn { width:100%; max-width:100%; min-width:0; justify-content:center; white-space:normal; overflow-wrap:anywhere; }
  .trust-row { width:100%; max-width:100%; justify-content:center; flex-wrap:wrap; }
  .hero-art { width:100%; max-width:100%; min-width:0; height:270px; min-height:270px; overflow:hidden; }
  .hero-3d-scene { position:absolute; left:50%; top:0; width:540px; max-width:none; height:300px; transform:translateX(-50%) scale(.56); transform-origin:top center; }
  .scene-ring { max-width:100%; }
}
@media (max-width:560px) {
  .header-inner { gap:8px; height:auto; min-height:68px; padding-block:10px; }
  .brand { flex:1 1 0; }
  .brand strong { font-size:17px; }
  .brand small { font-size:10px; }
  .header-actions { flex:0 1 auto; min-width:0; gap:6px; }
  .phone { max-width:42vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:9px 10px; font-size:10px; }
  .menu-toggle { flex:0 0 auto; padding:4px; }
  .hero-grid { padding-inline:14px; }
  .hero-copy { padding-top:24px; }
  .hero h1 { font-size:clamp(23px,6.5vw,30px); }
  .hero-copy p { font-size:14px; line-height:1.9; }
  .hero-art { height:250px; min-height:250px; }
  .hero-3d-scene { transform:translateX(-50%) scale(.48); }
  .cat-grid, .features, .role-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .role-card { padding:22px 16px; min-width:0; }
  .role-card h3 { font-size:19px; overflow-wrap:anywhere; }
  .role-card p { font-size:13px; }
  .footer-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:380px) {
  .phone { display:none; }
  .hero-buttons .btn { padding-inline:10px; font-size:14px; }
  .trust-row { font-size:12px; }
  .cat-grid, .features, .role-grid { grid-template-columns:minmax(0,1fr); }
}


/* ===== v1.8 mobile header overlap fix ===== */
@media (max-width: 560px) {
  .site-header { overflow: visible; }
  .header-inner { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:10px; width:calc(100% - 24px); min-width:0; }
  .brand { order:2; flex:1 1 auto; min-width:0; max-width:calc(100% - 62px); }
  .brand > span:last-child { min-width:0; }
  .brand strong { font-size:17px; line-height:1.35; white-space:nowrap; }
  .brand small { white-space:nowrap; }
  .header-actions { order:1; display:flex; flex:0 0 auto; width:auto; min-width:0; gap:7px; align-items:center; justify-content:flex-start; }
  /* Hide the long phone pill on narrow screens so it cannot sit underneath the menu button. */
  .header-actions .phone { display:none !important; }
  .header-actions .icon-btn { display:grid; flex:0 0 38px; width:38px; height:38px; }
  .header-actions .menu-toggle { display:block; position:relative; z-index:2; flex:0 0 40px; width:40px; height:40px; padding:0; margin:0; line-height:1; border-radius:10px; background:#f1f6fc; color:var(--navy); }
}
@media (max-width: 360px) {
  .header-inner { width:calc(100% - 18px); gap:6px; }
  .brand { max-width:calc(100% - 54px); }
  .brand strong { font-size:15px; }
  .brand small { font-size:9px; }
  .header-actions { gap:4px; }
  .header-actions .icon-btn { flex-basis:34px; width:34px; height:34px; }
  .header-actions .menu-toggle { flex-basis:36px; width:36px; height:36px; }
}

/* v1.9 technician popup for service cards */
.cat-card{cursor:pointer}
body.tech-modal-open{overflow:hidden}
.tech-modal[hidden]{display:none}
.tech-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.tech-modal-backdrop{position:absolute;inset:0;background:rgba(7,59,120,.45);backdrop-filter:blur(3px);opacity:0;transition:opacity .18s ease}
.tech-modal-dialog{position:relative;width:min(560px,100%);max-height:min(86vh,720px);display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 30px 80px #073b7840;outline:0;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .18s ease,transform .18s ease}
.tech-modal.is-open .tech-modal-backdrop{opacity:1}
.tech-modal.is-open .tech-modal-dialog{opacity:1;transform:none}
.tech-modal-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:0;border-radius:50%;background:#edf4ff;color:var(--navy);font-size:24px;line-height:1;cursor:pointer}
.tech-modal-close:hover{background:#dcebff}
.tech-modal-head{padding:26px 26px 14px;border-bottom:1px solid var(--line)}
.tech-modal-head span{display:block;color:var(--orange);font-weight:800;font-size:13px}
.tech-modal-head h3{margin:4px 0 0;font-size:22px;font-weight:900;color:var(--navy)}
.tech-modal-count{margin:6px 0 0;color:var(--muted);font-size:13px}
.tech-modal-count:empty{display:none}
.tech-modal-body{padding:16px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:120px}
.tech-state{text-align:center;color:var(--muted);padding:26px 8px;line-height:1.9}
.tech-state-sub{font-size:13px}
.tech-link{display:inline-block;margin-top:8px;color:var(--blue);font-weight:800}
.tech-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tech-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}
.tech-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#073b78,#0b67bd);color:#fff;font-weight:900;font-size:20px}
.tech-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.tech-info{min-width:0}
.tech-info strong{display:block;font-size:15px;color:var(--ink)}
.tech-meta{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;overflow-wrap:anywhere}
.tech-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.tech-tags i{font-style:normal;font-size:11.5px;padding:3px 9px;border-radius:999px;background:#eef3fa;color:#4a6180}
.tech-tags i.on{background:#e3f0ff;color:var(--blue);font-weight:700}
.tech-done{grid-column:1/-1;font-size:12px;color:#1f8a4c;font-weight:700}
.tech-modal-foot{padding:14px 22px 20px;border-top:1px solid var(--line)}
.tech-modal-foot .btn{display:flex;justify-content:center;width:100%}
@media(max-width:600px){
  .tech-modal{align-items:flex-end;padding:0}
  .tech-modal-dialog{width:100%;max-height:88vh;border-radius:24px 24px 0 0;transform:translateY(100%)}
  .tech-modal-head{padding:22px 18px 12px}
  .tech-modal-body{padding:14px 16px}
  .tech-modal-foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.tech-modal-backdrop,.tech-modal-dialog{transition:none}}


/* v2.0 mobile Chrome / responsive hardening */
:root { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html { scroll-padding-top: 16px; }
body { overflow-wrap: break-word; }
button, input, select, textarea { font: inherit; }
img, picture, video, canvas, svg { height: auto; }
.container, .content-card, .page-wrap, .header-inner, .header-actions, .brand { min-width: 0; }
@media (max-width: 600px) {
  .header-inner { gap: 8px; }
  .brand { flex: 1 1 auto; }
  .brand strong { font-size: clamp(15px, 4.2vw, 18px); line-height: 1.45; }
  .brand small { font-size: 10px; }
  .header-actions { flex: 0 0 auto; gap: 6px; }
  .header-actions .phone { padding: 9px 10px; font-size: 11px; white-space: nowrap; }
  .menu-toggle { flex: 0 0 38px; width: 38px; min-height: 38px; }
  .hero, .hero-grid, .hero-copy, .hero-art { min-width: 0; }
  .hero-art { overflow: hidden; }
  .cat-grid, .features, .role-grid, .why-grid, .footer-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .cat-card, .feature, .role-card, .content-card { min-width: 0; }
  .cat-card { overflow-wrap: anywhere; }
  .role-card { padding: 22px 16px; }
  .role-card h3 { font-size: 19px; line-height: 1.6; }
  .content-card { padding: 20px 14px; border-radius: 18px; }
  .page-wrap { padding: 28px 0; }
  .site-footer { padding-bottom: env(safe-area-inset-bottom, 0px); }
  input, select, textarea { max-width: 100%; }
  .btn { justify-content: center; min-height: 44px; }
}
@media (max-width: 380px) {
  .container, .hero-grid { width: calc(100% - 24px); }
  .header-inner { gap: 5px; }
  .header-actions .phone { padding: 8px 7px; font-size: 10px; }
  .cat-grid, .features, .role-grid, .why-grid, .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .hero-3d-scene { transform: translateX(-50%) scale(.48); }
  .hero-art { height: 240px; min-height: 240px; }
}


/* v2.1.0 targeted mobile Chrome hero layout fix */
@media (max-width: 600px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  .site-header, main { max-width:100%; }
  .hero { min-height:0; height:auto; overflow:hidden; background:linear-gradient(180deg,#073b78 0%,#062f60 100%); }
  .hero-grid { display:flex; flex-direction:column; align-items:stretch; gap:0; width:100%; min-height:0; padding:0 16px; margin:0; }
  .hero-copy { order:0; width:100%; padding:24px 0 12px; text-align:center; }
  .eyebrow { max-width:100%; padding:7px 12px; font-size:13px; white-space:normal; }
  .hero h1 { margin:16px 0 10px; font-size:clamp(24px,6.2vw,30px); line-height:1.55; overflow-wrap:break-word; }
  .hero-copy p { margin:0 auto; max-width:100%; font-size:14px; line-height:1.85; }
  .hero-buttons { display:flex; flex-direction:column; align-items:stretch; gap:10px; width:100%; margin-top:20px; }
  .hero-buttons .btn { display:flex; width:100%; min-height:50px; padding:12px 14px; justify-content:center; white-space:normal; line-height:1.5; }
  .trust-row { display:flex; flex-wrap:wrap; justify-content:center; gap:7px 12px; margin-top:18px; font-size:12px; line-height:1.8; }
  .hero-art { order:1; position:relative; display:block; width:100%; height:205px; min-height:205px; max-height:205px; overflow:hidden; }
  .art-glow { width:230px; height:230px; left:50%; top:12px; transform:translateX(-50%); }
  .scene-ring { top:48%; }
  .ring-one { width:240px; height:240px; }
  .ring-two { width:205px; height:205px; }
  .hero-3d-scene { position:absolute; left:50%; top:0; width:540px; max-width:none; height:300px; margin:0; transform:translateX(-50%) scale(.43); transform-origin:top center; }
  .scene-floor { bottom:28px; }
}
@media (max-width: 380px) {
  .hero-grid { padding-inline:12px; }
  .hero-copy { padding-top:20px; }
  .hero h1 { font-size:24px; }
  .hero-art { height:180px; min-height:180px; max-height:180px; }
  .hero-3d-scene { transform:translateX(-50%) scale(.38); }
  .trust-row { gap:5px 9px; font-size:11px; }
}

/* v2.2.0: remove the 3D technician hero artwork entirely; keep a clean responsive hero. */
.hero-grid{grid-template-columns:minmax(0,1fr)!important; width:min(1180px,calc(100% - 32px));}
.hero-copy{width:100%;max-width:850px;margin-inline:auto;min-width:0;}
.hero{background:linear-gradient(135deg,#073b78 0%,#062f60 100%)!important;}
.hero-art,.hero-3d,[data-hero-3d],.hero-3d-scene,.technician-illustration,.art-glow,.scene-ring,.scene-floor,.appliance,.particle{display:none!important;}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;gap:0!important}.hero-copy{padding:30px 0 34px!important}.hero h1{font-size:clamp(27px,6vw,38px)!important;line-height:1.45!important}.hero-buttons{display:flex;flex-direction:column;gap:10px;width:100%;}.hero-buttons .btn{width:100%;box-sizing:border-box;justify-content:center;min-height:48px;white-space:normal;text-align:center}.trust-row{justify-content:center;flex-wrap:wrap;gap:8px 14px;line-height:1.8}.hero{min-height:0!important;}}
@media(max-width:560px){.hero-grid,.container{width:calc(100% - 32px)!important}.hero-copy{padding:26px 0 30px!important}.eyebrow{font-size:13px;max-width:100%;box-sizing:border-box}.hero h1{font-size:clamp(25px,7vw,32px)!important}.hero-copy p{font-size:15px!important;line-height:1.9!important}.trust-row{font-size:12px!important}}

/* v2.3.0: functional, accessible mobile navigation for Chrome Android */
@media (max-width:900px){
  .site-header{position:relative;z-index:1000;overflow:visible!important}
  .site-header .header-inner{position:relative}
  .site-header .desktop-nav{display:none;position:absolute;top:calc(100% + 8px);right:10px;left:10px;width:auto;max-height:min(72vh,560px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e5edf6;border-radius:16px;box-shadow:0 18px 45px #062f6030;padding:12px;z-index:1001;direction:rtl}
  .site-header .desktop-nav.open{display:block!important}
  .site-header .desktop-nav .main-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;padding:0;list-style:none}
  .site-header .desktop-nav .main-nav li{display:block;width:100%;margin:0;padding:0;border-bottom:1px solid #edf2f8}
  .site-header .desktop-nav .main-nav li:last-child{border-bottom:0}
  .site-header .desktop-nav .main-nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;color:#073b78;font-size:15px;font-weight:700;text-decoration:none;border-radius:9px}
  .site-header .desktop-nav .main-nav a:active,.site-header .desktop-nav .main-nav a:hover{background:#f1f6fc;color:#ff6b18}
  .mobile-menu-account-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e5edf6}
  .mobile-menu-account-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border-radius:10px;background:#ff6b18;color:#fff!important;text-decoration:none;font-size:14px;font-weight:800;text-align:center}
  .mobile-menu-account-links a+ a{background:#edf4ff;color:#073b78!important}
  .site-header .menu-toggle{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:1002;display:grid;place-items:center;min-width:42px;min-height:42px;font-size:27px;line-height:1}
}
@media (min-width:901px){.mobile-menu-account-links{display:none!important}.site-header .desktop-nav{display:block!important}}


/* v2.4.0: fix mobile feature columns and prevent Persian text collapsing into narrow vertical strips */
@media (max-width: 600px) {
  .why { padding: 48px 0 !important; overflow: hidden; }
  .why .container { width: calc(100% - 32px) !important; max-width: 100% !important; min-width: 0 !important; }
  .why-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 26px !important; width: 100% !important; min-width: 0 !important; align-items: stretch !important; }
  .why-copy { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .why-copy h2 { max-width: 100%; font-size: clamp(25px, 6.4vw, 32px) !important; line-height: 1.65 !important; overflow-wrap: normal !important; word-break: normal !important; white-space: normal; }
  .why-copy h2 b { overflow-wrap: normal; word-break: normal; }
  .why-copy p { max-width: 100%; line-height: 1.9 !important; overflow-wrap: break-word !important; word-break: normal !important; }
  .features { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; }
  .feature { width: 100%; min-width: 0 !important; padding: 18px 14px !important; border-radius: 18px !important; overflow-wrap: normal !important; word-break: normal !important; }
  .feature b { font-size: 32px !important; line-height: 1.3; }
  .feature strong { display: block; font-size: 15px !important; line-height: 1.7 !important; overflow-wrap: break-word !important; word-break: normal !important; }
  .feature p { font-size: 13px !important; line-height: 1.8 !important; overflow-wrap: break-word !important; word-break: normal !important; }
  .role-grid { grid-template-columns: minmax(0, 1fr) !important; min-width: 0 !important; }
  .role-card { width: 100%; min-width: 0 !important; overflow-wrap: break-word; word-break: normal; }
  .section-head h2 { max-width: 100%; line-height: 1.6 !important; overflow-wrap: break-word; word-break: normal; }
}
@media (max-width: 380px) {
  .why .container { width: calc(100% - 26px) !important; }
  .features { grid-template-columns: minmax(0, 1fr) !important; }
  .feature { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 10px; align-items: center; }
  .feature b { grid-row: span 2; margin: 0; }
  .feature strong, .feature p { min-width: 0; }
}