:root{
 --blue:#195999;
 --blue-dark:#154A80;
 --blue-light:#EAF2F8;
 --bg:#F2F2F2;
 --white:#FFFFFF;
 --text:#17324D;
 --muted:#64748B;
 --red:#E21B23;
 --line:#D8E1E8;
 --sidebar:300px;
 --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;background:var(--bg);color:var(--text);
 font-family:Inter,Roboto,Arial,sans-serif;line-height:1.66
}
h1,h2,h3,h4{font-family:Montserrat,Inter,Roboto,Arial,sans-serif}
a{color:inherit}
img{max-width:100%;height:auto;display:block}

/* Menú inspirado en la estructura del manual /ayuda/ */
.sidebar{
 position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);
 background:var(--blue);color:#fff;overflow-y:auto;z-index:50;
 border-right:1px solid rgba(0,0,0,.08)
}
.brand-wrap{
 background:#fff;padding:20px 18px 16px;border-bottom:5px solid var(--red)
}
.brand-wrap img{width:100%;height:auto}
.side-heading{
 padding:20px 22px 10px;font-size:.76rem;font-weight:900;
 letter-spacing:.12em;text-transform:uppercase;color:#D8E9F7
}
.side-nav{padding:0 12px 20px}
.side-section{margin-bottom:8px}
.side-section-title{
 display:block;padding:10px 12px;color:#fff;font-weight:900;
 text-decoration:none;border-radius:7px
}
.side-section-title:hover{background:rgba(255,255,255,.10)}
.side-sub{display:grid;gap:2px;margin:2px 0 8px}
.side-sub a{
 color:#EAF4FC;text-decoration:none;padding:8px 12px 8px 24px;
 border-radius:7px;font-size:.91rem;border-left:3px solid transparent
}
.side-sub a:hover{background:rgba(255,255,255,.09)}
.side-sub a.active{
 background:#fff;color:var(--blue);font-weight:900;border-left-color:var(--red)
}
.side-contact{
 margin:10px 16px 22px;padding:16px;border-top:1px solid rgba(255,255,255,.25);
 font-size:.88rem
}
.side-contact strong{display:block;margin-bottom:7px}
.side-contact a{display:block;text-decoration:none;color:#fff;margin:5px 0}

/* Página */
.page{margin-left:var(--sidebar);min-height:100vh}
.mobile-head{display:none}
.top-strip{
 height:12px;background:var(--blue);border-bottom:3px solid var(--red)
}
.content-shell{width:min(var(--max),calc(100% - 54px));margin:auto}
.breadcrumb{
 padding:22px 0 10px;font-size:.88rem;color:var(--muted)
}
.breadcrumb a{text-decoration:none;color:var(--blue)}
.page-header{
 background:#fff;border:1px solid var(--line);
 border-radius:3px;padding:30px 34px;margin-bottom:22px
}
.page-header .section-code{
 color:var(--red);font-weight:900;text-transform:uppercase;
 letter-spacing:.08em;font-size:.8rem
}
.page-header h1{
 margin:7px 0 9px;font-size:clamp(2rem,4vw,3.25rem);
 color:var(--blue)
}
.page-header p{margin:0;max-width:880px;color:var(--muted);font-size:1.08rem}

.article{
 background:#fff;border:1px solid var(--line);
 padding:34px 38px;margin-bottom:24px
}
.article h2{
 margin:32px 0 12px;color:var(--blue);font-size:1.5rem;
 border-bottom:1px solid var(--line);padding-bottom:8px
}
.article h2:first-child{margin-top:0}
.article h3{color:var(--text);font-size:1.12rem;margin-top:24px}
.article p{margin:0 0 16px}
.article ul{padding-left:22px}
.tip{
 margin:22px 0;background:var(--blue-light);border-left:5px solid var(--red);
 padding:17px 20px
}
.tip strong{color:var(--blue)}
.data-table{
 width:100%;border-collapse:collapse;margin:18px 0;background:#fff
}
.data-table th,.data-table td{
 border:1px solid var(--line);padding:11px 13px;text-align:left
}
.data-table th{background:var(--blue);color:#fff}
.actions{
 display:flex;gap:10px;flex-wrap:wrap;margin-top:25px
}
.btn{
 display:inline-block;text-decoration:none;padding:11px 17px;
 font-weight:900;border-radius:5px
}
.btn-primary{background:var(--blue);color:#fff}
.btn-red{background:var(--red);color:#fff}
.related{
 display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px
}
.related a{
 text-decoration:none;background:var(--blue-light);border:1px solid #CFDFEC;
 padding:15px;border-radius:6px
}
.related strong{display:block;color:var(--blue)}
.related small{color:var(--muted)}
.footer{
 background:#fff;border-top:1px solid var(--line);
 padding:20px 0 28px;margin-top:34px
}
.footer-inner{
 width:min(var(--max),calc(100% - 54px));margin:auto;
 display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
 font-size:.9rem;color:var(--muted)
}
.footer a{color:var(--blue);text-decoration:none}

/* El footer NO lleva un segundo logo */
.mobile-toggle{
 border:0;background:var(--blue);color:#fff;padding:9px 12px;
 border-radius:6px;font-weight:900
}
.mobile-logo{height:46px;width:auto}

@media(max-width:940px){
 .sidebar{transform:translateX(-100%);transition:.2s}
 .sidebar.open{transform:translateX(0);box-shadow:12px 0 30px rgba(0,0,0,.2)}
 .page{margin-left:0}
 .mobile-head{
  display:flex;position:sticky;top:0;z-index:45;background:#fff;
  align-items:center;justify-content:space-between;padding:10px 15px;
  border-bottom:1px solid var(--line)
 }
 .related{grid-template-columns:1fr}
}
@media(max-width:620px){
 .content-shell,.footer-inner{width:calc(100% - 24px)}
 .page-header,.article{padding:23px 20px}
}
@media print{
 .sidebar,.mobile-head,.top-strip{display:none!important}
 .page{margin-left:0}
 .content-shell,.footer-inner{width:100%}
 .article,.page-header{border:0}
}


/* HEADER Y FOOTER FIJOS — ESTÁNDAR INTERLAB */
:root{--fixed-header-h:72px;--fixed-footer-h:62px}
.fixed-header{
 position:fixed;top:0;left:var(--sidebar);right:0;height:var(--fixed-header-h);
 z-index:46;background:#fff;border-bottom:1px solid var(--line);
 display:flex;align-items:center;box-shadow:0 4px 14px rgba(23,50,77,.05)
}
.fixed-header-inner{
 width:min(var(--max),calc(100% - 54px));margin:auto;
 display:flex;align-items:center;justify-content:space-between;gap:24px
}
.fixed-header-title{
 font-family:Montserrat,Inter,Arial,sans-serif;font-weight:900;color:var(--blue);white-space:nowrap
}
.fixed-top-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.fixed-top-nav a{
 text-decoration:none;color:var(--blue);font-weight:850;padding:9px 12px;border-radius:6px
}
.fixed-top-nav a:hover{background:var(--blue-light)}
.fixed-top-nav .wa{background:var(--blue);color:#fff}
.fixed-top-nav .wa:hover{background:var(--blue-dark)}

.page{padding-top:var(--fixed-header-h);padding-bottom:var(--fixed-footer-h)}
.fixed-footer{
 position:fixed;left:var(--sidebar);right:0;bottom:0;min-height:var(--fixed-footer-h);
 z-index:44;background:#fff;border-top:1px solid var(--line);
 box-shadow:0 -4px 14px rgba(23,50,77,.05)
}
.fixed-footer-inner{
 width:min(var(--max),calc(100% - 54px));min-height:var(--fixed-footer-h);margin:auto;
 display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.86rem
}
.footer-group{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.footer-group strong{color:var(--blue)}
.fixed-footer a{color:var(--blue);text-decoration:none;font-weight:750}
.fixed-footer a:hover{text-decoration:underline}
.footer{display:none}

@media(max-width:940px){
 .fixed-header{position:sticky;top:61px;left:0;height:auto;min-height:60px}
 .fixed-header-inner{
   width:calc(100% - 24px);padding:9px 0;align-items:flex-start;flex-direction:column;gap:4px
 }
 .fixed-header-title{display:none}
 .fixed-top-nav{width:100%;justify-content:flex-start;gap:4px}
 .fixed-top-nav a{padding:7px 8px;font-size:.83rem}
 .page{padding-top:0;padding-bottom:0}
 .fixed-footer{position:static;min-height:auto}
 .fixed-footer-inner{
   width:calc(100% - 24px);padding:18px 0;flex-direction:column;align-items:flex-start
 }
}
@media print{
 .fixed-header,.fixed-footer{display:none!important}
 .page{padding-top:0;padding-bottom:0}
}


/* =========================================================
   ESTÁNDAR INTERLAB — ESQUINAS REDONDEADAS
   Regla visual solicitada: 15% en botones y contenedores.
   Se usa 15% donde la geometría lo permite y un radio
   equivalente estable en contenedores grandes.
   ========================================================= */
:root{
 --radius-interlab:15%;
 --radius-container:18px;
}

/* Botones, enlaces tipo botón y controles */
.btn,
.mobile-toggle,
.fixed-top-nav a,
.side-section-title,
.side-sub a,
.brand-wrap,
.tip,
.related a{
 border-radius:var(--radius-interlab) !important;
}

/* Contenedores grandes: radio visual uniforme sin deformar */
.page-header,
.article,
.data-table,
.fixed-header-inner,
.fixed-footer-inner{
 border-radius:var(--radius-container);
}

/* Menú y bloques laterales */
.sidebar{
 border-top-right-radius:var(--radius-container);
 border-bottom-right-radius:var(--radius-container);
}
.brand-wrap{
 margin:12px;
 overflow:hidden;
}
.side-contact{
 border-radius:var(--radius-container);
 background:rgba(255,255,255,.07);
 padding:16px;
}

/* Tablas: conservar redondeo completo */
.data-table{
 overflow:hidden;
 border-collapse:separate;
 border-spacing:0;
}
.data-table th:first-child{border-top-left-radius:var(--radius-container)}
.data-table th:last-child{border-top-right-radius:var(--radius-container)}
.data-table tr:last-child td:first-child{border-bottom-left-radius:var(--radius-container)}
.data-table tr:last-child td:last-child{border-bottom-right-radius:var(--radius-container)}

/* Encabezado y pie: el bloque interior también se percibe redondeado */
.fixed-header-inner,
.fixed-footer-inner{
 padding-left:14px;
 padding-right:14px;
}

/* Inputs futuros heredan el mismo lenguaje visual */
input,select,textarea,button{
 border-radius:var(--radius-interlab);
}

/* Imágenes y elementos multimedia dentro del contenido */
.article img,
.article video,
.article iframe,
.page-header img{
 border-radius:var(--radius-container);
}

/* Evitar esquinas rectas en tarjetas futuras */
.card,
.notice,
.callout,
.resource-card,
.hero-card{
 border-radius:var(--radius-container) !important;
 overflow:hidden;
}

@media(max-width:940px){
 .sidebar{
  border-top-right-radius:var(--radius-container);
  border-bottom-right-radius:var(--radius-container);
 }
 .fixed-header-inner,.fixed-footer-inner{border-radius:var(--radius-container)}
}


/* =========================================================
   PROPUESTA 5 — UNIFICACIÓN DE BOTONES / CONTENEDORES
   Referencia visual: tarjetas de Contenido relacionado
   ========================================================= */
.soft-action{
 background:var(--blue-light) !important;
 color:var(--blue) !important;
 border:1px solid #CFDFEC !important;
 border-radius:18px !important;
 padding:11px 17px !important;
 box-shadow:none !important;
 transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.soft-action:hover{
 background:#fff !important;
 border-color:var(--blue) !important;
 transform:translateY(-1px);
 text-decoration:none !important;
}
.tip.soft-panel{
 background:var(--blue-light);
 border:1px solid #CFDFEC;
 border-left:5px solid var(--red);
 border-radius:18px !important;
 padding:17px 20px;
 overflow:hidden;
}
.related a{
 border-radius:18px !important;
 transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.related a:hover{
 background:#fff;
 border-color:var(--blue);
 transform:translateY(-1px);
}

/* Centro de Conocimiento InterLAB */
.knowledge-intro{
 display:flex;justify-content:space-between;gap:25px;align-items:center;
 background:var(--blue-light);border:1px solid #CFDFEC;border-radius:18px;
 padding:22px;margin-bottom:22px
}
.value-title{font-family:Montserrat,Inter,Arial,sans-serif;font-weight:900;color:var(--blue);font-size:1.25rem}
.knowledge-stats{display:flex;gap:10px;flex-wrap:wrap}
.knowledge-stats div{
 background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;min-width:105px
}
.knowledge-stats strong{display:block;color:var(--blue);font-size:1.2rem}
.knowledge-stats span{display:block;color:var(--muted);font-size:.75rem}
.knowledge-search{margin:24px 0}
.knowledge-search label{display:block;color:var(--blue);font-weight:900;margin-bottom:7px}
.knowledge-search input{
 width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:18px;
 font:inherit;color:var(--text);background:#fff
}
.knowledge-search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(25,89,153,.08)}
.knowledge-section{scroll-margin-top:95px;margin:34px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}
.section-heading h2{border:0;margin:4px 0 0;padding:0}
.section-heading>span{color:var(--muted);font-size:.85rem}
.knowledge-kicker{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}
.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.knowledge-card{
 background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
 display:grid;grid-template-columns:220px 1fr
}
.knowledge-image{display:block;background:var(--blue-light);min-height:210px}
.knowledge-image img{width:100%;height:100%;object-fit:cover}
.article-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--blue);font-weight:900;font-size:1.4rem}
.knowledge-copy{padding:19px}
.knowledge-category{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}
.knowledge-copy h2{border:0;padding:0;margin:5px 0 3px;font-size:1.25rem}
.knowledge-copy h2 a{text-decoration:none;color:var(--blue)}
.knowledge-subtitle{font-weight:800;color:var(--text);font-size:.88rem;margin-bottom:8px}
.knowledge-copy p{color:var(--muted);font-size:.9rem}
.article-empty{
 margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;
 padding:22px;text-align:center
}
.category-band{
 display:flex;justify-content:space-between;align-items:center;gap:24px;
 background:var(--blue-light);border:1px solid #CFDFEC;border-radius:18px;padding:22px
}
.category-band h2{border:0;padding:0;margin:4px 0 7px}
.category-band p{margin:0;color:var(--muted)}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.topic-grid>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.topic-grid strong{display:block;color:var(--blue);margin-bottom:4px}
.topic-grid span{display:block;color:var(--muted);font-size:.86rem}
.conversion-box{
 margin:30px 0;background:var(--blue-light);border:1px solid #CFDFEC;
 border-radius:18px;padding:23px;display:flex;justify-content:space-between;
 align-items:center;gap:22px
}
.conversion-box h2{border:0;padding:0;margin:5px 0 8px}
.conversion-kicker{
 color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem
}
.conversion-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:980px){
 .knowledge-card{grid-template-columns:1fr}
 .knowledge-image{min-height:180px}
 .topic-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .knowledge-intro,.category-band,.conversion-box{flex-direction:column;align-items:flex-start}
 .knowledge-grid,.topic-grid{grid-template-columns:1fr}
}

/* Centro de Conocimiento — listado escalable inspirado en FAQ */
.knowledge-search{margin:22px 0 16px}
.knowledge-search label{display:block;color:var(--blue);font-weight:900;margin-bottom:7px}
.knowledge-search input{
 width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:18px;
 font:inherit;color:var(--text);background:#fff
}
.knowledge-search input:focus{
 outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(25,89,153,.08)
}
.knowledge-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;scroll-margin-top:95px}
.knowledge-filter{
 border:1px solid #CFDFEC;background:var(--blue-light);color:var(--blue);
 padding:9px 13px;border-radius:18px;font-weight:850;cursor:pointer
}
.knowledge-filter:hover,.knowledge-filter.active{
 background:var(--blue);color:#fff;border-color:var(--blue)
}
.knowledge-list-section{scroll-margin-top:95px;margin:28px 0 36px}
.knowledge-list-head{
 display:flex;justify-content:space-between;align-items:end;gap:18px;
 margin-bottom:13px;border-bottom:1px solid var(--line);padding-bottom:10px
}
.knowledge-list-head h2{border:0;padding:0;margin:4px 0 0}
.knowledge-list-head>span{color:var(--muted);font-size:.88rem}
.knowledge-kicker{
 color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem
}
.knowledge-list{display:grid;gap:10px}
.knowledge-item{
 background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden
}
.knowledge-item summary{
 list-style:none;cursor:pointer;padding:16px 19px;display:flex;gap:14px;align-items:center
}
.knowledge-item summary::-webkit-details-marker{display:none}
.knowledge-item summary:after{
 content:"+";margin-left:auto;color:var(--red);font-size:1.25rem;font-weight:900
}
.knowledge-item[open] summary{
 background:var(--blue-light)
}
.knowledge-item[open] summary:after{content:"−"}
.knowledge-number{
 width:38px;height:38px;border-radius:13px;background:var(--blue-light);
 color:var(--blue);display:grid;place-items:center;font-weight:900;flex:0 0 auto
}
.knowledge-item[open] .knowledge-number{background:#fff}
.knowledge-summary-copy{display:block;min-width:0}
.knowledge-category{
 display:block;color:var(--red);font-size:.69rem;text-transform:uppercase;
 letter-spacing:.07em;font-weight:900;margin-bottom:2px
}
.knowledge-summary-copy strong{
 display:block;color:var(--blue);font-family:Montserrat,Inter,Arial,sans-serif;
 font-size:1rem;line-height:1.3
}
.knowledge-answer{padding:0 19px 18px 71px}
.knowledge-answer p{margin:12px 0 15px;color:var(--muted)}
.knowledge-actions{display:flex;gap:9px;flex-wrap:wrap}
.article-empty{
 background:#fff;border:1px solid var(--line);border-radius:18px;
 padding:24px;text-align:center;margin-top:16px
}
.future-box{
 scroll-margin-top:95px;background:var(--blue-light);border:1px solid #CFDFEC;
 border-radius:18px;padding:22px;margin:30px 0
}
.future-box h2{border:0;padding:0;margin:4px 0 7px}
.future-box p{margin:0;color:var(--muted)}
.conversion-box{
 margin:30px 0;background:var(--blue-light);border:1px solid #CFDFEC;
 border-radius:18px;padding:23px;display:flex;justify-content:space-between;
 align-items:center;gap:22px
}
.conversion-box h2{border:0;padding:0;margin:5px 0 8px}
.conversion-kicker{
 color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem
}
.conversion-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:760px){
 .knowledge-list-head,.conversion-box{flex-direction:column;align-items:flex-start}
 .knowledge-answer{padding-left:19px}
 .knowledge-item summary{align-items:flex-start}
}

.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.value-box{display:grid;grid-template-columns:1fr 210px;gap:25px;align-items:center;background:#f7faff;border:1px solid #d5e2ef;border-radius:15px;padding:22px}.value-box h2{margin-top:5px}.big-benefit{background:#195999;color:#fff;border-radius:15px;padding:25px;text-align:center}.big-benefit strong,.big-benefit span,.big-benefit small{display:block}.big-benefit strong{font-size:2rem}.big-benefit span{font-weight:900}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.doc-card{border:1px solid var(--line);border-radius:15px;padding:16px}.doc-card h3{margin:0 0 6px;color:#195999}.doc-card p{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.steps>div{border:1px solid var(--line);border-radius:15px;padding:13px}.steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#195999;color:#fff;margin-bottom:8px}.steps strong{display:block;color:#195999}.steps p{font-size:.85rem;color:var(--muted)}.warning-box{margin:25px 0;background:#fff7e8;border:1px solid #ecd9b3;border-left:5px solid #c9232d;border-radius:15px;padding:17px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comparison>div{border:1px solid var(--line);border-radius:15px;padding:17px}.comparison .recommended{border:2px solid #195999;background:#f5f9fd}.benefit-line{background:#edf4fb;border-radius:15px;padding:15px}.sales-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf4fb;border-radius:15px;padding:18px}.sales-box p{margin-bottom:0}.faq-item{border:1px solid var(--line);border-radius:15px;margin:8px 0;background:#fff;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:14px 16px;color:#195999;font-weight:900}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:1.3rem}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item>div{border-top:1px solid #edf1f4;padding:0 16px}.article-long h2{scroll-margin-top:90px}@media(max-width:900px){.value-box,.comparison{grid-template-columns:1fr}.doc-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.sales-box{display:block}.sales-box .btn{margin-top:10px}}

.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.feature-hero{display:grid;grid-template-columns:1fr 250px;gap:25px;align-items:center;background:#f7faff;border:1px solid #d5e2ef;border-radius:15px;padding:22px}.feature-visual{background:#195999;color:#fff;border-radius:15px;padding:22px;text-align:center}.feature-visual img{width:95px;height:95px;object-fit:contain;background:#fff;border-radius:50%;padding:8px;margin:auto auto 12px}.feature-visual strong,.feature-visual span,.feature-visual small{display:block}.feature-visual strong{font-size:1.5rem}.feature-visual span{font-weight:900;margin:7px 0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.steps>div{border:1px solid var(--line);border-radius:15px;padding:13px}.steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#195999;color:#fff;margin-bottom:8px}.steps strong{display:block;color:#195999}.steps p{font-size:.85rem;color:var(--muted)}.question-grid,.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.question-grid>div,.doc-card{border:1px solid var(--line);border-radius:15px;padding:16px}.question-grid span{display:inline-grid;place-items:center;background:#edf4fb;color:#195999;border-radius:50%;width:34px;height:34px;font-weight:900;margin-right:7px}.question-grid strong{color:#195999}.question-grid small{display:block;color:var(--muted);margin-top:7px}.doc-card h3{margin:0 0 6px;color:#195999}.doc-card p{margin:0;color:var(--muted)}.personalize{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;background:#edf4fb;border-radius:15px;padding:20px}.config-list{background:#fff;border-radius:15px;padding:16px}.config-list strong,.config-list span{display:block}.config-list strong{color:#195999;margin-bottom:8px}.config-list span{padding:5px 0}.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px}.workflow>div{border:1px solid var(--line);border-radius:15px;padding:13px}.workflow strong{color:#195999}.workflow i{align-self:center;font-size:1.5rem;color:#c9232d}.legacy-demo,.sales-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf4fb;border-radius:15px;padding:18px;margin-top:15px}.legacy-demo p,.sales-box p{margin-bottom:0}.warning-box{margin:25px 0;background:#fff7e8;border:1px solid #ecd9b3;border-left:5px solid #c9232d;border-radius:15px;padding:17px}.faq-item{border:1px solid var(--line);border-radius:15px;margin:8px 0;background:#fff;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:14px 16px;color:#195999;font-weight:900}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:1.3rem}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item>div{border-top:1px solid #edf1f4;padding:0 16px}.article-long h2{scroll-margin-top:90px}@media(max-width:900px){.feature-hero,.personalize{grid-template-columns:1fr}.question-grid,.doc-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.workflow i{transform:rotate(90deg);text-align:center}.legacy-demo,.sales-box{display:block}.legacy-demo .btn,.sales-box .btn{margin-top:10px}}