body,html{position:relative}*,body{margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#ecf0f5;font-family:Roboto,sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#252525;padding-top:81px}p{margin-bottom:1.3rem}.container{width:100%;max-width:96rem;margin:0 auto;padding:0 3rem;z-index:10;position:relative}.section{padding:10rem 0;position:relative;overflow:hidden;z-index:1}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.35;text-align:center}.section-description{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.2}.section-footer{text-align:center;margin-top:5rem}.cta-button{padding:18px 32px;font-size:18px;font-weight:600;border-radius:8px;border:none;background:#225a73;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none;margin-bottom:5px;display:inline-block}.cta-button:hover{background:#163b4c;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.cta-button .material-icons{margin-right:8px;vertical-align:middle}.cta-note{margin-top:5px;font-size:14px;color:#666}.scroll-indicator{position:absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);z-index:2;cursor:pointer;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.scroll-indicator:hover{opacity:.7}.scroll-indicator .arrow-down{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.scroll-indicator .arrow-down .material-icons{font-size:28px;color:#225a73;-webkit-animation:arrowPulse 2s infinite;animation:arrowPulse 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes arrowPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes arrowPulse{0%,to{opacity:1}50%{opacity:.5}}.gradient-grid{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(37,99,235,.1) 1px,transparent 1px),linear-gradient(rgba(37,99,235,.1) 1px,transparent 1px);background-size:64px 64px;-webkit-animation:gridMove 20s linear infinite;animation:gridMove 20s linear infinite;-webkit-transform:perspective(500px) rotateX(60deg);transform:perspective(500px) rotateX(60deg);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;opacity:.5}@-webkit-keyframes gridMove{0%{background-position:0 0}to{background-position:64px 64px}}@keyframes gridMove{0%{background-position:0 0}to{background-position:64px 64px}}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;border-bottom:1px solid #e5e7eb}.tabs .tab-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.tabs .tab-btn svg{stroke:currentColor}.tabs .tab-btn.active{color:#225a73;border-bottom-color:#225a73}.tabs .tab-btn:hover:not(.active){color:#4b5563}.tab-content{display:none}.tab-content.active{display:block}.wait-animation .feature{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translate(-20px)}.ready .feature{opacity:1;-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.ready .feature:nth-child(2){-webkit-transition-delay:.5s;transition-delay:.5s}.ready .feature:nth-child(3){-webkit-transition-delay:.6s;transition-delay:.6s}.ready .feature:nth-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.ready .feature:nth-child(5){-webkit-transition-delay:.8s;transition-delay:.8s}@media (max-width: 991px){.container{padding:0 2rem}}@media (max-width: 768px){.container{padding:0 1rem}}@media (max-width: 670px){.tabs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;gap:.2rem;background:#ecf0f5;border-radius:8px;border-bottom:none}.tabs .tab-btn,.tabs .tab-btn.active{border-bottom:1px solid #e5e7eb}.tabs .tab-btn:last-child,.tabs .tab-btn.active:last-child{border-bottom:none}}@media (max-width: 428px){.cta-button{width:100%}}.hero-section{min-height:calc(100vh - 81px);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-section .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:40px}.hero-section .hero-content{max-width:580px;z-index:2}.hero-section .hero-image{width:100%;max-width:740px}.hero-section .browser-frame{background:#fff;border-radius:12px;-webkit-box-shadow:0 24px 48px rgba(0,0,0,.15);box-shadow:0 24px 48px #00000026;overflow:hidden;width:100%;max-width:740px;aspect-ratio:1920/1180}.hero-section .browser-frame .browser-header{background:#f1f5f9;padding:5px 12px;border-bottom:1px solid #e2e8f0}.hero-section .browser-frame .browser-header .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}.hero-section .browser-frame .browser-header .dot:nth-child(1){background:#fc6058}.hero-section .browser-frame .browser-header .dot:nth-child(2){background:#fec02f}.hero-section .browser-frame .browser-header .dot:nth-child(3){background:#2aca3e}.hero-section .browser-frame video{background-image:url(/images/main.png);background-size:cover;background-position:center;aspect-ratio:1920/1080}.hero-section .browser-frame video,.hero-section .browser-frame img{width:740px;max-width:100%;height:auto;display:block}.hero-section .browser-frame video.lazy,.hero-section .browser-frame img.lazy{height:calc(100% - 39px)}.hero-section .hero-title{font-size:48px;line-height:1.2;font-weight:700;margin-bottom:2rem;color:#1a1a1a}.hero-section .hero-subtitle{font-size:20px;font-weight:400;line-height:1.5;color:#666;margin-bottom:2.5rem;max-width:720px;margin-left:auto;margin-right:auto}.hero-section .trust-metrics{display:-webkit-box;display:-ms-flexbox;display:flex;gap:48px;margin-top:48px;line-height:1.3}.hero-section .trust-metrics .metric .number{display:block;font-size:32px;font-weight:700;color:#1a1a1a}.hero-section .trust-metrics .metric .label{font-size:16px;color:#666}.hero-section .badge{display:inline-block;padding:8px 16px;background:#f0f9ff;color:#0369a1;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}@media (max-width: 1460px){.hero-section{padding-top:5rem}.hero-section .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px}.hero-section .hero-image{margin-top:2rem;width:95%}.hero-section .hero-content{text-align:center}.hero-section .trust-metrics{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-section .scroll-indicator{display:none}}@media (max-width: 450px){.hero-section .hero-image{width:100%}.hero-section .trust-metrics{gap:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media (max-width: 410px){.hero-section .hero-title{font-size:42px}.hero-section .trust-metrics{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.block-templates{background:linear-gradient(135deg,#f8f9ff,#f1f4ff)}.block-templates .bg-shapes{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.block-templates .bg-shapes .shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#2563eb1a,#2563eb0d);-webkit-filter:blur(50px);filter:blur(50px);height:400px;width:100%;left:0;bottom:-200px}.integrations{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.integrations-background{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 50%)}.integrations .section-description{max-width:760px}.integrations-carousel{overflow:hidden;position:relative}.integrations-carousel:before{content:"";position:absolute;top:0;left:0;width:50px;height:100%;background:-webkit-gradient(linear,left top,right top,from(#e0ecfe),to(rgba(224,236,254,0)));background:linear-gradient(90deg,#e0ecfe,#e0ecfe00);z-index:10}.integrations-carousel:after{content:"";position:absolute;top:0;right:0;width:50px;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(224,236,254,0)),to(#e0ecfe));background:linear-gradient(90deg,#e0ecfe00,#e0ecfe);z-index:10}.integrations-carousel__track{grid-column-gap:3rem;grid-row-gap:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:marquee 90s linear infinite normal;animation:marquee 90s linear infinite normal}.integrations-carousel__track:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.integrations-carousel__group{grid-column-gap:3rem;grid-row-gap:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.integrations-carousel__item{background:#f1f5f9;padding:1rem;min-width:150px;border-radius:.475rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}.integrations-carousel__item img{max-height:100%;-webkit-filter:grayscale(30%);filter:grayscale(30%)}.integrations-carousel__item:hover{background:#fff}.integrations-carousel__item:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes marquee{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@media (max-width: 900px){.integrations-carousel__track{-webkit-animation:marquee 60s linear infinite normal;animation:marquee 60s linear infinite normal}}@media (max-width: 600px){.integrations-carousel__track{-webkit-animation:marquee 30s linear infinite normal;animation:marquee 30s linear infinite normal}}@media (max-width: 460px){.integrations-carousel__track{-webkit-animation:marquee 20s linear infinite normal;animation:marquee 20s linear infinite normal}}