.scr-about-history { background:#f6f9fb; border-block:1px solid #e6ecf1 }
.scr-about-history .scr-wrap { padding-block:76px }
.scr-about-intro { max-width:650px }
.scr-about-intro h2 { margin:13px 0 0; font-size:34px; line-height:1.16; letter-spacing:-.02em }
.scr-about-intro p { margin:12px 0 0; color:var(--scr-muted,#5d7789) }
.scr-about-years-scroll { overflow-x:auto; margin-top:39px; padding:5px 0 8px }
.scr-about-years { position:relative; isolation:isolate; display:grid; grid-template-columns:repeat(var(--scr-year-count),minmax(72px,1fr)); min-width:calc(var(--scr-year-count) * 78px) }
.scr-about-years::before, .scr-about-years::after { content:""; z-index:-1; position:absolute; top:16px; inset-inline-start:calc(50% / var(--scr-year-count)); height:3px; border-radius:3px }
.scr-about-years::before { inset-inline-end:calc(50% / var(--scr-year-count)); background:#dde7ee }
.scr-about-years::after { width:var(--scr-year-progress,0%); background:linear-gradient(90deg,var(--scr-accent,#0f7fb5),var(--scr-accent2,#22b8e6)); transition:width .45s ease }
.scr-about-years button { display:grid; justify-items:center; align-content:start; gap:9px; padding:7px 4px 4px; background:none; border:0; color:#587284; cursor:pointer; font:600 16px/1.25 Sora,sans-serif }
.scr-about-years button:focus-visible { outline-offset:-2px }
.scr-about-year-dot { display:block; width:16px; height:16px; border-radius:50%; border:2px solid #cadde8; background:#fff; transition:background .25s,box-shadow .25s,scale .25s }
.scr-about-years [data-complete] .scr-about-year-dot { background:var(--scr-accent,#0f7fb5); border-color:transparent }
.scr-about-years button[aria-pressed="true"] { color:#0d2333; font-weight:700 }
.scr-about-years button[aria-pressed="true"] .scr-about-year-dot { background:linear-gradient(135deg,var(--scr-accent,#0f7fb5),var(--scr-accent2,#22b8e6)); border-color:transparent; scale:1.12; box-shadow:0 0 0 5px rgba(34,184,230,.19) }
.scr-about-history-card { position:relative; margin-top:24px; background:#fff; border:1px solid #e3eaf0; border-radius:22px; overflow:hidden; box-shadow:0 18px 44px rgba(13,35,51,.06) }
.scr-about-history-panel { display:grid; grid-template-columns:1.02fr .98fr; min-height:340px }
.scr-about-history-copy { padding:34px 36px 92px; align-self:center }
.scr-about-history-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap }
.scr-about-history-meta strong { color:var(--scr-accent,#0f7fb5); font:700 30px/1 Sora,sans-serif; letter-spacing:-.02em }
.scr-about-history-meta span { border-radius:6px; padding:7px 10px; background:#e9f7fc; color:#08618a; font:700 11px/1.25 Manrope,sans-serif; text-transform:uppercase; letter-spacing:.09em }
.scr-about-history-copy h3 { margin:16px 0 10px; font-size:25px; line-height:1.25; letter-spacing:-.015em }
.scr-about-history-copy p { margin:0; color:var(--scr-muted,#5d7789); line-height:1.65 }
.scr-about-tags { list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:19px 0 0 }
.scr-about-tags li { padding:6px 12px; background:#f2f7fa; border:1px solid #e3eaf0; border-radius:100px; color:#3d5468; font-size:13px }
.scr-about-history-media { position:relative; margin:0; min-height:270px; background:radial-gradient(ellipse at 30% 35%,#204c64,#0d2839) }
.scr-about-history-media img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover }
.scr-about-history-media figcaption { position:absolute; bottom:13px; left:13px; right:13px; width:fit-content; max-width:calc(100% - 26px); background:#102b3c; color:#fff; border-radius:6px; padding:5px 9px; font-size:12px }
.scr-about-history-controls { position:absolute; bottom:28px; left:36px; display:flex; align-items:center; gap:10px; color:#587284; font-size:14px }
.scr-about-arrow, .scr-about-play { color:var(--scr-accent,#0f7fb5); background:#fff; border:1.5px solid #cadde8; border-radius:11px; cursor:pointer }
.scr-about-arrow { width:44px; height:44px; font-size:22px; line-height:1; padding:0 }
.scr-about-arrow:hover, .scr-about-play:hover { border-color:var(--scr-accent2,#22b8e6); background:#f3fbfe }
.scr-about-play { padding:8px 11px; min-height:36px; font-size:12px; font-weight:700 }
.scr-about-process-fill { height:100%; width:var(--scr-process-progress,0%); background:linear-gradient(90deg,var(--scr-accent,#0f7fb5),var(--scr-accent2,#22b8e6)); transition:width .7s cubic-bezier(.2,.7,.3,1); border-radius:3px }
.scr-nosotros-5 .scr-about-step { border:0; background:transparent; padding:16px 12px 14px; border-radius:18px; cursor:pointer; color:#3d5468; text-align:center; min-width:0; transition:transform .45s,background .45s,box-shadow .45s }
.scr-nosotros-5 .scr-about-step:focus-visible { outline:3px solid var(--scr-accent,#0f7fb5); outline-offset:4px }
.scr-about-step-badge { position:relative; display:grid; place-items:center; width:56px; height:56px; margin:0 auto; border:2px solid #dbe6ee; border-radius:18px; background:#fff; color:#5a7486; box-shadow:0 4px 14px rgba(13,35,51,.05); transition:.45s }
.scr-about-step-number { font:700 17px/1 Sora,sans-serif }
.scr-about-step-check { display:none; font:700 20px/1 Sora,sans-serif }
.scr-about-step-title { display:block; margin:15px 0 6px; font:600 15.5px/1.3 Sora,sans-serif; color:var(--scr-ink,#0d2333) }
.scr-about-step-copy { display:block; font:400 14px/1.55 Manrope,sans-serif; color:var(--scr-muted,#5d7789) }
.scr-about-step-mark { display:block; height:3px; width:0; margin:14px auto 0; border-radius:3px; background:var(--scr-accent2,#22b8e6); transition:width .45s }
.scr-nosotros-5 .scr-about-step[aria-pressed="true"] { background:#fff; box-shadow:0 20px 44px rgba(13,35,51,.10); transform:translateY(-8px) }
.scr-about-step[aria-pressed="true"] .scr-about-step-badge { transform:scale(1.06) rotate(-4deg); border-color:transparent; background:linear-gradient(135deg,var(--scr-accent,#0f7fb5),var(--scr-accent2,#22b8e6)); color:#fff; animation:scrAboutPulse 2.2s ease-out infinite }
.scr-about-step[aria-pressed="true"] .scr-about-step-mark { width:46px }
.scr-about-step[data-complete] .scr-about-step-badge { border-color:#9ed6ee; background:#e6f4fb; color:var(--scr-accent,#0f7fb5) }
.scr-about-step[data-complete] .scr-about-step-number { display:none }
.scr-about-step[data-complete] .scr-about-step-check { display:block }
.scr-about-process-controls { display:flex; justify-content:center; margin-top:26px }
.scr-section .scr-about-track { transform:translateX(var(--scr-slide-offset,0%)) }
.scr-section .scr-about-track [aria-hidden="true"][data-scr-slide] { visibility:hidden; transition:visibility 0s .6s }
.scr-section .scr-about-track [data-scr-slide] { transition:visibility 0s }
.scr-nosotros-7 [data-fgrid] { grid-template-columns:repeat(4,minmax(0,1fr)) }
.scr-about-logo { display:grid; place-items:center }
.scr-section .scr-about-logo .scr-media { display:block; height:100%; max-height:none; width:100%; padding:8px 16px; object-fit:contain }
.scr-about-client-controls { display:flex; justify-content:flex-end; margin-top:18px }
.scr-about-client-controls > div, .scr-about-quote-controls { display:flex; align-items:center; flex-wrap:wrap }
.scr-section .scr-about-track + div [data-scr-go], .scr-section :is(.scr-about-client-controls,.scr-nosotros-8) [data-scr-go] { width:9px; background:#a3b7c5 }
.scr-section :is(.scr-about-client-controls,.scr-nosotros-8) [data-scr-go][aria-current="true"] { width:24px; background:var(--scr-accent,#0f7fb5) }
.scr-about-avatar { background:#e9f4fa }
.scr-about-avatar:not(:has(img))::before { content:""; display:block; width:100%; height:100%; background:center/24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-8 8a8 6 0 0 1 16 0' fill='%235d849b'/%3E%3C/svg%3E") }
.scr-about-demo-note { margin:14px 0 0; color:var(--scr-muted,#5d7789); line-height:1.6 }
.scr-about-team-note { position:absolute; bottom:12px; right:12px; padding:5px 9px; background:#102b3c; color:#fff; border-radius:6px; font-size:12px }
@keyframes scrAboutPulse { 0% { box-shadow:0 0 0 0 rgba(34,184,230,.35) } 70%,100% { box-shadow:0 0 0 13px transparent } }
@media (max-width:1024px) {
	.scr-about-history .scr-wrap { padding-block:62px }
	.scr-about-history-panel { grid-template-columns:1fr }
	.scr-about-history-copy { padding:26px 26px 28px }
	.scr-about-history-controls { position:static; margin:16px 26px 20px }
	.scr-about-history-media { min-height:240px }
	.scr-nosotros-7 [data-fgrid] { grid-template-columns:repeat(2,minmax(0,1fr)) !important }
}
@media (max-width:720px) {
	.scr-about-history .scr-wrap { padding-block:44px }
	.scr-about-intro h2 { font-size:26px }
	.scr-about-years-scroll { margin-top:27px }
	.scr-about-history-copy { padding:22px 18px }
	.scr-about-history-controls { margin-inline:18px }
	.scr-about-history-media { min-height:195px }
	.scr-nosotros-5 .scr-about-step { display:grid; grid-template-columns:50px 1fr; column-gap:14px; text-align:left; padding:12px; transform:none }
	.scr-nosotros-5 .scr-about-step[aria-pressed="true"] { transform:none }
	.scr-about-step-badge { grid-row:1/3; width:46px; height:46px; border-radius:13px }
	.scr-about-step-title { margin:0 0 3px }
	.scr-about-step-mark { display:none }
	.scr-about-client-controls { justify-content:center }
	.scr-section .scr-about-logo .scr-media { padding:7px }
	.scr-nosotros-7 .scr-about-logo { height:93px }
	.scr-nosotros-8 .sd320 { padding:22px }
	.scr-nosotros-3 .sd280 { height:260px }
}
.scr-nosotros-5 [data-line] { top:44px }
.scr-about-history-copy { min-width:0 }
.scr-about-intro h2, .scr-about-history-copy h3 { font-weight:700 }
.scr-nosotros-5 .scr-about-step { white-space:normal; text-transform:none }
.scr-about-step-copy { overflow-wrap:anywhere }
.scr-section :is(.scr-about-arrow,.scr-about-play,.scr-about-years button):is(:hover,:focus,:active) {
	color:var(--scr-accent,#0f7fb5); background:#f3fbfe; border-color:#9dd3e5;
}
.scr-section .scr-about-years button:is(:hover,:focus,:active) { background:transparent; color:var(--scr-accent,#0f7fb5) }
.scr-about-history-media figcaption { font-style:normal }
.scr-about-years-scroll { max-width:100%; min-width:0 }