html{scroll-behavior:smooth}body{color:#323130;background-color:#f3f2f1;margin:0;padding:0;font-family:Segoe UI,Tahoma,Arial,sans-serif}.bg-taskpane-pixel{background-color:#f4fbf7}.bg-taskpane-paint{background-color:#f0f7ff}.bg-taskpane-qr{background-color:#fbf5ff}.bg-taskpane-text{background-color:#fffbeb}.bg-taskpane-braille{background-color:#eef2ff}.bg-taskpane-sudoku{background-color:#fff1f2}.heading1{color:#323130;letter-spacing:-.025em;font-size:2.25rem;font-weight:800;line-height:1.25}.heading2{color:#323130;letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.4}#sidebar-nav{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #c8c6c4;border-radius:6px;max-width:240px;max-height:80vh;padding:1rem .75rem;position:fixed;top:50%;right:1.5rem;overflow-y:auto;transform:translateY(-50%);box-shadow:0 10px 15px -3px #0000000d}#sidebar-nav .nav-list{flex-direction:column;gap:.35rem;display:flex}#sidebar-nav .sidebar-link{color:#605e5c;border-radius:4px;padding:.35rem .5rem;font-size:.75rem;font-weight:600;line-height:1.3;text-decoration:none;transition:all .2s;display:block}#sidebar-nav .sidebar-link:hover,#sidebar-nav .sidebar-link.active{color:#107c41;background-color:#ecfdf5}#sidebar-nav .sidebar-link.nav-sub{color:#605e5c;border-left:2px solid #c8c6c4;margin-left:.75rem;padding-left:.5rem;font-size:.7rem;font-weight:400}#sidebar-nav .sidebar-link.nav-sub:hover{color:#107c41;border-left-color:#107c41}.media-container-box{aspect-ratio:16/9;background-color:#fff;border:1px solid #c8c6c4;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.media-container-box .slide-item{object-fit:cover;color:#605e5c;background:#f3f2f1;justify-content:center;align-items:center;min-width:100%;height:100%;font-size:.85rem;font-weight:500;display:flex}.sample-card{text-align:center;background:#fff;border:1px solid #c8c6c4;border-radius:6px;padding:.75rem;transition:all .2s;box-shadow:0 1px 3px #00000005}.sample-card:hover{border-color:#605e5c;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sample-card .sample-thumb{object-fit:cover;color:#605e5c;background:#f3f2f1;border-radius:4px;justify-content:center;align-items:center;width:100%;height:90px;margin-bottom:.5rem;font-size:.75rem;display:flex}.dropdown-menu-custom{transition:opacity .15s ease-in-out,transform .15s ease-in-out}iframe.object-contain{object-fit:contain;width:100%;height:100%}.taskpane-header{width:100%;position:relative}.taskpane-header .slideshow-container{background-color:#fff;position:relative}.taskpane-header .slideshow-container .slide{opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;position:absolute;inset:0}.taskpane-header .slideshow-container .slide.active{opacity:1;visibility:visible;z-index:5;pointer-events:auto}.taskpane-header .slideshow-container .slide img{object-fit:cover;width:100%;height:100%}.taskpane-header .slideshow-container .slide .slide-caption{z-index:15;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background-color:#0f172abf;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px;box-shadow:0 2px 4px #00000026}.taskpane-header .slideshow-container .slider-btn{z-index:20;color:#1e293b;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffd9;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 6px #00000026}.taskpane-header .slideshow-container .slider-btn:hover{background-color:#fff;transform:translateY(-50%)scale(1.08);box-shadow:0 4px 10px #0003}.taskpane-header .slideshow-container .slider-btn.prev{left:12px}.taskpane-header .slideshow-container .slider-btn.next{right:12px}.taskpane-header .slideshow-container .slider-dots{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000040;border-radius:9999px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.taskpane-header .slideshow-container .slider-dots .slider-dot{cursor:pointer;background-color:#ffffff80;border:none;border-radius:9999px;width:8px;height:8px;padding:0;transition:all .3s}.taskpane-header .slideshow-container .slider-dots .slider-dot:hover{background-color:#ffffffd9}.taskpane-header .slideshow-container .slider-dots .slider-dot.active{background-color:#fff;border-radius:4px;width:20px}.taskpane-header .video-container{background-color:#0f172a}.taskpane-header .video-container iframe{object-fit:contain;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.taskpane-samples-section{max-width:80rem;margin:0 auto;padding:3rem 1rem}.taskpane-samples-section .samples-heading{text-align:center;margin-bottom:2.5rem}.taskpane-samples-section .samples-heading h3{color:#323130;text-transform:uppercase;letter-spacing:.05em;font-size:1.25rem;font-weight:700}.taskpane-samples-section .samples-grid{flex-wrap:nowrap;justify-content:center;gap:1.25rem;width:100%;display:flex}@media (width<=768px){.taskpane-samples-section .samples-grid{justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}}.taskpane-samples-section .sample-card{text-align:center;background:#fff;border:1px solid #c8c6c4;border-radius:6px;flex-direction:column;flex:1 1 0;justify-content:space-between;min-width:12rem;max-width:16rem;padding:.75rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.taskpane-samples-section .sample-card:hover{border-color:#605e5c;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.taskpane-samples-section .sample-card .sample-thumb{object-fit:cover;color:#605e5c;background:#f3f2f1;border:2px solid #107c41;border-radius:4px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:.5rem;font-size:.75rem;display:flex}.taskpane-samples-section .sample-card .sample-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .5rem;font-size:.75rem;font-weight:700;overflow:hidden}.taskpane-samples-section .sample-card .sample-download-btn{color:#fff;background-color:#107c41;border-radius:.375rem;justify-content:center;align-items:center;width:100%;padding:.375rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.taskpane-samples-section .sample-card .sample-download-btn:hover{background-color:#0b5c31}.taskpane-features-section{width:100%;max-width:80rem;margin:0 auto;padding:3.5rem 1rem}.taskpane-features-section .features-heading{text-align:center;margin-bottom:2.5rem}.taskpane-features-section .features-heading h3{color:#323130;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.25rem;font-weight:700}.taskpane-features-section .features-grid{flex-wrap:nowrap;justify-content:center;gap:2rem;width:100%;display:flex}@media (width<=768px){.taskpane-features-section .features-grid{flex-direction:column;align-items:center}}.taskpane-features-section .feature-card{background-color:#fff;border:1px solid #c8c6c4;border-radius:6px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:0;max-width:26rem;height:100%;padding:1.75rem 1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #00000005}.taskpane-features-section .feature-card:hover{border-color:#605e5c;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.taskpane-features-section .feature-card .feature-icon{color:#107c41;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.taskpane-features-section .feature-card .feature-icon svg{width:100%;height:100%;display:block}.taskpane-features-section .feature-card .feature-title{color:#323130;text-align:center;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.4}.taskpane-features-section .feature-card .feature-desc{color:#605e5c;text-align:center;margin:0;font-size:1rem;font-style:italic;line-height:1.5}*{box-sizing:border-box}body{color:#323130;margin:0;padding:0;font-family:Segoe UI,Tahoma,Arial,sans-serif}#app{flex-direction:column;gap:8px;display:flex}.zone{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border:1px solid #c8c6c4;border-radius:6px;margin-bottom:0;padding:10px 12px;box-shadow:0 1px 3px #0000000a}.zone-title{text-transform:uppercase;color:#605e5c;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s}.btn:disabled{cursor:not-allowed;color:#605e5c!important;background-color:#c8c6c4!important}.btn-primary{color:#fff;background-color:#107c41}.btn-primary:hover:not(:disabled){background-color:#185c37}.btn-secondary{color:#323130;background-color:#e1dfdd}.btn-secondary:hover:not(:disabled){background-color:#c8c6c4}.btn-danger{color:#fff;background-color:#d83b01}.btn-danger:hover:not(:disabled){background-color:#a82e00}.btn-block{width:100%;padding:12px;font-size:16px}details.collapse-box{background-color:#fff;border:1px solid #c8c6c4;border-radius:6px;margin-top:5px;padding:8px 12px}details.collapse-box summary{color:#605e5c;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.5px;outline:none;font-size:12px;font-weight:700}details.collapse-box .collapse-content{border-top:1px dashed #c8c6c4;margin-top:8px;padding-top:8px}.contact-card{background:#fff;border:1px solid #c8c6c4;border-radius:8px;flex-direction:column;flex:260px;justify-content:space-between;align-items:flex-start;max-width:320px;height:100%;padding:1.5rem;transition:all .25s;display:flex;box-shadow:0 1px 3px #00000005}.contact-card:hover{border-color:#107c41;transform:translateY(-3px);box-shadow:0 12px 24px -6px #0000001a}
