/* Light glass surfaces. Opaque-enough fallbacks preserve contrast without backdrop-filter. */
.tr-company{
  --glass:linear-gradient(135deg,#fffffff0,#ffffffb8 65%,#effaffc9);
  --glass-border:#ffffffed;
  --glass-shadow:inset 0 1px 0 #fff,0 18px 48px #1b638b0c,0 2px 6px #1b638b04;
  background:#f6faff;
}
.tr-company .hero{
  padding-top:42px;
  background:radial-gradient(ellipse at 87% 24%,#bde6ff90,transparent 48%),radial-gradient(ellipse at 16% 75%,#dcf9f4aa,transparent 42%),linear-gradient(120deg,#fff,#f0f7ff);
}
.tr-company .hero:before,.tr-company .hero:after{opacity:.35}
.tr-company .hero-visual{
  border:1px solid #ffffffed;
  border-radius:48px;
  background:linear-gradient(140deg,#ffffffa8,#ffffff32 50%,#ffffff80);
  box-shadow:inset 0 1px 0 #fff,0 28px 70px #3a77a314;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.tr-company .company-map{inset:0;border-radius:inherit;opacity:.45}
.tr-company .company-network{border-radius:inherit}
.tr-company .company-label{
  background:linear-gradient(120deg,#174877ed,#113d69ed);
  border:1px solid #ffffffa0;box-shadow:inset 0 1px 0 #ffffff55,0 8px 26px #13497925;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.tr-company .professional{border-color:#fff;box-shadow:0 6px 16px #1b548a14}
.tr-company .company-map-caption{bottom:4%;padding:8px 14px;border-radius:100px;background:#ffffffcf;border:1px solid #fff;box-shadow:0 4px 18px #437a9b09;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tr-company .hero-actions .btn-secondary,.tr-company .btn-secondary{
  background:linear-gradient(140deg,#ffffffef,#ffffffae);
  border-color:#b5d7f3;box-shadow:inset 0 1px 0 #fff,0 6px 20px #2267ad08;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.tr-company .btn:not(.btn-secondary){box-shadow:inset 0 1px 0 #ffffff50,0 8px 24px #0c6ff027}
.tr-company .trustbar{border-color:#bfd6e861}
.tr-company .section{background:radial-gradient(ellipse at 3% 40%,#e2f7fb60,transparent 50%),linear-gradient(130deg,#f9fcff,#f4f8fd)}
.tr-company .section-pale{background:radial-gradient(ellipse at 92% 12%,#cdebf480,transparent 48%),radial-gradient(ellipse at 8% 90%,#e3eafd99,transparent 44%),#eef5fc}
.tr-company .fit-section{background:linear-gradient(115deg,#edf6fb,#edf8f7)}
.tr-company .card,.tr-company .responsibility,.tr-company .report-sheet,
.tr-company .quiz-card,.tr-company .plan,.tr-company .flow-step,
.tr-company .operating-card,.tr-company .form-card,.tr-company .news-panel,
.tr-company #knowledge .knowledge-empty{
  background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.tr-company .situation-card{border-radius:22px}
.tr-company .situation-card:before{opacity:.45}
.tr-company .card .word{color:#718fa4}
.tr-company .flow-step{border-radius:18px}
.tr-company .report-sheet{transform:none}
.tr-company .plan-main{border-color:#99d5f0;box-shadow:var(--glass-shadow),0 0 0 5px #ffffff70}
.tr-company .plan-secondary{background:linear-gradient(135deg,#ffffffbf,#eaf3f9b8)}
.tr-company .demo-tab{background:#ffffffa3;border-color:#c1daec}
.tr-company .demo-tab[aria-selected=true]{background:var(--gradient);border-color:transparent}
.tr-company .services-intro{grid-template-columns:1.2fr .8fr;gap:40px}
.tr-company .services-intro h2{font-size:clamp(26px,2.6vw,35px);letter-spacing:0;line-height:1.7}
.tr-company .team-figure{padding:14px;border-radius:28px;background:#ffffff99;border:1px solid #fff;box-shadow:var(--glass-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tr-company .team-figure img{border-radius:18px}
.tr-company .team-figure figcaption{padding-bottom:2px}
.tr-company .responsibility-grid{grid-template-columns:1.65fr 1fr;gap:22px;align-items:stretch}
.tr-company .responsibility{padding:32px;border-radius:24px}
.tr-company .responsibility.client{background:linear-gradient(130deg,#ffffffbd,#f2f9ffc9);border-color:#ffffffed}
.tr-company .role-label{font:800 11px 'Nunito Sans',sans-serif;letter-spacing:.16em;color:#2188bf;margin-bottom:9px}
.tr-company .responsibility h3{font-size:21px;margin-bottom:24px}
.tr-company .task-list{display:grid;grid-template-columns:1fr 1fr;gap:23px 24px;padding:0;margin:0;list-style:none}
.tr-company .task-list li{display:flex;align-items:flex-start;gap:11px}
.tr-company .task-number{font:800 11px 'Nunito Sans',sans-serif;color:#1594c2;flex:none;padding-top:5px}
.tr-company .task-list strong{display:block;font-size:13px;line-height:1.8}
.tr-company .task-list p{font-size:12px;line-height:1.9;color:var(--sub);margin-top:5px}
.tr-company .client-tasks{padding:0;margin:0;list-style:none}
.tr-company .client-tasks li{position:relative;font-size:14px;font-weight:600;padding:18px 0 18px 28px;border-bottom:1px solid #a8c9df44}
.tr-company .client-tasks li:first-child{padding-top:5px}
.tr-company .client-tasks li:before{content:'✓';position:absolute;left:1px;color:#1c99b5;font-size:15px}
.tr-company .client-tasks li:last-child{border-bottom:0}
.tr-company .support-cards .card{border-radius:20px}
.tr-company .cost-thinking .card{padding:28px}
.tr-company .faq-list{border:1px solid #fff;border-radius:24px;background:#ffffffad;padding:0 26px;box-shadow:var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.tr-company .faq-list details:last-child{border-bottom:0}
.tr-company #real-work{background:linear-gradient(120deg,#eaf8fb,#edf2fc)}
.tr-company .consult-section{background:radial-gradient(ellipse at 85% 60%,#c9e7ff99,transparent 55%),linear-gradient(125deg,#e7f8f7,#edf3fc)}
.tr-company .form-card{background:linear-gradient(135deg,#fffffff0,#ffffffc9)}
.tr-company .form-field input,.tr-company .form-field textarea{background:#ffffffcf;border-color:#c1d4e2}
.tr-company .quiz-modal{background:#f4faffef;border:1px solid #fff;box-shadow:0 28px 100px #133c6530}
.tr-company .quiz-modal::backdrop{background:#17385d55;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tr-company .mobile-bar{background:#ffffffd6;border-top:1px solid #fff;box-shadow:0 -10px 35px #1c557b0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.tr-company .news-section{padding:30px 0 14px;background:linear-gradient(#f3f9fd,#f8fbfe)}
.tr-company .news-panel{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;padding:32px 38px;border-radius:24px}
.tr-company .news-heading{border-right:1px solid #b4cddd66;padding-right:24px}
.tr-company .news-heading .eyebrow{font:800 12px 'Nunito Sans',sans-serif;letter-spacing:.15em;margin:0 0 8px;color:#2188bf}
.tr-company .news-heading .eyebrow:before{display:none}
.tr-company .news-heading h2{font-size:21px;line-height:1.5}
.tr-company .news-archive{display:inline-flex;gap:14px;margin-top:17px;font-size:11px;color:#39667f}
.tr-company .news-archive:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.tr-company .news-body{min-width:0}
.tr-company #news-status{font-size:13px;color:#637c90}
.tr-company #news-list{padding:0;margin:0;list-style:none}
.tr-company .news-item+.news-item{border-top:1px solid #bfd5e44d}
.tr-company .news-link{display:grid;grid-template-columns:90px 1fr 24px;gap:20px;align-items:center;min-height:65px;padding:14px 0}
.tr-company .news-date{font:700 12px 'Nunito Sans',sans-serif;letter-spacing:.025em;color:#577b94}
.tr-company .news-title{font-size:14px;font-weight:600;line-height:1.8}
.tr-company .news-arrow{color:#167bb7;font-size:20px}
.tr-company .news-link:hover .news-title{color:var(--blue)}
@media(max-width:960px){
  .tr-company .hero-visual{width:100%;margin-left:0;border-radius:32px}
  .tr-company .services-intro{grid-template-columns:1fr .7fr;gap:24px}
  .tr-company .services-intro h2{font-size:27px}
  .tr-company .responsibility{padding:26px}
  .tr-company .responsibility h3{font-size:18px}
  .tr-company .task-list{grid-template-columns:1fr;gap:18px}
  .tr-company .responsibility-grid{grid-template-columns:1.2fr 1fr}
}
@media(max-width:767px){
  .tr-company .hero{padding-top:36px}
  .tr-company .hero-visual{width:100%;margin:22px 0 0;border-radius:30px}
  .tr-company .hero-layout{gap:0}
  .tr-company .professional{width:15.5%}
  .tr-company .company-map-caption{font-size:10px;padding:6px 10px;gap:7px;bottom:3%}
  .tr-company .company-map-caption>span{font-size:9px;padding:4px 7px}
  .tr-company .hero-visual-tools{gap:10px}
  .tr-company .hero-actions{margin-top:40px}
  .tr-company .services-intro{grid-template-columns:1fr;gap:22px}
  .tr-company .services-intro h2{font-size:27px;line-height:1.65}
  .tr-company .team-figure{max-width:420px;margin-inline:auto;padding:12px;border-radius:22px}
  .tr-company .responsibility-grid{grid-template-columns:1fr;gap:18px}
  .tr-company .responsibility{padding:26px 24px;border-radius:20px}
  .tr-company .responsibility h3{font-size:20px;margin-bottom:22px}
  .tr-company .task-list{gap:19px}
  .tr-company .task-list strong{font-size:14px}
  .tr-company .task-list p{font-size:12px}
  .tr-company .task-number{font-size:11px;padding-top:6px}
  .tr-company .client-tasks li{font-size:14px}
  .tr-company .faq-list{padding:0 18px;border-radius:20px}
  .tr-company .cost-thinking .card{padding:23px}
  .tr-company .news-section{padding:22px 0 0}
  .tr-company .news-panel{grid-template-columns:1fr;gap:18px;padding:25px 24px;border-radius:20px}
  .tr-company .news-heading{padding:0 0 16px;border-right:0;border-bottom:1px solid #b4cddd66;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .tr-company .news-heading .eyebrow{margin:0;font-size:11px}
  .tr-company .news-heading h2{font-size:18px}
  .tr-company .news-archive{margin:0 0 0 auto;font-size:10px;gap:7px}
  .tr-company #news-status{font-size:12px}
  .tr-company .news-link{grid-template-columns:1fr 20px;gap:3px 12px;padding:15px 0}
  .tr-company .news-date{font-size:11px;grid-column:1}
  .tr-company .news-title{font-size:13px;grid-column:1}
  .tr-company .news-arrow{grid-column:2;grid-row:1/3}
}
/* Only the requested network visual needs autoplay when reduced motion is set. */
@media(prefers-reduced-motion:reduce){
  .tr-company.motion-user-enabled.motion-enabled .reveal,
  .tr-company.motion-user-enabled.motion-enabled .reveal:not(.is-visible){
    opacity:1!important;transform:none!important;transition:none!important;
  }
}