body{padding:0;margin:0;background-color:#fff;color:#242321;font-family:Public Sans,sans-serif;font-size:15px}body *{-webkit-font-smoothing:antialiased;box-sizing:border-box}.logo-container .logo{display:flex;align-items:center;text-decoration:none;font-size:26px;font-weight:800;font-family:DM Sans,sans-serif;color:#242321}.logo-container .logo .logo-icon{margin-right:.3em;color:#d7d0c8}.logo-container .logo .logo-text{font-weight:900;letter-spacing:-.02em}a{color:#54504b;text-decoration:none;transition:background-color .2s ease,color .2s ease;font-weight:600;border-radius:5px;display:inline-block;position:relative}a i{margin-right:.5em}a i.fa-right{margin-left:.5em;margin-right:0}a:after{content:"";position:absolute;bottom:7px;left:0%;right:100%;height:5px;z-index:-1;background-color:#d7d0c800;transition:left .1s,right .18s,background-color .1s}a:hover{color:#48433e}a:hover:after{content:"";position:absolute;bottom:7px;left:5px;right:5px;height:5px;z-index:-1;background-color:#d7d0c833}a.no-underline:after{display:none}a:active{color:#48433e;background-color:#fff}p{font-weight:500;font-size:inherit;margin:5px 0}p a{color:#4d6fcc;font-weight:500}p a:hover{color:#3355b3;text-decoration:underline}a.btn,button,input[type=submit]{background-color:#65ae63;color:#fff;border-radius:8px;display:flex;gap:5px;align-items:center;box-shadow:inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #00000026;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-shadow:0 -1px 5px rgba(0,0,0,.1);font-size:16px;font-weight:700;font-family:inherit;border:none;cursor:pointer;gap:1em;padding:.8em 1.618em;justify-content:space-between;font-family:DM Sans,sans-serif}a.btn:active,button:active,input[type=submit]:active{background-color:#5eab5c;box-shadow:inset 0 1px 3px #00000026,inset 0 -1px 3px #ffffff1a}a.btn.btn-blue,button.btn-blue,input[type=submit].btn-blue{background-color:#4d6fcc}a.btn.btn-blue:hover,button.btn-blue:hover,input[type=submit].btn-blue:hover{background-color:#395fc6}a.btn.btn-blue:active,button.btn-blue:active,input[type=submit].btn-blue:active{background-color:#3355b3}a.btn.btn-outline-light,button.btn-outline-light,input[type=submit].btn-outline-light{background-color:transparent;color:#242321;border:1px solid #cfc6bc;box-shadow:none}a.btn.btn-outline-light:after,button.btn-outline-light:after,input[type=submit].btn-outline-light:after{display:none}a.btn.btn-outline-light:hover,button.btn-outline-light:hover,input[type=submit].btn-outline-light:hover{background-color:#cfc6bc33}a.btn.btn-outline-light:active,button.btn-outline-light:active,input[type=submit].btn-outline-light:active{background-color:#cfc6bc66}a.btn.signup-cta,a.btn.link-signup,button.signup-cta,button.link-signup,input[type=submit].signup-cta,input[type=submit].link-signup{transition:transform .15s ease-in-out,box-shadow .15s ease-in-out!important;box-shadow:0 0 #4d6fcc80,0 0 #4d6fcc80!important}a.btn.signup-cta:hover,a.btn.link-signup:hover,button.signup-cta:hover,button.link-signup:hover,input[type=submit].signup-cta:hover,input[type=submit].link-signup:hover{transform:translateY(-2px) translate(2px);box-shadow:-2px 2px #4d6fcc80!important}a.btn.signup-cta:after,a.btn.link-signup:after,button.signup-cta:after,button.link-signup:after,input[type=submit].signup-cta:after,input[type=submit].link-signup:after{display:none}a.btn .cta-signup-icon,button .cta-signup-icon,input[type=submit] .cta-signup-icon{width:1.2em;height:1.2em;margin-left:5px;color:#ffffffe6;transition:all .15s ease-in-out;transform:translate(0)}a.btn .btn-icon,button .btn-icon,input[type=submit] .btn-icon{width:1.2em;height:1.2em;margin-left:5px;color:#ffffffe6;transition:all .15s ease-in-out}a.btn:hover .cta-signup-icon,button:hover .cta-signup-icon,input[type=submit]:hover .cta-signup-icon{color:#fff;transform:translate(4px)}.max-width{max-width:1400px;margin:0 auto;padding:0 20px}@media (max-width: 830px){.max-width{padding:0 15px}}h1{font-size:40px;font-weight:900}h1,h2,h3,h4,h5,h6,.section-title{font-family:DM Sans,sans-serif}.underlined{position:relative;display:inline-block;text-shadow:0 0 0 5px white}.underlined:before{content:"";position:absolute;bottom:-2px;left:-5px;right:-5px;height:10px;z-index:-1;background-color:#d7d0c84d}.section{padding:0;margin:8em auto}.section .section-title{font-size:30px;font-weight:700;margin-top:0;margin-bottom:20px;letter-spacing:-.3px}.section .section-subheading{font-size:20px;display:block;font-weight:600;margin-top:-15px;margin-bottom:20px;color:#a89681}.section .section-category{font-size:14px;font-weight:600;margin-bottom:10px;letter-spacing:0;color:#a89681}.section.interstitial-bar{box-shadow:3px 4px 3px #d7d0c833,inset 15px 15px 15px #d7d0c80d,0 0 2px 1px #d7d0c80d;background-color:#fff6;border-radius:30px;color:#242321;padding:15px 0;text-align:center;font-size:16px;font-weight:600}.section.interstitial-bar a{color:#fff;font-weight:700}.section.interstitial-bar a:hover{text-decoration:underline}.section#compatibility .platform-logos{justify-content:center;display:flex;gap:40px;padding:15px 60px;align-items:center}.section#compatibility .platform-logos .platform-logo-link{transition:all .15s ease-in-out}.section#compatibility .platform-logos .platform-logo-link:hover{transform:translateY(-2px)}.section#compatibility .platform-logos .platform-logo-link i{margin:0}.section#compatibility .platform-logos .platform-logo-link:after{display:none!important}.section#compatibility .platform-logos .platform-logo{color:#baafa3;font-size:36px}.section#compatibility .platform-logos .more-platforms{font-size:18px;font-weight:600;color:#baafa3}.section.pricing-plans{text-align:center}.section .pricing-table{display:flex;justify-content:center;padding:20px;gap:20px}.section .pricing-table .pricing-plan{flex:1;max-width:290px;padding:22px 25px;border:1px solid rgba(215,208,200,.3);box-shadow:1px 1px 5px #00000005,-1px -1px 5px #ffffff4d;background-color:#fff;border-radius:20px;text-align:left;display:flex;flex-direction:column;position:relative;gap:12px}.section .pricing-table .pricing-plan .pricing-popular{background-color:#c4ebc3;position:absolute;font-size:13px;font-weight:500;padding:4px 10px;border-radius:5px;color:#2a7828;top:-10px}.section .pricing-table .pricing-plan .pricing-title{font-size:22px;font-weight:700;color:#242321}.section .pricing-table .pricing-plan .pricing-subtitle{font-size:15px;font-weight:500;color:#9f9284}.section .pricing-table .pricing-plan .pricing-price{font-size:32px;font-weight:600;color:#4d6fcc;display:flex;align-items:center;gap:3px}.section .pricing-table .pricing-plan .pricing-price .price-dollar{font-size:36px;color:#242321}.section .pricing-table .pricing-plan .pricing-price .price-value{font-size:36px;font-weight:700;color:#242321}.section .pricing-table .pricing-plan .pricing-price .price-period{font-size:18px;color:#9f9284;padding-left:5px}.section .pricing-table .pricing-plan .pricing-features{flex:1}.section .pricing-table .pricing-plan .pricing-features .fa-circle-check{color:#65ae63}.section .pricing-table .pricing-plan .pricing-features ul{padding-inline-start:0;list-style:none}.section .pricing-table .pricing-plan .pricing-features ul li{font-size:15px;font-weight:500;margin:12px 0}.section .pricing-table .pricing-plan .pricing-features ul li i{color:#4d6fcc;margin-right:5px}.section .pricing-table .pricing-plan .pricing-features ul li span.tooltip{border-bottom:1px dashed #D7D0C8;cursor:help}.section .pricing-table .pricing-plan .pricing-cta{margin-top:10px}.section .pricing-table .pricing-plan .pricing-cta a{font-size:18px;background-color:#4d6fcc;color:#fff;border-radius:10px;box-shadow:inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #00000026;text-shadow:0 -1px 2px rgba(0,0,0,.15)}.section .pricing-table .pricing-plan .pricing-cta a:hover{background-color:#3559bb}.section .pricing-table .pricing-plan .pricing-cta a:active{background-color:#3152ab}.section.help-center-article-list{margin:30px auto}.section.help-center-article-list .article-link{font-size:16px;font-weight:600;margin:10px 0;padding:5px}.section.help-center-article{margin:0 auto}.section.help-center-article .article-content{line-height:1.7em;font-size:15px;font-weight:500}.section.help-center-article .article-content a{color:#4d6fcc;font-weight:600}.section.help-center-article .article-content a:hover{color:#3355b3;text-decoration:underline}.section.feature-highlights .feature-highlights-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.section.feature-highlights .feature-highlights-content .feature-highlight{flex:1 1 calc(50% - 10px);min-width:280px;display:flex;gap:2em;align-items:center;border-radius:1em;padding:1em}@media (max-width: 830px){.section.feature-highlights .feature-highlights-content .feature-highlight{flex:1 1 100%;flex-direction:column;text-align:center;gap:15px}.section.feature-highlights .feature-highlights-content .feature-highlight .feature-highlight-icon{margin:0 auto}}.section.feature-highlights .feature-highlights-content .feature-highlight .feature-highlight-icon{width:3em;height:3em;padding:.5em;background-color:#d7d0c84d;border-radius:1em;color:#a89681;text-align:center;display:flex;align-items:center;justify-content:center}.section.feature-highlights .feature-highlights-content .feature-highlight .feature-highlight-icon i{font-size:1.5em;text-align:center}.section.feature-highlights .feature-highlights-content .feature-highlight .feature-highlight-text-wrapper{flex:1;display:flex;flex-direction:column;gap:.3em}.section.feature-highlights .feature-highlights-content .feature-highlight .feature-highlight-text-wrapper .feature-highlight-title{font-size:1.2em;font-weight:700;color:#242321}.section.feature-highlights .feature-highlights-content .feature-highlight .feature-highlight-text-wrapper .feature-highlight-text{font-size:1em;font-weight:400;color:#48433e}.section.feature-highlights .feature-highlights-content .feature-highlight .feature-highlight-text-wrapper .feature-highlight-text p{margin:0;color:inherit}.section .faq-content{display:flex;flex-wrap:wrap;gap:25px;flex-direction:column}.section .faq-content .faq-item{padding:5px 0;display:flex;flex-direction:column;gap:5px}.section .faq-content .faq-item .faq-question{font-size:20px;font-weight:700;color:#242321}.section .faq-content .faq-item .faq-question .fa-question-circle{color:#d7d0c8;margin-right:5px}.section .faq-content .faq-item .faq-answer{padding:10px 20px;font-size:16px;font-weight:500;line-height:1.5em}.section.cta-section{background-color:#d7d0c833;border-radius:20px;text-align:center;padding:50px}.section.cta-section .cta-title{font-size:2.4em;font-weight:800;margin-bottom:30px;letter-spacing:-.3px;color:#242321}.section.cta-section .cta-subtitle{font-size:18px;font-weight:500;color:#242321;margin-bottom:30px}.section.cta-section .signup-cta.btn{border-radius:10px;font-size:1.4em;text-align:center;width:-moz-fit-content;width:fit-content;margin:0 auto;gap:1em;font-weight:800;padding:.8em 1.618em}.section.cta-section .signup-cta-secondary.btn{background-color:#cfc6bc33;color:#54504b;border:1px solid rgba(207,198,188,.5);text-decoration:none;text-shadow:none;box-shadow:none}.section.cta-section .signup-cta-secondary.btn:after{content:none}.section.cta-section .signup-cta-secondary.btn:hover{background-color:#cfc6bc4d;color:#48433e;border:1px solid rgba(207,198,188,.5)}.section.cta-section .signup-cta-secondary.btn:active{background-color:#cfc6bc66;color:#48433e;border:1px solid rgba(207,198,188,.5)}.section.cta-section .signup-cta-secondary.btn .cta-signup-icon{color:#48433e}.section.cta-section .signup-cta-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px}.section.cta-section .signup-cta-container .signup-cta.btn{margin:0}.section.contact-section .contact-content{display:flex;justify-content:center;gap:5px;flex-direction:column}.section.contact-section .contact-content .contact-method{display:flex;gap:5px;align-items:center}.section.contact-section .contact-content .contact-method p{margin:0}.section.contact-section .contact-content .contact-method .contact-icon{font-size:30px;color:#4d6fcc}.section.contact-section .contact-content .contact-method .contact-text{font-size:18px;font-weight:600;color:#242321}.split-section{display:flex;align-items:center;gap:30px}@media (max-width: 1024px){.split-section{flex-direction:column;text-align:center;gap:40px}}.splash-top{text-align:center;padding:30px 0;font-size:18px}.splash-top .splash-top-left{flex:1;text-align:left;display:flex;flex-direction:column;gap:1.618em;flex-basis:52%}.splash-top .splash-top-right{flex-shrink:1;flex-basis:48%;min-width:0}.splash-top .hero-img{width:100%;max-width:700px;height:auto;transition:transform .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splash-top .hero-img .directory-mockup-container{--dmc-offset-x: 2px;--dmc-offset-y: 1px;--dmc-shadow-color: rgba(0,0,0,.07);--dmc-bg-color: white;--dmc-card-bg: #fafafa;--dmc-border-color: rgba(0,0,0,.05);background:var(--dmc-bg-color);padding:50px 40px;width:100%;transform:translateZ(1px) rotateX(15deg) rotateY(-25deg) rotate(14deg);transform-style:preserve-3d;box-shadow:inset 1px 1px 0 0 var(--dmc-border-color),inset 0 -1px 0 0 var(--dmc-border-color),calc(var(--dmc-offset-x) + 4px) calc(var(--dmc-offset-y) + 1px) 0 calc(var(--dmc-offset-y) + 1px) var(--dmc-shadow-color),0 10px 30px #0000000d;border-radius:20px;transform-origin:center;perspective:1000px;z-index:1;position:relative;display:flex;flex-direction:column;gap:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .35s ease;border:1px solid rgba(0,0,0,.03);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-height:390px;overflow:hidden}.splash-top .hero-img .directory-mockup-container:hover{--dmc-offset-x: 3px;--dmc-offset-y: 1px;transform:translateZ(2px) rotateX(16deg) rotateY(-27deg) rotate(15deg);box-shadow:inset 1px 1px 0 0 var(--dmc-border-color),inset 0 -1px 0 0 var(--dmc-border-color),calc(var(--dmc-offset-x) + 5px) calc(var(--dmc-offset-y) + 1px) 0 calc(var(--dmc-offset-y) + 1px) var(--dmc-shadow-color),10px 10px 30px #00000008}.splash-top .hero-img .directory-mockup-container *{transition:all .35s ease}.splash-top .hero-img .directory-mockup-container .top-bar{display:flex;gap:15px;background:transparent;margin-bottom:8px;height:40px}.splash-top .hero-img .directory-mockup-container .top-bar .search-bar,.splash-top .hero-img .directory-mockup-container .top-bar .dropdown,.splash-top .hero-img .directory-mockup-container .top-bar .toggle{background:var(--dmc-card-bg);border-radius:10px;padding:10px 16px;font-size:16px;box-shadow:inset 0 0 0 1px #0000000d,var(--dmc-offset-x) var(--dmc-offset-y) 0 1px #00000012;font-weight:500;color:#00000080;text-align:left;display:flex;align-items:center;gap:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.splash-top .hero-img .directory-mockup-container .top-bar .search-bar i,.splash-top .hero-img .directory-mockup-container .top-bar .dropdown i,.splash-top .hero-img .directory-mockup-container .top-bar .toggle i{opacity:.5}.splash-top .hero-img .directory-mockup-container .top-bar .search-bar,.splash-top .hero-img .directory-mockup-container .top-bar .dropdown{flex:1}.splash-top .hero-img .directory-mockup-container .top-bar .dropdown i{margin-left:auto;transition:transform .3s ease}.splash-top .hero-img .directory-mockup-container .top-bar .dropdown:hover i{transform:translateY(2px)}.splash-top .hero-img .directory-mockup-container .top-bar .toggle{position:relative;width:80px;background-color:#617fd2;border-radius:100px;box-shadow:var(--dmc-offset-x) var(--dmc-offset-y) 0 1px #395fc6}.splash-top .hero-img .directory-mockup-container .top-bar .toggle:after{content:"";position:absolute;top:calc(6px - var(--dmc-offset-y));right:calc(6px + var(--dmc-offset-x));width:28px;height:28px;background:linear-gradient(to bottom,#fff,#f5f5f5);border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--dmc-offset-x) var(--dmc-offset-y) 0 1px #c8c8c8,inset 0 0 0 1px #ffffff80}.splash-top .hero-img .directory-mockup-container .card-row{display:flex;flex-direction:row;gap:16px}.splash-top .hero-img .directory-mockup-container .card-row .card{background:var(--dmc-card-bg);border-radius:14px;padding:20px 12px;width:100%;box-shadow:var(--dmc-offset-x) var(--dmc-offset-y) 0 1px #00000012,inset 0 0 0 1px #ffffffb3;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(0,0,0,.03);transition:all .3s ease}.splash-top .hero-img .directory-mockup-container .card-row .card .image-placeholder{width:100%;height:100px;border-radius:8px;background:#ddd;background-size:cover;background-position:center top;box-shadow:inset 0 0 0 1px #0000000d;transition:all .5s ease;transform:translateZ(5px);box-shadow:inset calc(-1.2 * var(--dmc-offset-x)) calc(-1.2 * var(--dmc-offset-y)) 0 0 #0000001a}.splash-top .hero-img .directory-mockup-container .card-row .card .text-line{height:10px;border-radius:6px;background:#e2e2e2;margin-bottom:0;transform:translateZ(2px);box-shadow:inset 0 0 0 1px #00000008}.splash-top .hero-img .directory-mockup-container .card-row .card .text-line.short{width:50%}.splash-top .hero-img .directory-mockup-container .card-row .card .text-line.spacer{height:0;background:transparent;box-shadow:none}.splash-top .hero-img .directory-mockup-container .card-row .card .text-line.long{width:80%}.splash-top h1{font-size:2.986em;margin:0;letter-spacing:-.3px;font-weight:900}.splash-top .subh1{margin:0 auto;font-size:1em;font-weight:500;line-height:1.618em}.splash-top .important-points{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.splash-top .important-points .point{align-items:center;display:flex;gap:10px;font-size:14px;padding:2px 8px;border-radius:10px;background-color:#d7d0c826;box-shadow:inset -1px -2px #00000003}.splash-top .important-points .point .point-icon{height:1.2em;width:1.2em}.splash-top .important-points .point i{color:#4d6fcc;font-size:18px;font-weight:600}.splash-top .important-points .point p{font-size:14px;font-weight:600}.splash-top .signup-cta.btn{font-size:20px;font-weight:700;padding:.8em 1.618em;text-align:center;width:-moz-fit-content;width:fit-content}@media (max-width: 1024px){.splash-top .splash-top-left{text-align:center}.splash-top .splash-top-left .important-points{justify-content:center}.splash-top .splash-top-left .signup-cta.btn{margin:0 auto}}@media (max-width: 830px){.splash-top{padding:20px 0;font-size:16px}.splash-top h1{font-size:32px;line-height:1.3}.splash-top .subh1{font-size:16px;line-height:1.6}}.website-top-gradient{position:fixed;left:-1000px;right:-1000px;top:0;height:0;background:#fff;z-index:2;background:linear-gradient(180deg,#fff 20%,#fff0);opacity:0;transition:opacity .3s ease}.website-top-gradient.scrolled{position:fixed;width:1200px;left:50%;margin-left:-600px;top:0;height:50px;background:#fff;z-index:2;background:linear-gradient(180deg,#fff 20%,#fff0);opacity:1}.website-nav{background-color:#fff;border-bottom:1px solid rgb(242.25,242.25,242.25);padding:15px 20px;position:sticky;top:0;transition:box-shadow .2s ease,background-color .2s ease,border-color .2s ease;margin:0 auto;border-radius:0;z-index:2;box-shadow:0 1px 10px #cfc6bc0d}.website-nav .website-nav-content{display:flex;align-items:center;gap:30px;justify-content:space-between}.website-nav.scrolled{z-index:2;box-shadow:0 1px 10px #cfc6bc1a}.website-nav .logo-container{margin-left:5px}.website-nav .link-container{display:flex;gap:15px;align-items:center}.website-nav .link-container a{font-weight:600;font-size:16px;padding:10px 15px;transition:box-shadow .2s ease,background-color .2s ease,border-color .1s ease,color .12s ease}.website-nav .link-container a.btn{font-weight:800;padding:.8em 1.618em;background-color:#fff;border-radius:8px;border:none;box-shadow:none;text-shadow:none;background-color:#4d6fcc;color:#fff;border-color:transparent;box-shadow:inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #00000026,0 2px 5px #4d6fcc0d}.website-nav .link-container a.btn:hover{color:#fff;border-color:#d7d0c8;text-shadow:0 0 5px rgba(215,208,200,.1);background-color:#3559bb}.website-nav .link-container a.btn:active{background-color:#fff;border-color:#d7d0c8;background-color:#2e4c9f;box-shadow:inset 0 1px 3px #00000026,inset 0 -1px 3px #ffffff1a}@media (max-width: 1024px){.website-nav .website-nav-content{flex-direction:column;gap:15px}.website-nav .link-container{flex-wrap:wrap;justify-content:center;gap:10px}.website-nav .link-container a{font-size:14px;padding:8px 12px}}.content{padding:60px 60px 15px;background-color:#fff;position:relative;z-index:1;margin:0 auto}@media (max-width: 1024px){.content{padding:15px 20px}}.signup-title{font-size:2.2em;font-weight:800;margin-bottom:10px}.signup-subheading{font-size:1.25em;font-weight:600;margin-bottom:30px;color:#9f9284}form.login-form,form.signup-form,form.reset-form{max-width:500px;width:100%;margin:20px auto 70px;font-size:15px;padding:25px 30px;background-color:#fff;border:1px solid rgb(249.9,249.9,249.9);border:none;border-right:1px solid rgb(242.25,242.25,242.25);border-radius:0;position:relative}form.login-form .sidebar,form.signup-form .sidebar,form.reset-form .sidebar{position:absolute;top:80px;left:calc(100% + 30px);width:280px;background-color:#fff;border-radius:16px;z-index:-1;padding:10px 15px}form.login-form .sidebar .sidebar-content .sidebar-title,form.signup-form .sidebar .sidebar-content .sidebar-title,form.reset-form .sidebar .sidebar-content .sidebar-title{font-weight:700;color:#242321;font-size:16px;margin-bottom:20px}form.login-form .sidebar .sidebar-content .sidebar-steps .sidebar-steps-heading,form.signup-form .sidebar .sidebar-content .sidebar-steps .sidebar-steps-heading,form.reset-form .sidebar .sidebar-content .sidebar-steps .sidebar-steps-heading{font-weight:700;color:#242321;margin:25px 0 12px;font-size:15px}form.login-form .sidebar .sidebar-content .sidebar-steps .sidebar-steps-heading:first-child,form.signup-form .sidebar .sidebar-content .sidebar-steps .sidebar-steps-heading:first-child,form.reset-form .sidebar .sidebar-content .sidebar-steps .sidebar-steps-heading:first-child{margin-top:0}form.login-form .sidebar .sidebar-content .sidebar-steps ul,form.signup-form .sidebar .sidebar-content .sidebar-steps ul,form.reset-form .sidebar .sidebar-content .sidebar-steps ul{padding-inline-start:25px;margin:0}form.login-form .sidebar .sidebar-content .sidebar-steps ul li,form.signup-form .sidebar .sidebar-content .sidebar-steps ul li,form.reset-form .sidebar .sidebar-content .sidebar-steps ul li{color:#48433e;font-weight:500;font-size:14px;margin:12px 0;line-height:1.4}form.login-form .sidebar .sidebar-content .sidebar-steps ul li i,form.signup-form .sidebar .sidebar-content .sidebar-steps ul li i,form.reset-form .sidebar .sidebar-content .sidebar-steps ul li i{font-size:15px;width:18px;text-align:center}form.login-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-check-circle,form.signup-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-check-circle,form.reset-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-check-circle{color:#65ae63}form.login-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-upload,form.login-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-gear,form.login-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-code,form.login-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-life-ring,form.signup-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-upload,form.signup-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-gear,form.signup-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-code,form.signup-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-life-ring,form.reset-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-upload,form.reset-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-gear,form.reset-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-code,form.reset-form .sidebar .sidebar-content .sidebar-steps ul li i.fa-life-ring{color:#4d6fcc}@media (max-width: 1100px){form.login-form .sidebar,form.signup-form .sidebar,form.reset-form .sidebar{position:static;width:100%;margin-top:30px;margin-bottom:-20px}}form.login-form h1,form.signup-form h1,form.reset-form h1{margin-top:0;padding-top:0}form.login-form .field,form.signup-form .field,form.reset-form .field{display:block;margin:20px 0}form.login-form .field.submit-field,form.signup-form .field.submit-field,form.reset-form .field.submit-field{margin:25px 0}form.login-form .field .remember-me,form.signup-form .field .remember-me,form.reset-form .field .remember-me{margin:0 0 5px}form.login-form .field label,form.signup-form .field label,form.reset-form .field label{display:inline-block;font-weight:600;font-size:15px;color:#242321;margin:0 0 8px}form.login-form .field label.checkbox-label,form.signup-form .field label.checkbox-label,form.reset-form .field label.checkbox-label{cursor:pointer;display:inline-block}form.login-form .field label .checkbox-span,form.signup-form .field label .checkbox-span,form.reset-form .field label .checkbox-span{vertical-align:middle}form.login-form .field .forgot-password,form.signup-form .field .forgot-password,form.reset-form .field .forgot-password{color:#4d6fcc;display:inline-block;font-size:13px;font-weight:500;margin-top:0;float:right}form.login-form .field .forgot-password:hover,form.signup-form .field .forgot-password:hover,form.reset-form .field .forgot-password:hover{color:#3355b3;text-decoration:underline}form.login-form .field input,form.signup-form .field input,form.reset-form .field input{display:block}form.login-form .field input[type=text],form.login-form .field input[type=email],form.login-form .field input[type=password],form.signup-form .field input[type=text],form.signup-form .field input[type=email],form.signup-form .field input[type=password],form.reset-form .field input[type=text],form.reset-form .field input[type=email],form.reset-form .field input[type=password]{width:100%;padding:12px 18px;font-size:16px;border-radius:5px;font-weight:600;font-family:inherit;outline:none;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px 1px #00000008,inset 0 -1px 1px #ffffff80;background-color:#ffffffe6}form.login-form .field input[type=text]:hover,form.login-form .field input[type=email]:hover,form.login-form .field input[type=password]:hover,form.signup-form .field input[type=text]:hover,form.signup-form .field input[type=email]:hover,form.signup-form .field input[type=password]:hover,form.reset-form .field input[type=text]:hover,form.reset-form .field input[type=email]:hover,form.reset-form .field input[type=password]:hover{border-color:#00000026}form.login-form .field input[type=text]:focus,form.login-form .field input[type=email]:focus,form.login-form .field input[type=password]:focus,form.signup-form .field input[type=text]:focus,form.signup-form .field input[type=email]:focus,form.signup-form .field input[type=password]:focus,form.reset-form .field input[type=text]:focus,form.reset-form .field input[type=email]:focus,form.reset-form .field input[type=password]:focus{border-color:#0003;background-color:#fff}form.login-form .field input[type=submit],form.signup-form .field input[type=submit],form.reset-form .field input[type=submit]{width:100%}form.login-form .field input[type=checkbox],form.signup-form .field input[type=checkbox],form.reset-form .field input[type=checkbox]{width:auto;display:inline-block;margin-right:10px;transform:scale(1.2);vertical-align:middle;accent-color:#4d6fcc;cursor:pointer}form.login-form .field button,form.signup-form .field button,form.reset-form .field button{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:inherit;border:none;outline:none;font-weight:700;font-size:18px;cursor:pointer;padding:15px 20px;text-align:left;border-radius:5px}form.login-form .field p,form.signup-form .field p,form.reset-form .field p{font-size:13px}.feature-story{text-align:left}.feature-story p{font-size:16px;font-weight:500;line-height:1.618em;color:#242321;margin-bottom:20px}.feature-story p .feature-token{display:inline-flex;align-items:center;padding:3px 5px;border-radius:5px;background-color:#d7d0c81a;line-height:1.3em;margin:0;transition:background-color .3s ease;color:#242321;font-weight:600;border:1px solid rgba(207,198,188,.2)}.feature-story p .feature-token i{color:#54504b;margin-right:5px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2em;padding:1em 0}.step-card{position:relative;padding:2em;background:#fff;border-radius:.5em;box-shadow:3px 4px 3px #d7d0c80d,inset 0 15px 15px #d7d0c80d,0 0 0 1px #d7d0c84d;background-color:#fff6}.step-card p{color:#48433e;font-size:1em;font-weight:400}.step-card h3{display:flex;align-items:center;gap:.5em}.step-number{width:1.618em;height:1.618em;background:#d7d0c833;color:#a89681;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Funnel Display,sans-serif;display:none}.step-icon{margin-bottom:1rem;width:3em;height:3em;background:#d7d0c833;color:#a89681;padding:.8em;border-radius:8px}.footer{background-color:#fff;margin-top:100px;border-top:1px solid rgb(242.25,242.25,242.25)}.footer .footer-description{font-size:13px;font-weight:400;color:#9f9284;margin-bottom:20px;max-width:200px}.footer .footer-content{display:flex;align-items:top;gap:50px;padding:30px}.footer .footer-content .footer-column .logo-container .logo{font-size:25px}.footer .footer-content .footer-column .logo-container .logo .logo-text{font-size:18px}.footer .footer-content .footer-column .footer-column-title{font-size:16px;font-weight:700;color:#242321;margin-bottom:20px;margin-top:4px}.footer .footer-content .footer-column ul{padding-inline-start:0;list-style:none}.footer .footer-content .footer-column ul li{font-size:14px;font-weight:500;margin:10px 0;color:#5f5a55}.footer .footer-content .footer-column ul li a{color:#5f5a55;font-weight:500}.footer .footer-content .footer-column ul li a:hover{color:#4d6fcc;text-decoration:underline}.footer .footer-content .footer-column:first-child ul li,.footer .footer-content .footer-column:first-child ul li a{color:#9f9284}.footer .footer-content .footer-column:first-child ul li a:hover{color:#4d6fcc}@media (max-width: 830px){.splash-top h1{font-size:32px;max-width:100%}.splash-top .subh1{font-size:16px;padding:0 10px}.splash-top .important-points{flex-direction:column;gap:10px}.section-content.section-columns{flex-direction:column}.section-content.section-columns .section-column,.section-content.section-columns .section-column img{max-width:100%}.pricing-table{flex-direction:column}.pricing-table .pricing-plan{max-width:100%;margin-bottom:20px}.faq-content{flex-direction:column}.faq-content .faq-item .faq-question{font-size:18px}.faq-content .faq-item .faq-answer{font-size:14px}.contact-content{flex-direction:column}.contact-content .contact-method .contact-icon{font-size:24px}.contact-content .contact-method .contact-text{font-size:16px}.footer-content{flex-direction:column;gap:20px}.footer-content .footer-column .footer-column-title{font-size:14px}.footer-content .footer-column ul li{font-size:12px}body{padding:0;margin:0}.website-nav{flex-direction:column;align-items:center;padding:10px 15px;border-radius:0;position:relative;top:0;gap:10px}.website-nav .logo-container{margin-bottom:10px;text-align:center;width:100%}.website-nav .logo-container .logo{justify-content:center}.website-nav .link-container{flex-wrap:wrap;justify-content:center;width:100%;gap:10px}.website-nav .link-container a{flex:1 1 auto;text-align:center;padding:10px 5px}.website-nav .link-container a.btn{padding:10px 20px}.platform-logos{flex-wrap:wrap}}.document-text{font-size:15px;font-weight:500;line-height:1.7em;color:#242321;margin-bottom:100px}.testimonials,#testimonials{display:none!important}.website-s{display:flex;flex-direction:column;gap:20px;min-height:100vh}.website-s .content{flex:1;width:100%}.website-s .website-nav{position:relative;width:100%}.website-s .footer{width:100%;position:relative}.help-article{max-width:800px;margin:0 auto;padding:2em 1em}.help-article .article-header{display:flex;align-items:flex-start;gap:2em;margin-bottom:2em}.help-article .article-header .header-content{flex:1}.help-article .article-header .hero-img{width:50%;height:auto;border-radius:8px;box-shadow:none;transition:transform .2s ease-in-out}.help-article .article-header .hero-img:hover{transform:scale(1.02) rotate(1deg)}@media (max-width: 830px){.help-article .article-header{flex-direction:column}.help-article .article-header .hero-img{width:100%;order:-1}}.help-article h1{font-size:2.5em;font-weight:800;margin-bottom:1em;line-height:1.3;color:#242321}.help-article h2{font-size:1.75em;font-weight:700;margin:1.5em 0 .75em;color:#242321;border-bottom:2px solid rgba(215,208,200,.15);padding-bottom:.5em}.help-article h3{font-size:1.35em;font-weight:700;margin:1.25em 0 .5em;color:#242321}.help-article h4{font-size:1.15em;font-weight:600;margin:1em 0 .5em;color:#242321}.help-article p{font-size:1.05em;line-height:1.7;margin:.75em 0 1em;color:#48433e}.help-article p a{color:#4d6fcc;text-decoration:none;border-bottom:1px solid rgba(77,111,204,.2);transition:border-color .2s ease}.help-article p a:hover{border-color:#4d6fcc}.help-article ul,.help-article ol{margin:1em 0;padding-left:1.5em;color:#48433e}.help-article ul li,.help-article ol li{margin:.5em 0;line-height:1.6}.help-article ul li::marker,.help-article ol li::marker{color:#a89681}.help-article ul ul,.help-article ul ol,.help-article ol ul,.help-article ol ol{margin:.5em 0}.help-article code{background:#d7d0c81a;padding:.2em .4em;border-radius:4px;font-size:.9em;font-family:Monaco,Consolas,monospace;color:#242321}.help-article pre{background:#d7d0c81a;padding:1.25em;border-radius:8px;overflow-x:auto;margin:1.5em 0;border:1px solid rgba(215,208,200,.2)}.help-article pre code{background:none;padding:0;font-size:.9em;line-height:1.6}.help-article .note,.help-article .warning,.help-article .tip{padding:1.25em;margin:1.5em 0;border-radius:8px;border-left:4px solid}.help-article .note p:last-child,.help-article .warning p:last-child,.help-article .tip p:last-child{margin-bottom:0}.help-article .note{background:#d7d0c81a;border-left-color:#d7d0c8}.help-article .warning{background:#f264301a;border-left-color:#f26430}.help-article .tip{background:#65ae631a;border-left-color:#65ae63}.help-article table{width:100%;margin:1.5em 0;border-collapse:collapse;font-size:.95em}.help-article table th,.help-article table td{padding:.75em 1em;border:1px solid rgba(215,208,200,.2);text-align:left}.help-article table th{background:#d7d0c81a;font-weight:600;color:#242321}.help-article table td{color:#48433e}.help-article table tr:nth-child(2n){background:#d7d0c808}.help-article img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0;box-shadow:0 2px 8px #d7d0c826}.help-article .article-nav{display:flex;justify-content:space-between;margin:3em 0;padding-top:2em;border-top:1px solid rgba(215,208,200,.2)}.help-article .article-nav a{display:flex;align-items:center;gap:.5em;color:#4d6fcc;font-weight:600;text-decoration:none;padding:.75em 1em;border-radius:8px;background:#d7d0c81a;transition:background .2s ease}.help-article .article-nav a:hover{background:#d7d0c833}.help-article .article-nav a i{font-size:1.2em}.help-article .hero-img{width:100%;height:auto;margin:0 0 2em;border-radius:8px;box-shadow:3px 4px 3px #d7d0c833,inset 15px 15px 15px #d7d0c80d,0 0 2px 1px #d7d0c80d}.help-article .premium-feature-note{background:#d7d0c81a;border-left:1px solid #baafa3;padding:.75em 1em;margin:1em 0;border-radius:8px}.help-article .premium-feature-note p{margin:0;color:#242321;font-weight:500;font-size:.9em;display:flex;align-items:center;gap:.5em}.help-article .premium-feature-note p i{color:#baafa3;font-size:.9em}.help-article h1,.help-article h2,.help-article h3,.help-article h4{position:relative}.help-article h1 .heading-anchor,.help-article h2 .heading-anchor,.help-article h3 .heading-anchor,.help-article h4 .heading-anchor{opacity:0;font-size:.7em;margin-left:.5em;color:#baafa3;transition:opacity .2s ease;vertical-align:middle}.help-article h1 .heading-anchor:hover,.help-article h2 .heading-anchor:hover,.help-article h3 .heading-anchor:hover,.help-article h4 .heading-anchor:hover{color:#4d6fcc}.help-article h1 .heading-anchor:after,.help-article h2 .heading-anchor:after,.help-article h3 .heading-anchor:after,.help-article h4 .heading-anchor:after{display:none}.help-article h1:hover .heading-anchor,.help-article h2:hover .heading-anchor,.help-article h3:hover .heading-anchor,.help-article h4:hover .heading-anchor{opacity:1}@media (max-width: 830px){.help-article{padding:1em}.help-article h1{font-size:2em}.help-article h2{font-size:1.5em}.help-article h3{font-size:1.25em}.help-article h4{font-size:1.1em}.help-article pre{padding:1em;font-size:.85em}.help-article .article-nav{flex-direction:column;gap:1em}.help-article .article-nav a{width:100%;justify-content:center}.help-article table{display:block;overflow-x:auto;font-size:.9em}.help-article table th,.help-article table td{padding:.5em .75em}}.tutorials-hero{text-align:center;max-width:600px;margin:0 auto 2em}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2em;margin:2em 0}.empty-state{text-align:center;padding:4em 2em;color:#48433e}.empty-state i{font-size:3em;margin-bottom:.5em;opacity:.5}.empty-state p{font-size:1.1em}.tutorial-card{background:#fff;border-radius:8px;padding:1.5em;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:3px 4px 3px #d7d0c80d,inset 15px 15px 15px #d7d0c80d,0 0 0 1px #d7d0c84d;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.tutorial-card:after{display:none!important}.tutorial-card:hover{transform:translateY(-2px);box-shadow:3px 6px 12px #d7d0c81f,inset 15px 15px 15px #d7d0c80d,0 0 0 1px #d7d0c866;background:#fff}.tutorial-card:hover .tutorial-card-footer .read-more{color:#4d6fcc}.tutorial-card:hover .tutorial-card-footer .read-more i{transform:translate(4px)}.tutorial-card .tutorial-card-footer{margin-top:1.25em;padding-top:1em;border-top:1px solid rgba(215,208,200,.1)}.tutorial-card .tutorial-card-footer .read-more{font-size:.9em;font-weight:600;color:#a89681;display:flex;align-items:center;gap:.5em}.tutorial-card .tutorial-card-footer .read-more i{transition:transform .2s ease-in-out}.tutorial-card .tutorial-meta{display:flex;flex-wrap:wrap;gap:.75em;margin-bottom:1em;font-size:.9em;color:#a89681}.tutorial-card .tutorial-meta .meta-item{display:flex;align-items:center;gap:.5em;background:#d7d0c81a;padding:.25em .75em;border-radius:100px;white-space:nowrap}.tutorial-card .tutorial-meta .meta-item i{color:#a89681;font-size:.9em}.tutorial-card .tutorial-title{font-size:1.2em;font-weight:700;margin-bottom:.5em;color:#242321}.tutorial-card .tutorial-description{color:#48433e;font-size:.95em;line-height:1.5;margin-bottom:1em}.tutorial-page .tutorial-header{background:#d7d0c81f;border-radius:8px;margin:1rem 1rem 0;padding:2rem 2rem 2.5rem}.tutorial-page .tutorial-header .tutorial-header-inner{max-width:1200px;margin:0 auto}.tutorial-page .tutorial-header .back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#a89681;text-decoration:none;margin-bottom:1.25rem;transition:color .15s}.tutorial-page .tutorial-header .back-link:after{display:none!important}.tutorial-page .tutorial-header .back-link:hover{color:#4d6fcc;background:none}.tutorial-page .tutorial-header .section-category{font-size:.8rem;color:#4d6fcc;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.tutorial-page .tutorial-header h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:#242321;line-height:1.2;margin:0 0 1rem;max-width:720px}.tutorial-page .tutorial-header .tutorial-meta{display:flex;flex-wrap:wrap;gap:.75rem}.tutorial-page .tutorial-header .tutorial-meta .meta-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#74716a}.tutorial-page .tutorial-header .tutorial-meta .meta-item i{font-size:.8rem;opacity:.7}.tutorial-page .tutorial-header .tutorial-meta .meta-item time{color:inherit}.tutorial-page .tutorial-header .tutorial-meta .meta-item.difficulty-beginner{color:#10b981}.tutorial-page .tutorial-header .tutorial-meta .meta-item.difficulty-intermediate{color:#f59e0b}.tutorial-page .tutorial-header .tutorial-meta .meta-item.difficulty-advanced{color:#ef4444}.tutorial-layout{display:grid;grid-template-columns:1fr;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;gap:3rem}@media (min-width: 1024px){.tutorial-layout{grid-template-columns:240px 1fr;align-items:start}}.tutorial-sidebar{display:none}@media (min-width: 1024px){.tutorial-sidebar{display:block;position:sticky;top:calc(70px + 1.5rem);max-height:calc(100vh - 70px - 3rem);overflow-y:auto}}.tutorial-sidebar .tutorial-toc .toc-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8e8a83;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(215,208,200,.1)}.tutorial-sidebar .tutorial-toc .toc-list{list-style:none;padding:0;margin:0}.tutorial-sidebar .tutorial-toc .toc-list li{margin:0}.tutorial-sidebar .tutorial-toc .toc-list .toc-link{display:flex;align-items:flex-start;gap:.75rem;color:#67645e;text-decoration:none;font-size:.875rem;line-height:1.4;transition:all .15s;border-left:2px solid transparent;margin-left:-.75rem;padding:.5rem 0 .5rem .75rem}.tutorial-sidebar .tutorial-toc .toc-list .toc-link:after{display:none!important}.tutorial-sidebar .tutorial-toc .toc-list .toc-link:hover{color:#4d6fcc;border-left-color:#4d6fcc4d;background:none}.tutorial-sidebar .tutorial-toc .toc-list .toc-link:focus-visible{outline:2px solid #4d6fcc;outline-offset:2px;border-radius:4px}.tutorial-sidebar .tutorial-toc .toc-list .toc-link .toc-number{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#4d6fcc;background:#4d6fcc1a;border-radius:4px}.tutorial-sidebar .tutorial-toc .toc-list .toc-link .toc-text{flex:1}.mobile-toc{display:block;background:#d7d0c826;border:1px solid rgba(215,208,200,.2);border-radius:8px;margin-bottom:2rem}@media (min-width: 1024px){.mobile-toc{display:none}}.mobile-toc summary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;font-weight:600;font-size:.9rem;color:#242321;list-style:none}.mobile-toc summary::-webkit-details-marker{display:none}.mobile-toc summary:after{display:none!important}.mobile-toc summary .toc-toggle-text{flex:1}.mobile-toc summary .toc-step-count{font-size:.75rem;font-weight:500;color:#8e8a83;background:#d7d0c833;padding:.2rem .6rem;border-radius:100px}.mobile-toc summary i{font-size:.75rem;color:#8e8a83;transition:transform .2s}.mobile-toc[open] summary i{transform:rotate(180deg)}.mobile-toc .toc-list{list-style:none;padding:0 1.25rem 1rem;margin:0;border-top:1px solid rgba(215,208,200,.15)}.mobile-toc .toc-list li{margin:0}.mobile-toc .toc-list li a{display:block;padding:.6rem 0;color:#a89681;text-decoration:none;font-size:.9rem;border-bottom:1px solid rgba(215,208,200,.1)}.mobile-toc .toc-list li a:after{display:none!important}.mobile-toc .toc-list li a:hover{color:#4d6fcc;background:none}.mobile-toc .toc-list li a:focus-visible{outline:2px solid #4d6fcc;outline-offset:2px}.mobile-toc .toc-list li:last-child a{border-bottom:none}.tutorial-article{max-width:720px;min-width:0}.tutorial-body{font-size:1.0625rem;line-height:1.8;color:#3f3d39}.tutorial-body a{color:#4d6fcc;font-weight:500;text-decoration:underline;text-decoration-color:#4d6fcc4d;text-underline-offset:2px;transition:all .15s}.tutorial-body a:hover{text-decoration-color:#4d6fcc}.tutorial-body a:focus-visible{outline:2px solid #4d6fcc;outline-offset:2px;border-radius:2px}.tutorial-body h2{font-size:1.5rem;font-weight:700;color:#242321;margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid rgba(215,208,200,.08);scroll-margin-top:calc(70px + 1.5rem)}.tutorial-body h2:first-child{margin-top:0;padding-top:0;border-top:none}.tutorial-body h3{font-size:1.2rem;font-weight:600;color:#242321;margin:2rem 0 .75rem}.tutorial-body p{margin:1.25rem 0}.tutorial-body>p:first-child,.tutorial-body>h2:first-child+p{font-size:1.125rem;color:#242321;line-height:1.7}.tutorial-body ul,.tutorial-body ol{margin:1.25rem 0;padding-left:1.5rem}.tutorial-body ul li,.tutorial-body ol li{margin:.5rem 0;padding-left:.25rem}.tutorial-body ul li::marker,.tutorial-body ol li::marker{color:#4d6fcc}.tutorial-body ul ul,.tutorial-body ul ol,.tutorial-body ol ul,.tutorial-body ol ol{margin:.5rem 0}.tutorial-body ol li::marker{font-weight:600}.tutorial-body img{max-width:100%;height:auto;margin:2rem 0;border-radius:8px;box-shadow:0 4px 20px #00000014,0 0 0 1px #d7d0c81a}.tutorial-body pre{background:#0f172a;color:#e2e8f0;padding:1.25rem 1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-size:.875rem;line-height:1.7}.tutorial-body pre code{background:none;padding:0;color:inherit;font-size:inherit}.tutorial-body code{background:#d7d0c814;padding:.15rem .4rem;border-radius:4px;font-family:SF Mono,Monaco,Fira Code,monospace;font-size:.875em;color:#3355b3}.tutorial-body blockquote{border-left:3px solid rgba(77,111,204,.4);padding-left:1.25rem;margin:1.5rem 0;color:#67645e;font-style:italic}.tutorial-body strong{color:#242321;font-weight:600}.tutorial-body .tutorial-link{background:#4d6fcc14;padding:.1rem .4rem;border-radius:4px;text-decoration:none}.tutorial-body .tutorial-link:hover{background:#4d6fcc26}.tutorial-note{display:flex;gap:.875rem;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:8px;background:#d7d0c80d;border-left:3px solid #D7D0C8}.tutorial-note i{flex-shrink:0;margin-top:.2rem;font-size:1rem;color:#d7d0c8}.tutorial-note .note-content{flex:1;min-width:0}.tutorial-note .note-content p{margin:0;font-size:.95rem;line-height:1.6;color:#9e8972}.tutorial-note .note-content p:not(:last-child){margin-bottom:.75rem}.tutorial-note .note-content a{color:inherit;font-weight:600}.tutorial-note.tutorial-note-tip{background:#10b98114;border-left-color:#10b981}.tutorial-note.tutorial-note-tip i{color:#10b981}.tutorial-note.tutorial-note-tip .note-content p{color:#085b40}.tutorial-note.tutorial-note-warning{background:#f59e0b14;border-left-color:#f59e0b}.tutorial-note.tutorial-note-warning i{color:#d97706}.tutorial-note.tutorial-note-warning .note-content p{color:#945f06}.tutorial-note.tutorial-note-info{background:#4d6fcc0f;border-left-color:#4d6fcc}.tutorial-note.tutorial-note-info i{color:#4d6fcc}.tutorial-note.tutorial-note-info .note-content p{color:#2e4c9f}.tutorial-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(215,208,200,.1)}.tutorial-footer .footer-help{text-align:center}.tutorial-footer .footer-help p{font-size:.95rem;color:#74716a;margin:0}.tutorial-footer .footer-help p a{color:#4d6fcc;font-weight:500}.related-tutorials{background:#d7d0c805;border-top:1px solid rgba(215,208,200,.08);padding:3rem 1.5rem}.related-tutorials .related-inner{max-width:1200px;margin:0 auto}.related-tutorials .section-category{font-size:.75rem;color:#4d6fcc;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.related-tutorials .section-title{font-size:1.5rem;font-weight:700;color:#242321;margin:0 0 1.5rem}.related-tutorials .tutorials-grid{margin:0}@media (max-width: 830px){.tutorials-grid{grid-template-columns:1fr;gap:1rem}.tutorial-page .tutorial-header{padding:1.5rem 1rem 2rem}.tutorial-page .tutorial-header h1{font-size:1.5rem}.tutorial-page .tutorial-header .tutorial-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.tutorial-layout{padding:1.5rem 1rem}.tutorial-body{font-size:1rem}.tutorial-body h2{font-size:1.3rem}.tutorial-body h3{font-size:1.1rem}.related-tutorials{padding:2rem 1rem}}.examples-header{margin-bottom:1rem}.examples-showcase{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.examples-showcase .example-card{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;padding:1.5rem;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 24px #0000000f}@media (max-width: 830px){.examples-showcase .example-card{grid-template-columns:1fr;gap:1.5rem}}.examples-showcase .example-card .example-image img{width:100%;height:auto;border-radius:10px;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 12px #00000014}.examples-showcase .example-card .example-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:#3b82f614;padding:.25rem .75rem;border-radius:4px;margin-bottom:.75rem}.examples-showcase .example-card h3{font-size:1.35rem;font-weight:700;margin:0 0 .5rem;color:#1a1a1a}.examples-showcase .example-card .example-desc{font-size:.95rem;line-height:1.6;color:#555;margin-bottom:1rem}.examples-showcase .example-card .feature-list{list-style:none;padding:0;margin:0 0 1.25rem}.examples-showcase .example-card .feature-list li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:#444;padding:.35rem 0}.examples-showcase .example-card .feature-list li i{color:var(--color-primary);width:16px;text-align:center;font-size:.85rem}.examples-showcase .example-card .example-try-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem}.examples-showcase .example-card .example-try-btn i{font-size:.8rem}.capabilities-section{margin-top:3rem;padding:2.5rem;background:#f8fafc;border-radius:16px;border:1px solid rgba(0,0,0,.05)}.capabilities-section h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1a1a1a}.capabilities-section .capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width: 900px){.capabilities-section .capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 830px){.capabilities-section .capabilities-grid{grid-template-columns:1fr}}.capabilities-section .capability{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.capabilities-section .capability>i{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:var(--color-primary);border-radius:8px;font-size:1rem}.capabilities-section .capability>div{display:flex;flex-direction:column;gap:.15rem}.capabilities-section .capability>div strong{font-size:.95rem;font-weight:600;color:#1a1a1a}.capabilities-section .capability>div span{font-size:.85rem;color:#666;line-height:1.4}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}