.sv-rich { --sv-body-ink:#686579; --sv-radius:16px; }
.sv-rich .sv-body { padding-bottom:22px; }
.sv-page .portada-diapositiva { position:relative; isolation:isolate; }
.sv-page .portada-diapositiva:before { content:""; position:absolute; inset:0; background:linear-gradient(125deg,transparent 0 57%,#ffffff50 57% 100%); z-index:-1; pointer-events:none; }
.sv-page .portada-escena { position:relative; }
.sv-page .portada-mensaje { position:relative; z-index:1; }
.sv-page .portada-escena .portada-titulo { font-weight:650; letter-spacing:-.035em; line-height:1.16; }
.sv-page .sv-page-title { padding-bottom:26px; margin-bottom:42px; border-color:#eee8f5; }
.sv-page .sv-page-title h1 { font-weight:600; max-width:30ch; }
.sv-rich .sv-section-head { margin-bottom:26px; }
.sv-rich .sv-section-head h2 { font-size:clamp(26px,2.45vw,34px); font-weight:600; line-height:1.23; letter-spacing:-.032em; text-wrap:pretty; }
.sv-rich .sv-section-head .sv-kicker { margin-bottom:12px; font-size:11px; line-height:1.5; letter-spacing:.035em; }
.sv-rich .sv-editorial-intro { gap:56px; align-items:start; padding-bottom:40px; margin-bottom:50px; border-bottom-color:#eee8f5; }
.sv-rich .sv-editorial-intro .sv-section-head { margin:0; }
.sv-rich .sv-editorial-intro > div > p { font-size:16px; line-height:1.85; color:var(--sv-body-ink); }
.sv-rich .sv-showcase { gap:64px; padding:10px 0 42px; margin-bottom:54px; border-bottom-color:#eee8f5; }
.sv-rich .sv-showcase-art:before { display:none; }
.sv-rich .sv-scene { overflow:visible; }
.sv-rich .sv-showcase-copy > p { color:var(--sv-body-ink); }
.sv-rich .sv-detail-list article { padding:19px 0 19px 20px; }
.sv-rich .sv-detail-list h3 { font-size:19px; line-height:1.35; font-weight:600; letter-spacing:-.02em; margin-bottom:7px; }
.sv-rich .sv-detail-list p { font-size:14px; line-height:1.85; color:var(--sv-body-ink); margin-bottom:0; } .sv-rich .sv-expertise-grid:not(.sv-commercial-cases) { gap:18px; }
.sv-rich .sv-expertise-grid:not(.sv-commercial-cases) > .sv-expertise { border-color:#e9e1f3; border-radius:var(--sv-radius); padding:27px; background:linear-gradient(135deg,#fff,var(--sv-soft)); grid-template-columns:34px minmax(0,1fr); column-gap:15px; box-shadow:none; }
.sv-rich .sv-capability-symbol { width:32px; }
.sv-rich .sv-capability-symbol svg { width:30px; height:30px; }
.sv-rich .sv-expertise h3 { font-size:20px; font-weight:600; letter-spacing:-.02em; line-height:1.35; }
.sv-rich .sv-expertise p { font-size:14px; line-height:1.85; color:var(--sv-body-ink); }
.sv-rich .sv-showcase .sv-expertise-grid { gap:26px 24px; }
.sv-rich .sv-showcase .sv-expertise-grid > .sv-expertise { display:grid; grid-template-columns:30px minmax(0,1fr); gap:0 12px; padding:0; background:none; border:0; }
.sv-rich .sv-showcase .sv-capability-symbol { grid-column:1; grid-row:1 / 3; width:28px; margin:2px 0 0; }
.sv-rich .sv-showcase .sv-capability-symbol svg { width:27px; height:27px; }
.sv-rich .sv-showcase .sv-expertise h3 { grid-column:2; font-size:18px; margin:0 0 8px; }
.sv-rich .sv-showcase .sv-expertise p { grid-column:2; font-size:13px; line-height:1.8; }
.sv-rich .sv-commercial-cases { gap:20px; }
.sv-rich .sv-commercial-cases > .sv-expertise { display:grid; grid-template-columns:30px minmax(0,1fr); grid-template-rows:auto 1fr auto; align-content:start; column-gap:14px; padding:27px; border-color:#e9e1f3; border-radius:var(--sv-radius); background:linear-gradient(145deg,#fff,#fcfaff); }
.sv-rich .sv-commercial-cases .sv-capability-symbol { grid-row:1; grid-column:1; margin:2px 0 0; }
.sv-rich .sv-commercial-cases .sv-expertise h3 { grid-row:1; grid-column:2; font-size:20px; margin:0; }
.sv-rich .sv-commercial-cases .sv-expertise p { grid-column:1 / -1; grid-row:2; margin:20px 0; }
.sv-rich .sv-commercial-cases .sv-case-route { grid-column:1 / -1; grid-row:3; border-top:1px solid #eee7f6; padding-top:16px; gap:9px; }
.sv-rich .sv-commercial-cases .sv-case-route span { font-size:12px; line-height:1.5; } .sv-rich .sv-engagement { padding:34px; border-radius:var(--sv-radius); background:linear-gradient(115deg,#f9f5fe,#f5f6fd); margin:54px 0; }
.sv-engagement .sv-method-stages { gap:34px; }
.sv-engagement .sv-method-stages article { display:grid; grid-template-columns:36px minmax(0,1fr); gap:0 14px; padding-top:0; border:0; }
.sv-engagement-phase { grid-column:1; grid-row:1 / 3; width:34px; height:34px; display:grid; place-items:center; color:#7620f1; }
.sv-engagement-phase svg { width:30px; height:30px; }
.sv-engagement .sv-method-stages article > span { grid-column:2; font-size:12px; color:#78569f; line-height:1.5; margin-bottom:7px; text-transform:none; letter-spacing:0; }
.sv-engagement .sv-method-stages h3 { grid-column:2; font-size:22px; line-height:1.35; font-weight:600; letter-spacing:-.02em; margin-bottom:14px; }
.sv-engagement .sv-method-stages p { grid-column:2; font-size:14px; line-height:1.85; color:var(--sv-body-ink); margin:0; }
.sv-engagement .sv-method-bottom { display:grid; grid-template-columns:1fr 1fr; gap:34px; background:#fff9; border:0; border-radius:10px; padding:23px 25px; margin-top:28px; }
.sv-engagement .sv-method-bottom > div { border:0; padding:0; }
.sv-engagement .sv-method-bottom strong { display:block; color:#39205c; font-size:14px; line-height:1.5; font-weight:600; }
.sv-engagement .sv-method-bottom p { font-size:13px; line-height:1.75; color:var(--sv-body-ink); margin:7px 0 0; } .sv-rich .sv-workbench { border-color:#e8e0f2; border-radius:var(--sv-radius); box-shadow:0 12px 32px #21104d04; padding:28px; }
.sv-rich .sv-workbench figcaption { font-size:14px; font-weight:600; padding-bottom:18px; }
.sv-rich .sv-workbench .sv-document-label { font-size:10px; font-weight:600; }
.sv-rich .sv-ticket-subject { background:#f8f4fd; padding:20px; }
.sv-rich .sv-ticket-subject strong { font-size:18px; font-weight:600; }
.sv-rich .sv-ticket-subject p { font-size:13px; }
.sv-rich .sv-ticket-track strong { font-size:15px; font-weight:600; }
.sv-rich .sv-ticket-track span { font-size:13px; }
.sv-rich .sv-ticket-track li { padding-bottom:24px; }
.sv-rich .sv-ticket-track li:last-child { padding-bottom:0; }
.sv-rich .sv-stack { background:linear-gradient(155deg,#fcfaff,#fff); }
.sv-rich .sv-stack-layer { position:relative; padding:18px 10px; margin:0; border:0; border-radius:0; border-bottom:1px solid #eee7f6; }
.sv-rich .sv-stack-layer > span { font-size:20px; width:32px; flex:0 0 32px; }
.sv-rich .sv-stack-layer strong { font-size:16px; font-weight:600; }
.sv-rich .sv-stack-layer small { font-size:13px; line-height:1.6; }
.sv-rich .sv-stack-base { margin-top:20px; padding:20px; border-radius:10px; text-align:left; }
.sv-rich .sv-stack-base strong { font-size:16px; font-weight:600; }
.sv-rich .sv-stack-base span { font-size:12px; line-height:1.65; }
.sv-rich .sv-stack > p { font-size:12px; line-height:1.75; }
.sv-rich .sv-audit-row { grid-template-columns:100px minmax(0,1fr); gap:16px; padding:20px 0; }
.sv-rich .sv-audit-row > span { font-size:12px; line-height:1.7; }
.sv-rich .sv-audit-row strong { font-size:15px; font-weight:600; }
.sv-rich .sv-audit-footer p { font-size:13px; }
.sv-rich .sv-scope-layout { gap:48px; }
.sv-rich .sv-scope-layout .sv-detail-list article { border-top:1px solid #eee7f6; padding:20px 0; }
.sv-rich .sv-scope-layout .sv-detail-list article:first-child { border:0; } .sv-rich .sv-delivery:not(.sv-audit-delivery) { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; gap:56px; padding:32px 0; border-color:#eee8f5; }
.sv-rich .sv-delivery:not(.sv-audit-delivery) .sv-section-head { margin:0; }
.sv-rich .sv-delivery:not(.sv-audit-delivery) .sv-delivery-grid { grid-template-columns:1fr; gap:22px; }
.sv-rich .sv-delivery-grid article { padding:0 0 0 20px; border-left:2px solid var(--sv-line); }
.sv-rich .sv-delivery-grid h3 { font-size:19px; font-weight:600; line-height:1.35; margin-bottom:8px; }
.sv-rich .sv-delivery-grid p { font-size:14px; line-height:1.8; color:var(--sv-body-ink); }
.sv-rich .sv-inline-note { background:#faf8fd; padding:22px 26px; border:0; border-radius:10px; gap:30px; margin:36px 0; }
.sv-rich .sv-inline-note h3 { font-size:15px; font-weight:600; line-height:1.5; }
.sv-rich .sv-inline-note p { font-size:13px; line-height:1.8; color:var(--sv-body-ink); }
.sv-rich .sv-seo-options article,.sv-rich .sv-edition-choice article { border-radius:var(--sv-radius); }
.sv-rich .sv-choice-note { color:#7c698e; font-size:13px; line-height:1.75; }
.sv-rich .sv-geo-feature { background:linear-gradient(120deg,#f8f3fe,#fafbff); border-color:#e9e1f3; padding:34px; gap:40px; }
.sv-rich .sv-geo-feature .sv-story-copy > p { font-size:14px; line-height:1.85; color:var(--sv-body-ink); } .sv-rich .sv-performance-board { border-color:#d7e8df; box-shadow:none; padding:25px; }
.sv-rich .sv-board-result strong { font-size:14px; }
.sv-rich .sv-outcomes article { border-radius:var(--sv-radius); }
.sv-rich .sv-production { box-shadow:none; background:#faf7fd; }
.sv-rich .sv-production figcaption { border:0; padding-bottom:0; }
.sv-rich .sv-buying-grid { border-color:#e8e0f2; border-radius:var(--sv-radius); }
.sv-rich .sv-buying-grid article { padding:32px; }
.sv-rich .sv-buying-grid h3 { font-weight:600; letter-spacing:-.02em; }
.sv-rich .sv-buying-grid li { border:0; background:#ffffffa6; font-size:12px; }
.sv-rich .sv-buying-measure { font-size:13px; line-height:1.75; }
.sv-rich .sv-milestones { gap:30px 34px; }
.sv-rich .sv-milestones li { padding-top:24px; border-top-color:#e9e1f2; }
.sv-rich .sv-milestones h3 { font-size:20px; }
.sv-rich .sv-milestones .sv-stage-output { font-size:13px; line-height:1.6; }
.sv-rich .sv-campaign-plan { margin-top:8px; }
.sv-rich .sv-campaign-plan .sv-stage-output { font-size:13px; } .sv-related { border-top:1px solid #eee7f6; margin:48px 0 10px; padding-top:28px; }
.sv-rich .sv-related h2 { font-size:21px; font-weight:600; color:#21104d; letter-spacing:-.02em; margin:0 0 20px; }
.sv-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sv-related-grid:has(> :last-child:nth-child(2)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sv-related-card { display:grid; grid-template-columns:28px minmax(0,1fr) 14px; align-items:start; gap:13px; color:#21104d; background:#fcfaff; padding:22px; border:1px solid #ece4f5; border-radius:12px; text-decoration:none; }
.sv-related-symbol { color:var(--sv-accent); width:28px; padding-top:1px; }
.sv-related-symbol svg { display:block; width:27px; height:27px; }
.sv-related-copy { display:block; min-width:0; }
.sv-related-copy strong { display:block; font-size:15px; font-weight:600; line-height:1.45; }
.sv-related-copy > span { display:block; color:#746c80; font-size:14px; line-height:1.7; margin-top:8px; }
.sv-related-arrow { color:#7620f1; font-size:17px; }
.sv-related-card:hover { border-color:#ccb5eb; background:#f6f0fc; }
.sv-related-card:focus-visible { outline:2px solid #7620f1; outline-offset:4px; }
.sv-commercial-close { padding:28px 0; }
.sv-commercial-close .sv-close-layout { gap:64px; }
.sv-commercial-close h2 { font-weight:600; letter-spacing:-.03em; }
.sv-close-brief { border-radius:var(--sv-radius); padding:30px; }
.sv-close-brief h3 { font-weight:600; }
.sv-close-brief li { font-size:14px; line-height:1.75; }
.sv-close-brief .sv-brief-note { font-size:12px; line-height:1.75; }
.sv-brief-button { border-radius:6px; padding:13px 20px; font-size:14px; min-height:46px; } @media(prefers-reduced-motion:no-preference) {
.sv-rich .sv-expertise,.sv-related-card,.sv-rich .sv-edition-choice article,.sv-rich .sv-seo-options article { transition:background-color .35s,border-color .35s,box-shadow .35s; }
.sv-rich .sv-expertise:hover { transform:none; border-color:var(--sv-line); box-shadow:0 8px 24px #21104d05; }
.sv-rich .sv-scene.sv-motion img,.sv-cloud-hero.sv-motion { animation:sv-craft-float 7s ease-in-out infinite; }
.sv-performance-board.sv-motion .sv-board-top > i { animation:sv-craft-status 3s ease-in-out infinite; }
.sv-performance-board.sv-motion .sv-performance-bridge { animation:sv-craft-bridge 3s linear infinite; }
.sv-stack.sv-motion .sv-stack-layer > span { animation:sv-craft-signal 5s ease-in-out infinite; }
.sv-stack.sv-motion .sv-stack-layer:nth-child(3) > span { animation-delay:.6s; }.sv-stack.sv-motion .sv-stack-layer:nth-child(4) > span { animation-delay:1.2s; }
@keyframes sv-craft-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@keyframes sv-craft-status { 0%,100% { opacity:.55; } 50% { opacity:1; } }
@keyframes sv-craft-bridge { to { border-left-color:#91b9a4; } }
@keyframes sv-craft-signal { 0%,70%,100% { opacity:.55; } 30% { opacity:1; } }
}
@media(max-width:1100px) {
.sv-rich .sv-showcase { gap:36px; }.sv-rich .sv-commercial-cases > .sv-expertise { padding:23px; }.sv-rich .sv-commercial-cases .sv-expertise h3 { font-size:18px; }
.sv-related-card { padding:19px; gap:10px; grid-template-columns:24px minmax(0,1fr) 12px; }.sv-related-symbol,.sv-related-symbol svg { width:24px; height:24px; }
}
@media(max-width:800px) {
.sv-rich .sv-editorial-intro { gap:22px; margin-bottom:38px; padding-bottom:30px; }.sv-rich .sv-editorial-intro > div > p { font-size:15px; }
.sv-rich .sv-showcase { gap:24px; margin-bottom:40px; padding-bottom:30px; }.sv-rich .sv-showcase-art { max-width:500px; }
.sv-rich .sv-commercial-cases { grid-template-columns:1fr; }.sv-rich .sv-commercial-cases > .sv-expertise { grid-template-rows:auto auto auto; }.sv-rich .sv-commercial-cases .sv-expertise p { grid-column:2; margin:12px 0 16px; }.sv-rich .sv-commercial-cases .sv-case-route { grid-column:2; }
.sv-rich .sv-delivery:not(.sv-audit-delivery) { grid-template-columns:1fr; gap:24px; }.sv-rich .sv-delivery:not(.sv-audit-delivery) .sv-delivery-grid { grid-template-columns:1fr 1fr; }
.sv-rich .sv-scope-layout { gap:28px; }.sv-related-grid { grid-template-columns:1fr; }.sv-related-grid:has(> :last-child:nth-child(2)) { grid-template-columns:1fr 1fr; }
.sv-commercial-close .sv-close-layout { gap:30px; }
}
@media(max-width:540px) {
.sv-rich .sv-section-head h2 { font-size:26px; }.sv-rich .sv-section-head { margin-bottom:22px; }
.sv-page .sv-page-title { margin-bottom:30px; }.sv-rich .sv-body { padding-bottom:10px; }
.sv-rich .sv-expertise-grid:not(.sv-commercial-cases) > .sv-expertise { padding:22px; grid-template-columns:28px minmax(0,1fr); gap:0 13px; }
.sv-rich .sv-showcase .sv-expertise-grid { grid-template-columns:1fr; gap:22px; }.sv-rich .sv-showcase .sv-expertise-grid > .sv-expertise { padding:0; }.sv-rich .sv-showcase .sv-expertise p { font-size:14px; }
.sv-rich .sv-commercial-cases > .sv-expertise { padding:23px 21px; }.sv-rich .sv-commercial-cases .sv-expertise h3 { font-size:19px; }
.sv-rich .sv-engagement { padding:24px 21px; margin:38px 0; }.sv-engagement .sv-method-stages { gap:28px; }.sv-engagement .sv-method-stages h3 { font-size:20px; }
.sv-engagement .sv-method-bottom { grid-template-columns:1fr; padding:20px; gap:21px; }.sv-engagement .sv-method-bottom > div+div { border-top:1px solid #e9e1f3; padding-top:18px; }
.sv-rich .sv-workbench { padding:23px 20px; }.sv-rich .sv-scope-layout { grid-template-columns:1fr; }.sv-rich .sv-geo-feature { padding:24px 21px; gap:24px; }
.sv-rich .sv-inline-note { padding:21px; gap:12px; }.sv-rich .sv-delivery:not(.sv-audit-delivery) .sv-delivery-grid { grid-template-columns:1fr; gap:24px; }
.sv-rich .sv-buying-grid article { padding:26px 23px; }.sv-rich .sv-milestones { gap:25px; }
.sv-related { margin-top:36px; padding-top:25px; }.sv-related-grid,.sv-related-grid:has(> :last-child:nth-child(2)) { grid-template-columns:1fr; }.sv-related-card { padding:21px; }
.sv-commercial-close { padding:20px 0; }.sv-close-brief { padding:25px 23px; }
}
@media(max-width:540px) { .sv-engagement .sv-method-stages p { grid-column:1 / -1; margin-top:13px; } } .sv-page .sv-page-title { border:0; padding:0; margin:0 0 42px; }
.sv-page .sv-page-title:before { content:""; display:block; width:28px; height:2px; background:linear-gradient(90deg,#00bff3,var(--sv-accent)); margin-bottom:18px; }
.sv-page .sv-page-title h1 { max-width:none; padding:0; margin:0; font-size:clamp(32px,3.3vw,46px); font-weight:700; line-height:1.15; letter-spacing:-.035em; text-wrap:pretty; color:#21104d; }
.sv-page .sv-page-title h1 > span { color:var(--sv-accent); }
@media(max-width:540px) { .sv-page .sv-page-title { margin-bottom:32px; }.sv-page .sv-page-title:before { margin-bottom:15px; }.sv-page .sv-page-title h1 { font-size:32px; line-height:1.17; } } .sv-page .sv-page-title:before { display:none; }
.sv-page .sv-page-title .sv-page-category { display:flex; align-items:center; gap:10px; color:var(--sv-accent); font-size:11px; line-height:1.5; font-weight:650; letter-spacing:.04em; margin:0 0 16px; }
.sv-page-category:before { content:""; display:block; flex:0 0 24px; width:24px; height:2px; background:linear-gradient(90deg,#00bff3,var(--sv-accent)); } .sitio-metaversia .sv-related-card:is(:hover,:focus-visible),
.sitio-metaversia .sv-related-card:is(:hover,:focus-visible) * { text-decoration:none; }
.sitio-metaversia .sv-related-card:is(:hover,:focus-visible) { border-color:#ccb5eb; background:#faf6ff; box-shadow:0 9px 25px #21104d0a; }
.sv-related-arrow { transition:transform .35s ease,color .35s ease; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
.sv-related-card { transition:transform .35s ease,background-color .35s ease,border-color .35s ease,box-shadow .35s ease; }
.sv-related-card:hover { transform:translateY(-3px); }
.sv-related-card:hover .sv-related-arrow { transform:translate(2px,-2px); }
} .sv-development-system { min-width:0; width:100%; }
.sv-development-system .sv-scene { margin-bottom:16px; }
.sv-system-flow { display:grid; grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr); align-items:center; gap:6px; padding:18px 0 8px; border-top:1px solid #e9e1f3; }
.sv-system-flow > div { min-width:0; display:grid; justify-items:center; text-align:center; gap:6px; }
.sv-system-icon { color:#7620f1; width:25px; height:25px; }
.sv-system-icon svg { display:block; width:100%; height:100%; }
.sv-system-flow strong { font-size:14px; line-height:1.4; font-weight:600; color:#21104d; }
.sv-system-flow div > span:last-child { font-size:11px; line-height:1.5; color:#786b87; }
.sv-system-link { color:#a689c6; font-size:19px; text-align:center; margin-top:-14px; } .sv-page.sv-rich .sv-connected-stages { gap:34px; }
.sv-page.sv-rich .sv-connected-stages li { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr); grid-template-rows:42px auto; gap:20px 16px; align-items:start; border:0; padding:16px 0 0; }
.sv-page.sv-rich .sv-connected-stages .sv-stage-symbol { display:grid; place-items:center; grid-column:1; grid-row:1; width:42px; height:42px; padding:7px; border:1px solid #e3d5f2; border-radius:50%; background:#faf7fe; color:#7620f1; position:relative; z-index:1; }
.sv-page.sv-rich .sv-connected-stages .sv-stage-symbol svg { width:26px; height:26px; }
.sv-page.sv-rich .sv-connected-stages .sv-step-number { display:grid; place-items:center; position:absolute; grid-area:auto; align-self:start; justify-self:start; top:44px; left:29px; right:auto; width:21px; height:21px; padding:0; border:2px solid #fff; border-radius:50%; background:#7620f1; color:#fff; font-size:9px; font-weight:650; line-height:1; z-index:2; }
.sv-page.sv-rich .sv-connected-stages li+li .sv-step-number { top:44px; }
.sv-page.sv-rich .sv-connected-stages .sv-step-number:before { display:none; }
.sv-page.sv-rich .sv-connected-stages li > div:last-child { grid-column:1/-1; grid-row:2; padding:0; }
.sv-page.sv-rich .sv-connected-stages li:after { display:block; content:""; position:absolute; top:37px; left:49px; right:-55px; height:1px; background:linear-gradient(90deg,#ddccef,#eee6f6); z-index:0; }
.sv-page.sv-rich .sv-connected-stages li:nth-child(3n):after { display:none; }
.sv-page.sv-rich .sv-connected-stages h3 { font-size:19px; padding:0; margin-bottom:12px; }
.sv-page.sv-rich .sv-connected-stages p { font-size:14px; line-height:1.8; }
.sv-page.sv-rich .sv-connected-stages .sv-stage-output { display:inline-block; font-size:12px; line-height:1.5; color:#78519e; padding:7px 10px; background:#f7f2fc; border-radius:5px; }
.sitio-metaversia .sv-brief-button:is(:hover,:focus-visible),.sitio-metaversia .sv-brief-button:is(:hover,:focus-visible) * { text-decoration:none; }
.sv-development-hero { width:100%; max-width:500px; margin:auto; }
.sv-development-hero .portada-imagen { width:100%; max-height:360px; object-fit:contain; }
@media(prefers-reduced-motion:no-preference) {
.sv-development-hero.sv-motion img { animation:sv-development-breathe 7s ease-in-out infinite; }
@keyframes sv-development-breathe { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
}
@media(max-width:1000px) and (min-width:801px) {
.sv-page.sv-rich .sv-connected-stages { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sv-page.sv-rich .sv-connected-stages li:nth-child(3n):after { display:block; }
.sv-page.sv-rich .sv-connected-stages li:nth-child(2n):after { display:none; }
}
@media(max-width:800px) {
.sv-page.sv-rich .sv-connected-stages { grid-template-columns:1fr; gap:0; }
.sv-page.sv-rich .sv-connected-stages li { grid-template-rows:auto; padding:0 0 30px; gap:16px; }
.sv-page.sv-rich .sv-connected-stages li+li { padding-top:0; border:0; }
.sv-page.sv-rich .sv-connected-stages .sv-step-number,.sv-page.sv-rich .sv-connected-stages li+li .sv-step-number { top:28px; }
.sv-page.sv-rich .sv-connected-stages li > div:last-child { grid-column:2; grid-row:1; padding-top:6px; }
.sv-page.sv-rich .sv-connected-stages li:after,.sv-page.sv-rich .sv-connected-stages li:nth-child(3n):after { display:block; top:54px; bottom:8px; left:20px; right:auto; width:1px; height:auto; background:#e3d5f2; }
.sv-page.sv-rich .sv-connected-stages li:last-child { padding-bottom:0; }.sv-page.sv-rich .sv-connected-stages li:last-child:after { display:none; }
}
@media(max-width:540px) {
.sv-page .portada-ilustracion .sv-development-hero { max-width:320px; }
.sv-development-hero .portada-imagen { max-height:235px; }
}
@media(max-width:390px) {
.sv-system-flow { gap:3px; grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr); }
.sv-system-flow strong { font-size:13px; }.sv-system-flow div > span:last-child { font-size:11px; }
} .sv-magento-model { margin:0; padding:32px 24px 22px; background:linear-gradient(145deg,#f5effc,#faf8fd); border-radius:26px; color:#21104d; }
.sv-magento-hub { display:flex; flex-direction:column; align-items:center; gap:14px; padding:8px 0 28px; position:relative; }
.sv-magento-hub img { width:156px; height:44px; object-fit:contain; }.sv-magento-hub > span { font-size:15px; font-weight:700; }
.sv-magento-hub:after { content:""; position:absolute; bottom:0; width:1px; height:19px; background:#b69bdc; }
.sv-magento-branches { display:grid; grid-template-columns:1fr 1fr; gap:18px; position:relative; padding-top:22px; }
.sv-magento-branches:before { content:""; position:absolute; top:0; left:25%; right:25%; height:1px; background:#b69bdc; }
.sv-magento-website { position:relative; background:#fff; border:1px solid #e9def5; border-radius:16px; padding:18px 15px 14px; box-shadow:0 12px 30px #45217c06; }
.sv-magento-website:before { content:""; position:absolute; top:-23px; left:50%; width:1px; height:22px; background:#b69bdc; }
.sv-model-kind,.sv-magento-view > span { display:block; color:#785b98; font-size:12px; margin-bottom:7px; }.sv-magento-website > strong { font-size:16px; line-height:1.4; display:block; }.sv-magento-website > p { font-size:13px; margin:7px 0 20px; }
.sv-magento-view { border-top:1px solid #eee5f7; padding-top:12px; }.sv-magento-view strong { font-size:13px; font-weight:600; }
.sv-magento-connection { display:flex; align-items:center; justify-content:center; gap:12px; margin:22px 0 16px; padding-top:18px; border-top:1px solid #dfd1ef; }.sv-magento-connection svg { width:32px; height:32px; color:#7620f1; }.sv-magento-connection strong,.sv-magento-connection span { display:block; font-size:14px; }.sv-magento-connection span { font-size:13px; margin-top:4px; color:#705987; }
.sv-magento-model figcaption { text-align:center; font-size:12px; line-height:1.6; color:#785f90; }
.sv-page.sv-rich .sv-edition-features { list-style:none; padding:0; margin:24px 0; display:grid; gap:20px; }.sv-edition-features li { border-top:1px solid #e9dff3; padding-top:16px; }.sv-edition-features strong,.sv-edition-features span { display:block; }.sv-edition-features strong { font-size:16px; color:#21104d; margin-bottom:6px; }.sv-edition-features span { font-size:15px; line-height:1.65; color:#645575; }
.sv-commerce-shared { display:flex; gap:18px; padding:24px 0; border-bottom:1px solid #e8def2; }.sv-commerce-shared > span { flex:0 0 32px; color:#7620f1; }.sv-commerce-shared svg { width:32px; height:32px; }.sv-commerce-shared p { margin:0; font-size:15px; line-height:1.75; }.sv-commerce-shared strong { color:#21104d; }
.sv-commerce-cloud { display:grid; grid-template-columns:1.1fr 1fr; gap:38px; align-items:center; padding:32px 0 0; }.sv-commerce-cloud h3 { font-size:23px; line-height:1.35; margin:10px 0 14px; }.sv-commerce-cloud p:not(.sv-kicker) { font-size:15px; line-height:1.75; margin:0; }
.sv-cloud-environments { display:grid; gap:0; border-left:1px solid #d7c2ed; padding-left:24px; }.sv-cloud-environments > div { position:relative; padding:14px 0; }.sv-cloud-environments > div:before { content:""; position:absolute; left:-29px; top:23px; width:9px; height:9px; border-radius:50%; background:#7620f1; box-shadow:0 0 0 5px #f4edfc; }.sv-cloud-environments strong { display:block; font-size:16px; color:#21104d; }.sv-cloud-environments span { display:block; font-size:14px; margin-top:4px; color:#776089; }
.sv-migration-continuity { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:44px; border-radius:26px; background:#f7f3fc; margin:64px 0; }.sv-migration-intro h2 { font-size:clamp(28px,2.6vw,36px); line-height:1.2; letter-spacing:-.035em; color:#21104d; margin:14px 0 20px; }.sv-migration-intro > p:not(.sv-kicker) { font-size:16px; line-height:1.75; } .sv-migration-illustration { margin:20px -8px 0; aspect-ratio:1.85; overflow:hidden; }.sv-migration-illustration img { display:block; width:100%; height:auto; object-fit:contain; transform:translateY(-16%); }
.sv-commerce-editions .sv-edition-choice { align-items:stretch; }
.sv-rich .sv-edition-choice > .sv-commerce-cloud-band { grid-column:1 / -1; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:42px; padding:28px 30px; position:relative; border:1px solid #e3d6f1; border-top:2px solid #ed362d; border-radius:16px; background:#f8f4fd; }
.sv-commerce-cloud-band:before { content:""; position:absolute; top:-24px; right:25%; height:22px; width:1px; background:#edb6b1; }
.sv-cloud-brand { display:flex; flex-wrap:wrap; align-items:center; gap:13px; margin-bottom:14px; }.sv-cloud-brand img { display:block; width:72px; height:26px; object-fit:contain; }.sv-commerce-cloud-band .sv-cloud-label { font-size:12px; font-weight:700; line-height:1.5; color:#79558c; margin:0; }
.sv-commerce-cloud-band h3 { color:#21104d; font-size:22px; line-height:1.35; margin:0 0 12px; }.sv-commerce-cloud-band p:not(.sv-cloud-label) { font-size:15px; line-height:1.75; margin:0; }
.sv-commerce-cloud-band .sv-cloud-environments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; padding:0; border-left:0; border-top:1px solid #d9c5ed; }.sv-commerce-cloud-band .sv-cloud-environments > div { padding:18px 0 0; }.sv-commerce-cloud-band .sv-cloud-environments > div:before { left:0; top:-4px; width:7px; height:7px; }.sv-commerce-cloud-band .sv-cloud-environments strong { font-size:15px; }.sv-commerce-cloud-band .sv-cloud-environments span { font-size:13px; }
@media(max-width:800px) { .sv-rich .sv-edition-choice > .sv-commerce-cloud-band { grid-template-columns:1fr; gap:28px; padding:24px; }.sv-commerce-cloud-band:before { right:50%; } }
.sv-migration-details { display:grid; align-content:start; gap:24px; }.sv-migration-details article { display:grid; grid-template-columns:30px 1fr; gap:16px; border-bottom:1px solid #e6daef; padding-bottom:24px; }.sv-migration-details article:last-child { border:0; padding-bottom:0; }.sv-migration-details svg { width:30px; height:30px; color:#7620f1; }.sv-migration-details h3 { font-size:19px; margin:0 0 9px; color:#21104d; }.sv-migration-details p { font-size:15px; line-height:1.75; margin:0; }
@media(prefers-reduced-motion:no-preference) { .sv-magento-hub:after { animation:sv-magento-signal 3s ease-in-out infinite; } @keyframes sv-magento-signal { 50% { background:#7620f1; box-shadow:0 0 7px #c9adeb; } } }
@media(max-width:1000px) { .sv-migration-continuity { gap:32px; padding:30px; }.sv-magento-model { padding:24px 16px 18px; }.sv-magento-branches { gap:12px; }.sv-magento-website { padding:16px 10px 12px; } }
@media(max-width:800px) { .sv-commerce-cloud,.sv-migration-continuity { grid-template-columns:1fr; }.sv-migration-continuity { padding:28px 22px; margin:44px 0; gap:32px; }.sv-commerce-cloud { gap:22px; }.sv-cloud-environments { margin-left:5px; }.sv-magento-model { max-width:540px; margin:auto; } } .sv-page .portada-ilustracion .sv-magento-hero-brands { display:flex; align-items:center; justify-content:center; gap:20px; margin:10px auto 0; padding:0 10px; }
.sv-page .sv-magento-hero-brands img { display:block; flex:none; width:132px; height:36px; object-fit:contain; animation:none; filter:none; }
.sv-page .sv-magento-hero-brands img:last-child { width:78px; height:30px; }.sv-magento-hero-brands > span { flex:0 0 1px; height:22px; background:#d8c6ea; }
@media(max-width:540px) { .sv-page .portada-ilustracion .sv-magento-hero-brands { gap:17px; margin-top:4px; }.sv-page .sv-magento-hero-brands img { width:119px; height:32px; }.sv-page .sv-magento-hero-brands img:last-child { width:70px; height:27px; } }
.sv-rich .sv-commerce-editions .sv-edition-choice > article:nth-child(2) { border-top:2px solid #ff342d; } .sv-support-hours { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:26px; margin:30px 0 38px; padding:23px 28px; border:0; border-radius:14px; background:linear-gradient(110deg,#ffd19d,#ffdfb5); }
.sv-support-hours-copy .sv-kicker { margin:0 0 8px; }.sv-support-hours-copy h2 { color:#21104d; font-size:clamp(23px,2.2vw,28px); line-height:1.25; letter-spacing:-.025em; margin:0 0 10px; }.sv-support-hours-copy > p:not(.sv-kicker) { font-size:15px; line-height:1.65; color:#594a60; margin:0; }.sv-support-hours-copy > p.sv-support-hours-guide { font-size:13px; margin-top:9px; color:#655269; }.sv-support-hours-guide strong { font-weight:650; color:#21104d; }
.sitio-metaversia .sv-support-hours-cta { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:46px; padding:12px 18px; border:1px solid #21104d; border-radius:7px; background:#21104d; color:#fff; font-size:14px; line-height:1.5; font-weight:750; text-decoration:none; }.sitio-metaversia .sv-support-hours-cta:is(:hover,:focus-visible),.sitio-metaversia .sv-support-hours-cta:is(:hover,:focus-visible) * { text-decoration:none; background:#7620f1; border-color:#7620f1; color:#fff; }.sv-support-hours-cta:focus-visible { outline:2px solid #08b9e8; outline-offset:4px; }
.sv-support-visibility { padding:38px 0; margin:0 0 42px; border-top:1px solid #ffdcc2; border-bottom:1px solid #ffdcc2; }.sv-support-visibility-head { display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; margin-bottom:32px; }.sv-support-visibility-head .sv-section-head { margin:0; }.sv-support-visibility-head h2 { margin-bottom:0; }.sv-support-visibility-head > p { margin:0; font-size:17px; line-height:1.75; color:#68586a; }
.sv-support-practices { display:grid; grid-template-columns:1fr 1fr; column-gap:52px; row-gap:28px; }.sv-support-practices article { display:grid; grid-template-columns:34px minmax(0,1fr); gap:17px; border-top:1px solid #ffe0c7; padding-top:23px; }.sv-support-practices article > span { color:#eb650b; }.sv-support-practices svg { display:block; width:34px; height:34px; }.sv-support-practices h3 { margin:0 0 10px; font-size:20px; line-height:1.4; color:#21104d; }.sv-support-practices p { font-size:15px; line-height:1.8; margin:0; color:#68586a; }
@media(prefers-reduced-motion:no-preference) { .sv-support-hours-cta { transition:background .2s,border-color .2s,box-shadow .2s; }.sv-support-hours-cta:hover { box-shadow:0 5px 15px #f9731622; } }
@media(max-width:1000px) { .sv-support-hours { grid-template-columns:1fr; gap:20px; padding:23px 26px; }.sv-support-hours-cta { justify-self:start; }.sv-support-visibility-head,.sv-support-practices { column-gap:30px; } }
@media(max-width:800px) { .sv-support-visibility-head { grid-template-columns:1fr; gap:20px; }.sv-support-practices { grid-template-columns:1fr; gap:22px; } }
@media(max-width:540px) { .sv-support-hours { padding:22px; margin:26px 0 34px; }.sv-support-hours-copy h2 { font-size:24px; }.sv-support-hours-copy > p:not(.sv-kicker) { font-size:15px; }.sv-support-hours-copy > p.sv-support-hours-guide { font-size:13px; }.sitio-metaversia .sv-support-hours-cta { width:100%; gap:12px; padding:12px; font-size:13px; }.sv-support-visibility { padding:28px 0; }.sv-support-practices article { grid-template-columns:30px minmax(0,1fr); gap:14px; }.sv-support-practices svg { width:30px; height:30px; }.sv-support-practices h3 { font-size:19px; } } .sv-support-platforms { margin:0 0 48px; }.sv-support-platforms .sv-section-head { margin-bottom:22px; }.sv-support-platforms .sv-section-head > p:last-child:not(.sv-kicker) { font-size:16px; line-height:1.75; max-width:760px; color:#68586a; }
.sv-support-platform-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; margin:0; padding:0; gap:0 44px; }.sv-support-platform-list li { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; min-height:96px; padding:20px 0; border-bottom:1px solid #ffe0c7; }.sv-support-platform-list strong { font-size:16px; font-weight:600; color:#21104d; }.sv-support-platform-logos { display:flex; align-items:center; gap:18px; min-width:0; }.sv-support-platform-logos img { width:126px; height:38px; object-fit:contain; object-position:left center; }.sv-support-platform-logos img+img { width:65px; height:30px; padding-left:14px; border-left:1px solid #e6daed; }.sv-support-platform-list li:first-child img:first-child { width:126px; }
@media(max-width:800px) { .sv-support-platform-list { gap:0 24px; }.sv-support-platform-list li { flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; }.sv-support-platform-list strong { font-size:14px; } }
@media(max-width:540px) { .sv-support-platform-list { grid-template-columns:1fr; }.sv-support-platform-list li { min-height:88px; flex-direction:row; align-items:center; justify-content:space-between; }.sv-support-platform-logos img { width:105px; height:34px; }.sv-support-platform-list li:first-child { flex-direction:column; align-items:flex-start; }.sv-support-platform-logos { gap:12px; } } .sv-support-platform-logos { min-height:44px; height:auto; overflow:visible; flex-shrink:0; }
.sv-support-platform-logos img { display:block; flex-shrink:0; max-width:100%; object-fit:contain; image-rendering:auto; }
.sv-support-platform-logos img[src*="support-"] { width:auto; height:auto; max-height:40px; margin:0; }
.sv-support-platform-list li:first-child img[src*="support-magento.svg"] { width:126px; height:auto; }
.sv-support-platform-logos img[src*="support-adobe.svg"] { width:106px; height:auto; padding-left:14px; box-sizing:border-box; }
.sv-support-platform-logos img[src*="support-woocommerce.svg"] { width:95px; }
.sv-support-platform-logos img[src*="support-shopify.svg"] { width:126px; }
.sv-support-platform-logos img[src*="support-jumpseller.svg"] { width:155px; }
.sv-support-platform-logos img[src*="support-prestashop.png"] { width:150px; }
.sv-support-platform-logos img[src*="support-vtex.png"] { width:116px; }
.sv-support-platform-logos img[src*="support-wordpress.png"] { width:145px; }
.sv-support-platform-logos img[src*="support-laravel.svg"] { width:130px; }
.sv-support-hours .sv-kicker:before { display:none; }.sv-support-hours .sv-kicker { color:#a83a00; } .sv-page[data-service="integraciones"] .sv-page-title { margin-bottom:28px; }
.sv-rich .sv-integration-intro { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); align-items:center; gap:54px; margin:0 0 46px; padding:8px 0 12px; }
.sv-rich .sv-integration-intro-copy { min-width:0; }
.sv-rich .sv-integration-intro .sv-section-head { margin:0 0 22px; }
.sv-rich .sv-integration-intro h2 { font-size:clamp(28px,2.7vw,37px); line-height:1.25; letter-spacing:-.035em; font-weight:600; }
.sv-rich .sv-integration-intro h2 span { color:#7620f1; }
.sv-rich .sv-integration-intro-copy > p { margin:0; font-size:16px; line-height:1.85; color:#62667b; max-width:47ch; }
.sv-rich .sv-integration-example { position:relative; margin:0; padding:25px 24px 22px; min-width:0; border:1px solid #eee6f8; border-radius:22px; background:linear-gradient(145deg,#faf8fe,#f0e8fb); }
.sv-integration-example figcaption { display:flex; align-items:center; gap:9px; color:#6e5b89; font-size:11px; font-weight:600; letter-spacing:.035em; margin:0 0 24px; }
.sv-example-dot { width:6px; height:6px; border-radius:50%; background:#9774c7; }
.sv-integration-records { display:grid; grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr); align-items:center; gap:8px; }
.sv-integration-record { position:relative; min-width:0; padding:19px 17px 11px; background:#fff; border:1px solid #e4d6f1; border-radius:13px; box-shadow:0 9px 22px #21104d08; }
.sv-record-origin { transform:translateY(-5px); }
.sv-record-destination { transform:translateY(5px); border-color:#cbb1ed; }
.sv-record-heading { display:flex; align-items:center; gap:10px; min-height:45px; margin-bottom:16px; }
.sv-record-heading > span { display:grid; place-items:center; flex-shrink:0; width:32px; height:36px; color:#7620f1; }
.sv-record-origin .sv-record-heading > span { color:#527aa2; }
.sv-record-heading svg { display:block; width:27px; height:27px; }
.sv-record-heading small { display:block; margin:0 0 4px; color:#82778f; font-size:11px; line-height:1.4; }
.sv-record-heading strong { display:block; font-size:14px; line-height:1.35; font-weight:650; color:#21104d; }
.sv-integration-record dl { margin:0; padding:0; }
.sv-integration-record dl > div { border-top:1px solid #f0eaf7; padding:10px 0; display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
.sv-integration-record dt { font-size:11px; line-height:1.5; color:#7a7086; }
.sv-integration-record dd { font-size:12px; line-height:1.5; color:#35244f; font-weight:600; margin:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
.sv-record-link { position:relative; min-width:0; text-align:center; }
.sv-record-link > span { display:block; font-size:10px; color:#8b74ab; margin-bottom:6px; }
.sv-record-link svg { width:100%; display:block; overflow:visible; }
.sv-record-confirmation { display:flex; justify-content:center; align-items:center; gap:7px; margin-top:25px; color:#695580; font-size:12px; line-height:1.5; }
.sv-record-confirmation > span { display:grid; place-items:center; width:21px; height:21px; background:#e6d8f8; color:#7620f1; border-radius:50%; flex-shrink:0; }
.sv-record-confirmation svg { width:16px; height:16px; }
@media(prefers-reduced-motion:no-preference) {
.sv-record-packet { animation:sv-record-transfer 5s ease-in-out infinite; }
@keyframes sv-record-transfer { 0%,15% { transform:translateX(0); opacity:0; } 24% { opacity:1; } 65% { transform:translateX(45px); opacity:1; } 78%,100% { transform:translateX(45px); opacity:0; } }
}
@media(max-width:1100px) {
.sv-rich .sv-integration-intro { gap:34px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
.sv-rich .sv-integration-example { padding:22px 18px; }
.sv-integration-record { padding:17px 13px 10px; }
.sv-integration-record dl > div { display:block; }
.sv-integration-record dd { margin-top:2px; font-size:13px; }
.sv-record-heading { gap:6px; }
.sv-record-heading > span { width:24px; }
.sv-record-heading svg { width:24px; height:24px; }
}
@media(max-width:800px) {
.sv-rich .sv-integration-intro { grid-template-columns:1fr; gap:28px; margin-bottom:38px; padding-top:0; }
.sv-rich .sv-integration-intro-copy > p { max-width:68ch; }
.sv-rich .sv-integration-intro .sv-section-head { margin-bottom:16px; }
.sv-rich .sv-integration-example { width:100%; max-width:620px; justify-self:center; padding:24px; box-sizing:border-box; }
.sv-integration-record dl > div { display:flex; }
.sv-integration-record dd { margin-top:0; font-size:12px; }
}
@media(max-width:540px) {
.sv-page[data-service="integraciones"] .sv-page-title { margin-bottom:26px; }
.sv-rich .sv-integration-intro h2 { font-size:28px; }
.sv-rich .sv-integration-intro-copy > p { font-size:15px; line-height:1.8; }
.sv-rich .sv-integration-example { padding:20px 14px; border-radius:16px; }
.sv-integration-records { grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); gap:5px; }
.sv-integration-record { padding:15px 12px 6px; border-radius:10px; }
.sv-record-heading { display:block; margin-bottom:14px; }
.sv-record-heading > span { margin-bottom:7px; }
.sv-record-heading strong { font-size:13px; }
.sv-integration-record dl > div { display:block; padding:9px 0; }
.sv-integration-record dt { font-size:11px; }
.sv-integration-record dd { font-size:13px; margin-top:2px; }
.sv-record-link > span { position:absolute; top:-24px; left:50%; transform:translateX(-50%); }
.sv-record-confirmation { margin-top:23px; font-size:11px; }
} .sv-rich .sv-cloud-backups { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:56px; align-items:start; padding:30px 0 8px; margin:0 0 42px; border-top:1px solid #eee8f5; }
.sv-cloud-backups-copy > p { font-size:15px; line-height:1.85; color:#62667b; margin:0 0 17px; }
.sv-cloud-backup-list { display:grid; gap:0; }
.sv-cloud-backup-list article { display:grid; grid-template-columns:30px minmax(0,1fr); gap:16px; padding:22px 0; border:0; border-bottom:1px solid #eee8f5; }
.sv-cloud-backup-list article:first-child { padding-top:0; }
.sv-cloud-backup-list article:last-child { border-bottom:0; padding-bottom:0; }
.sv-cloud-backup-list article > span { color:#7620f1; padding-top:1px; }
.sv-cloud-backup-list svg { display:block; width:28px; height:28px; }
.sv-cloud-backup-list h3 { font-size:19px; font-weight:600; line-height:1.4; color:#21104d; margin:0 0 8px; }
.sv-cloud-backup-list p { font-size:14px; line-height:1.85; color:#62667b; margin:0; }
@media(max-width:800px) { .sv-rich .sv-cloud-backups { grid-template-columns:1fr; gap:24px; padding-top:26px; } }
@media(max-width:540px) { .sv-rich .sv-cloud-backups { margin-bottom:32px; }.sv-cloud-backup-list article { gap:14px; }.sv-cloud-backup-list h3 { font-size:18px; } } .sv-commerce-board .sv-commerce-journey { position:relative; gap:0; padding:24px 0 0; background:linear-gradient(180deg,#f8f3fe 0%,#fcfaff 56%,#fff 100%); border:1px solid #e9def5; border-radius:20px; margin-top:22px; }
.sv-commerce-board .sv-journey-item { position:relative; padding:0 26px 28px; }
.sv-commerce-board .sv-journey-item + .sv-journey-item { border-left:1px solid #ece2f6; }
.sv-commerce-board .sv-journey-item:not(:last-child)::after { content:"→"; position:absolute; right:-14px; top:77px; display:grid; place-items:center; width:27px; height:27px; border-radius:50%; color:#9964d1; background:#f8f3fe; font-size:20px; z-index:1; }
.sv-commerce-board .sv-journey-art { padding-bottom:20px; }
.sv-commerce-board .sv-journey-art svg { width:100%; max-width:285px; height:180px; margin:0 auto; overflow:visible; }
.sv-commerce-board .sv-journey-tag { background:none; padding:0; border-radius:0; font-size:12px; line-height:1.6; color:#8b6ba7; }
.sv-rich .sv-commerce-board .sv-journey-copy h3 { font-size:24px; margin:0 0 12px; }
.sv-rich .sv-commerce-board .sv-journey-copy p { font-size:15px; line-height:1.8; max-width:none; color:#6d647c; }
@media(max-width:1000px) { .sv-commerce-board .sv-journey-item { padding:0 20px 24px; } .sv-commerce-board .sv-journey-art svg { height:150px; } .sv-commerce-board .sv-journey-item:not(:last-child)::after { top:62px; } }
@media(max-width:800px) { .sv-commerce-board .sv-commerce-journey { grid-template-columns:1fr; padding:0 24px; } .sv-commerce-board .sv-journey-item { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; align-items:center; padding:24px 0; border:0; } .sv-commerce-board .sv-journey-item + .sv-journey-item { border-left:0; border-top:1px solid #e9def5; } .sv-commerce-board .sv-journey-item::after { display:none!important; } .sv-commerce-board .sv-journey-art { padding:0; } .sv-commerce-board .sv-journey-art svg { height:auto; } }
@media(max-width:540px) { .sv-commerce-board .sv-commerce-journey { padding:0 22px; border-radius:16px; } .sv-commerce-board .sv-journey-item { grid-template-columns:1fr; gap:20px; padding:24px 0; } .sv-commerce-board .sv-journey-art svg { width:100%; max-width:260px; height:160px; margin:auto; } .sv-commerce-board .sv-journey-tag { font-size:12px; } .sv-rich .sv-commerce-board .sv-journey-copy h3 { font-size:23px; } .sv-rich .sv-commerce-board .sv-journey-copy p { font-size:15px; } } .sv-rich .sv-buying-grid article { display:grid; grid-template-columns:54px minmax(0,1fr); grid-template-rows:auto auto 1fr auto; column-gap:16px; row-gap:20px; padding:30px; align-content:start; }
.sv-buying-grid .sv-buying-label { grid-column:1; grid-row:1; align-self:start; display:grid; place-items:center; width:54px; height:42px; margin:0; background:#eee2fc; border-radius:10px; font-size:14px; letter-spacing:0; }
.sv-buying-grid article+article .sv-buying-label { background:#e4eefb; }
.sv-rich .sv-buying-grid h3 { grid-column:2; grid-row:1; align-self:center; font-size:22px; line-height:1.4; margin:0; }
.sv-buying-grid article > p:not(.sv-buying-measure) { grid-column:1 / -1; margin:0; min-height:54px; font-size:15px; line-height:1.8; }
.sv-buying-grid ol { grid-column:1 / -1; position:relative; display:grid; gap:18px; padding:2px 0; margin:2px 0; align-content:start; }
.sv-buying-grid ol::before { content:""; position:absolute; left:5px; top:10px; bottom:10px; width:1px; background:#ddc8f1; }
.sv-rich .sv-buying-grid li { position:relative; display:flex; gap:15px; align-items:center; padding:0; background:none; border:0; border-radius:0; font-size:14px; line-height:1.6; }
.sv-buying-grid li::before { content:""; display:block; flex:0 0 9px; width:9px; height:9px; border:2px solid #f9f5fe; border-radius:50%; background:#ac7add; box-sizing:content-box; margin-left:-1px; }
.sv-buying-grid article+article li::before { background:#78a2d0; border-color:#f5f9ff; }
.sv-rich .sv-buying-grid .sv-buying-measure { grid-column:1 / -1; padding-top:17px; border-top:1px solid #e7daef; margin:0; font-size:13px; } .sv-engagement .sv-method-stages { gap:22px; }
.sv-engagement .sv-method-stages article { grid-template-columns:42px minmax(0,1fr); gap:0 16px; padding:24px; background:#ffffffc9; border:1px solid #e9def4; border-radius:14px; }
.sv-engagement .sv-engagement-phase { width:42px; height:42px; border-radius:12px; background:#f0e5fc; align-self:start; }
.sv-engagement-phase svg { width:25px; height:25px; }
.sv-engagement .sv-method-stages article > span { font-size:12px; margin-bottom:6px; }
.sv-engagement .sv-method-stages h3 { font-size:21px; line-height:1.4; margin:0; }
.sv-engagement .sv-method-stages p { grid-column:1 / -1; margin-top:18px; font-size:15px; line-height:1.8; }
.sv-engagement .sv-method-bottom { grid-template-columns:1fr; gap:0; background:none; border-radius:0; padding:0; margin-top:24px; }
.sv-engagement .sv-method-bottom > div { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; border:0; border-top:1px solid #e2d5ef; padding:18px 0; align-items:baseline; }
.sv-engagement .sv-method-bottom > div:last-child { padding-bottom:0; }
.sv-engagement .sv-method-bottom strong { font-size:15px; line-height:1.6; }
.sv-engagement .sv-method-bottom p { margin:0; font-size:14px; line-height:1.8; }
@media(max-width:800px) { .sv-rich .sv-buying-grid { grid-template-columns:1fr; } .sv-buying-grid article+article { border-left:0; border-top:1px solid #e6dcf2; } .sv-buying-grid article > p:not(.sv-buying-measure) { min-height:0; } }
@media(max-width:540px) { .sv-rich .sv-buying-grid article { padding:24px 22px; gap:18px 14px; } .sv-rich .sv-buying-grid h3 { font-size:21px; } .sv-engagement .sv-method-stages article { padding:22px 20px; } .sv-engagement .sv-method-bottom > div { grid-template-columns:1fr; gap:6px; } .sv-engagement .sv-method-bottom > div+div { padding-top:18px; } } .sv-rich .sv-commerce-caption { align-items:center; padding-bottom:24px; }
.sv-rich .sv-commerce-caption h2 { margin:0; font-size:clamp(28px,2.5vw,34px); font-weight:600; letter-spacing:-.03em; line-height:1.25; color:#21104d; }
.sv-rich .sv-commerce-caption p { font-size:15px; line-height:1.7; max-width:39ch; }
.sv-commerce-board .sv-commerce-journey { background:linear-gradient(180deg,#faf7fe,#fff); }
.sv-commerce-board .sv-journey-art { display:flex; flex-direction:column; align-items:center; gap:13px; padding-bottom:24px; }
.sv-commerce-board .sv-journey-illustration { display:block; width:100%; max-width:320px; height:220px; object-fit:contain; }
.sv-commerce-board .sv-journey-item:not(:last-child)::after { top:98px; }
@media(max-width:1000px) { .sv-commerce-board .sv-journey-illustration { height:190px; } .sv-commerce-board .sv-journey-item:not(:last-child)::after { top:84px; } }
@media(max-width:800px) { .sv-rich .sv-commerce-caption { display:block; } .sv-rich .sv-commerce-caption p { margin-top:12px; max-width:50ch; } .sv-commerce-board .sv-journey-art { padding-bottom:0; gap:10px; } .sv-commerce-board .sv-journey-illustration { height:160px; } }
@media(max-width:540px) { .sv-commerce-board .sv-journey-illustration { max-width:290px; height:200px; } .sv-rich .sv-commerce-caption h2 { font-size:28px; } } .sv-commerce-board > .sv-section-head { margin-bottom:0; } .sv-marketing-offer .sv-method-bottom > div { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); }
.sv-rich .sv-marketing-offer .sv-offer-scope { margin:22px 0 0; padding-top:20px; border-top:1px solid #e2d5ef; font-size:13px; line-height:1.8; color:#746480; }
.sv-commerce-execution > .sv-section-head > p:not(.sv-kicker) { font-size:16px; line-height:1.8; color:#6d647c; max-width:78ch; margin:16px 0 0; }
.sv-commerce-execution .sv-commerce-board { margin-bottom:30px; }
.sv-commerce-execution .sv-commerce-journey { margin-top:0; }
.sv-rich .sv-model-context { font-size:13px; font-weight:600; color:#78569f; margin:0 0 16px; }
@media(max-width:540px) { .sv-marketing-offer .sv-method-bottom > div { grid-template-columns:1fr; } .sv-commerce-execution > .sv-section-head > p:not(.sv-kicker) { font-size:15px; } } .sv-rich .sv-service-description { margin:0 0 42px; max-width:100ch; }
.sv-rich .sv-service-description p { color:#62596f; font-size:17px; line-height:1.85; margin:0 0 17px; }
.sv-rich .sv-service-description p:last-child { margin-bottom:0; }
@media(max-width:540px) { .sv-rich .sv-service-description { margin-bottom:32px; } .sv-rich .sv-service-description p { font-size:16px; line-height:1.85; margin-bottom:16px; } } .sv-marketing-offer .sv-offer-deliverables > div { grid-template-columns:38px minmax(0,.7fr) minmax(0,1.3fr); align-items:start; gap:18px; padding:22px 0; }
.sv-offer-icon { display:flex; align-items:center; justify-content:center; width:38px; height:38px; color:#8150bd; background:#eee5fa; border-radius:11px; }
.sv-offer-icon svg { width:25px; height:25px; }
.sv-marketing-offer .sv-offer-deliverables strong { padding-top:5px; font-size:16px; line-height:1.5; }
.sv-rich .sv-model-context { font-size:clamp(20px,2vw,25px); font-weight:650; line-height:1.3; letter-spacing:-.025em; color:#21104d; margin:30px 0 20px; }
@media(max-width:700px) { .sv-marketing-offer .sv-offer-deliverables > div { grid-template-columns:34px minmax(0,1fr); gap:8px 14px; }.sv-offer-icon { width:34px; height:34px; }.sv-marketing-offer .sv-offer-deliverables p { grid-column:2; }.sv-marketing-offer .sv-offer-deliverables strong { padding-top:4px; } } .sv-rich .sv-process-demo { --demo-ink:#21104d; --demo-accent:#7620f1; margin:0; padding:24px; min-width:0; border:1px solid #e9e1f3; border-radius:18px; background:linear-gradient(145deg,#fff,#fbf9fe); color:var(--demo-ink); }
.sv-demo-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:22px; }
.sv-demo-heading > div { min-width:0; }
.sv-demo-eyebrow { display:block; color:#80718f; font-size:10px; line-height:1.5; letter-spacing:.065em; text-transform:uppercase; margin-bottom:6px; }
.sv-demo-heading strong { display:block; font-size:17px; line-height:1.4; font-weight:650; letter-spacing:-.02em; }
.sv-rich .sv-demo-control { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; padding:7px 9px; border:1px solid #e5d8f5; border-radius:8px; background:#fff; color:#60358b; font-family:inherit; font-size:11px; font-weight:600; line-height:1.4; cursor:pointer; }
.sv-demo-control[hidden] { display:none!important; }
.sv-demo-control svg { width:15px; height:15px; }
.sv-rich .sv-demo-control:hover { background:#f3edfc; box-shadow:none; filter:none; }
.sv-demo-control:focus-visible { outline:2px solid #7620f1; outline-offset:4px; }
.sv-demo-icon { display:inline-flex; align-items:center; justify-content:center; color:#8756be; }
.sv-demo-icon svg { display:block; width:29px; height:29px; }
.sv-process-demo [data-demo-stage] { position:relative; min-width:0; }
.sv-process-demo [data-demo-stage].is-current { background-color:#f3ebfd; border-color:#c9aceb; }
.sv-process-demo [data-demo-stage].is-current > .sv-demo-icon { color:#7620f1; }
.sv-process-demo [data-demo-stage].is-done > .sv-demo-icon { color:#684c8f; }
.sv-rich .sv-process-demo h3 { font-size:16px; line-height:1.4; font-weight:650; margin:10px 0 7px; letter-spacing:-.02em; }
.sv-rich .sv-process-demo p { color:#72627f; font-size:14px; line-height:1.65; margin:0; }
.sv-process-demo small { display:block; color:#80718f; font-size:12px; line-height:1.55; }
.sv-demo-node { padding:18px; border:1px solid #eae3f2; border-radius:12px; background:#fff; }
.sv-demo-bottom { border-top:1px solid #eee8f6; margin-top:22px; padding-top:16px; }
.sv-demo-progress { display:flex; gap:5px; margin-bottom:10px; }
.sv-demo-progress i { width:22px; height:3px; background:#e7dcf3; border-radius:3px; }
.sv-demo-progress i.is-complete { background:#9d6bd7; }
.sv-rich .sv-demo-bottom p { min-height:3.3em; color:#685379; font-size:13px; }
.sv-demo-records { display:grid; grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr); align-items:center; }
.sv-demo-record { border:1px solid #e8def3; border-radius:12px; background:#fff; padding:16px 14px; }
.sv-rich .sv-demo-record h3 { margin:7px 0 3px; }
.sv-rich .sv-demo-record .sv-demo-subtitle { font-size:12px; line-height:1.5; min-height:3em; }
.sv-demo-record dl { margin:15px 0 0; }
.sv-demo-record dl > div { padding:8px 0; border-top:1px solid #eee7f6; }
.sv-demo-record dt { font-size:11px; line-height:1.5; color:#82728e; }
.sv-demo-record dd { margin:2px 0 0; color:#40245f; font-size:13px; line-height:1.4; font-weight:650; }
.sv-demo-mapping { text-align:center; padding:12px 2px; border:1px solid transparent; border-radius:9px; }
.sv-demo-mapping > span { display:block; font-size:26px; color:#a078c9; }
.sv-demo-mapping strong { display:block; margin:4px 0; font-size:12px; }
.sv-demo-mapping small { font-size:10px; }
.sv-demo-packet { display:block; width:5px; height:5px; background:#9d6bd7; border-radius:50%; margin:12px auto 0; }
.sv-demo-integration[data-step="1"] .sv-demo-packet { transform:translateX(15px); }
.sv-demo-integration[data-step="3"] .sv-demo-packet { transform:translateX(20px); background:#684c8f; }
.sv-demo-exception { display:flex; align-items:center; gap:13px; border:1px solid #eee6f6; padding:13px 14px; margin-top:15px; border-radius:10px; }
.sv-demo-exception > span svg { width:25px; height:25px; color:#9a79bd; }
.sv-demo-exception strong { font-size:13px; font-weight:650; }
.sv-rich .sv-demo-exception p { font-size:12px; margin-top:4px; }
.sv-demo-integration .sv-demo-exception.is-current { background:#fff4e8; border-color:#edc99f; }
.sv-demo-ticket-title,.sv-demo-objective { display:flex; align-items:center; gap:14px; padding:17px; border:1px solid #e7dcf2; background:#f7f3fc; border-radius:12px; }
.sv-demo-ticket-title strong,.sv-demo-objective strong { display:block; font-size:16px; line-height:1.45; margin-top:4px; }
.sv-demo-ticket-stages { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0; margin:16px 0; list-style:none; }
.sv-demo-ticket-stages li { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid #e9e1f3; background:#fff; border-radius:11px; }
.sv-demo-ticket-stages strong { font-size:14px; font-weight:650; }
.sv-demo-ticket-stages small { font-size:11px; margin-top:3px; }
.sv-demo-ticket-stages .sv-demo-icon svg { width:24px; height:24px; }
.sv-demo-work-log { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 16px; padding:15px 0 0; border-top:1px solid #e9e1f3; font-size:12px; line-height:1.6; }
.sv-demo-work-log > span { color:#80718f; }.sv-demo-work-log strong { font-weight:550; }
.sv-demo-conversion-path,.sv-demo-strategy-branches,.sv-demo-build-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sv-demo-conversion-path .sv-demo-node { padding:15px 12px; }
.sv-demo-window { display:flex; gap:4px; margin-bottom:14px; }
.sv-demo-window i { display:block; width:4px; height:4px; background:#c6b5d7; border-radius:50%; }
.sv-demo-offer-line { display:block; height:5px; width:76%; border-radius:5px; margin:14px 0; background:#d9c9eb; }
.sv-demo-form-preview { border:1px solid #e5d9f2; border-radius:7px; padding:9px; background:#fbf9fe; }
.sv-demo-form-preview > span { font-size:10px; color:#7b658d; }.sv-demo-form-preview > i { display:block; height:8px; margin-top:7px; background:#ede5f7; border-radius:3px; }
.sv-demo-form-preview b { display:block; border:1px solid transparent; border-radius:5px; padding:6px; margin-top:8px; color:#684c8f; font-size:10px; line-height:1.5; font-weight:550; }
.sv-demo-performance[data-step="1"] .sv-demo-form-preview { border-color:#d1a16e; background:#fff6eb; }
.sv-rich .sv-demo-footnote { margin-top:14px; font-size:12px; }
.sv-demo-strategy-branches { margin-top:16px; }
.sv-demo-feedback { display:flex; align-items:center; gap:10px; margin-top:14px; padding:11px 14px; border:1px solid #eee7f6; border-radius:9px; color:#765489; font-size:13px; line-height:1.6; }
.sv-demo-feedback > span { font-size:24px; }
.sv-demo-cloud-stack { padding:17px; border:1px solid #e4d8f0; border-radius:13px; text-align:center; background:#f9f5fd; }
.sv-demo-cloud-stack > div { display:flex; align-items:center; justify-content:center; gap:10px; }
.sv-demo-cloud-stack > span { display:block; margin:13px 0 8px; padding-top:12px; border-top:1px solid #e5d9f2; font-size:13px; color:#695379; }
.sv-demo-schedule { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:3px 10px; margin:13px 0; padding:11px; border:1px solid transparent; border-radius:9px; }
.sv-demo-schedule > span:first-child { grid-row:1/3; }.sv-demo-schedule svg { display:block; width:23px; height:23px; color:#9470b7; }
.sv-demo-schedule strong { font-size:13px; font-weight:650; }.sv-demo-schedule > span:last-child { font-size:11px; color:#897496; }
.sv-demo-backup-targets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.sv-demo-backup-targets > div { padding:13px 10px; border:1px solid #e9e0f3; border-radius:10px; background:#fff; }
.sv-demo-backup-targets svg { width:24px; height:24px; display:block; color:#9873bd; margin-bottom:9px; }
.sv-demo-backup-targets strong { display:block; font-size:12px; line-height:1.5; font-weight:650; }.sv-demo-backup-targets small { font-size:10px; margin-top:5px; }
.sv-demo-browser { border:1px solid #e1d5ee; border-radius:9px; padding:12px; margin-bottom:16px; background:#fcfaff; }
.sv-demo-browser > b { display:block; height:42px; border:1px solid #d7c9e7; border-radius:4px; background:#f0eaf7; }
.sv-demo-browser > span { display:block; height:4px; border-radius:3px; margin:9px 0; width:70%; background:#dcd1e8; }
.sv-demo-browser > div:last-child { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }.sv-demo-browser > div:last-child i { height:25px; border:1px solid #ded3e9; border-radius:4px; }
.sv-demo-interface > b { background:linear-gradient(120deg,#ab77df,#7620f1); border-color:#b78ddd; }.sv-demo-interface > div:last-child i { background:#e6d6fa; border-color:#d4b7f0; }.sv-demo-interface > div:last-child i:nth-child(2) { background:#f4ddea; }
.sv-demo-build-operation ul { list-style:none; padding:0; margin:12px 0; }.sv-demo-build-operation li { padding:6px 0; border-bottom:1px solid #eee7f6; color:#796387; font-size:13px; }
.sv-demo-validation { display:inline-flex; font-size:12px; color:#684c8f; padding:7px 9px; background:#f2ebfa; border:1px solid transparent; border-radius:6px; }
.sv-rich .sv-showcase-development .sv-showcase-art,.sv-rich .sv-showcase-development .sv-development-system { display:contents; }
.sv-rich .sv-showcase-development .sv-scene { grid-column:1; grid-row:1; }
.sv-rich .sv-showcase-development > .sv-showcase-copy { grid-column:2; grid-row:1; }
.sv-rich .sv-showcase-development .sv-demo-development { grid-column:1 / -1; grid-row:2; }
.sv-rich .sv-showcase-strategy > .sv-process-demo { grid-column:1 / -1; }
@media(prefers-reduced-motion:no-preference) {
.sv-process-demo [data-demo-stage],.sv-demo-form-preview { transition:background-color .5s ease,border-color .5s ease; }
.sv-demo-progress i { transition:background-color .5s ease; }.sv-demo-packet { transition:transform .8s ease,background-color .5s ease; }
}
@media(max-width:800px) {
.sv-rich .sv-showcase-development .sv-scene { grid-column:1; grid-row:1; }.sv-rich .sv-showcase-development > .sv-showcase-copy { grid-column:1; grid-row:2; }.sv-rich .sv-showcase-development .sv-demo-development { grid-column:1; grid-row:3; }
.sv-demo-heading { gap:10px; }.sv-demo-heading strong { font-size:16px; }
}
@media(max-width:540px) {
.sv-rich .sv-process-demo { padding:19px 16px; border-radius:14px; }.sv-demo-heading { margin-bottom:18px; flex-wrap:wrap; }.sv-demo-control { margin-left:auto; }
.sv-demo-records { grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); }.sv-demo-record { padding:12px 9px; }.sv-rich .sv-demo-record h3 { font-size:14px; }.sv-demo-record dd { font-size:12px; }.sv-demo-record dt { font-size:10px; }.sv-demo-mapping strong { font-size:10px; }.sv-demo-mapping small { font-size:9px; }
.sv-demo-ticket-stages { gap:8px; }.sv-demo-ticket-stages li { padding:11px 9px; gap:9px; }.sv-demo-ticket-stages strong { font-size:13px; }.sv-demo-work-log { grid-template-columns:1fr; gap:3px; }.sv-demo-work-log strong:not(:last-child) { margin-bottom:7px; }
.sv-demo-conversion-path,.sv-demo-strategy-branches,.sv-demo-build-stages { grid-template-columns:1fr; gap:10px; }
.sv-demo-conversion-path .sv-demo-node { display:grid; grid-template-columns:32px minmax(0,1fr); column-gap:12px; }.sv-demo-conversion-path .sv-demo-node > .sv-demo-icon { grid-column:1; grid-row:1/3; align-self:start; margin-top:8px; }.sv-demo-conversion-path .sv-demo-node h3,.sv-demo-conversion-path .sv-demo-node p { grid-column:2; }.sv-demo-conversion-path .sv-demo-landing { display:block; }.sv-demo-landing .sv-demo-window { margin-bottom:9px; }.sv-demo-form-preview { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.sv-demo-form-preview > span,.sv-demo-form-preview b { grid-column:1/-1; }.sv-demo-form-preview > i { margin:0; }
.sv-demo-backup-targets { grid-template-columns:1fr; gap:8px; }.sv-demo-backup-targets > div { display:grid; grid-template-columns:25px 1fr; column-gap:10px; }.sv-demo-backup-targets > div > span { grid-row:1/3; }.sv-demo-backup-targets svg { margin:0; }.sv-demo-backup-targets small { margin-top:2px; }
.sv-demo-build-stages .sv-demo-node { display:grid; grid-template-columns:100px minmax(0,1fr); gap:0 15px; }.sv-demo-browser { grid-row:1/3; margin:0; padding:8px; }.sv-demo-browser > b { height:27px; }.sv-demo-browser > div:last-child i { height:19px; }.sv-demo-build-operation { display:block!important; }.sv-demo-build-stages .sv-demo-node h3 { align-self:end; }
.sv-rich .sv-demo-bottom p { font-size:12px; min-height:4.95em; }
} .sv-rich .sv-contract-focus,.sv-rich .sv-marketing-offer { padding:30px; border:1px solid var(--sv-line); border-radius:18px; background:linear-gradient(135deg,var(--sv-soft),#fff); }
.sv-rich .sv-contract-focus > .sv-section-head h2,.sv-rich .sv-marketing-offer > .sv-section-head h2 { font-size:clamp(28px,2.7vw,37px); font-weight:650; }
.sv-rich .sv-service-description p:first-child { color:#4f405f; }
.sv-rich .sv-commercial-criteria .sv-expertise-grid > .sv-expertise { background:none; border-radius:0; border:0; border-top:1px solid #e8e0f2; padding:24px 0; }
.sv-rich .sv-commercial-criteria .sv-expertise-grid { column-gap:32px; row-gap:6px; }
.sv-rich .sv-detail-list article { border-left:0; padding-left:0; }
.sv-rich .sv-inline-note { background:transparent; border:0; border-top:1px solid var(--sv-line); padding:18px 0 0; border-radius:0; }
.sv-rich .sv-inline-note h3 { font-size:16px; }.sv-rich .sv-inline-note p { font-size:14px; }
.sv-rich .sv-related { padding-top:22px; border-top:1px solid #eae3f3; }.sv-rich .sv-related > h2 { font-size:23px; margin-bottom:18px; }
.sv-proactive-explanation { margin-top:22px; padding-top:19px; border-top:1px solid #e8e0f1; }.sv-rich .sv-proactive-explanation h3 { font-size:19px; line-height:1.4; margin:0 0 9px; }
.sv-rich .sv-scope-reminder { margin-top:14px; font-size:13px; line-height:1.7; color:#7b6d85; }
.sv-commercial-close .sv-close-next { font-size:14px; line-height:1.7; color:#776583; margin-top:14px; }
@media(max-width:540px) { .sv-rich .sv-contract-focus,.sv-rich .sv-marketing-offer { padding:24px 20px; border-radius:14px; }.sv-rich .sv-contract-focus > .sv-section-head h2,.sv-rich .sv-marketing-offer > .sv-section-head h2 { font-size:28px; }.sv-rich .sv-related > h2 { font-size:22px; } } .sv-process-demo [data-demo-stage].is-current { background-color:var(--sv-soft,#f3ebfd); border-color:var(--sv-line,#c9aceb); }
.sv-process-demo [data-demo-stage].is-current > .sv-demo-icon { color:var(--sv-accent,#7620f1); }
.sv-demo-record.is-current dl > div { border-top-color:#c9aceb; background:linear-gradient(90deg,#f0e7fb00,#ede1fa88); }
.sv-demo-record.is-current dd { color:#7620f1; }
.sv-demo-ticket-stages li.is-done::after { content:'✓'; position:absolute; right:8px; top:6px; color:#8756be; font-size:12px; }
.sv-demo-development[data-step="0"] .sv-demo-interface > b { background:#f0eaf7; border-color:#d7c9e7; }
.sv-demo-development[data-step="0"] .sv-demo-interface > div:last-child i { background:#faf7fe; border-color:#ded3e9; }
.sv-demo-strategy-branches { position:relative; margin-top:30px; }
.sv-demo-strategy-branches::before { content:''; position:absolute; left:16.66%; right:16.66%; top:-15px; height:1px; background:#dac7ef; }
.sv-demo-strategy-branches .sv-demo-node::before { content:''; position:absolute; left:50%; top:-15px; width:1px; height:14px; background:#dac7ef; }
.sv-demo-objective { position:relative; }.sv-demo-objective::after { content:''; position:absolute; bottom:-16px; left:50%; width:1px; height:15px; background:#dac7ef; }
.sv-demo-cloud-stack { position:relative; }.sv-demo-cloud-stack::after { content:''; position:absolute; left:50%; bottom:-14px; height:13px; width:1px; background:#d8c2ed; }
.sv-demo-performance[data-step="2"] .sv-demo-form-preview > i:last-of-type,.sv-demo-performance[data-step="3"] .sv-demo-form-preview > i:last-of-type { width:55%; background:#d8c5ee; }
@media(prefers-reduced-motion:no-preference) {
.sv-demo-browser > b,.sv-demo-browser > div:last-child i { transition:background .8s ease,border-color .8s ease; }
.sv-demo-form-preview > i { transition:width .8s ease,background-color .8s ease; }
.sv-process-demo[data-running="true"] .is-current > .sv-demo-icon svg { animation:sv-demo-draw-in .8s ease both; }
.sv-demo-integration[data-running="true"][data-step="1"] .sv-demo-packet { animation:sv-demo-send 1.7s ease both; }
.sv-demo-cloud[data-running="true"][data-step="2"] .sv-demo-backup-targets > div { animation:sv-demo-confirm .8s ease both; }.sv-demo-cloud[data-running="true"][data-step="2"] .sv-demo-backup-targets > div:nth-child(2) { animation-delay:.35s; }
@keyframes sv-demo-draw-in { from { opacity:.45; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
@keyframes sv-demo-send { 0% { transform:translateX(-18px); opacity:.3; } 50% { opacity:1; } 100% { transform:translateX(18px); opacity:.6; } }
@keyframes sv-demo-confirm { from { border-color:#bf9de6; box-shadow:0 0 0 3px #eee4fa; } to { border-color:#e9e0f3; box-shadow:0 0 0 0 #eee4fa00; } }
}
@media(max-width:540px) { .sv-demo-strategy-branches::before,.sv-demo-strategy-branches .sv-demo-node::before,.sv-demo-objective::after { content:none; }.sv-demo-strategy-branches { margin-top:14px; } } .sv-rich .sv-demo-development { padding:22px 24px; background:linear-gradient(120deg,#fff,#fcfaff); border-radius:14px; }
.sv-demo-development .sv-demo-heading { margin-bottom:22px; align-items:center; }
.sv-demo-development .sv-demo-heading strong { font-size:17px; }
.sv-demo-development .sv-demo-build-stages { grid-template-columns:1fr 1fr 1.12fr; gap:38px; align-items:center; }
.sv-demo-development .sv-demo-build-stages > .sv-demo-node { display:grid; grid-template-columns:108px minmax(0,1fr); gap:0 15px; position:relative; padding:8px 0; border:0; border-radius:0; background:transparent; }
.sv-demo-development .sv-demo-build-stages > .sv-demo-node:not(:last-child)::after { content:'→'; position:absolute; right:-27px; top:50%; transform:translateY(-50%); color:#bba1d6; font-size:20px; font-weight:400; }
.sv-demo-development .sv-demo-browser { grid-column:1; grid-row:1/3; width:108px; margin:0; padding:8px; border-radius:7px; background:#fff; }
.sv-demo-development .sv-demo-window { margin-bottom:7px; gap:3px; }.sv-demo-development .sv-demo-window i { width:3px; height:3px; }
.sv-demo-development .sv-demo-browser > b { height:24px; border-radius:3px; }.sv-demo-development .sv-demo-browser > span { height:3px; margin:6px 0; }
.sv-demo-development .sv-demo-browser > div:last-child { gap:4px; }.sv-demo-development .sv-demo-browser > div:last-child i { height:16px; border-radius:3px; }
.sv-rich .sv-demo-development .sv-demo-node h3 { margin:0 0 5px; font-size:16px; line-height:1.35; align-self:end; }
.sv-rich .sv-demo-development .sv-demo-node p { margin:0; font-size:13px; line-height:1.65; align-self:start; }
.sv-demo-development .sv-demo-build-stages > .sv-demo-build-operation { display:grid!important; grid-template-columns:24px minmax(0,1fr); gap:0 10px; }
.sv-demo-development .sv-demo-build-operation > .sv-demo-icon { grid-column:1; grid-row:1/3; margin:0; }.sv-demo-development .sv-demo-build-operation svg { width:23px; height:23px; }
.sv-demo-development .sv-demo-build-operation h3,.sv-demo-development .sv-demo-build-operation ul,.sv-demo-development .sv-demo-validation { grid-column:2; }
.sv-demo-development .sv-demo-build-operation ul { display:flex; flex-wrap:wrap; gap:3px 12px; margin:0 0 9px; }
.sv-demo-development .sv-demo-build-operation li { padding:0; border:0; font-size:12px; line-height:1.65; }
.sv-demo-development .sv-demo-validation { justify-self:start; padding:4px 7px; font-size:11px; border-radius:5px; }
.sv-demo-development .sv-demo-bottom { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:15px; margin-top:20px; padding-top:13px; }
.sv-demo-development .sv-demo-progress { margin:0; gap:4px; }.sv-demo-development .sv-demo-progress i { width:15px; height:2px; }
.sv-rich .sv-demo-development .sv-demo-bottom p { min-height:0; margin:0; font-size:12px; line-height:1.7; }
.sv-demo-development .sv-demo-node.is-current h3 { color:#7620f1; }
.sv-demo-development .sv-demo-node.is-current .sv-demo-browser { border-color:#c4a6e9; }
@media(min-width:701px) and (max-width:1100px) {
.sv-demo-development .sv-demo-build-stages { gap:28px; }.sv-demo-development .sv-demo-build-stages > .sv-demo-node { grid-template-columns:1fr; gap:10px; align-self:start; }
.sv-demo-development .sv-demo-browser { grid-row:auto; }.sv-demo-development .sv-demo-build-stages > .sv-demo-node:not(:last-child)::after { right:-20px; top:43px; }
.sv-demo-development .sv-demo-build-stages > .sv-demo-build-operation { grid-template-columns:24px minmax(0,1fr); gap:0 8px; }
}
@media(max-width:700px) {
.sv-rich .sv-demo-development { padding:20px 18px; }.sv-demo-development .sv-demo-heading { align-items:flex-start; margin-bottom:16px; gap:12px; flex-wrap:wrap; }
.sv-demo-development .sv-demo-heading > div { flex:1 1 180px; }.sv-demo-development .sv-demo-heading strong { font-size:16px; }
.sv-demo-development .sv-demo-build-stages { grid-template-columns:1fr; gap:0; }
.sv-demo-development .sv-demo-build-stages > .sv-demo-node { padding:15px 0; grid-template-columns:108px minmax(0,1fr); gap:0 15px; }
.sv-demo-development .sv-demo-build-stages > .sv-demo-node:not(:last-child) { border-bottom:1px solid #eee7f6; }
.sv-demo-development .sv-demo-build-stages > .sv-demo-node:not(:last-child)::after { content:none; }
.sv-demo-development .sv-demo-build-stages > .sv-demo-build-operation { padding-bottom:0; }
.sv-demo-development .sv-demo-bottom { gap:10px; align-items:start; margin-top:18px; }.sv-demo-development .sv-demo-progress { padding-top:8px; }
} .sv-rich .sv-production { background:linear-gradient(145deg,#fff,#faf7fd); border:1px solid #ebe3f3; border-radius:14px; padding:24px; }
.sv-rich .sv-production figcaption { margin-bottom:18px; font-size:15px; line-height:1.5; color:#21104d; }
.sv-production .sv-format-stage { gap:14px; padding:0; }
.sv-production .sv-format { border:1px solid #e6dbee; border-radius:6px; box-shadow:0 6px 18px #39215209; }
.sv-production .sv-format span { color:#725780; background:#ffffffdb; padding:2px 5px; font-size:9px; border-radius:3px; }
.sv-production .sv-edit-track { height:29px; margin:22px 0 19px; padding:0; }
.sv-production .sv-edit-track > div:first-child { height:12px; gap:3px; }
.sv-production .sv-edit-track i { border:1px solid #d7c6e7; background:linear-gradient(100deg,#eee6f6,#dfd0ec); border-radius:3px; }
.sv-production .sv-edit-track i:nth-child(2) { background:linear-gradient(100deg,#c4a5df,#d6c0e9); }.sv-production .sv-edit-track i:nth-child(3) { background:linear-gradient(100deg,#e5d6f1,#cfb6e2); }
.sv-production .sv-edit-track > .sv-audio-track { height:7px; margin-top:5px; opacity:.55; }
.sv-production .sv-edit-track > span { top:-3px; bottom:1px; opacity:.7; }.sv-production .sv-edit-track > span::before { width:4px; height:4px; left:-1.5px; }
.sv-production-caption { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:baseline; padding-top:14px; border-top:1px solid #ebe3f3; }
.sv-production-caption > span { font-size:12px; white-space:nowrap; }.sv-rich .sv-production-caption p { margin:0; font-size:12px; line-height:1.65; }
@media(max-width:540px) { .sv-rich .sv-production { padding:19px 16px; }.sv-production .sv-format-stage { gap:8px; }.sv-production-caption { grid-template-columns:1fr; gap:4px; }.sv-production .sv-format span { font-size:8px; } } @media(max-width:800px) {
.sv-rich .sv-engagement .sv-method-stages { grid-template-columns:minmax(0,1fr); gap:14px; align-items:start; }
.sv-rich .sv-engagement .sv-method-stages article { grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto auto; align-content:start; align-items:start; gap:0 12px; padding:20px; min-height:0; border-radius:11px; }
.sv-rich .sv-engagement .sv-engagement-phase { width:34px; height:34px; border-radius:9px; grid-column:1; grid-row:1/3; }
.sv-rich .sv-engagement-phase svg { width:22px; height:22px; }
.sv-rich .sv-engagement .sv-method-stages article > span { grid-column:2; grid-row:1; margin:0 0 4px; font-size:12px; line-height:1.5; }
.sv-rich .sv-engagement .sv-method-stages h3 { grid-column:2; grid-row:2; margin:0; font-size:19px; line-height:1.4; }
.sv-rich .sv-engagement .sv-method-stages p { grid-column:1/-1; grid-row:3; margin:14px 0 0; font-size:15px; line-height:1.8; }
} @media(max-width:800px) {
.sv-rich .sv-seo-options { grid-template-columns:minmax(0,1fr); gap:14px; }
.sv-rich .sv-seo-options article { padding:22px; border-radius:11px; min-height:0; }
.sv-rich .sv-seo-options article + article { border:1px solid #e7dcf3; }
.sv-rich .sv-seo-options .sv-option-label { margin:0 0 7px; font-size:11px; line-height:1.5; }
.sv-rich .sv-seo-options h3 { margin:0 0 12px; font-size:21px; line-height:1.35; }
.sv-rich .sv-seo-options article > p:not(.sv-option-label):not(.sv-choice-note) { margin:0; font-size:15px; line-height:1.8; }
.sv-rich .sv-seo-options .sv-choice-note { margin:16px 0 0; padding-top:12px; font-size:13px; line-height:1.7; border-top:1px solid #ebe3f3; }
} .sv-rich .sv-edition-choice article > .sv-edition-features { grid-column:1/-1; min-width:0; }
@media(max-width:800px) {
.sv-rich .sv-edition-choice { grid-template-columns:minmax(0,1fr); gap:18px; }
.sv-rich .sv-edition-choice > article { grid-template-columns:minmax(0,1fr); padding:22px; min-width:0; }
.sv-rich .sv-edition-choice > article > * { grid-column:1; grid-row:auto; }
.sv-rich .sv-edition-choice .sv-edition-logo { margin:0 0 14px; height:36px; }
.sv-rich .sv-edition-choice .sv-option-label { grid-column:1; grid-row:auto; margin:0 0 10px; padding:0; font-size:12px; }
.sv-rich .sv-edition-choice article > h3 { font-size:22px; line-height:1.35; }
.sv-rich .sv-edition-choice article > p:not(.sv-option-label):not(.sv-choice-note) { font-size:15px; line-height:1.8; }
.sv-rich .sv-edition-features strong { font-size:16px; }.sv-rich .sv-edition-features span { font-size:15px; line-height:1.75; }
} @media(max-width:800px) {
.sv-rich .sv-options { grid-template-columns:minmax(0,1fr); min-width:0; }
.sv-rich .sv-options > article { min-width:0; padding:22px; }
.sv-rich .sv-options:not(.sv-seo-options):not(.sv-edition-choice) > article + article { border-left:0; border-top:1px solid var(--sv-line,#e5daf2); }
.sv-rich .sv-options h3 { overflow-wrap:break-word; }
.sv-rich .sv-contract-focus { padding:24px 20px; }
} .sv-rich .sv-demo-strategy { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:20px 22px; }
.sv-demo-strategy .sv-demo-heading { grid-column:1/-1; margin:0 0 4px; align-items:center; }
.sv-demo-strategy .sv-demo-strategy-branches { display:contents; }
.sv-demo-strategy .sv-demo-objective,.sv-demo-strategy .sv-demo-node { min-width:0; min-height:0; margin:0; padding:14px; display:grid; grid-template-columns:24px minmax(0,1fr); gap:5px 10px; align-content:start; border-radius:9px; }
.sv-demo-strategy .sv-demo-objective { align-items:start; }
.sv-demo-strategy .sv-demo-objective > .sv-demo-icon,.sv-demo-strategy .sv-demo-node > .sv-demo-icon { grid-column:1; grid-row:1/3; margin:0; }
.sv-demo-strategy .sv-demo-icon svg { width:23px; height:23px; }
.sv-rich .sv-demo-strategy .sv-demo-node h3 { grid-column:2; font-size:14px; line-height:1.4; margin:0; }
.sv-rich .sv-demo-strategy .sv-demo-node p { grid-column:2; font-size:12px; line-height:1.65; margin:0; }
.sv-demo-strategy .sv-demo-objective small { font-size:10px; line-height:1.5; }
.sv-demo-strategy .sv-demo-objective strong { font-size:13px; line-height:1.55; margin-top:4px; }
.sv-demo-strategy .sv-demo-strategy-branches::before,.sv-demo-strategy .sv-demo-node::before,.sv-demo-strategy .sv-demo-objective::after { content:none; }
.sv-demo-strategy .sv-demo-feedback { display:none; }
.sv-demo-strategy .sv-demo-bottom { grid-column:1/-1; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px; margin:2px 0 0; padding-top:10px; }
.sv-demo-strategy .sv-demo-progress { margin:0; }
.sv-rich .sv-demo-strategy .sv-demo-bottom p { min-height:0; margin:0; font-size:12px; line-height:1.65; }
@media(max-width:1000px) { .sv-rich .sv-demo-strategy { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { .sv-rich .sv-demo-strategy { grid-template-columns:minmax(0,1fr); padding:17px 16px; gap:9px; }.sv-demo-strategy .sv-demo-heading { gap:10px; }.sv-demo-strategy .sv-demo-objective,.sv-demo-strategy .sv-demo-node { padding:12px; }.sv-demo-strategy .sv-demo-bottom { align-items:start; }.sv-demo-strategy .sv-demo-progress { padding-top:8px; } }