/* New information architecture. Pricing retains site.css and site.js only. */
[hidden]{display:none!important}.header nav{gap:19px;font-size:.8rem}.header .login{margin-left:0}.header .brand img{width:164px}.header .nav-wrap{gap:22px}.header .button.small{padding:13px 15px;gap:10px}.hero-copy h1{font-size:clamp(2.8rem,4.4vw,4.6rem)}.hero-copy>p{max-width:530px}.hero-copy p strong{font-weight:400;color:var(--ink)}.hero-notes{flex-wrap:wrap}.hero .visual-heading{flex-wrap:wrap;gap:8px}.hero .browser-shell{transform:none}.hero .screenshot{margin:0;border:0;border-radius:0;box-shadow:none}.hero .screenshot-placeholder{min-height:340px}.hero .visual-bottom{flex-wrap:wrap}.screenshot-placeholder{min-height:350px;display:flex;flex-direction:column;background:linear-gradient(135deg,#fafbff,#edf0ff);border:1px dashed #a7afd2;box-shadow:none;overflow:hidden}.screenshot-placeholder>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:35px}.screenshot-placeholder .eyebrow{margin:0;font-size:.65rem;color:var(--muted)}.screenshot-placeholder strong{max-width:340px;font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.placeholder-icon{font-size:2.6rem;line-height:1;color:var(--blue)}.placeholder-pending{font-size:.8rem;color:var(--muted)}.screenshot-placeholder figcaption{font-size:.7rem;text-align:center;padding:13px;background:#ffffff9c;border-top:1px solid var(--line)}
.logo-section{padding:42px 0 24px;border-bottom:1px solid var(--line)}.logo-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.logo-heading .eyebrow{margin-bottom:10px;font-size:.65rem}.logo-heading h2{font-size:1.8rem;letter-spacing:-.03em;margin:0}.logo-heading .text-link{flex-shrink:0;font-size:.8rem}.logo-carousel{margin-top:28px;overflow-x:auto;scrollbar-width:thin}.logo-track{display:flex;width:max-content}.logo-track img{height:340px;width:auto;max-width:none;flex:none}.logo-carousel.can-animate{overflow:hidden}.can-animate .logo-track{animation:logo-drift 160s linear infinite}.logo-carousel:hover .logo-track,.logo-carousel:focus-within .logo-track,.logo-carousel.is-paused .logo-track{animation-play-state:paused}.logo-controls{display:flex;justify-content:flex-end;margin-top:10px}.carousel-toggle{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:.75rem;color:var(--muted);padding:8px}.logo-carousel.is-paused{overflow-x:auto}@keyframes logo-drift{to{transform:translateX(-50%)}}
.document-grid,.module-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.document-grid article{position:relative;padding:30px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.document-grid article>span{color:var(--blue);display:block;margin-bottom:24px;font-size:1.4rem}.document-grid h3{font-size:1.3rem;line-height:1.2;max-width:290px}.document-grid p,.module-overview p{font-size:.9rem;margin:0}.module-overview>a{border-top:1px solid var(--line);padding:30px 20px}.module-overview>a:hover{background:var(--pale)}.module-overview h3{font-size:1.6rem}.dian-banner{display:flex;justify-content:space-between;gap:40px;align-items:center;background:var(--ink);color:white;padding:32px;border-radius:var(--radius);margin:32px 0}.dian-banner .eyebrow{color:var(--accent);font-size:.65rem;margin-bottom:12px}.dian-banner h3{font-size:1.65rem;margin-bottom:14px}.dian-banner p{color:#d7dcef;font-size:.8rem;max-width:680px;margin:0}.dian-banner .text-link{flex-shrink:0;color:#fff}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;align-items:center;gap:12px;background:#00e676;color:#073b20;border:2px solid #fff;border-radius:50px;padding:16px 24px;box-shadow:0 6px 24px #171b4233;font-size:1rem;font-weight:600}.whatsapp-float:hover{background:#00d66c}.whatsapp-float svg{width:34px;height:34px}.footer-bottom{padding-bottom:90px}
.catalogue-intro{text-align:center;max-width:900px;margin-bottom:60px}.catalogue-intro>p{font-size:.95rem}.catalogue-intro>p>strong{color:var(--ink)}.catalogue-intro .button-row{justify-content:center;align-items:center}.catalogue-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:50px;padding-bottom:90px;align-items:start}.catalogue-sidebar{position:sticky;top:110px}.catalogue-sidebar h2{font-size:1.2rem;letter-spacing:-.02em}.catalogue-sidebar nav{display:grid;gap:3px;margin-bottom:25px}.catalogue-sidebar nav a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-radius:6px;font-size:.8rem;line-height:1.4}.catalogue-sidebar nav a:hover{background:var(--pale);color:var(--blue)}.catalogue-sidebar nav span{color:var(--muted);font-size:.7rem}.catalogue-sidebar>.text-link{font-size:.75rem}.catalogue-search{padding:25px;background:var(--pale);border-radius:12px;margin-bottom:42px}.catalogue-search label{font-size:.9rem;font-weight:600}.search-row{display:flex;gap:12px;margin-top:12px}.search-row input{width:100%;min-width:0;background:white;border:1px solid #bbc4e4;border-radius:7px;padding:13px 16px;color:var(--ink)}.catalogue-search p{font-size:.75rem;margin:12px 0 0}.catalogue-group{scroll-margin-top:115px;margin-bottom:55px}.catalogue-group-heading{padding-top:22px;border-top:1px solid var(--line)}.catalogue-group-heading .module-number{margin-bottom:12px;font-size:.65rem}.catalogue-group h2{font-size:2.2rem;line-height:1.15;margin-bottom:25px}.catalogue-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.catalogue-card{padding:25px;border:1px solid var(--line);border-radius:12px}.catalogue-card h3{font-size:1.18rem;letter-spacing:-.025em;line-height:1.3;margin-bottom:18px}.catalogue-card ul{margin:0;padding-left:18px;font-size:.84rem;color:var(--muted)}.catalogue-card li{margin-bottom:10px;padding-left:3px}.catalogue-card li:last-child{margin-bottom:0}.catalogue-card li::marker{color:var(--blue)}.catalogue-card .text-link{margin-top:20px;font-size:.75rem}.catalogue-note{padding:16px 20px;border-left:3px solid var(--blue);background:var(--pale);font-size:.85rem;margin-bottom:22px}.product-directory{margin-bottom:40px}.product-directory .note-box{margin:0}.product-directory h2{font-size:1.6rem}.module .screenshot{width:100%;min-width:0}
@media(max-width:1150px){.header .nav-wrap{gap:15px}.header nav{gap:13px;font-size:.75rem}.header .brand img{width:145px}.header .button.small{font-size:.75rem;padding:12px}.header nav .login{display:none}.catalogue-layout{gap:30px;grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:1000px){.hero-grid{gap:30px}.document-grid,.module-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-layout{grid-template-columns:190px minmax(0,1fr)}.catalogue-cards{grid-template-columns:1fr}.dian-banner{gap:25px}.hero .screenshot-placeholder{min-height:300px}.logo-heading{align-items:start}.header nav{gap:10px;font-size:.7rem}.header .brand img{width:125px}.header .button.small{gap:6px}}
@media(max-width:850px){.header .menu-toggle{display:block;background:white;border:1px solid var(--line);padding:9px 14px;border-radius:6px;font-size:.8rem}.header .brand img{width:160px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:22px 28px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #171b4210;flex-direction:column;align-items:stretch;gap:0;font-size:.95rem}.header nav.open{display:flex}.header nav>a{padding:11px}.header nav .login{display:block}.header .button.small{margin-top:10px;font-size:.875rem}.header .nav-wrap{min-height:76px}html:not(.js) .header{position:relative}html:not(.js) .header .menu-toggle{display:none}html:not(.js) .header .nav-wrap{flex-wrap:wrap;padding-block:20px}html:not(.js) .header nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding:0;border:0;box-shadow:none}}
@media(max-width:720px){.hero-copy h1{font-size:clamp(2.6rem,9.7vw,4rem)}.hero .screenshot-placeholder{min-height:280px}.screenshot-placeholder{min-height:280px}.screenshot-placeholder>div{padding:25px}.hero-copy>p{font-size:1.05rem}.logo-heading{flex-direction:column;gap:15px}.logo-track img{height:130px}.logo-heading h2{font-size:1.5rem}.document-grid,.module-overview{grid-template-columns:1fr}.document-grid article{padding:25px}.document-grid article>span{margin-bottom:12px}.dian-banner{flex-direction:column;align-items:start;padding:25px}.dian-banner h3{font-size:1.4rem}.catalogue-layout{display:block;padding-bottom:40px}.catalogue-sidebar{position:static;margin-bottom:35px}.catalogue-sidebar nav{display:flex;flex-wrap:wrap;gap:7px}.catalogue-sidebar nav a{border:1px solid var(--line);font-size:.75rem;padding:8px 11px}.catalogue-sidebar nav span{display:none}.catalogue-group h2{font-size:1.8rem}.catalogue-intro{margin-bottom:35px}.catalogue-search{padding:18px}.search-row{gap:8px}.search-row input{font-size:.85rem;padding:12px}.search-row button{padding:12px}.whatsapp-float{right:16px;bottom:16px;padding:16px}.whatsapp-float span{display:none}.whatsapp-float svg{width:34px;height:34px}.module-overview>a{padding:24px 20px}.catalogue-intro .button-row{flex-direction:column}}
@media(max-width:380px){.page-intro h1{font-size:2.25rem}.solution-detail h2,.module h2{font-size:2rem}.page-intro h1,.section-heading h2{overflow-wrap:break-word}}

/* Show the complete uploaded screenshot in the demo gallery. */
.demo-grid .screenshot img{aspect-ratio:auto;object-fit:contain}

.document-grid article>.document-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--pale)}
.document-icon svg{display:block;flex:none}
