@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-navy:#141b33;--color-navy-outline:#1b2440;--color-teal:#1fb6a6;--color-teal-dark:#189384;--color-teal-light:#cfeeea;--color-gold:#f2b33d;--color-gold-light:#fdf1dc;--color-navy-light:#eef0f4;--color-text:#2a2a2a;--color-text-muted:#6b7280;--color-hairline:#d9dde3;--color-bg-alt:var(--color-navy-light);--color-border:var(--color-hairline);--font-sans:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--content-width:45rem;--layout-width:75rem;--max-width:var(--layout-width);--space-mobile-margin:1rem;--space-tablet-margin:1.5rem;--space-desktop-margin:3rem;--space-section-gap-desktop:4rem;--space-section-gap-mobile:2.5rem}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-size:1rem;line-height:1.5}h1,h2{font-family:var(--font-sans);color:var(--color-navy);font-weight:700;line-height:1.2}h3{font-family:var(--font-sans);color:var(--color-navy-outline);font-weight:700;line-height:1.2}a{color:inherit}:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px}.container{max-width:var(--max-width);padding:0 var(--space-desktop-margin);margin:0 auto}@media (width<=640px){.container{padding:0 var(--space-mobile-margin)}}@media (width>=641px) and (width<=1024px){.container{padding:0 var(--space-tablet-margin)}}.site-header{z-index:20;border-bottom:1px solid var(--color-border);background:#fff;position:sticky;top:0}#main,#features,.product-section{scroll-margin-top:6rem}.site-header nav{justify-content:space-between;align-items:center;gap:.5rem;height:6rem;display:flex;position:relative}.site-header .logo{align-items:center;text-decoration:none;display:flex}.site-header .logo img{width:auto;height:4.5rem}.site-header .nav-toggle{cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-left:auto;padding:0;display:inline-flex}.site-header .nav-toggle:hover{background:var(--color-bg-alt)}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{background:var(--color-text);border-radius:1px;width:1.375rem;height:2px;transition:transform .15s,opacity .15s,background .15s;display:block}.nav-toggle-icon{position:relative}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0}.nav-toggle-icon:before{top:-6px}.nav-toggle-icon:after{top:6px}.nav-toggle[aria-expanded=true] .nav-toggle-icon{background:0 0}.nav-toggle[aria-expanded=true] .nav-toggle-icon:before{transform:translateY(6px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-icon:after{transform:translateY(-6px)rotate(-45deg)}.site-header .nav-links{border-bottom:1px solid var(--color-border);background:#fff;flex-direction:column;gap:0;padding:.5rem 1.5rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.site-header .nav-links.is-open{display:flex}.site-header .nav-links a:not(.btn):not(.btn-ghost){color:var(--color-text-muted);border-bottom:1px solid var(--color-hairline);align-items:center;gap:.75rem;padding:.75rem 0;font-weight:500;text-decoration:none;display:flex}.site-header .nav-links>a:not(.btn):not(.btn-ghost):last-of-type{border-bottom:none}.site-header .nav-links a:not(.btn):not(.btn-ghost):hover{color:var(--color-navy)}.site-header .nav-links a[aria-current=page]{color:var(--color-navy);box-shadow:inset 0 -2px 0 var(--color-teal);font-weight:700}.nav-link-icon{color:inherit;flex-shrink:0;display:flex}.nav-link-icon svg{width:1.25rem;height:1.25rem}@media (width>=1025px){.site-header .nav-toggle{display:none}.site-header .nav-links{background:0 0;border-bottom:none;flex-direction:row;align-items:center;gap:2rem;padding:0;display:flex;position:static}.site-header .nav-links a:not(.btn):not(.btn-ghost){border-bottom:none;padding:.25rem 0}.nav-link-icon{display:none}.nav-cta-group{margin-left:.5rem}}.btn{border-radius:.5rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-block}.btn-primary{background:var(--color-teal);color:var(--color-navy)}.btn-primary:hover{background:var(--color-teal-dark)}.btn-secondary{color:var(--color-navy);border:2px solid var(--color-navy);background:#fff}.btn-secondary:hover{background:var(--color-navy-light)}.btn-sm{padding:.5rem 1.5rem}.hero{background:linear-gradient(to bottom, var(--color-bg-alt), #fff);padding:var(--space-section-gap-mobile) 0;text-align:center;position:relative}@media (width>=641px){.hero{padding:var(--space-section-gap-desktop) 0}}.hero .container{z-index:1;position:relative}.hero-mascot{flex-direction:column;align-items:center;gap:.75rem;margin:0 0 1.5rem;display:flex}.hero-mascot-figure{display:block}.hero-speech-bubble{border:1px solid var(--color-navy);max-width:22rem;color:var(--color-navy);text-align:center;background:#fff;border-radius:1rem;margin:0;padding:.875rem 1.25rem;font-size:1rem;line-height:1.4;position:relative}.hero-speech-bubble:before,.hero-speech-bubble:after{content:"";border-left:.6rem solid #0000;border-right:.6rem solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.hero-speech-bubble:before{border-top:.65rem solid var(--color-navy);bottom:-.65rem}.hero-speech-bubble:after{border-top:.55rem solid #fff;bottom:-.55rem}.hero h1{margin:0 0 1.5rem;font-size:1.875rem}@media (width>=768px){.hero h1{font-size:2.5rem}}.hero p{color:var(--color-text-muted);max-width:var(--content-width);margin:0 auto 2rem;font-size:1.25rem}.hero .actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-demo-link{text-align:center;margin:1rem 0 0}.hero-demo-link a{color:var(--color-navy);font-weight:600;text-decoration:none}.hero-demo-link a:hover{text-decoration:underline}section{padding:var(--space-section-gap-mobile) 0}@media (width>=641px){section{padding:var(--space-section-gap-desktop) 0}}.section-heading{text-align:center;margin-bottom:var(--space-section-gap-mobile)}@media (width>=641px){.section-heading{margin-bottom:var(--space-section-gap-desktop)}}.section-heading h2{margin:0 0 1rem;font-size:1.5rem}@media (width>=768px){.section-heading h2{font-size:1.75rem}}.section-heading p{color:var(--color-text-muted);margin:0;font-size:1.25rem}.feature-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=641px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{border:1px solid var(--color-hairline);background:#fff;border-radius:.75rem;padding:2rem}.feature-card .icon{color:var(--color-navy);margin-bottom:1rem}.feature-card .icon svg{width:2.25rem;height:2.25rem}.feature-card .icon img{width:2.25rem;height:2.25rem;display:block}.feature-card h3{margin:0 0 .75rem;font-size:1.125rem}@media (width>=768px){.feature-card h3{font-size:1.25rem}}.feature-card p{color:var(--color-text-muted);margin:0;line-height:1.6}.card-dogear{border-top-right-radius:0;position:relative}.card-dogear:before{content:"";border-style:solid;border-width:0 1.5rem 1.5rem 0;border-color:#fff var(--color-teal-light);width:0;height:0;position:absolute;top:0;right:0}.feature-cta{text-align:center;margin:2.5rem 0 0}.feature-cta a{color:var(--color-navy);font-weight:600;text-decoration:none}.feature-cta a:hover{text-decoration:underline}.cta-band{background:var(--color-navy);color:#fff;text-align:center}.cta-band h2{color:#fff;margin:0 0 1.5rem;font-size:1.5rem}@media (width>=768px){.cta-band h2{font-size:1.75rem}}.cta-band p{color:var(--color-teal-light);margin:0 0 2rem;font-size:1.25rem}main.page{padding:var(--space-section-gap-mobile) 0}@media (width>=641px){main.page{padding:var(--space-section-gap-desktop) 0}}main.page .container{max-width:var(--content-width)}main.page.page-wide .container{max-width:var(--layout-width)}main.page h1{margin:0 0 2rem;font-size:1.875rem}@media (width>=768px){main.page h1{font-size:2.5rem}}.page-title-icon{vertical-align:-.1em;color:inherit;margin-right:.5rem;display:inline-flex}.page-title-icon svg{width:.85em;height:.85em}main.page .lead{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.25rem}main.page section{padding:0 0 2.5rem}main.page h2{margin:0 0 1rem;font-size:1.5rem}@media (width>=768px){main.page h2{font-size:1.75rem}}main.page h3{margin:0 0 .75rem;font-size:1.125rem}@media (width>=768px){main.page h3{font-size:1.25rem}}main.page p,main.page li{color:var(--color-text-muted);line-height:1.7}main.page ul{padding-left:1.25rem}.callout{background:var(--color-gold-light);border-left:4px solid var(--color-gold);color:var(--color-text);margin-top:2rem;padding:1.25rem 1.5rem;font-size:.875rem}.contact-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=768px){.contact-grid{grid-template-columns:repeat(2,1fr)}}.contact-card{background:var(--color-navy-light);border-radius:.75rem;padding:2rem}.contact-form{flex-direction:column;gap:1rem;max-width:32rem;margin-top:1rem;display:flex}.contact-form .form-row{flex-direction:column;gap:.5rem;display:flex}.contact-form label{color:var(--color-text);font-size:.875rem;font-weight:600}.contact-form input,.contact-form textarea{font:inherit;border:1px solid var(--color-hairline);color:var(--color-text);background:#fff;border-radius:.5rem;padding:.75rem .875rem;font-size:1rem}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--color-navy);outline-offset:1px}.contact-form .btn{align-self:flex-start}.contact-form .form-hint{color:var(--color-text-muted);margin:0;font-size:.875rem}.blog-list{flex-direction:column;gap:1.5rem;display:flex}.blog-list-item{border:1px solid var(--color-hairline);border-radius:.75rem;padding:1.5rem 1.75rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.blog-list-item:hover{border-color:var(--color-teal);box-shadow:0 1px 3px #141b3314}.blog-list-item h2{color:var(--color-navy);margin:0 0 .35rem;font-size:1.25rem}.blog-list-item p{color:var(--color-text-muted);margin:0}.blog-date{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.875rem}.blog-post h2{margin-top:2.5rem}.blog-post ol,.blog-post ul{color:var(--color-text-muted);line-height:1.7}.blog-list-meta{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.blog-list-meta .blog-date{margin:0}.blog-post-footer{flex-wrap:wrap;gap:1rem;margin:2rem 0 .5rem;display:flex}.tutorial-category-heading{align-items:flex-start;gap:.75rem;margin:0 0 1.25rem;display:flex}.tutorial-category-heading h2{margin:0}.tutorial-category-icon{color:var(--color-navy);flex-shrink:0;margin-top:.08rem;display:flex}@media (width>=768px){.tutorial-category-icon{margin-top:.28rem}}.tutorial-category-icon svg{width:1.75rem;height:1.75rem}.tutorial-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=641px){.tutorial-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px){.tutorial-grid{grid-template-columns:repeat(3,1fr)}}.tutorial-card{border:1px solid var(--color-hairline);border-radius:.75rem;padding:1.75rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.tutorial-card:hover{border-color:var(--color-teal);box-shadow:0 1px 3px #141b3314}.tutorial-card h3{color:var(--color-navy);margin:0 0 .5rem;font-size:1.25rem}.tutorial-role-badge{background:var(--color-navy-light);color:var(--color-navy);border-radius:999px;margin:0 0 .65rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.tutorial-card p{color:var(--color-text-muted);margin:0}.tutorial-meta{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.875rem}.tutorial-post h2{margin-top:2.5rem}.tutorial-post h2,.tutorial-post h3{scroll-margin-top:6rem}.tutorial-toc{border:1px solid var(--color-hairline);background:var(--color-navy-light);border-radius:.75rem;margin:1.75rem 0 2.5rem;padding:1.25rem 1.5rem}.tutorial-toc-title{color:var(--color-navy);margin:0 0 .75rem;font-size:.875rem;font-weight:700}.tutorial-toc ol{color:var(--color-text);counter-reset:toc;margin:0;padding-left:1.25rem;line-height:1.8;list-style:none}.tutorial-toc li:not(.toc-sub){counter-increment:toc}.tutorial-toc li:not(.toc-sub):before{content:counter(toc) ". ";font-weight:600}.tutorial-toc li.toc-sub{margin-left:.5rem;font-size:.9375rem}.tutorial-toc a{color:inherit;text-decoration:none}.tutorial-toc a:hover{color:var(--color-teal-dark);text-decoration:underline}.tutorial-post ol,.tutorial-post ul{color:var(--color-text-muted);line-height:1.7}.tutorial-post img{border:1px solid var(--color-hairline);border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem 0}.tutorial-pagination{grid-template-columns:1fr;gap:1rem;margin:3rem 0;display:grid}@media (width>=640px){.tutorial-pagination{grid-template-columns:1fr 1fr}}.tutorial-pagination-link{border:1px solid var(--color-hairline);border-radius:.75rem;flex-direction:column;gap:.375rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.tutorial-pagination-link:hover{border-color:var(--color-teal);box-shadow:0 1px 3px #141b3314}.tutorial-pagination-link span{color:var(--color-text-muted);font-size:.875rem}.tutorial-pagination-link strong{color:var(--color-navy)}.tutorial-pagination-link.next{text-align:right;align-items:flex-end}.doc-content h2{color:var(--color-navy);margin-top:2.5rem}.doc-content h3{color:var(--color-navy-outline);margin-top:1.75rem}.doc-content ol,.doc-content ul{color:var(--color-text-muted);line-height:1.7}.doc-content blockquote{border-left:4px solid var(--color-gold);background:var(--color-gold-light);color:var(--color-navy);margin:1.5rem 0;padding:1rem 1.25rem}.doc-content blockquote p{margin:0}.doc-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9rem}.doc-content th,.doc-content td{border:1px solid var(--color-hairline);text-align:left;vertical-align:top;padding:.6rem .85rem}.doc-content th{background:var(--color-navy-light);color:var(--color-navy)}.site-footer{background:var(--color-navy);color:var(--color-teal-light)}.site-footer .container{padding-top:3rem;padding-bottom:3rem}.footer-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-grid h3{color:#fff;margin:0 0 1rem;font-size:1rem;font-weight:600}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin-bottom:.5rem}.footer-grid a{color:inherit;align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;display:inline-flex}.footer-grid a:hover{color:#fff}.footer-link-icon{color:inherit;flex-shrink:0;display:flex}.footer-link-icon svg{width:1.1rem;height:1.1rem}.footer-grid p{color:var(--color-teal-light);margin:0;font-size:.9rem}.footer-bottom{border-top:1px solid var(--color-navy-outline);text-align:center;margin-top:2rem;padding-top:2rem;font-size:.875rem}.footer-brand{color:var(--color-teal-light);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;text-decoration:none;display:inline-flex}.footer-brand:hover{color:#fff}.footer-bottom p{margin:0}@media (width>=768px) and (width<=1023px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.breadcrumb{margin-bottom:1.5rem}.breadcrumb ol{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:.4rem;display:flex}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-hairline)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-navy);text-decoration:underline}.breadcrumb span[aria-current=page]{color:var(--color-navy);font-weight:600}.nav-cta-group{align-items:center;gap:1rem;display:flex}.nav-cta-group .btn-ghost{color:var(--color-text-muted);padding:.5rem 0;font-weight:500;text-decoration:none}.nav-cta-group .btn-ghost:hover{color:var(--color-navy)}@media (width<=1024px){.site-header .nav-links .nav-cta-group{border-top:1px solid var(--color-hairline);flex-direction:column;align-items:stretch;gap:.75rem;margin-top:.75rem;padding-top:1rem}.site-header .nav-links .nav-cta-group .btn{text-align:center;justify-content:center;align-items:center;min-height:44px;display:flex}.site-header .nav-links .nav-cta-group .btn-ghost{border:2px solid var(--color-navy);border-radius:.5rem;min-height:44px}}.hero-narrow{text-align:center;padding:var(--space-section-gap-mobile) 0 2rem}@media (width>=641px){.hero-narrow{padding:var(--space-section-gap-desktop) 0 2.5rem}}.hero-narrow h1{margin:0 0 1rem;font-size:1.875rem}@media (width>=768px){.hero-narrow h1{font-size:2.5rem}}.hero-narrow p{color:var(--color-text-muted);max-width:var(--content-width);margin:0 auto;font-size:1.25rem}.product-anchor-nav{z-index:10;border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline);background:#fff;position:sticky;top:6rem;overflow-x:auto}.product-anchor-nav ul{padding:.75rem var(--space-desktop-margin);white-space:nowrap;justify-content:safe center;gap:1.5rem;margin:0 auto;list-style:none;display:flex}.product-anchor-nav a{color:var(--color-text-muted);padding:.25rem 0;font-size:.9rem;font-weight:600;text-decoration:none}.product-anchor-nav a:hover{color:var(--color-navy)}.product-section{padding:var(--space-section-gap-mobile) 0;border-bottom:1px solid var(--color-hairline);grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}.product-section:last-of-type{border-bottom:none}@media (width>=1025px){.product-section{padding:var(--space-section-gap-desktop) 0;grid-template-columns:1fr 1fr;gap:3rem}.product-section.reverse .product-section-media{order:2}.product-section.reverse .product-section-text{order:1}}.product-section-text h2{margin:0 0 1rem;font-size:1.5rem}@media (width>=768px){.product-section-text h2{font-size:1.75rem}}.product-section-text p{color:var(--color-text-muted);font-size:1.0625rem;line-height:1.7}.product-section-media{aspect-ratio:4/3;background:var(--color-navy-light);border-radius:.75rem;justify-content:center;align-items:center;font-size:3.5rem;display:flex}.skip-link{background:var(--color-navy);color:#fff;z-index:100;padding:.75rem 1.25rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:.5rem;left:.5rem}