#demoDetail{min-height:100svh}.demos-sections:empty{min-height:100svh}#catalogProblems{min-height:36px}#demosCount{min-height:1.5em}.demos-hero{padding:110px 0 24px;position:relative}.demos-hero .wrap{text-align:center}.demos-hero .pill{margin-bottom:14px}.demos-hero h1{font-family:var(--font-h);font-weight:800;font-size:clamp(2rem,4vw,2.8rem);line-height:1.15;margin-bottom:12px;color:var(--ink)}.demos-hero p.lede{color:var(--ink-light);max-width:620px;margin:0 auto;font-size:1.02rem;line-height:1.6}.demos-smart-bar{display:inline-flex;align-items:center;gap:12px;background:#f0fdf4;border:1px solid #DCFCE7;padding:8px 18px;border-radius:50px;margin-top:20px;font-size:.88rem;flex-wrap:wrap;justify-content:center}.smart-bar-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--green);color:#fff;padding:3px 8px;border-radius:50px}.smart-bar-text{color:#166534;font-weight:500}.smart-bar-link{color:#166534;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:4px}.smart-bar-link:hover{color:#14532d}.demos-toolbar{padding:8px 0 20px}.demos-toolbar .wrap{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.demos-search{position:relative;flex:1 1 420px;max-width:520px}.demos-search input{width:100%;padding:13px 18px 13px 44px;border:1.5px solid var(--line);border-radius:50px;font-family:var(--font-b);font-size:.95rem;background:var(--white);color:var(--ink);transition:border-color .2s}.demos-search input:focus{outline:none;border-color:var(--green)}.demos-search svg,.demos-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-lighter);pointer-events:none}.demos-dropdown{position:relative;flex:0 0 auto}.demos-dropdown-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1.5px solid var(--line);background:var(--white);border-radius:50px;font-family:var(--font-b);font-size:.9rem;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s;min-height:46px}.demos-dropdown-btn:hover,.demos-dropdown.open .demos-dropdown-btn{border-color:var(--green);color:var(--green)}.demos-dropdown-btn .dd-label{font-size:.72rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-lighter)}.demos-dropdown-btn .dd-value{color:inherit}.demos-dropdown-btn svg{width:14px;height:14px;transition:transform .2s}.demos-dropdown.open .demos-dropdown-btn svg{transform:rotate(180deg)}.demos-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;list-style:none;margin:0;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #1a1a2e1f;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s;z-index:20}.demos-dropdown.open .demos-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.demos-dropdown-item{padding:10px 14px;border-radius:10px;font-size:.9rem;color:var(--ink);cursor:pointer;transition:background .15s}.demos-dropdown-item:hover{background:var(--cream);color:var(--green)}.active-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0 0}.afb-prefix{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-lighter)}.afb-chip{display:inline-flex;align-items:center;padding:6px 14px;background:var(--green);color:var(--white);border-radius:50px;font-size:.85rem;font-weight:600}.afb-reset{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--ink-lighter);font-family:var(--font-b);font-size:.85rem;font-weight:600;cursor:pointer;padding:6px 4px;transition:color .2s}.afb-reset:hover{color:var(--green)}.afb-reset svg{width:14px;height:14px}.afb-reset-secondary{display:inline-flex;align-items:center;gap:6px;background:var(--cream);border:1px solid var(--line);color:var(--ink);font-family:var(--font-b);font-size:.82rem;font-weight:600;border-radius:50px;cursor:pointer;padding:5px 12px;transition:all .2s}.afb-reset-secondary:hover{border-color:var(--green);color:var(--green);background:#fff}.empty-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:18px}.demos-count{color:var(--ink-lighter);font-size:.85rem;margin:14px 0 8px}.demos-sections{padding:8px 0 72px}.demo-section{margin-bottom:48px}.demo-section:last-child{margin-bottom:24px}.demo-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px;padding:0 2px}.demo-section-title-wrap{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.demo-section-title{font-family:var(--font-h);font-weight:400;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.2;color:var(--ink);margin:0}.demo-section-count{font-size:.78rem;font-weight:600;color:var(--ink-lighter);letter-spacing:.3px}.demo-section-viewall{background:transparent;border:0;color:var(--green);font-family:var(--font-b);font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:gap .2s,background .2s;white-space:nowrap}.demo-section-viewall:hover{gap:8px;background:var(--green-light)}.demo-section-viewall svg{width:14px;height:14px}.demo-section-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,300px);gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;scrollbar-width:thin}.demo-section-track::-webkit-scrollbar{height:6px}.demo-section-track::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.demo-section-track::-webkit-scrollbar-thumb:hover{background:var(--ink-lighter)}.demo-section-track .demo-card{scroll-snap-align:start}.demo-section-featured .demo-section-title{color:var(--orange)}.demo-section-featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.demos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:16px 0 72px}.demo-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0f172a0a}.demo-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0f172a17;border-color:var(--green)}.demo-card-media{position:relative;aspect-ratio:16/9;background:#0f172a;overflow:hidden}.demo-card-media .play-pill{position:absolute;bottom:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;background:#ffffffeb;color:var(--ink);padding:5px 11px;border-radius:50px;font-size:.72rem;font-weight:700;backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000026}.demo-card-media .play-pill svg{width:10px;height:10px;color:var(--green)}.demo-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.demo-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.demo-card-sector{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}.demo-card h3{font-family:var(--font-h);font-weight:700;font-size:1.15rem;line-height:1.35;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-card-desc{font-size:.88rem;color:#64748b;line-height:1.55;flex:1;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-card-tags{display:flex;flex-wrap:wrap;gap:5px}.demo-card-tag{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px;background:#f1f5f9;color:#475569}.demo-card-action{font-size:.82rem;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:transform .15s ease}.demo-card:hover .demo-card-action{transform:translate(3px)}.demos-empty{text-align:center;padding:64px 20px;color:var(--ink-lighter)}.demos-empty h3{font-family:var(--font-h);font-weight:400;margin-bottom:8px}.demo-detail-hero{padding:110px 0 32px;background:var(--white);border-bottom:1px solid var(--line)}.demo-detail-hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.demo-detail-back{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--ink-lighter);font-weight:600;margin-bottom:14px}.demo-detail-back:hover{color:var(--green)}.demo-detail-back svg{width:14px;height:14px}.demo-detail-hero .tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.demo-detail-hero .tag-category{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);background:var(--orange-light);padding:4px 10px;border-radius:50px}.demo-detail-hero .tag-work{font-size:.72rem;font-weight:600;color:var(--green);background:var(--green-light);padding:4px 10px;border-radius:50px}.demo-summary-section{padding:36px 0;background:var(--cream);border-bottom:1px solid var(--line)}.demo-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.summary-col{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 16px #1a1a2e0a}.summary-badge{font-size:.76rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;border-radius:6px}.summary-badge svg{width:14px;height:14px}.col-in .summary-badge{background:#e0f2fe;color:#0369a1}.col-system .summary-badge{background:#ede9fe;color:#6d28d9}.col-human .summary-badge{background:#fef3c7;color:#b45309}.summary-desc{font-size:.94rem;line-height:1.55;color:var(--ink);margin:0}.demo-mid-cta{padding:20px 0 56px;background:var(--cream)}.demo-mid-cta-box{background:var(--white);border:2px solid var(--green);border-radius:16px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 10px 30px #1b5e4b14}.demo-mid-cta-text h3{font-family:var(--font-h);font-size:1.3rem;font-weight:600;color:var(--ink);margin:0 0 6px}.demo-mid-cta-text p{font-size:.95rem;color:var(--ink-light);margin:0;line-height:1.5}.demo-detail-hero h1{font-family:var(--font-h);font-weight:400;font-size:clamp(1.9rem,3.5vw,2.6rem);line-height:1.15;margin-bottom:8px}.demo-detail-hero .sector{font-size:.92rem;color:var(--ink-lighter);margin-bottom:22px}.demo-detail-hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.demo-flow-jump svg{width:16px;height:16px}.demo-video-wrap{position:relative;width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--ink);box-shadow:0 16px 48px #1a1a2e26}.demo-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.demo-detail-story{padding:56px 0;background:var(--cream)}.demo-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.demo-detail-problem{padding:48px 0 24px;background:var(--cream)}.demo-detail-problem .wrap{max-width:1600px}.demo-detail-problem .story-block{max-width:1100px;margin:0 auto}.demo-detail-flow{padding:24px 0 56px;background:var(--cream)}.demo-detail-flow .wrap{max-width:1600px}.demo-detail-flow .label-small{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);display:inline-flex;align-items:center;gap:6px;margin-bottom:14px}.demo-detail-flow .label-small svg{width:14px;height:14px}.flow-hook{font-family:var(--font-h);font-weight:400;font-style:italic;font-size:1.4rem;line-height:1.45;color:var(--ink);margin:0 0 32px}.flow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.flow-steps[data-count="3"] .flow-step:last-child,.flow-steps[data-count="5"] .flow-step:last-child{grid-column:1 / -1}.flow-step{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px 26px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.flow-step-num{width:36px;height:36px;border-radius:50%;background:var(--orange);color:var(--white);font-family:var(--font-b);font-weight:700;font-size:.95rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.flow-step-content{display:flex;flex-direction:column;gap:10px;min-width:0}.flow-step-title{font-family:var(--font-h);font-weight:400;font-size:1.08rem;line-height:1.35;color:var(--ink);margin:0}.flow-step-body{color:var(--ink-light);line-height:1.65;font-size:.95rem;margin:0}.flow-step-body p{margin:0 0 12px}.flow-step-body p:last-child{margin-bottom:0}.flow-step-body ul{margin:8px 0 12px;padding-left:18px}.flow-step-body li{margin:4px 0}.story-block{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px 30px}.story-block .label-small{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;display:inline-flex;align-items:center;gap:6px}.story-block .label-small svg{width:14px;height:14px}.story-block.problem .label-small{color:#dc2626}.story-block.flow .label-small{color:var(--green)}.story-block h2{font-family:var(--font-h);font-weight:400;font-size:1.35rem;line-height:1.3;margin-bottom:12px}.story-block p{color:var(--ink-light);line-height:1.7;font-size:.98rem}.story-block p+p{margin-top:12px}.story-block ul{margin:12px 0 0;padding-left:20px;color:var(--ink-light);line-height:1.7;font-size:.98rem}.story-block li+li{margin-top:6px}.story-block strong{color:var(--ink);font-weight:600}.story-block em{font-style:italic}.story-block code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0000000d;padding:1px 6px;border-radius:4px;font-size:.88em}.faq-answer p+p{margin-top:10px}.faq-answer ul{margin:10px 0 0;padding-left:20px}.faq-answer li+li{margin-top:5px}.faq-answer strong{color:var(--ink);font-weight:600}.faq-answer em{font-style:italic}.faq-answer code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0000000d;padding:1px 6px;border-radius:4px;font-size:.88em}.demo-kpis{padding:56px 0;background:var(--white);border-top:1px solid var(--line)}.demo-kpis .wrap{max-width:1600px}.demo-kpis h2{text-align:center;font-family:var(--font-h);font-weight:400;font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:8px}.demo-kpis .lede{text-align:center;color:var(--ink-light);margin:0 auto 32px;max-width:640px;font-size:.95rem}.demo-kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kpi-card{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:26px 22px;text-align:center}.kpi-value{font-family:var(--font-h);font-weight:400;font-size:clamp(1.8rem,3.2vw,2.4rem);line-height:1.1;color:var(--green);margin-bottom:8px}.kpi-label{font-size:.95rem;color:var(--ink);line-height:1.45;font-weight:500}.kpi-note{margin-top:10px;font-size:.8rem;color:var(--ink-light);line-height:1.4;font-style:italic}.demo-applications{padding:56px 0;background:var(--white)}.demo-applications .wrap{max-width:880px}.demo-applications h2{text-align:center;font-family:var(--font-h);font-weight:400;font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:8px}.demo-applications .lede{text-align:center;color:var(--ink-light);margin-bottom:32px;font-size:.98rem}.demo-applications-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.application-item{background:var(--green-lighter);border:1px solid var(--green-light);border-radius:12px;padding:18px 20px;display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--ink);line-height:1.5;font-weight:500}.application-item .bullet{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-top:1px}.demo-faqs{padding:56px 0;background:var(--cream);border-top:1px solid var(--line)}.demo-faqs .wrap{max-width:820px}.demo-faqs h2{text-align:center;font-family:var(--font-h);font-weight:400;font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:8px}.demo-faqs .lede{text-align:center;color:var(--ink-light);margin:0 auto 28px;max-width:640px;font-size:.95rem}.demo-faqs-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:0;transition:border-color .2s}.faq-item[open]{border-color:var(--green-light)}.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;font-size:1rem;color:var(--ink);line-height:1.4}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{flex:1}.faq-chevron{width:18px;height:18px;flex-shrink:0;transition:transform .2s;color:var(--ink-light)}.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--green)}.faq-answer{padding:0 22px 20px;color:var(--ink-light);line-height:1.65;font-size:.95rem}.demo-related{padding:56px 0 80px;background:var(--cream);border-top:1px solid var(--line)}.demo-related h2{font-family:var(--font-h);font-weight:400;font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:22px;text-align:center}.related-scroller{position:relative}.related-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,300px);gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 16px;scrollbar-width:thin}.related-track::-webkit-scrollbar{height:6px}.related-track::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.related-track .demo-card{scroll-snap-align:start}.related-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--white);border:1px solid var(--line);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 6px 20px #0000000f;transition:all .2s}.related-arrow:hover{border-color:var(--green);color:var(--green)}.related-arrow svg{width:18px;height:18px}.related-arrow.prev{left:-8px}.related-arrow.next{right:-8px}@media(min-width:768px){.related-arrow{display:flex}}.demo-final-cta{padding:56px 24px;background:var(--green);color:var(--white);text-align:center}.demo-final-cta h2{font-family:var(--font-h);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:10px;color:var(--white)}.demo-final-cta p{color:#ffffffd9;margin-bottom:22px;max-width:560px;margin-left:auto;margin-right:auto}.demo-final-cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.demo-final-cta .btn{background:var(--white);color:var(--green);padding:15px 30px}.demo-final-cta .btn:hover{background:var(--cream);transform:translateY(-1px)}.demo-final-cta .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.6)}.demo-final-cta .btn-outline:hover{background:#ffffff1a;color:var(--white)}@media(max-width:900px){.demo-detail-hero .wrap{grid-template-columns:1fr;gap:28px}.demo-story-grid,.demo-kpis-grid,.flow-steps,.flow-steps[data-count="3"],.flow-steps[data-count="5"]{grid-template-columns:1fr}.flow-hook{font-size:1.2rem}}@media(max-width:600px){.demos-grid{grid-template-columns:1fr}.demos-toolbar .wrap{flex-direction:column;align-items:stretch;gap:10px}.demos-search{flex:0 0 auto;max-width:none}.demos-dropdown{width:100%}.demos-dropdown-btn{width:100%;justify-content:space-between}.demos-dropdown-menu{left:0;right:0}.demo-section-header{flex-wrap:wrap}.demo-section-featured-grid{grid-template-columns:1fr}.demo-section-track{grid-auto-columns:minmax(240px,260px);gap:14px}.demo-detail-hero{padding-top:90px}}.demo-loading{padding:140px 20px;text-align:center;color:var(--ink-lighter)}.demos-discover-cta{background:linear-gradient(135deg,#fff 0%,var(--orange-light, #f5dfc8) 100%);border-bottom:1px solid var(--line);padding:28px 0}.demos-discover-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ddc-text{flex:1;min-width:280px}.ddc-pill{display:inline-flex;align-items:center;gap:6px;background:var(--orange);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:10px}.ddc-pill i,.ddc-pill svg{width:12px;height:12px}.demos-discover-cta h2{font-family:var(--font-h);font-size:clamp(1.3rem,2.4vw,1.6rem);margin:0 0 6px;color:var(--ink);line-height:1.25}.demos-discover-cta p{margin:0;color:var(--ink-light);line-height:1.5;font-size:.95rem;max-width:580px}.ddc-btn{white-space:nowrap;flex-shrink:0;padding:16px 28px!important}@media(max-width:768px){.demos-discover-cta .wrap{flex-direction:column;align-items:flex-start}.ddc-btn{width:100%;justify-content:center}}.demos-sectors-banner{background:var(--green-lighter, #f2f7f5);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.demos-sectors-banner .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.dsb-label{font-size:.92rem;font-weight:600;color:var(--ink)}.dsb-chips{display:flex;flex-wrap:wrap;gap:8px}.dsb-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.88rem;font-weight:500;color:var(--ink);text-decoration:none;transition:border-color .18s,color .18s,background .18s}.dsb-chip:hover{border-color:var(--green);color:var(--green);background:#fff}.dsb-chip svg,.dsb-chip i{width:14px;height:14px}@media(max-width:600px){.demos-sectors-banner .wrap{flex-direction:column;align-items:flex-start}}.demo-hero-problem p{font-size:1.08rem;line-height:1.6;color:var(--ink-light);margin:0}.demo-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.demo-fact{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:50px;padding:7px 14px 7px 10px}.demo-fact svg{width:17px;height:17px;color:var(--green);flex:none}.demo-flusso,.demo-opera,.demo-persona{padding:48px 0 8px;background:var(--cream)}.demo-flusso{scroll-margin-top:72px}.demo-persona{padding-bottom:56px}.demo-sec-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.demo-sec-num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--white);font-weight:700;display:grid;place-items:center;font-size:.95rem;margin-top:2px}.demo-sec-head h2{font-family:var(--font-h);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;margin:0}.demo-sec-head .lede{margin:6px 0 0;color:var(--ink-light);max-width:720px}.demo-show-more{display:flex;margin:12px auto 48px}.demo-show-more[hidden]{display:none}.demos-sections .demos-grid{padding-bottom:12px}@media(max-width:600px){.demos-hero{padding-top:var(--nav-clear);padding-bottom:6px}.demos-hero .pill{margin-bottom:8px}.demos-hero h1{font-size:1.8rem;margin-bottom:8px}.demos-hero p.lede{font-size:.94rem;line-height:1.45}.demos-toolbar{padding-top:4px;padding-bottom:12px}.demos-count{margin-top:4px}}@media(min-width:769px){.demos-hero{padding-top:var(--nav-clear)}.demo-detail-hero{padding-top:82px}.demo-flusso,.demo-opera,.demo-persona{padding-top:36px}}.demo-context-alternative{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--green-light)}.demo-context-alternative .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}.demo-context-alternative strong{margin-right:auto;color:var(--ink)}.demo-context-alternative a{color:var(--green);font-weight:700;text-underline-offset:3px}@media(max-width:620px){.demo-context-alternative{padding:16px 0}.demo-context-alternative .wrap{align-items:flex-start;gap:9px;flex-direction:column}.demo-context-alternative strong{margin:0}}.demo-family{margin:0 0 22px;max-width:520px}.demo-family-title{display:block;font-size:.85rem;font-weight:600;color:var(--ink-lighter);margin-bottom:8px}.demo-family-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--cream);border:1px solid var(--line);border-radius:14px}.demo-family-tab{display:flex;align-items:center;justify-content:center;text-align:center;text-wrap:balance;min-height:48px;padding:8px 12px;border:1px solid transparent;border-radius:10px;font-size:.9rem;font-weight:600;line-height:1.25;color:var(--ink-light)}.demo-family-tab:hover{color:var(--green)}.demo-family-tab[aria-current=page]{background:var(--white);border-color:var(--green);color:var(--green);box-shadow:0 2px 6px #1a1a2e14}@media(max-width:900px){.demo-summary-section{padding:24px 0}.demo-summary-grid{grid-template-columns:1fr;gap:12px}.summary-col{padding:16px 18px;gap:8px}.demo-mid-cta-box{flex-direction:column;align-items:stretch;padding:22px 20px;gap:16px}.demo-mid-cta-box .btn{justify-content:center}}@media(max-width:600px){.demo-detail-hero .cta-row{gap:8px}.demo-flow-jump{padding:12px 16px}.demo-detail-back{min-height:44px;margin-bottom:4px}.demo-detail-hero .tag-category,.demo-detail-hero .tag-work{display:inline-flex;align-items:center;min-height:32px}}.catalog-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.demos-hero p.lede{max-width:560px}.demos-search input::-webkit-search-cancel-button{cursor:pointer}.catalog-filters{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.catalog-filters-toggle{display:none}.demos-toolbar .wrap.catalog-problems{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:18px}.catalog-problems-label{font-size:.85rem;font-weight:700;color:var(--ink)}.catalog-problems-track{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.catalog-problem-chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:42px;padding:8px 14px;border:1.5px solid var(--line);border-radius:50px;background:var(--white);font-family:var(--font-b);font-size:.88rem;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}.catalog-problem-chip:hover{border-color:var(--green);color:var(--green)}.catalog-problem-chip:focus-visible{outline:2px solid var(--green);outline-offset:2px}.catalog-problem-chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--white)}.catalog-problem-chip[hidden]{display:none}.catalog-problem-count{min-width:22px;padding:1px 7px;border-radius:50px;background:var(--cream);color:var(--ink-lighter);font-size:.75rem;font-weight:700;text-align:center}.catalog-problem-chip[aria-pressed=true] .catalog-problem-count{background:#fff3;color:var(--white)}.demos-results .demos-count{margin:10px 0 2px;font-size:.88rem;font-weight:600;color:var(--ink-light)}.demos-results .demos-sections{padding-bottom:8px}.demos-results .demos-sections .demos-grid{padding-top:10px}.demos-results .demo-section{margin-bottom:24px}.demos-results .demo-section-header{margin:8px 0 0}.catalog-recommended{padding:18px 18px 6px;border:1px solid #DCFCE7;border-radius:18px;background:var(--green-lighter)}.catalog-recommended .demos-grid{padding-bottom:12px}.catalog-finder-note{margin:0 auto 64px;text-align:center;font-size:.9rem;color:var(--ink-light)}.catalog-finder-note a{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.demos-hero{padding-bottom:2px}.demos-hero h1{font-size:1.55rem;margin-bottom:6px}.demos-hero p.lede{font-size:.9rem;line-height:1.4}.demos-toolbar{padding-top:10px;padding-bottom:4px}.demos-toolbar .wrap:not(.catalog-problems){flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:8px}.demos-search{flex:1 1 0;min-width:0}.demos-search input{padding-top:12px;padding-bottom:12px;font-size:1rem}.catalog-filters-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:50px;background:var(--white);color:var(--ink);font-family:var(--font-b);font-size:.88rem;font-weight:700;cursor:pointer}.catalog-filters-toggle svg{width:16px;height:16px}.catalog-filters-toggle[aria-expanded=true]{border-color:var(--green);color:var(--green)}.catalog-filters-badge{min-width:20px;height:20px;padding:0 6px;border-radius:50px;background:var(--green);color:var(--white);font-size:.72rem;line-height:20px;text-align:center}.catalog-filters-badge[hidden]{display:none}.catalog-filters{display:none;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:8px}.demos-toolbar.filters-open .catalog-filters{display:flex}.demos-toolbar .wrap.catalog-problems{align-items:stretch;gap:6px;padding-top:12px}.catalog-problems-label{font-size:.8rem}.catalog-problems-track{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;width:100%;min-width:0;box-sizing:border-box;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 24px 4px 2px;margin-right:-2px;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}.catalog-problems-track::-webkit-scrollbar{display:none}.catalog-problem-chip{scroll-snap-align:start;min-height:40px;padding:7px 12px;font-size:.85rem}.demos-results .demos-count{margin-top:6px}.demos-results .demo-card-media{aspect-ratio:2 / 1}.catalog-recommended{padding:12px 12px 2px;margin-left:-6px;margin-right:-6px}}@media(min-width:601px){.demos-hero{padding-bottom:14px}.demos-toolbar{padding-bottom:4px}}@media(max-width:600px){.demos-results .active-filter-bar{gap:8px;padding-top:10px}.demos-results .afb-prefix{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.catalog-recommended .demo-section-title{font-size:1.2rem}}.catalog-finder-note[hidden]{display:none}.demos-toolbar .wrap:not(.catalog-problems){gap:10px}.demos-toolbar .wrap.catalog-problems{padding-top:14px;gap:0}.catalog-problems-track{gap:6px}.catalog-problem-chip{min-height:36px;padding:6px 14px;font-size:.86rem;font-weight:600}.catalog-problem-count{display:none}@media(max-width:600px){.demos-toolbar .wrap:not(.catalog-problems){flex-wrap:nowrap}.demos-toolbar .demos-dropdown{width:auto;flex:0 0 auto}.demos-toolbar .demos-dropdown-btn{width:auto;min-height:48px;padding:0 14px;font-size:.85rem;max-width:46vw}.demos-toolbar .demos-dropdown-btn .dd-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demos-toolbar .demos-dropdown-menu{left:auto;right:0;min-width:240px}.demos-toolbar .wrap.catalog-problems{padding-top:10px}.catalog-problem-chip{min-height:38px;padding:6px 12px}}