/* TimaLink premium onboarding cards — graphic-led next steps without adding heavy stock photography. */
body.tima .tima-onboarding{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(113,55,231,.08),transparent 24%),
    radial-gradient(circle at 92% 80%,rgba(156,98,255,.08),transparent 22%),
    #f7f8fc;
}
body.tima .onboarding-heading{max-width:790px;margin-bottom:38px}
body.tima .onboarding-grid{gap:18px}
body.tima .onboard-card{
  --card-accent:#7137e7;
  --card-accent-2:#9c62ff;
  position:relative;
  min-height:348px;
  padding:16px 18px 18px;
  overflow:hidden;
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#fff 72%,#fbf9ff 100%);
  border:1px solid #e2dded;
  box-shadow:0 14px 34px rgba(20,8,39,.07);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.tima .onboard-card:nth-child(2){--card-accent:#5b56d9;--card-accent-2:#827df1}
body.tima .onboard-card:nth-child(3){--card-accent:#812ee8;--card-accent-2:#b165ff}
body.tima .onboard-card:nth-child(4){--card-accent:#431b88;--card-accent-2:#7440d2}
body.tima .onboard-card:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--card-accent) 38%,#ddd);
  box-shadow:0 24px 52px rgba(71,34,145,.16);
}
body.tima .onboard-card:before{
  content:'';
  display:block;
  flex:0 0 122px;
  width:100%;
  border-radius:16px;
  margin-bottom:14px;
  background-color:var(--card-accent);
  background-position:center;
  background-repeat:no-repeat;
  background-size:88px 88px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 8px 18px rgba(86,42,170,.14);
}
body.tima .onboard-card:nth-child(1):before{
  background-image:
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.24),transparent 25%),
    linear-gradient(135deg,var(--card-accent),var(--card-accent-2)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E%3Cpath d='M19 45 48 22l29 23v29H19V45Z' stroke='white' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M38 74V55h20v19' stroke='white' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='m65 24 8-8m-3 13 9-1M61 20l2-9' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-blend-mode:screen,normal,normal;
}
body.tima .onboard-card:nth-child(2):before{
  background-image:
    radial-gradient(circle at 78% 16%,rgba(255,255,255,.22),transparent 24%),
    linear-gradient(135deg,var(--card-accent),var(--card-accent-2)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E%3Crect x='25' y='18' width='42' height='56' rx='6' stroke='white' stroke-width='5'/%3E%3Cpath d='M36 32h20M36 44h14M36 56h12' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='64' cy='62' r='12' stroke='white' stroke-width='5'/%3E%3Cpath d='m73 71 9 9' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-blend-mode:screen,normal,normal;
}
body.tima .onboard-card:nth-child(3):before{
  background-image:
    radial-gradient(circle at 22% 78%,rgba(255,255,255,.20),transparent 27%),
    linear-gradient(135deg,var(--card-accent),var(--card-accent-2)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E%3Cpath d='M24 49a24 24 0 0 1 48 0' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3Crect x='17' y='45' width='12' height='22' rx='5' stroke='white' stroke-width='5'/%3E%3Crect x='67' y='45' width='12' height='22' rx='5' stroke='white' stroke-width='5'/%3E%3Cpath d='M67 67c-3 8-9 11-19 11' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='44' cy='78' r='4' fill='white'/%3E%3C/svg%3E");
  background-blend-mode:screen,normal,normal;
}
body.tima .onboard-card:nth-child(4):before{
  background-image:
    radial-gradient(circle at 80% 76%,rgba(255,255,255,.20),transparent 25%),
    linear-gradient(135deg,var(--card-accent),var(--card-accent-2)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E%3Crect x='18' y='20' width='60' height='48' rx='7' stroke='white' stroke-width='5'/%3E%3Cpath d='M31 35h18M31 46h29M31 57h22' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M37 77h22M48 68v9' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='68' cy='31' r='8' fill='white' fill-opacity='.20' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
  background-blend-mode:screen,normal,normal;
}
body.tima .onboard-icon{
  order:-1;
  position:absolute;
  top:28px;
  left:30px;
  z-index:2;
  width:auto;
  height:30px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  margin:0;
  border-radius:999px;
  background:rgba(12,8,28,.72);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(7px);
  font-size:.64rem;
  letter-spacing:.04em;
  box-shadow:none;
}
body.tima .onboard-icon:after{font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:#eee6ff}
body.tima .onboard-card:nth-child(1) .onboard-icon:after{content:'Installation'}
body.tima .onboard-card:nth-child(2) .onboard-icon:after{content:'Assessment'}
body.tima .onboard-card:nth-child(3) .onboard-icon:after{content:'Consultation'}
body.tima .onboard-card:nth-child(4) .onboard-icon:after{content:'Customer access'}
body.tima .onboard-card strong{font-size:1.05rem;color:#101828;margin:4px 2px 8px;line-height:1.25}
body.tima .onboard-card small{color:#667085;font-size:.78rem;line-height:1.58;min-height:48px;margin:0 2px}
body.tima .onboard-card b{
  align-self:flex-start;
  margin-top:18px;
  padding:10px 14px;
  border-radius:11px;
  background:linear-gradient(135deg,var(--card-accent),var(--card-accent-2));
  color:#fff;
  font-size:.74rem;
  line-height:1;
  box-shadow:0 8px 18px rgba(83,44,164,.18);
  transition:transform .18s ease,box-shadow .18s ease;
}
body.tima .onboard-card:hover b{transform:translateX(2px);box-shadow:0 10px 24px rgba(83,44,164,.25)}
body.tima .onboard-card:focus-visible{outline:3px solid #b89aff;outline-offset:4px}
@media(max-width:1000px){body.tima .onboard-card{min-height:330px}}
@media(max-width:620px){
  body.tima .onboarding-grid{gap:14px}
  body.tima .onboard-card{min-height:320px;padding:15px 16px 17px}
  body.tima .onboard-icon{top:27px;left:28px}
}