body{background:linear-gradient(135deg,#eef5ff,#f7f0ff 55%,#effcf6);color:#102e4b}.shell{background:#fbfdff}.content{padding-top:16px}.top{border-bottom:3px solid #ff9c31}.nav{background:#edf3fa}.nav button{border-bottom-width:3px;box-shadow:0 3px 10px #1836530b;overflow-wrap:normal}.nav button:hover{background:#e8f2ff}.hero{background:linear-gradient(120deg,#102e50,#185b83);border-radius:24px}.digitalService{transition:transform .18s,box-shadow .18s}.digitalService:hover{box-shadow:0 12px 24px #18365320}.serviceDashboard{gap:14px}.digitalService h3{font-size:19px}.quickTile{min-height:120px!important;font-size:17px!important}.roleGrid .digitalRole{border-radius:18px}.notice{border:1px solid #f4dfba}.locationCard{background:#eef5ff}.servicePicker button{min-height:48px}.btn{min-height:48px}button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(min-width:960px){.serviceDashboard{grid-template-columns:repeat(5,minmax(0,1fr))}.digitalService{min-height:210px;padding:20px 14px}.serviceIcon{width:66px;height:66px}.serviceIcon .digitalIcon{width:40px;height:40px}.digitalService h3{font-size:17px}.digitalService>span:last-child{font-size:14px}}
@media(max-width:760px){
 :root{font-size:16px}.shell{width:100%;box-shadow:none}.top{padding:12px 14px;gap:10px;flex-wrap:nowrap;align-items:center}.top .identity{flex-direction:row;flex-basis:auto;width:auto;gap:10px;flex:1;min-width:0}.top .identity img{width:46px;height:46px;border-radius:12px}.brandLockup{width:auto;text-align:left;min-width:0}.top .brandLockup b{font-size:23px;letter-spacing:-.6px;white-space:nowrap}.brandTagline{font-size:10px;gap:3px;margin-top:4px;justify-content:flex-start}.brandTagline .brandDot{font-size:10px}.brandLockup:after{display:none}.top .languageField{margin:0!important;padding:0;background:transparent;border:0}.top .languageField label{font-size:0}.top .languageField label .digitalIcon{display:none}.top .languageField select{width:76px;max-width:76px;min-height:40px;font-size:12px;border-radius:10px;padding:7px;background:#fff;color:#102e4b}
 .nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:10px 12px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;align-items:stretch}.nav button{flex:0 0 auto;min-height:48px;max-width:none;font-size:12px;padding:8px 10px;gap:6px;border-radius:12px;white-space:nowrap;flex-direction:row;overflow-wrap:normal}.nav button .digitalIcon{width:19px;height:19px;padding:3px;border-radius:7px}.nav #partnerEntry{gap:5px}
 .content{padding:12px}.content>h2{font-size:22px;margin:18px 0 12px}.notice{font-size:12px;padding:10px 12px;line-height:1.45;margin:0 0 12px;border-radius:12px}.hero{padding:18px;min-height:140px;gap:10px;display:flex;flex-direction:row;align-items:center}.hero>div{flex:1;min-width:0}.heroBrand{margin:0 0 10px;text-align:left}.heroBrandName{font-size:24px;letter-spacing:-.5px}.heroBrand .brandTagline{font-size:10px;gap:3px;margin-top:3px;justify-content:flex-start}.hero h1{font-size:19px;line-height:1.35;margin:8px 0 10px}.hero .homeLogo{width:78px!important;border-radius:16px;flex-shrink:0}.homeTypes{gap:4px;flex-wrap:wrap;margin:6px 0!important}.homeTypes span{font-size:10px;padding:4px 7px;border-radius:8px}.hero .btn{min-height:40px;font-size:13px;padding:9px 12px}.roleGrid{gap:10px;margin:14px 0}.roleGrid .digitalRole{font-size:14px;min-height:65px;padding:10px;line-height:1.3;gap:9px;flex-direction:row}.digitalRole .digitalIcon{width:25px;height:25px;padding:7px;border-radius:12px}
 .serviceDashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 20px}.digitalService{min-height:155px;padding:13px 10px;border-radius:18px;border-bottom-width:3px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.serviceIcon{width:44px;height:44px;border-radius:13px;margin:0 0 10px;flex-shrink:0}.serviceIcon .digitalIcon{width:29px;height:29px}.digitalService h3{font-size:13px;line-height:1.35;margin:0 0 8px;overflow-wrap:normal;font-weight:800}.digitalService>span:last-child{font-size:11px;padding:4px 0;background:transparent;margin-top:auto;line-height:1.3}.locationCard{margin:14px 0;padding:12px;border-radius:16px}.locationCard label{font-size:13px}.locationRow{gap:7px}.locationRow input{font-size:13px;padding:10px;min-width:0}.locationRow .btn{font-size:12px;padding:10px;min-height:42px}.locationCard small{font-size:10px}.locationCard p{font-size:12px;margin:6px 0}.quickTile{min-height:110px!important;font-size:13px!important;padding:13px 8px;gap:10px;border-radius:17px}.quickTile .digitalIcon{width:29px;height:29px;padding:8px;border-radius:12px}.cards{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.digitalTraining,.digitalExpert{padding:17px;border-radius:18px}.digitalTraining h2,.digitalExpert h2{font-size:20px}.digitalTraining p,.digitalExpert p{font-size:14px}.digitalTraining h2 .digitalIcon,.digitalExpert h2 .digitalIcon{width:24px;height:24px;padding:7px}.digitalTraining .btn,.digitalExpert .btn{font-size:14px}.loginPanel{margin:10px auto;padding:22px 16px;border-radius:20px}.loginPanel h2{font-size:24px}.googleBrandIcon{width:23px;height:23px;padding:6px}.footer{padding:18px 14px;font-size:11px}.evTitle h2{font-size:24px}.evTitle p{font-size:14px}.evJob{padding:16px}.field label{font-size:14px}input,select,textarea{font-size:16px}.servicePicker{gap:8px}.servicePicker button{font-size:13px;padding:8px;flex:1 1 130px}.servicePicker .digitalIcon{width:27px;height:27px}
}
@media(max-width:360px){.top .brandLockup b{font-size:20px}.top .identity img{width:38px;height:38px}.top .languageField select{width:65px;max-width:65px}.hero .homeLogo{width:60px!important}.heroBrandName{font-size:21px}.hero h1{font-size:17px}.serviceDashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.digitalService{min-height:140px}.digitalService h3{font-size:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.digitalService{transition:none}}

.nav button.active{background:#102e50;color:#fff}@media(max-width:760px){.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.roleGrid .digitalRole{font-size:12px}.hero .homeLogo{display:none}}