:root{--blue:#1cb0f6;--blue-dark:#1899d6;--blue-darker:#0c7bb3;--blue-light:#7dd3fc;--blue-pale:#ddf4ff;--green:#58cc02;--orange:#ff9600;--red:#ff4b4b;--purple:#a855f7;--navy:#1e4b8e;--navy-dark:#163a6e;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--dark:#3c3c3c;--font:var(--font-m-plus-rounded,"M PLUS Rounded 1c"),-apple-system,BlinkMacSystemFont,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-btn:0 4px 0;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body{color:var(--gray-500);background:var(--white);-webkit-text-size-adjust:100%;min-height:100vh;font-size:16px;font-weight:500;line-height:1.6;overflow-x:hidden}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}ul{list-style:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus{outline:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}h1,h2,h3{color:var(--dark);font-weight:800;line-height:1.35}h1{font-size:clamp(1.75rem,4vw,2rem)}h2{font-size:clamp(1.5rem,3.5vw,2rem)}h3{font-size:1.125rem}.container{width:100%;max-width:1150px;margin:0 auto;padding:0 20px}section{padding:80px 0}.section-title{text-align:center;color:var(--blue);text-transform:lowercase;margin-bottom:12px;font-size:clamp(1.5rem,4vw,2rem)}.section-subtitle{text-align:center;color:var(--gray-400);max-width:480px;margin:0 auto 48px;font-size:1rem}.section-subtitle.left{text-align:left;margin:0 0 24px}.btn{font-family:var(--font);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-md);transition:all var(--transition);border:2.5px solid #0000;justify-content:center;align-items:center;padding:10px 32px;font-size:14px;font-weight:700;display:inline-flex;position:relative;top:0}.btn-primary{background:var(--blue);color:var(--white);border-color:var(--blue);box-shadow:var(--shadow-btn)var(--blue-darker)}.btn-primary:hover{filter:brightness(1.03);box-shadow:0 5px 0 var(--blue-darker);top:-1px}.btn-primary:active{box-shadow:0 0 0 var(--blue-darker);top:4px}.btn-outline{background:var(--white);color:var(--navy);border-color:var(--gray-200);box-shadow:var(--shadow-btn)var(--gray-200)}.btn-outline:hover{box-shadow:0 5px 0 var(--gray-200);border-color:var(--gray-300);top:-1px}.btn-outline:active{box-shadow:0 0 0 var(--gray-200);top:4px}.btn-text{color:var(--blue);box-shadow:none;background:0 0;font-weight:700}.btn-text:hover{opacity:.75}.btn-large{padding:10px 20px;font-size:15px}.btn-wide{width:100%;min-width:360px;max-width:380px}.btn-block{width:100%}.nav{z-index:1000;background:var(--white);position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1170px;margin:0 auto;padding:16px 20px;display:flex}.nav-border{background:var(--gray-100);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;bottom:0;left:0;right:0}.nav.scrolled .nav-border{opacity:1}.logo{align-items:center;gap:12px;display:flex}.logo-icon{width:52px;height:52px;color:var(--blue);margin-top:4px}.logo-text{color:var(--blue);letter-spacing:-.5px;font-size:2rem;font-weight:800}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--gray-300);text-transform:uppercase;letter-spacing:.5px;transition:color var(--transition);font-size:13px;font-weight:700}.nav-links a:hover{color:var(--gray-500)}.nav-buttons{align-items:center;gap:8px;display:flex}.nav-buttons .btn{padding:10px 16px;font-size:13px}.mobile-menu-toggle{flex-direction:column;gap:5px;padding:8px;display:none}.mobile-menu-toggle span{background:var(--gray-500);border-radius:2px;width:22px;height:2px}.hero{align-items:center;width:100%;min-height:100vh;padding:60px 0;display:flex}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1150px;margin:0 auto;padding:0 20px;display:grid}.hero-content{text-align:center;flex-direction:column;order:2;justify-content:center;align-items:center;display:flex}.hero h1{color:var(--dark);max-width:420px;margin-bottom:48px;font-size:1.7rem;line-height:1.25}.hero-ctas{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;display:flex}.hero-visual{justify-content:center;align-items:center;width:100%;display:flex}.hero-video-container{aspect-ratio:16/9;width:100%;max-width:900px;position:relative}.hero-video{object-fit:contain;width:100%;height:auto;display:block}.features{padding:140px 0}.feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:100px;margin-bottom:200px;display:grid}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-content{max-width:460px}.feature-title{color:var(--blue);text-transform:lowercase;margin-bottom:28px;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;line-height:1.15}.mr-p-uppercase{text-transform:none!important}.feature-description{color:var(--gray-400);font-size:1.3rem;line-height:1.75}.feature-visual{justify-content:center;display:flex}.feature-video-container{width:100%;max-width:900px;position:relative}.feature-video-wrapper{aspect-ratio:16/9;width:100%}.feature-video{object-fit:contain;width:100%;height:auto;display:block}.video2-container{transform:translate(-30px)}.video2-bright{filter:brightness(1.2)}.video3-bright{filter:brightness(1.1)}.video4-bright{filter:brightness(1.05)}.video5-bright{filter:brightness(1.03)}.how-it-works{background:var(--gray-50);padding:80px 0}.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.step-card{text-align:center;padding:24px 16px}.step-number{background:var(--blue);width:48px;height:48px;color:var(--white);box-shadow:0 4px 0 var(--blue-darker);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.25rem;font-weight:800;display:flex}.step-card h3{margin-bottom:8px;font-size:1rem}.step-card p{color:var(--gray-400);font-size:.875rem;line-height:1.6}@keyframes carouselFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.portfolio-carousel{opacity:0;background:#fafafa;padding:72px 0;transform:translateY(24px)}.portfolio-carousel.is-visible{animation:.7s cubic-bezier(.16,1,.3,1) forwards carouselFadeInUp}.portfolio-carousel .container{max-width:1000px}.carousel-wrapper{margin-top:40px;padding:32px 0;position:relative;overflow:hidden}.carousel-track{width:100%;transition:transform .15s;display:flex}.carousel-slide{flex-shrink:0;min-width:100%;padding:0 3%}.carousel-item{color:inherit;text-decoration:none;display:block}.carousel-image-wrapper{aspect-ratio:16/9;background:var(--gray-100);border:1px solid #0000000f;border-radius:16px;width:100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.carousel-item:hover .carousel-image-wrapper{transform:scale(1.03)translateY(-6px);box-shadow:0 20px 40px #0000001f}.carousel-image{object-fit:cover}.carousel-label{flex-direction:column;align-items:center;gap:6px;margin-top:24px;display:flex}.carousel-name{color:#1a1a1a;font-size:1.375rem;font-weight:600}.carousel-url{color:#6b7280;transition:color var(--transition);font-size:.875rem;font-weight:500}.carousel-item:hover .carousel-url{color:var(--blue)}.carousel-dots{justify-content:center;gap:14px;margin-top:32px;display:flex}.carousel-dot{cursor:pointer;background:#d1d5db;border:2px solid #0000;border-radius:50%;width:10px;height:10px;padding:0;transition:background .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}.carousel-dot:hover{background:var(--blue-light);transform:scale(1.3)}.carousel-dot.active{background:var(--blue);transform:scale(1.4);box-shadow:0 0 0 3px #1cb0f633}.app-section{background:var(--blue-pale);padding:80px 0;overflow:hidden}.app-row{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.app-content .section-title{text-align:left;color:var(--dark)}.app-badges{gap:12px;display:flex}.app-badge{background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--gray-200);transition:border-color var(--transition);align-items:center;gap:8px;padding:10px 16px;display:flex}.app-badge:hover{border-color:var(--gray-300)}.app-badge svg{width:20px;height:20px;color:var(--dark)}.badge-small{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400);font-size:9px;display:block}.badge-large{color:var(--dark);font-size:14px;font-weight:700;display:block}.app-visual{min-height:300px;position:relative}.phones-float{height:100%;min-height:400px;position:relative}.phone-device{background:var(--dark);border-radius:16px;width:100px;height:180px;animation:3s ease-in-out infinite float;position:absolute;box-shadow:0 12px 40px #0003}.phone-device:after{content:"";background:var(--white);border-radius:12px;position:absolute;inset:6px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.phone-1{top:10%;left:10%;transform:rotate(-10deg)}.phone-2{z-index:2;animation-delay:.5s;top:20%;left:35%;transform:rotate(5deg)}.phone-3{animation-delay:.3s;top:15%;right:10%;transform:rotate(15deg)}.floating-icon{border-radius:10px;width:36px;height:36px;animation:2.5s ease-in-out infinite iconFloat;position:absolute}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.icon-1{background:var(--green);top:0;left:20%}.icon-2{background:var(--orange);z-index:3;animation-delay:.4s;top:65%;left:35%}.icon-3{background:var(--purple);animation-delay:.2s;top:5%;right:5%}.icon-2 .notification-badge{background:var(--red);width:20px;height:20px;color:var(--white);border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;top:-8px;right:-8px}.icon-2 .notification-popup{background:var(--dark);color:var(--white);white-space:nowrap;opacity:0;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:700;animation:3s ease-in-out infinite popupAppear;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.icon-2 .notification-popup:after{content:"";border:6px solid #0000;border-top-color:var(--dark);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes popupAppear{0%,60%{opacity:0;transform:translate(-50%)translateY(5px)}70%,90%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0}}.pricing{padding:80px 0}.pricing-context{text-align:center;color:var(--gray-500);margin-bottom:40px;font-size:.95rem;line-height:1.6}.pricing-context p{margin:4px 0}.pricing-context strong{color:var(--dark);font-weight:700}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pricing-footnote{text-align:center;color:var(--gray-400);margin-top:32px;font-size:.85rem}.pricing-addon{background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--gray-100);max-width:900px;transition:transform var(--transition),box-shadow var(--transition);margin-top:40px;margin-left:auto;margin-right:auto;padding:32px 40px}.pricing-addon:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.addon-header{text-align:center;border-bottom:1px solid var(--gray-100);margin-bottom:24px;padding-bottom:24px}.addon-title{color:var(--dark);margin-bottom:8px;font-size:1.25rem;font-weight:800}.addon-description{color:var(--gray-500);font-size:.9rem;line-height:1.4}.addon-features{grid-template-columns:repeat(2,1fr);gap:12px;max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;display:grid}.addon-feature-item{color:var(--gray-500);align-items:center;gap:10px;font-size:.875rem;display:flex}.addon-check{color:var(--blue);flex-shrink:0;font-weight:700}.addon-pricing{border-top:1px solid var(--gray-100);justify-content:center;gap:40px;padding-top:24px;display:flex}.addon-price-item{flex-direction:column;align-items:center;gap:6px;display:flex}.addon-price-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.addon-price-value{color:var(--blue);font-size:1.75rem;font-weight:800}.addon-price-note{color:var(--gray-400);font-size:.8125rem}.pricing-card{background:var(--white);border:2px solid var(--gray-100);border-radius:var(--radius-lg);transition:transform var(--transition),box-shadow var(--transition);padding:32px 24px;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.pricing-card.featured{border-color:var(--blue);transform:scale(1.02)}.pricing-card.featured:hover{transform:scale(1.02)translateY(-4px)}.plan-badge{background:var(--blue);color:var(--white);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;border-bottom:1px solid var(--gray-100);margin-bottom:24px;padding-bottom:24px}.plan-name{color:var(--dark);margin-bottom:8px;font-size:1.25rem}.plan-price{justify-content:center;align-items:baseline;display:flex}.currency{color:var(--dark);font-size:1.25rem;font-weight:700}.amount{color:var(--dark);font-size:2.5rem;font-weight:800;line-height:1}.period{color:var(--gray-400);font-size:1rem}.plan-features{margin-bottom:24px}.plan-features li{color:var(--gray-500);padding:8px 0 8px 24px;font-size:.9rem;position:relative}.plan-features li:before{content:"✓";color:var(--blue);font-weight:700;position:absolute;left:0}.faq{background:var(--gray-50);padding:80px 0}.faq .container{max-width:680px}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--white);border-radius:var(--radius-md);border:2px solid var(--gray-100);transition:border-color var(--transition),box-shadow var(--transition);overflow:hidden}.faq-item:hover{border-color:var(--blue-light);box-shadow:0 2px 8px #1cb0f614}.faq-item[open]{border-color:var(--blue);background:var(--blue-pale)}.faq-item summary{color:var(--dark);cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;font-weight:700;list-style:none;display:flex}.faq-item summary::marker{display:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--blue);transition:transform var(--transition);font-size:1.5rem;font-weight:400}.faq-item[open] summary:after{content:"−";transform:rotate(180deg)}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .35s ease-out;display:grid;overflow:hidden}.faq-item[open] .faq-answer{grid-template-rows:1fr}.faq-answer>p{color:var(--gray-500);opacity:0;margin:0;padding:0 24px;line-height:1.7;transition:padding .35s ease-out,opacity .3s ease-out;overflow:hidden}.faq-item[open] .faq-answer>p{opacity:1;padding:0 24px 20px}.final-cta{background:var(--white);padding:0;position:relative;overflow:hidden}.cta-top{background:var(--gray-50);text-align:center;padding:100px 0 80px}.cta-title{color:var(--blue);text-transform:lowercase;margin-bottom:40px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2}.btn-cta{min-width:280px}.wave-container{background:var(--gray-50);height:180px;position:relative}.wave-svg{width:100%;height:180px;position:absolute;bottom:0;left:0}.cta-bottom{background:var(--blue);height:120px}.footer{background:var(--blue);padding:30px 0 40px}.footer-grid{grid-template-columns:repeat(5,1fr);gap:32px;margin-bottom:48px;display:grid}.footer-column h4{color:var(--white);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:800}.footer-column ul{flex-direction:column;gap:8px;display:flex}.footer-column a{color:#fffc;transition:color var(--transition);font-size:14px;font-weight:500}.footer-column a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #fff3;justify-content:space-between;align-items:center;padding-top:32px;display:flex}.footer-logo{color:var(--white);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.footer-logo .logo-icon{width:28px;height:28px;color:var(--white)}.footer-social-heading{margin-top:24px!important}.copyright{color:#fff9;font-size:13px}.mobile-menu{z-index:999;transition:transform var(--transition);background:#fff;padding:32px 24px;position:fixed;inset:68px 0 0;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-nav{flex-direction:column;gap:20px;display:flex}.mobile-nav a{color:#4b4b4b;text-transform:uppercase;font-size:18px;font-weight:700}.mobile-nav a:hover{color:var(--blue)}@media (max-width:900px){.nav-links,.nav-buttons{display:none}.mobile-menu-toggle{display:flex}.hero-container,.feature-row,.app-row{text-align:center;grid-template-columns:1fr;gap:40px}.feature-row.reverse{direction:ltr}.feature-content,.app-content{max-width:100%;margin:0 auto}.app-content .section-title,.section-subtitle.left{text-align:center}.app-badges{justify-content:center}.steps-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}.pricing-card.featured{transform:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.addon-features{grid-template-columns:1fr}.addon-pricing{flex-direction:column;gap:20px}.addon-description{white-space:normal}.carousel-slide{padding:0 5%}.carousel-image-wrapper{border-radius:12px}.carousel-name{font-size:1.125rem}.carousel-dot{width:12px;height:12px}}@media (max-width:600px){.hero{min-height:auto;padding-top:100px}.btn-wide{min-width:100%;max-width:100%}.hero-ctas{width:100%;max-width:100%;padding:0 24px}.steps-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}.footer-grid{text-align:center;grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.app-badges{flex-direction:column;align-items:center}.phones-float{display:none}}@media print{.nav,.mobile-menu,.final-cta,.footer{display:none!important}.hero{min-height:auto;padding:20px 0}}