/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*{box-sizing:border-box}:root{--color-primary:#007bff;--color-font:#333;--color-font-secondary:#67757f;--color-bg:#fff;--color-bg-transparent:#ffffffe6;--color-bg-grey:#f6f8fa;--color-bg-grey-deep:#f2f2f5;--color-bg-blue:#e5effe;--color-border:#e1e4ec;--color-border-light:#e4e4e4}html,body{background-color:var(--color-bg)}body{padding-top:70px}:host,html{color:var(--color-font);font:16px SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.container{width:100%;margin:0 auto}@media (width>=640px){.container{max-width:590px}}@media (width>=720px){.container{max-width:670px}}@media (width>=768px){.container{max-width:718px}}@media (width>=1024px){.container{max-width:974px}}@media (width>=1280px){.container{max-width:1230px}}@media (width>=1536px){.container{max-width:1446px}}@media (width>=1920px){.container{max-width:80%}}a{text-decoration:none}.anim-fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-grey-bg{background:var(--color-bg-grey-deep)}.app-dark-mode{--color-primary:#58a6ff;--color-font:#fffc;--color-font-secondary:#c9d1d9;--color-bg:#22272e;--color-bg-transparent:#22272ee6;--color-bg-grey:#2d333b;--color-bg-grey-deep:#2d333b;--color-bg-blue:#aabcd7;--color-border:#444c56;--color-border-light:#444c56}.app-dark-mode .slogan .btns .btn{background:var(--color-bg);color:#fff}.app-dark-mode .grey-cards-feature .window .text-row{color:#000;filter:invert()}.app-dark-mode .feature-block{background-color:var(--color-bg-grey)!important}.app-header{z-index:999;width:100%;transition:background .2s;position:fixed;top:0;left:0}.app-header .container{flex-direction:row;justify-content:space-between;place-items:center;height:70px;display:flex}.app-header.fixed{-webkit-backdrop-filter:saturate(1.8)blur(20px);backdrop-filter:saturate(1.8)blur(20px);border-bottom:1px solid var(--color-border);background:var(--color-bg-transparent)}.app-header .brand{color:var(--color-primary);font-size:1.5rem;font-weight:700}.app-header .links{flex-direction:row;justify-content:space-between;place-items:center;display:flex}.app-header .links .link-item{color:var(--color-font);cursor:pointer;flex-direction:row;align-items:center;font-weight:700;display:flex}.app-header .links .link-item .language-toggle{flex-direction:row;align-items:center;margin-left:-4px;display:flex}.app-header .links .link-item button{all:unset}.app-header .links .link-item:not(:last-child){margin-right:40px}.app-header .menu-toggle-mobile{display:none}.header-language-list{z-index:1000;background:var(--color-bg);border-radius:15px;flex-direction:column;margin-top:15px;padding:7px;display:flex;overflow:hidden;box-shadow:0 0 10px #0000001a}.header-language-list .language-item{color:var(--color-font);cursor:pointer;border-radius:10px;padding:10px 20px}.header-language-list .language-item:not(:last-child){margin-bottom:5px}.header-language-list .language-item:hover{background:var(--color-bg-grey)}.slogan{flex-direction:column;justify-content:center;min-height:100vh;margin-top:-70px;display:flex}.slogan .slogan-inner{z-index:10;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:140px;padding:0 12%;display:flex}.slogan .demos{border-radius:20px;width:35vw;display:flex;overflow:hidden}.slogan .demos .demo-video{object-fit:contain;width:100%;height:auto}.slogan .text{margin-top:50px;font-size:2.6rem;font-weight:700;line-height:1.7}.slogan .text .highlight{color:var(--color-primary);white-space:nowrap;font-size:3.4rem;position:relative;overflow:hidden}@keyframes wipe{0%{stroke:#0000}to{stroke:#bdcfff}}.slogan .text .highlight .line-wrap{z-index:-1;opacity:.7;position:absolute;bottom:-8.5px;left:0}.slogan .text .highlight .line-wrap .line{animation:1.5s ease-out forwards wipe}.slogan .btns{flex-direction:row;margin-top:100px;display:flex}.slogan .btns .btn{text-align:center;cursor:pointer;min-width:140px;height:50px;color:var(--color-primary);background:#ebf5fe;border:3px solid #0000;border-radius:100px;flex-direction:row;justify-content:center;place-items:center;padding:0 25px;font-size:1rem;font-weight:700;display:flex}.slogan .btns .btn:not(:last-child){margin-right:15px}.slogan .btns .btn.blue{background:var(--color-primary);color:#fff}.slogan .btns .btn.blue:hover{opacity:.9;color:#fff;background:var(--color-primary)}.slogan .btns .btn:hover{background:var(--color-bg-grey)}.slogan .btns .btn svg{margin-left:10px}.slogan .bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;overflow:hidden}.reveal{opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateZ(0)}}.reveal.animate{animation-name:fadeInUp;animation-iteration-count:1}.reveal.show{opacity:1}.app-footer{text-align:center;margin:80px auto 0;padding-top:100px;padding-bottom:80px;font-size:20px}.app-footer .brand{color:var(--color-font);font-size:24px;font-weight:700}.app-footer .copyright{margin:20px 0}.app-footer .copyright .red{color:#dd2e44}.footer-see-more-link{border-top:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;margin-top:100px;padding-top:80px;display:flex}.footer-see-more-link .link{color:var(--color-font);background:var(--color-bg-grey-deep);border-radius:100px;justify-content:center;align-items:center;padding:12px;font-size:18px;display:flex}.footer-see-more-link .link .text{padding:0 20px}.footer-see-more-link .link .icon{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:20px;display:flex}.footer-see-more-link .star-proposal{text-align:center;margin-top:25px;font-size:14px;line-height:2}.feature-desc{color:var(--color-font-secondary);margin:60px 0;font-size:1.7rem;line-height:2}.feature-block{background-color:#e8f0fe;border-radius:32px;flex-direction:column;flex:1;min-height:520px;padding:64px 76px;display:flex}.feature-block>.content{flex-direction:column;justify-content:space-between;display:flex}.feature-block>.content aside{display:flex}.feature-block .feature-title{align-items:center;display:flex}.feature-block .feature-desc{margin:20px 0;font-size:22px;line-height:1.5}.slight-feature{background-color:#f1f8e9;overflow:hidden}.slight-feature:hover .screenshot{transform:translateY(-20px)scale(1.02)}.slight-feature .content{flex-direction:column;justify-content:space-between;display:flex}.slight-feature .progress-wrap{width:100%}.slight-feature .progress-wrap .progress{background:var(--color-bg-transparent);border-radius:80px;width:100%;height:22px;position:relative;overflow:hidden}.slight-feature .progress-wrap .progress .bar{background:#77b255;width:0%;height:100%;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.slight-feature .progress-wrap .text{flex-direction:row;justify-content:space-between;place-items:center;margin-top:10px;margin-bottom:20px;padding:0 5px;font-size:1.6rem;display:flex}.slight-feature .progress-wrap .text .size{color:#77b255}.slight-feature .progress-wrap .text .percent{color:#67757f}.slight-feature .screenshot{justify-content:center;margin-top:65px;margin-bottom:-200px;transition:transform .5s cubic-bezier(.23,1,.32,1);display:flex}.slight-feature .screenshot img{width:100%;max-width:500px}@keyframes windAnim{0%{opacity:0;filter:blur(10px);transform:translate(-40%,35%)rotate(20deg)}}.slight-feature.visible .leaf-wrap .wind{animation:.5s cubic-bezier(.23,1,.32,1) windAnim}@keyframes leafAnim{0%{transform:translate(-10%,-10%)rotate(10deg)}}.slight-feature.visible .leaf-wrap .leaf{animation:1s cubic-bezier(.25,.46,.45,.94) leafAnim}.quick-feature{background-color:#f2f9ff}.quick-feature .deploy-links{flex-direction:column;margin:80px 0;display:flex}.quick-feature .deploy-links .item{cursor:pointer;color:var(--color-font);flex-flow:wrap;place-items:flex-end;font-size:1.5rem;display:flex}.quick-feature .deploy-links .item:not(:last-child){margin-bottom:1.8em}.quick-feature .deploy-links .item:hover .arrow-icon .block{width:100%}.quick-feature .deploy-links .item:hover .arrow-icon svg{stroke:#fff}.quick-feature .deploy-links .item .bold{margin-right:.2em;font-size:2.4rem}.quick-feature .deploy-links .item span{margin-right:1.4em}.quick-feature .deploy-links .item .arrow-icon{flex-direction:row;place-items:center;width:calc(2em + 30px);height:2em;margin-top:10px;margin-left:auto;font-size:2rem;display:flex;position:relative}.quick-feature .deploy-links .item .arrow-icon .block{background:#55acee;width:.6em;height:2em;margin-right:.3em;transition:width .5s cubic-bezier(.075,.82,.165,1);display:block;position:absolute;top:0;left:0}.quick-feature .deploy-links .item .arrow-icon svg{padding-left:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quick-feature .feature-title{margin-top:-20px}.quick-feature .airplane-wrap{margin-top:40px}.quick-feature .airplane{opacity:0;transition:opacity .4s}@keyframes airplaneAnim{0%{transform:translate(-50%,50%)}}.quick-feature.visible .airplane{opacity:1;animation:2s cubic-bezier(.075,.82,.165,1) airplaneAnim}.full-feature{margin-top:120px;margin-bottom:100px;padding-top:100px;padding-bottom:50px}.full-feature .func-list{margin-top:30px}.full-feature .func-list .row{justify-items:stretch;margin-bottom:30px;display:flex}.full-feature .func-list .row:nth-child(2n){transform:translate(50px)}.full-feature .func-list .row:nth-child(odd){transform:translate(-50px)}.full-feature .func-list .row .item{color:var(--color-font);background:var(--color-bg);border-radius:20px;flex:1;margin:0 15px;padding:40px 50px;transition:transform .2s cubic-bezier(.75,.25,.25,.75)}.full-feature .func-list .row .item:hover{transform:scale(1.05)}.full-feature .func-list .row .item .header{place-items:center;margin-bottom:20px;font-size:1.6rem;display:flex}.full-feature .func-list .row .item .header .icon-wrap{background:#0000000a;border-radius:50%;justify-content:center;place-items:center;width:50px;height:50px;margin-right:25px;display:flex}.full-feature .func-list .row .item .header .text{flex:1;font-weight:700}.full-feature .func-list .row .item .body{font-size:1.5rem}.full-feature .func-list .row .item .body .desc{color:var(--color-font-secondary);place-items:center;min-height:3em;display:flex}.full-feature .folder-icon{margin-top:-100px}@keyframes fileUpAnim{50%{transform:translateY(-10%)}}.full-feature .folder-icon.animate .file-1{animation:1s cubic-bezier(.86,0,.07,1) forwards fileUpAnim}.full-feature .folder-icon.animate .file-2{animation:1s cubic-bezier(.86,0,.07,1) .5s forwards fileUpAnim}.full-feature .folder-icon.animate .file-3{animation:1s cubic-bezier(.86,0,.07,1) 1s forwards fileUpAnim}.feature-title{font-size:3rem;font-weight:700}.feature-title .bold{font-size:1.3em}.feature{min-height:90vh}.feature>.content{flex-direction:row;justify-content:space-between;padding:0 30px;display:flex}.feature>.content main{width:40%}.feature>.content aside{display:flex}.funcs-feature .content .ship-icon{margin:-70px 80px 0}@keyframes WaveAnim{0%{transform:translate(0)}to{transform:translate(-24px)}}.funcs-feature .content .ship-icon .wave{animation:.5s linear infinite WaveAnim}.funcs-feature .func-grps{column-count:4;column-gap:30px;margin:50px 0}.funcs-feature .func-grps .grp{break-inside:avoid;margin-bottom:40px;font-size:1.3rem}.funcs-feature .func-grps .grp .name{color:var(--color-font);justify-content:space-between;place-items:center;margin-bottom:25px;font-size:1.8rem;display:flex}.funcs-feature .func-grps .grp .name:hover svg{opacity:1;animation:.5s cubic-bezier(.25,1,.5,1) funcGrpNameArrowAnim}@keyframes funcGrpNameArrowAnim{0%{opacity:0;transform:translate(-50%)}}.funcs-feature .func-grps .grp .name svg{opacity:0;color:#67757f;margin:0 20px}.funcs-feature .func-grps .grp .items{grid-template-columns:repeat(2,1fr);align-items:baseline;gap:10px;display:grid}.funcs-feature .func-grps .grp .items .item{background:var(--color-bg-grey);text-align:center;border-radius:20px;padding:20px 15px}.funcs-feature .func-grps .grp .items .item:not(:last-child){margin-bottom:10px}.m1{color:#133995;background:#9fbef9}.safe-feature{background:#fef5d8}.safe-feature>.content{flex-direction:row;justify-content:space-around}.safe-feature>.content>main{flex-basis:50%}.safe-feature>.content .feature-desc{margin-top:20px;margin-bottom:0;margin-left:auto;font-size:1.5rem}.safe-feature>.content .app-learn-more-link{font-size:1.5rem}.safe-feature main{margin-top:20px}.safe-feature .data-icon{margin-top:35px;margin-left:40px}@keyframes dataIconTextAnim{0%{opacity:0;transform:translate(-40%)}}@keyframes dataIconBgAnim{0%{opacity:0;transform:translate(40%,-50%)}}@keyframes dataIconFrameAnim{0%{transform:translate(20%)}}.safe-feature.visible .data-icon .bg{animation:1s cubic-bezier(.25,1,.5,1) dataIconBgAnim}.safe-feature.visible .data-icon .text{animation:1s cubic-bezier(.25,1,.5,1) dataIconTextAnim}.safe-feature.visible .data-icon .frame{animation:1s cubic-bezier(.25,1,.5,1) dataIconFrameAnim}.safe-feature .report-audit{margin-top:2em}.app-learn-more-link{flex-direction:row;font-size:1.6rem;display:flex}.app-learn-more-link .prompt{color:var(--color-font)}.app-learn-more-link .link-btn{cursor:pointer;color:var(--color-primary)}.app-learn-more-link .link-btn .icon{margin-left:5px}.plugins-feature{background-color:#174ea6;background-image:url(/images/plugins-bg.jpg);background-size:cover;position:relative;overflow:hidden}@keyframes plugin-icon-anim{0%{opacity:0;transform:scale(.5)translateZ(-100px)}to{opacity:1;transform:scale(1)rotate(0)}}.plugins-feature .feature-desc{color:#fff}.plugins-feature.visible .left-right .stamps svg{animation:.5s forwards plugin-icon-anim}.plugins-feature .left-right{flex-direction:row;justify-content:space-between;gap:50px;display:flex}.plugins-feature .left-right main{flex:40%}.plugins-feature .left-right aside{flex:60%}.plugins-feature .left-right .stamps{pointer-events:none;flex-direction:column;margin-top:40px;display:flex}.plugins-feature .left-right .stamps svg{color:#acccff;opacity:0;font-size:36px;transition:opacity .5s,transform .5s}.plugins-feature .left-right .stamps svg:first-child{animation-delay:.1s}.plugins-feature .left-right .stamps svg:nth-child(2){animation-delay:.2s}.plugins-feature .left-right .stamps svg:nth-child(3){animation-delay:.3s}.plugins-feature .left-right .stamps svg:nth-child(4){animation-delay:.4s}.plugins-feature .left-right .stamps svg:not(:last-child){margin-right:50px}.plugins-feature .left-right .stamps .row:not(:last-child){margin-bottom:20px}.plugins-feature .left-right .stamps .row:nth-child(odd){margin-left:-50px}.plugins-feature .left-right .stamps .row:nth-child(2n){margin-right:50px}.feature-group{flex-direction:row;justify-content:space-between;gap:40px 64px;display:flex}.feature-group:not(:last-child){margin-bottom:64px}.start-feature{padding:40px 0 100px;display:flex}.start-feature>main{flex:70%}.start-feature>aside{flex:30%}img.lazyload{opacity:0;transition:opacity .3s}img.lazyload.loaded{opacity:1}.start-carousel .card,.start-carousel .screenshot-group,.start-carousel .feature-cards .feature-item.active{border:1px solid var(--color-border-light);background:var(--color-bg);box-shadow:0 0 40px #0000000f}.start-carousel .feature-cards{flex-direction:column;display:flex}.start-carousel .feature-cards .feature-item{color:var(--color-font-primary);cursor:pointer;border-radius:24px;align-items:center;gap:14px;margin-bottom:20px;padding:40px 50px;transition:box-shadow .3s;display:flex}.start-carousel .feature-cards .feature-item:hover .action .arrow-btn{background:var(--color-primary);color:#fff;transform:rotate(0)}.start-carousel .feature-cards .feature-item .icon{color:#133995;background:#9fbef9;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-right:20px;font-size:32px;display:flex}.start-carousel .feature-cards .feature-item .main{flex:1}.start-carousel .feature-cards .feature-item .main .title{font-size:32px;font-weight:500}.start-carousel .feature-cards .feature-item .main .desc{color:var(--color-font-secondary);margin-top:10px;font-size:23px}.start-carousel .feature-cards .feature-item .action .arrow-btn{color:#007bff;background:#ebf5fe;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;transform:rotate(45deg)}.start-carousel .progress-indicator{flex-direction:column;justify-content:center;align-items:center;margin-top:10px;margin-bottom:30px;display:flex}.start-carousel .progress-indicator .dots{background:var(--color-bg-grey-deep);border-radius:100px;gap:10px;padding:10px 15px;display:flex}.start-carousel .progress-indicator .dots .dot{background:var(--color-border);cursor:pointer;border-radius:100px;width:10px;height:10px;transition:width .8s,transform .3s;overflow:hidden}.start-carousel .progress-indicator .dots .dot.active{width:60px}.start-carousel .progress-indicator .dots .dot:hover{filter:opacity(.8);transform:scale(1.1)}.start-carousel .progress-indicator .dots .dot .progress{background:var(--color-font-secondary);height:100%;transition:all .2s}.start-carousel .screenshot-group{border-radius:24px;flex-direction:row;gap:16px;padding:20px;display:flex;box-shadow:0 0 40px #0000000f}.start-carousel .screenshot-group .screenshot{flex:1;min-height:320px}.start-carousel .screenshot-group .screenshot img{object-fit:cover;border-radius:11px;width:100%;height:100%}@keyframes card-1-anim{to{transform:rotate(20deg)translate(-20px)}}@keyframes card-2-anim{to{transform:rotate(-2deg)translateY(-10px)translate(20px)}}@keyframes card-3-anim{to{transform:rotate(7deg)translate(-50px)}}@keyframes card-4-anim{to{transform:rotate(-5deg)translate(40px)}}.start-feature.visible .start-cards .card:first-child{animation:.8s ease-in-out forwards card-1-anim}.start-feature.visible .start-cards .card:nth-child(2){animation:.8s ease-in-out forwards card-2-anim}.start-feature.visible .start-cards .card:nth-child(3){animation:.8s ease-in-out forwards card-3-anim}.start-feature.visible .start-cards .card:nth-child(4){animation:.8s ease-in-out forwards card-4-anim}.start-cards{flex-direction:column;gap:30px;display:flex}.start-cards .card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:19px;width:290px;height:175px;padding:20px 30px;font-size:26px;box-shadow:0 0 40px #0000000f}.start-cards .card:first-child{z-index:3;transform:rotate(10deg)translateY(-20px)}.start-cards .card:nth-child(2){z-index:2;transform:rotate(-15deg)translateY(-10px)translate(20px)}.start-cards .card:nth-child(3){z-index:1;transform:rotate(15deg)translateY(-40px)}.start-cards .card:nth-child(4){transform:rotate(2deg)translate(-2px)translateY(20px)}.start-cards .card .header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.start-cards .card .header .avatar{background:var(--color-border-light);border-radius:50%;width:40px;height:40px;overflow:hidden}.start-cards .card .header .avatar img{opacity:0;width:100%;height:100%;transition:opacity .3s ease-in-out}.start-cards .card .header .avatar img.loaded{opacity:1}.start-cards .card .placeholder{padding:10px 0}.start-cards .card .placeholder .text-row{background:#d9d9d973;border-radius:100px;width:100%;height:20px;margin-bottom:20px}.start-cards .card .placeholder .text-row:nth-child(2){width:80%}.start-cards .card .placeholder .submit-button{background:var(--color-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100px;height:30px;margin-top:35px;margin-left:auto;margin-right:-15px;padding:5px 14px;display:flex}.start-cards .card .placeholder .submit-button:hover{opacity:.8}.start-cards .card .placeholder .submit-button .text{opacity:.3;background:var(--color-bg);border-radius:100px;width:100%;height:10px}.frameworks-feature{flex-direction:row;justify-content:center;align-items:center;margin:0 auto 100px;padding:20px 0;display:flex}.frameworks-feature .title{flex-direction:column;justify-content:center;width:300px;margin-left:50px;font-size:34px;line-height:1.8;display:flex}.frameworks-feature .title .text-row:first-child{color:var(--color-font-secondary)}.frameworks-feature .methods{flex-wrap:wrap;gap:15px;margin:0 auto;padding:0 50px;display:inline-flex}.frameworks-feature .methods .icon{background-position:50%;background-repeat:no-repeat;background-size:50%;border-radius:50%;width:80px;height:80px;transition:all .2s ease-out}.frameworks-feature .methods .icon.active,.frameworks-feature .methods .icon:hover{background-color:#0000000a;box-shadow:0 0 0 12px #0000000a}.grey-cards-feature{justify-content:center;gap:20px;margin-bottom:140px;display:flex}.grey-cards-feature>.section{background:var(--color-bg-grey-deep);border-radius:24px;flex-direction:column;flex:1;height:560px;padding:40px;display:flex;overflow:hidden}.grey-cards-feature>.section .section-title{margin-bottom:25px;font-size:22px}.grey-cards-feature>.section .section-desc{color:#919191;margin-bottom:40px;font-size:20px}.grey-cards-feature>.section .section-learn-more{color:#06c;cursor:pointer;border-radius:100px;align-items:center;gap:10px;width:max-content;padding:10px 0;font-size:20px;transition:all .3s;display:inline-flex}.grey-cards-feature>.section .section-learn-more:hover{background:var(--color-primary);color:#fff;padding:10px 18px}.grey-cards-feature>.section .section-learn-more svg{margin-right:-8px;font-size:1.2em}.grey-cards-feature .window{border:1px solid var(--color-border-light);background:var(--color-bg);border-radius:16px;flex-direction:column;gap:12px;width:100%;padding:20px;display:flex;position:relative;box-shadow:0 0 40px #0000000f}.grey-cards-feature .window.text-window{width:calc(100% + 70px)}.grey-cards-feature .window.terminal-window{width:calc(100% + 70px);margin-top:25px}.grey-cards-feature .window .text-row{white-space:nowrap;color:var(--color-font);background:#efefef;border-radius:8px;padding:12px 24px;overflow:hidden}.grey-cards-feature .window .text-row:nth-child(2){color:#053dcc;background:#ecf2ff}.grey-cards-feature .window .text-row:nth-child(3){color:#f97709;background:#fff5ee}.grey-cards-feature .window .text-row:nth-child(4){color:#108163;background:#e9fbfa}.grey-cards-feature .window .text-row:nth-child(5){color:#ba006b;background:#feecf8}.grey-cards-feature .window .menubar{gap:10px;margin:0 5px;display:flex}.grey-cards-feature .window .menubar>div{border:1px solid #0000;border-radius:50%;width:14px;height:14px;display:block}.grey-cards-feature .window .menubar>div:hover{cursor:pointer;opacity:.8}.grey-cards-feature .window .menubar .close{background:#fb4646;border-color:#ea383a}.grey-cards-feature .window .menubar .minimize{background:#fdb125;border-color:#e8a430}.grey-cards-feature .window .menubar .zoom{background:#29c332;border-color:#36b537}.grey-cards-feature .window .docker-icon{width:120px;height:120px;position:absolute;top:-70px;right:50px}.grey-cards-feature .window .docker-icon img{-webkit-user-select:none;user-select:none;object-fit:contain;width:100%;height:100%}.grey-cards-feature .window .window-body{padding:10px}.grey-cards-feature .window .window-body .cmd-row{gap:10px;padding:10px 0;font-size:18px;display:flex}.grey-cards-feature .window .window-body .cmd-row .prompt{-webkit-user-select:none;user-select:none;color:#919191}.grey-cards-feature .screenshot{border-radius:16px;width:calc(100% + 100px)}@media (width>=1025px) and (width<=1535px){.feature .feature-title{padding:0 40px}.feature>.content{padding:0 75px}.feature>.content main{width:50%}}@media (width<=1024px){.app-header{padding:0 25px}.app-header .menu-toggle-mobile{display:block}.app-header .links{display:none}.app-header .links.mobile-show{flex:1;justify-content:space-around;display:flex}.app-header .links .link-item{font-size:14px}.app-header .links .link-item:not(:last-child){margin-right:0}.app-header .links .link-item .language-toggle{margin-left:0}.slogan{text-align:center}.slogan .slogan-inner{padding:0 40px}.slogan .text{width:100%;font-size:31px}.slogan .text .highlight{font-size:40px}.slogan .text .highlight .line-wrap{zoom:.9;bottom:-15px}.slogan .demos{display:none}.slogan .btns{flex-direction:row;justify-content:center;display:flex}.slogan .btns .btn:not(:last-child){margin-bottom:20px;margin-right:10px}.slogan .btns .btn{min-width:100px;height:44px;padding:0 20px;font-size:15px}.feature{padding:0 30px}.feature svg{object-fit:contain;max-height:300px}.feature>.content{flex-direction:column;padding:0}.feature>.content main{width:100%}.feature>.content aside{flex-direction:column;justify-content:center;place-items:center;width:100%;display:flex}.feature>.content aside svg{zoom:.8}.feature-group{flex-direction:column;padding:0 25px}.feature-group .feature-block{padding:20px 30px}.start-feature{padding-bottom:50px;padding-left:0;padding-right:0}.start-feature>aside{display:none}.start-feature>main{padding:0 20px}.start-carousel .feature-cards .feature-item{padding:35px}.start-carousel .feature-cards .feature-item .icon{width:55px;height:55px;margin-right:.4em}.start-carousel .feature-cards .feature-item .main .title{font-size:1.2rem}.start-carousel .feature-cards .feature-item .main .desc{font-size:1.1rem}.start-carousel .feature-cards .feature-item .action .arrow-btn{width:40px;height:40px;font-size:15px;display:none}.start-carousel .screenshot-group{flex-direction:column;display:flex}.start-carousel .screenshot-group .screenshot{min-height:200px}.frameworks-feature{flex-direction:column}.frameworks-feature .title{margin-bottom:50px;margin-left:0;font-size:24px}.frameworks-feature .methods{gap:15px;padding:0 40px}.frameworks-feature .methods .icon{width:65px;height:65px}.grey-cards-feature{flex-direction:column;margin-bottom:50px;padding:0 20px}.full-feature{padding-top:50px;padding-bottom:50px}.full-feature .func-list .row{flex-direction:column;display:flex;transform:translate(0)!important}.full-feature .func-list .row .item{width:100%;margin:0;padding:30px 40px;font-size:1.3rem}.full-feature .func-list .row .item:not(:last-child){margin-bottom:40px}.full-feature .func-list .row .item .header{font-size:23px}.full-feature .func-list .row .item .header .icon-wrap{margin-right:24px}.full-feature .func-list .row .item .body{font-size:20px}.feature.quick .airplane-wrap{margin-left:-50px}.feature.quick .extra-desc{flex-direction:column;margin:250px 20px;display:flex}.feature.quick .extra-desc .golang-icon{zoom:.6;margin-top:50px}.feature.quick .extra-desc .docker-url{font-size:1rem}.full-feature .folder-icon,.funcs-feature .content .ship-icon{margin-top:0}.app-learn-more-link{flex-direction:column;margin-bottom:2em;font-size:1.25rem}.app-learn-more-link .prompt{margin-bottom:-1em}.safe-feature .data-icon{zoom:.5;margin-bottom:0;margin-left:0}.safe-feature main{margin:0}.funcs-feature .func-grps{column-count:1;padding:0}.feature-block{min-height:300px}.quick-feature .deploy-links{margin:20px 0}.quick-feature .deploy-links .item span{font-size:20px}.quick-feature .deploy-links .item .bold{font-size:28px}.quick-feature .deploy-links .item .arrow-icon{width:70px;height:35px;margin-left:0;font-size:25px}.quick-feature .deploy-links .item .arrow-icon .block{width:.4em;height:1.5em}.quick-feature .deploy-links .item .arrow-icon svg{padding-left:10px}.funcs-feature .func-grps .grp .name{font-size:1.45rem}.feature-title{font-size:28px}.feature-title svg{zoom:.8}.feature-block .feature-desc{font-size:20px}.safe-feature{text-align:center}.safe-feature .data-icon{width:90px;height:90px;margin:0 auto}.safe-feature>.content{flex-direction:column}.safe-feature>.content .feature-desc,.safe-feature>.content .app-learn-more-link{font-size:20px}.safe-feature .report-audit{text-align:center}.safe-feature .report-audit .app-learn-more-link{margin-bottom:15px}.plugins-feature .left-right{flex-direction:column}.plugins-feature .screenshot{display:none}.plugins-feature .left-right .stamps svg{width:40px;height:40px}.plugins-feature .left-right .stamps svg:not(:last-child){margin-right:20px}.feature-desc,.app-footer{font-size:20px}}