.features-grid li:hover,.use-case-item:hover{border-color:var(--primary)}:root,[data-bs-theme=light]{--bs-primary:#007d9c;--bs-primary-rgb:0,125,156;--bs-primary-text-emphasis:#00323E;--bs-primary-bg-subtle:#CCE5EB;--bs-primary-border-subtle:#99CBD7;--bs-success:#18b56c;--bs-success-rgb:24,181,108;--bs-success-text-emphasis:#0A482B;--bs-success-bg-subtle:#D1F0E2;--bs-success-border-subtle:#A3E1C4;--bs-info:#61b2c2;--bs-info-rgb:97,178,194;--bs-info-text-emphasis:#27474E;--bs-info-bg-subtle:#DFF0F3;--bs-info-border-subtle:#C0E0E7;--bs-warning:#fddd00;--bs-warning-rgb:253,221,0;--bs-warning-text-emphasis:#655800;--bs-warning-bg-subtle:#FFF8CC;--bs-warning-border-subtle:#FEF199}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#007d9c;--bs-btn-border-color:#007d9c;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#006A85;--bs-btn-hover-border-color:#00647D;--bs-btn-focus-shadow-rgb:217,236,240;--bs-btn-active-color:#fff;--bs-btn-active-bg:#00647D;--bs-btn-active-border-color:#005E75;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#007d9c;--bs-btn-disabled-border-color:#007d9c}.btn-outline-primary{--bs-btn-color:#007d9c;--bs-btn-border-color:#007d9c;--bs-btn-focus-shadow-rgb:0,125,156;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#007d9c;--bs-btn-hover-border-color:#007d9c;--bs-btn-active-color:#fff;--bs-btn-active-bg:#007d9c;--bs-btn-active-border-color:#007d9c;--bs-btn-disabled-color:#007d9c;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#007d9c}.btn-success{--bs-btn-color:#000000;--bs-btn-bg:#18b56c;--bs-btn-border-color:#18b56c;--bs-btn-hover-color:#000000;--bs-btn-hover-bg:#3BC082;--bs-btn-hover-border-color:#2FBC7B;--bs-btn-focus-shadow-rgb:4,27,16;--bs-btn-active-color:#000000;--bs-btn-active-bg:#46C489;--bs-btn-active-border-color:#2FBC7B;--bs-btn-disabled-color:#000000;--bs-btn-disabled-bg:#18b56c;--bs-btn-disabled-border-color:#18b56c}.btn-outline-success{--bs-btn-color:#18b56c;--bs-btn-border-color:#18b56c;--bs-btn-focus-shadow-rgb:24,181,108;--bs-btn-hover-color:#000000;--bs-btn-hover-bg:#18b56c;--bs-btn-hover-border-color:#18b56c;--bs-btn-active-color:#000000;--bs-btn-active-bg:#18b56c;--bs-btn-active-border-color:#18b56c;--bs-btn-disabled-color:#18b56c;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#18b56c}.btn-info{--bs-btn-color:#000000;--bs-btn-bg:#61b2c2;--bs-btn-border-color:#61b2c2;--bs-btn-hover-color:#000000;--bs-btn-hover-bg:#79BECB;--bs-btn-hover-border-color:#71BAC8;--bs-btn-focus-shadow-rgb:15,27,29;--bs-btn-active-color:#000000;--bs-btn-active-bg:#81C1CE;--bs-btn-active-border-color:#71BAC8;--bs-btn-disabled-color:#000000;--bs-btn-disabled-bg:#61b2c2;--bs-btn-disabled-border-color:#61b2c2}.btn-outline-info{--bs-btn-color:#61b2c2;--bs-btn-border-color:#61b2c2;--bs-btn-focus-shadow-rgb:97,178,194;--bs-btn-hover-color:#000000;--bs-btn-hover-bg:#61b2c2;--bs-btn-hover-border-color:#61b2c2;--bs-btn-active-color:#000000;--bs-btn-active-bg:#61b2c2;--bs-btn-active-border-color:#61b2c2;--bs-btn-disabled-color:#61b2c2;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#61b2c2}.btn-warning{--bs-btn-color:#000000;--bs-btn-bg:#fddd00;--bs-btn-border-color:#fddd00;--bs-btn-hover-color:#000000;--bs-btn-hover-bg:#FDE226;--bs-btn-hover-border-color:#FDE019;--bs-btn-focus-shadow-rgb:38,33,0;--bs-btn-active-color:#000000;--bs-btn-active-bg:#FDE433;--bs-btn-active-border-color:#FDE019;--bs-btn-disabled-color:#000000;--bs-btn-disabled-bg:#fddd00;--bs-btn-disabled-border-color:#fddd00}.btn-outline-warning{--bs-btn-color:#fddd00;--bs-btn-border-color:#fddd00;--bs-btn-focus-shadow-rgb:253,221,0;--bs-btn-hover-color:#000000;--bs-btn-hover-bg:#fddd00;--bs-btn-hover-border-color:#fddd00;--bs-btn-active-color:#000000;--bs-btn-active-bg:#fddd00;--bs-btn-active-border-color:#fddd00;--bs-btn-disabled-color:#fddd00;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#fddd00}lite-youtube{contain:content;cursor:pointer;background-color:#000;background-position:50%;background-size:cover;max-width:720px;display:block;position:relative}lite-youtube:before{content:attr(data-title);color:#eee;text-shadow:0 0 2px #00000080;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background-image:linear-gradient(#000000ab 0,#0000008a 14%,#00000026 54%,#0000000d 72%,#0000 94%);width:100%;height:99px;padding:25px 20px;font-family:YouTube Noto,Roboto,Arial,Helvetica,sans-serif;font-size:18px;display:block;position:absolute;top:0;overflow:hidden}.support-link:hover .heart,lite-youtube:hover:before{color:#fff}lite-youtube:after{content:"";padding-bottom:56.25%;display:block}.video-container lite-youtube,lite-youtube>iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}lite-youtube>.lyt-playbtn{cursor:pointer;z-index:1;filter:grayscale();background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 68 48\"><path d=\"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z\" fill=\"red\"/><path d=\"M45 24 27 14v20\" fill=\"white\"/></svg>") 50%/68px 48px no-repeat;border:0;width:100%;height:100%;transition:filter .1s cubic-bezier(0,0,.2,1);display:block;position:absolute}lite-youtube .lyt-playbtn:focus,lite-youtube:hover>.lyt-playbtn{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lyt-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--primary:#007d9c;--secondary:#007d9c;--dark:#2c3e50;--light:#ecf0f1;--blockquote-bg:#edf1f2;--bg-color:#f9f9f9;--text-color:#333;--header-dark:#007d9c;--header-light:#ecf0f1;--nav-hover:#006a85;--focus-border:#4c9fff;--btn-bg:var(--primary);--btn-text:#fff;--custom-btn-text:#000;--custom-btn-bg:#fddd00;--custom-btn-hover:#fddd00;--code-bg:#f5f5f5;--code-color:#23272f;--code-border:#ccc;--code-comment:#818181;--code-radius:0;--code-font:"JetBrains Mono","Cascadia Code","Segoe UI Mono","Consolas",monospace;--code-btn-bg:#007d9c;--code-btn-bg-hover:#006a85;--code-btn-color:#fff;--code-btn-padding:0.3rem 0.6rem;--code-btn-font-size:0.85rem;--code-btn-radius:0;--form-bg:#fafafa;--form-border:#e0e0e0;--form-focus-border:var(--header-dark);--border:#f2f2f2;--border-radius:0;--input-bg:#fff;--placeholder-text-color:#727272;--footer-bg:var(--light);--footer-text:#555;--footer-link:var(--dark)}[data-theme=dark]{--primary:#56bfd7;--secondary:#56bfd7;--dark:#ecf0f1;--light:#2c3e50;--blockquote-bg:#1e2b37;--bg-color:#1b1d24;--text-color:#c8c9cb;--header-dark:#08677e;--header-light:#ecf0f1;--nav-hover:#333a45;--focus-border:#4c9fff;--btn-bg:#0077c8;--btn-text:#fff;--custom-btn-text:#000;--custom-btn-bg:#fddd00;--custom-btn-hover:#fddd00;--code-bg:#23272f;--code-color:#dfdfdf;--code-border:#292c3c;--code-comment:#aaa;--code-btn-bg:#0077c8;--code-btn-bg-hover:#106fbf;--form-bg:#23272f;--form-border:#23272f;--form-focus-border:var(--primary);--border:#23272f;--input-bg:#333a45;--placeholder-text-color:#7d8495;--footer-bg:#23272f;--footer-text:#bbb;--footer-link:var(--secondary)}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);margin:0}a{color:var(--secondary)}:focus-visible{outline:2px solid var(--focus-border);outline-offset:2px}.container{max-width:992px;min-height:100vh;margin:2rem auto;padding:0 1rem}section{margin-bottom:2rem}section h1,section h2,section h3,section h4{color:var(--primary)}section h3{font-size:16px}section li,section p{margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6rem}p.blockquote{border-left:4px solid var(--primary);color:var(--text-color);background-color:var(--blockquote-bg);margin:1rem 0;padding:.5rem 1rem}header{background-color:var(--header-dark);color:var(--header-light);text-align:center;flex-direction:column;align-items:center;padding-bottom:0;display:flex}.header-nav{flex-direction:row;justify-content:flex-end;gap:.3rem;width:calc(100% - 2rem);padding:.5rem 1rem;display:flex;box-shadow:0 .0625rem .125rem #ababab4d}.header-contexl{color:var(--header-light);justify-content:center;align-items:center;margin-right:auto;padding:0 .5rem;font-size:1.3rem;font-weight:600;text-decoration:none;display:flex}.header-link{color:var(--header-light);padding:0 .5rem;font-size:.9rem;text-decoration:none}a.logo{margin-right:3px;text-decoration:none}.header-actions a,.header-actions button,.nav-links a,.nav-links button{border-radius:var(--border-radius);justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.header-actions a:hover,.header-actions button:hover,.nav-links a:hover,.nav-links button:hover{background-color:var(--nav-hover)}.header-actions{flex-direction:row;justify-content:flex-end;transition:.3s;display:flex}.github-link svg{fill:var(--btn-text);transition:opacity .2s}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin:.6rem 0;display:none}.hamburger span{background-color:#fff;border-radius:2px;width:25px;height:3px;transition:.3s}.hamburger.active{z-index:2000;display:flex;position:fixed}.hamburger.active span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-overlay{z-index:999;background:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.nav-links.active~.nav-overlay{display:block}@media (width>=768px){.nav-links{flex-direction:row;justify-content:flex-end;gap:.3rem;width:calc(100% - 2rem);display:flex}div.cta{margin-left:1rem}}@media (width<=768px){.hamburger-container{justify-content:center;align-items:center;width:40px;display:flex}.hamburger{z-index:1001;display:flex}.header-nav{justify-content:flex-end;align-items:center;min-height:50px;display:flex;position:relative}.nav-links{background:var(--header-dark);z-index:1500;flex-direction:column;width:200px;height:100vh;padding:50px 20px;transition:.4s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #00000080}.nav-links.active{right:0}.nav-links .support-link{margin-left:-24px}.header-link{padding:5px 0;font-size:1rem}.header-actions{margin-right:1rem}}.dark-mode-toggle{color:var(--header-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.4rem;font-size:1rem;display:inline-flex}.dark-mode-toggle .icon{stroke-width:2px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.dark-mode-toggle .sun,[data-theme=dark] .dark-mode-toggle .moon{display:none}[data-theme=dark] .dark-mode-toggle{background:var(--header-dark);color:var(--header-light)}[data-theme=dark] .dark-mode-toggle:hover{opacity:.8}[data-theme=dark] .dark-mode-toggle .sun{display:inline}section.hero{margin:0;padding:0}section.hero h1{color:var(--header-light);text-align:left;margin-bottom:1.5rem}.hero-container{justify-content:space-between;align-items:flex-end;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.hero-text{text-align:left;padding-bottom:4rem}.hero-lead{text-align:left;margin:0 0 1.5rem .5rem;font-size:1.3rem;line-height:1.5rem}.hero-figure{flex:1;justify-content:flex-end;align-items:stretch;display:none}.hero-figure svg{overflow:visible}.contexl-mascot{filter:drop-shadow(0 10px 15px #0000001a);width:100%;max-width:380px;height:100%}header h1{margin:4rem 1rem 1rem;font-size:2.4rem;font-weight:500}header h1 a{color:var(--header-light);text-decoration:none}header p{text-align:center;max-width:700px;margin-top:.5rem;margin-left:auto;margin-right:auto;padding:0 .5rem;font-size:1.1rem;line-height:1.55}header .hero-list{text-align:left;margin-top:1rem;margin-bottom:0;padding:0 1rem;font-size:.8125rem;list-style:none}header .hero-list li{margin-bottom:.5rem;padding-left:1.5rem;font-size:1rem;line-height:1.125rem;position:relative}header .hero-list svg{margin-right:.6875rem;position:absolute;top:.3125rem;left:0}@media (width>=992px){section.hero{min-width:992px}}@media (width<=992px){section.hero{min-width:80%}.hero-container{text-align:center;flex-direction:column;gap:2rem}.hero-lead{text-align:inherit;margin:0 1rem 1.5rem}.hero-list{display:inline-block;text-align:left!important;padding:0 1rem!important}.contexl-mascot{display:none}}div.cta{flex-direction:row;margin-top:1.5rem;display:flex}.cta-btn{background:var(--custom-btn-bg);color:var(--custom-btn-text);border:var(--custom-btn-bg) 1px solid;border-radius:var(--border-radius);text-transform:capitalize;text-align:center;cursor:pointer;min-width:140px;margin-bottom:.75rem;margin-right:.75rem;padding:.8rem 1.5rem;font-size:1rem;text-decoration:none;display:inline-block}.cta-btn:hover{background:var(--custom-btn-hover);opacity:.97}.cta-btn-secondary{background:var(--header-dark);color:var(--btn-text);border:var(--btn-text) 1px solid}.cta-btn-secondary:hover{background:var(--header-dark);opacity:.95}@media (width>=600px) and (width<=768px){div.cta{margin-left:1rem}}.features-grid ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0;list-style:none;display:grid}.features-grid li{background:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--border-radius);padding:1.25rem;font-size:.95rem;line-height:1.5;transition:transform .2s}.features-grid li:hover,.use-case-item:hover{border-color:var(--primary);transform:translateY(-3px)}.features-grid li strong{color:var(--primary);margin-bottom:.25rem;font-size:1.1rem;display:block}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.use-case-item{background:var(--form-bg);border-radius:var(--border-radius);border:1px solid var(--form-border);padding:1.5rem;transition:transform .2s}.use-case-item h3{color:var(--primary);margin-top:0;font-size:1.25rem}.use-case-item p{margin-bottom:0;font-size:.95rem;line-height:1.6}.code-block{width:100%;display:inline-block;position:relative}.code-header{background-color:var(--code-header-bg,var(--code-bg));color:var(--code-header-color,var(--code-color));border:1px solid var(--code-border);border-top-left-radius:var(--code-radius);border-top-right-radius:var(--code-radius);font-family:var(--code-font);text-transform:capitalize;letter-spacing:.05em;border-bottom:none;align-items:center;padding:.6rem 1rem;font-size:.64rem;display:flex}.copy-btn{background:var(--code-btn-bg);color:var(--code-btn-color);padding:var(--code-btn-padding);font-size:var(--code-btn-font-size);border-radius:var(--code-btn-radius);cursor:pointer;border:none;position:absolute;top:4px;right:.5rem}.copy-btn:hover{background:var(--code-btn-bg-hover)}pre{background-color:var(--code-bg);color:var(--code-color);border-radius:var(--code-radius);font-family:var(--code-font);border:1px solid var(--code-border);margin:0;padding:1rem;font-size:1rem;overflow-x:auto}pre .code-comment{color:var(--code-comment)}code{font-family:var(--code-font);font-size:.84rem}.cover-image{margin-bottom:.5rem}.cover-image img{object-fit:contain;max-width:100%;height:auto;display:block}.video-container{width:100%;max-width:560px;height:315px;position:relative;overflow:hidden}#contact{background-color:var(--background)}form{background-color:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--border-radius);gap:1rem;max-width:600px;padding:1rem;display:grid}input,textarea{border:1px solid var(--form-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text-color);padding:.75rem;font-family:inherit;font-size:1rem}input::placeholder,textarea::placeholder{color:var(--placeholder-text-color);opacity:1}input:focus,textarea:focus{outline:2px solid var(--form-focus-border)}textarea{resize:vertical;min-height:220px}button[type=submit]{background-color:var(--btn-bg);color:var(--btn-text);border-radius:var(--border-radius);cursor:pointer;border:none;padding:.75rem;font-size:1rem;transition:background-color .2s ease-in-out}button[type=submit]:hover{background-color:var(--btn-bg);opacity:.9}#containpaypal{display:block;margin:0 auto;width:350px;align-content:center}footer{text-align:center;background:var(--footer-bg);color:var(--footer-text);padding:2rem;font-size:.9rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}footer a{color:var(--footer-link);font-weight:600;text-decoration:none}footer a:hover{text-decoration:underline}footer p{line-height:1.5rem}.footer-link-source{align-items:center;gap:.5rem;display:inline-flex}@media (width<=600px){header h1{margin-top:5rem;font-size:2rem}div.cta{flex-direction:column;align-items:center;width:100%}.cta-btn{width:80%;margin-right:0}.features-grid ul{grid-template-columns:1fr}.video-container{max-width:100%;height:0;padding-bottom:56.25%}footer{padding-bottom:6rem}}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#back-to-top{background-color:var(--btn-bg);width:42px;height:42px;color:var(--btn-text);cursor:pointer;opacity:0;visibility:hidden;z-index:1000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none;border-radius:50%;font-size:1.3rem;position:fixed;bottom:2rem;right:2rem}#back-to-top.show{opacity:1;visibility:visible}#back-to-top svg{width:28px;height:28px;fill:var(--btn-text)}.heart{fill:currentColor;color:#fff;vertical-align:middle;margin-bottom:-1px;margin-right:8px;display:inline-block}.star{flex-direction:row;justify-content:flex-start;display:flex}.star p{margin:0;font-size:.78rem;line-height:1.25rem}header .star{margin-bottom:0}header .star a{color:var(--btn-text);text-decoration:underline}