:root{--green:#04b486;--red:#ff6b5c;--muted:#8d9aa6}.comparison-section{max-width:1100px;margin:40px auto;padding:20px}.section-title{text-align:center;color:#0f3739;font-size:26px;font-weight:800}.section-sub{text-align:center;color:#577174;max-width:600px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:16px}.comparison-row{border-top:1px solid #eee;padding:20px 0}.benefit-title{color:#06363a;margin-bottom:14px;font-size:18px;font-weight:700}.row-content{flex-direction:column;gap:12px;display:flex}.card{background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 4px 16px #0000000d}.card h4{margin:0;font-size:14px;font-weight:700}.card p{color:#4b5a5a;margin:4px 0 0;font-size:14px;line-height:1.5}.with-card{border-left:4px solid var(--green);background:linear-gradient(#fff,#f6fffb)}.with-card h4{color:var(--green)}.without-card{border-left:4px solid #f2f2f2}.without-card h4{color:var(--muted)}.emoji{font-size:28px}.toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:8px;font-weight:600}.section-cta{text-align:center;margin-top:30px}.cta-primary{background:var(--green);color:#fff;border-radius:10px;padding:14px 22px;font-weight:700;text-decoration:none;display:inline-block}@media (min-width:900px){.row-content{flex-direction:row}.card{flex:1;padding:22px}.toggle-btn{display:none}}.brand-slider{width:100%;position:relative;overflow:hidden}.fade-mask:before,.fade-mask:after{content:"";z-index:5;pointer-events:none;width:120px;height:100%;position:absolute;top:0}.fade-mask:before{background:linear-gradient(90deg,#fff 0%,#0000 100%);left:0}.fade-mask:after{background:linear-gradient(270deg,#fff 0%,#0000 100%);right:0}.brand-track-web{width:200%;animation:20s linear infinite scrollBrands;display:flex}.brand-track-mobile{width:200%;animation:10s linear infinite scrollBrands;display:flex}.brand-track-web img,.brand-track-mobile img{object-fit:contain;width:180px;height:auto;margin-right:40px}@keyframes scrollBrands{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.file-tabs{align-self:flex-start}.header-img{max-height:570px}.bottom-btn{width:40%}.free-demo-bg{background:linear-gradient(360deg,#0b3b2e 0%,#000 44%,#000 100%)}.my-btn-bg{background:linear-gradient(#04b486 0%,#04b486 50%,#04b486 100%)}.txt-shadow{text-shadow:1px 1px green}.txt-shadow1{text-shadow:1px 1px #fff}.home-item-img{background-color:#8d8c8c;flex:1;min-width:350px}.home-item-txt-right{flex-direction:column;flex:1;min-width:350px;padding-left:50px;display:flex}.home-item-txt-left{flex-direction:column;flex:1;min-width:350px;padding-left:10px;padding-right:50px;display:flex}.get-app-button{flex:.4}.center-txt{text-align:left}.features-group{flex-wrap:wrap;gap:20px;display:flex}@media only screen and (max-width:900px){.file-tabs{align-self:center}.header-img{max-height:570px}.bottom-btn{width:80%}.home-item-txt-right{text-align:center;flex:1;justify-content:center;align-self:center;align-items:center;padding-left:0}.home-item-txt-left{text-align:center;flex:1;justify-content:center;align-self:center;align-items:center;padding-right:0}}.App{text-align:center}.my-input::placeholder{color:red;opacity:1}.App-logo{pointer-events:none;height:40vmin;animation:20s linear infinite App-logo-spin}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main{color:#000;flex-direction:column;flex:1;padding:15px;font-size:16px;display:flex}.form{background-color:#d3d3d3;flex-direction:column;align-items:stretch;width:330px;padding:15px;display:flex}.add-project-form{background-color:#f2f2f2;flex-direction:column;align-items:stretch;padding:15px;display:flex}.about-card-p{flex-wrap:wrap;justify-content:space-between;display:flex}.about-card{background:#add8e6;flex-grow:1;padding:10px}.separater{height:10px}.titlebar{justify-content:space-between;align-items:center;display:flex}.projects-titlebar{align-items:center;margin-top:10px;padding:5px;display:flex}.projects-titlebar-photo{color:gray;margin-right:20px;font-size:15px}.projects-titlebar-title{color:gray;flex:1.5;font-size:15px}.projects-titlebar-cat{color:gray;flex:1;font-size:15px}.projects-titlebar-btns{color:gray;flex:1;font-size:15px;display:flex}.projects-itembar{align-items:center;margin-top:0;padding:10px;display:flex}.projects-itembar-colored{background:#f2f2f2;border-radius:5px;align-items:center;padding:10px;display:flex}.projects-item-photo{justify-content:center;align-items:center;margin-right:20px;font-size:13px}.projects-item-title{flex:1.5;font-size:14px}.projects-item-cat{flex:1;font-size:13px}.projects-item-btns{flex:1;font-size:13px;display:flex}.btn-view{flex:1;margin-right:5px}.btn-edit{flex:1;width:70px}.btn-submit{align-self:center;max-width:300px}