*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{color:#fff;background:#111;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}section{scroll-margin-top:0}#isprobaj{scroll-margin-top:-30px}#problem,#klijenti{background:#f3effa}#paketi,#faq{background:#fff}#isprobaj,#kontakt,#funkcije,#kako-zapoceti{background:#f3effa}.app{width:100%;overflow-x:hidden}.navbar{z-index:1000;background:#000;width:100%;height:105px;transition:box-shadow .25s;position:fixed;top:0;left:0;box-shadow:0 2px 15px #00000040}.mobile-brand-name{display:none}.navbar-inner{align-items:center;width:100%;height:100%;margin:0;padding:0 40px;display:flex}.logo-link{flex-shrink:0}.logo{object-fit:contain;width:82px;height:82px;display:block}.nav-links{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;margin-left:120px;display:grid}.nav-link{color:#ffffffeb;white-space:nowrap;justify-content:center;align-items:center;padding:10px 0;font-size:20px;font-weight:600;transition:color .25s;display:flex;position:relative}.nav-link.active{color:#fff}.nav-link.active:before{content:"";background:#fff;border-radius:10px;height:2px;position:absolute;bottom:1px;left:20%;right:20%}.nav-link:hover{color:#fff}.nav-link:not(:last-child):after{content:"|";color:#ffffff8c;pointer-events:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero{text-align:center;justify-content:center;align-items:center;width:100%;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-video-container{z-index:0;background:#000;position:absolute;inset:0;overflow:hidden}.hero-video-poster{object-fit:cover;z-index:2;opacity:1;visibility:visible;pointer-events:none;width:100%;height:100%;transition:opacity .8s,visibility 0s linear .8s;position:absolute;inset:0}.hero-video-poster.poster-hidden{opacity:0;visibility:hidden}.hero-video{z-index:1;pointer-events:none;border:0;width:100vw;min-width:177.78vh;height:56.25vw;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay{z-index:1;background:linear-gradient(#0000004d,#00000075);position:absolute;inset:0}.hero-content{z-index:2;width:100%;max-width:1400px;margin-top:35px;padding:0 40px;position:relative}.hero-content h1{text-align:center;letter-spacing:-3px;color:#fff;text-shadow:0 3px 20px #0006;width:100%;margin:0 auto;font-size:clamp(48px,7vw,100px);font-weight:700;line-height:1.02}.hero-content h1 span{width:max-content;max-width:none;margin:0 auto;white-space:nowrap!important;display:block!important}.hero-content p{color:#fff;text-shadow:0 2px 12px #0006;width:100%;max-width:1300px;margin:35px auto 0;font-size:clamp(24px,2.5vw,34px);font-weight:400;line-height:1.3}.hero-buttons{justify-content:center;align-items:center;gap:35px;margin-top:50px;display:flex}.hero-button{color:#fff;cursor:pointer;background:0 0;border:3px solid #fff;border-radius:60px;min-width:290px;padding:20px 40px;font-size:21px;font-weight:600;transition:background .25s,color .25s,transform .25s}.hero-button:hover{color:#222;background:#fff;transform:translateY(-3px)}.hero-bottom-text{z-index:2;text-align:center;letter-spacing:5px;color:#fffffff2;font-size:18px;font-weight:600;position:absolute;bottom:35px;left:0;right:0}.content-section{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:700px;padding:140px 30px;display:flex}.dark-section{background:#fff}.section-container{width:100%;max-width:1400px;margin:0 auto}.section-label{letter-spacing:3px;color:#777;margin-bottom:18px;font-size:14px;font-weight:600;display:block}.section-container h2{color:#111;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.1}.section-container p{color:#555;max-width:1100px;margin:25px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.6}@media (width<=900px){.hero{min-height:700px}.hero-content{margin-top:35px;padding:0 30px}.hero-content h1{letter-spacing:-1.5px;font-size:clamp(44px,13vw,62px);line-height:1.02}.hero-content p{margin-top:28px;font-size:23px;line-height:1.35}.hero-buttons{gap:25px;margin-top:40px}.hero-button{min-width:240px;padding:16px 30px;font-size:18px}.hero-bottom-text{font-size:16px}}@media (width<=700px){.try-section{min-height:600px;padding:100px 25px}.try-container h2{font-size:40px}.try-description{font-size:17px}.try-form-card{padding:25px 20px}.pricing-section{min-height:auto;padding:100px 20px}.pricing-intro{margin-bottom:45px;font-size:17px}.pricing-cards{grid-template-columns:1fr;gap:20px}.pricing-card{min-height:auto;padding:30px 25px}}.mobile-menu-button,.mobile-menu{display:none}@media (width<=900px){.navbar{height:70px;min-height:70px}.navbar-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;height:70px;min-height:70px;padding:8px 16px;display:flex}.mobile-brand-name{text-align:center;color:#fff;white-space:nowrap;flex:1;margin:0 15px;font-size:20px;font-weight:600;display:block}.logo-link{flex-shrink:0;align-items:center;display:flex}.logo{width:50px;height:50px}.nav-links{display:none!important}.mobile-menu-button{cursor:pointer;z-index:1102;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:46px;height:46px;padding:0;display:flex;position:relative}.mobile-menu-button span{background:#fff;border-radius:10px;width:25px;height:2px;transition:transform .25s,opacity .2s;display:block}.mobile-menu-button.open span:first-child{transform:translateY(8px)rotate(45deg)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:1100;background:#000000fa;border-top:1px solid #ffffff1a;width:100%;transition:opacity .25s,transform .25s,visibility .25s;display:block;position:fixed;top:70px;left:0;right:0;transform:translateY(-12px);box-shadow:0 15px 35px #00000059}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-nav-links{flex-direction:column;width:100%;padding:12px 20px 20px;display:flex}.mobile-nav-link{color:#ffffffe0;text-align:left;box-sizing:border-box;border-bottom:1px solid #ffffff1a;width:100%;padding:17px 10px;font-size:18px;font-weight:600;text-decoration:none;transition:color .2s,background .2s,padding-left .2s;position:relative}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover{color:#fff}.mobile-nav-link.active{color:#fff;background:#ffffff0f;border-radius:8px;padding-left:16px}.mobile-nav-link.active:before{content:"";background:#fff;border-radius:10px;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}}@media (width<=700px){.hero{justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:70px 0;display:flex}.hero-content{width:100%;max-width:none;margin:0;padding:0 20px}.hero-content h1{text-align:center;letter-spacing:-2px;width:100%;margin:0 auto;font-size:clamp(42px,12vw,64px);line-height:1.02}.hero-content h1 span{width:auto;max-width:100%;margin:0 auto;display:block;white-space:normal!important}.hero-content p{text-align:center;width:100%;max-width:700px;margin:22px auto 0;font-size:clamp(17px,4.5vw,21px);line-height:1.4}.hero-buttons{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:32px;display:flex}.hero-button{border-width:2px;width:min(300px,90vw);min-width:0;padding:14px 25px;font-size:17px}.hero-bottom-text{letter-spacing:2px;font-size:12px;bottom:20px}}@media (width<=400px){.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.hero{padding-top:64px}}.try-section{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:750px;padding:120px 30px;display:flex}.try-container{width:100%;max-width:1600px;margin:0 auto}.try-label{letter-spacing:3px;color:#777;margin-bottom:18px;font-size:14px;font-weight:600;display:block}.try-container h2{color:#111;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.1}.try-description{color:#555;max-width:1100px;margin:25px auto 40px;font-size:clamp(17px,2vw,21px);line-height:1.6}.try-form-card{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:20px;width:100%;max-width:520px;margin:0 auto;padding:35px;box-shadow:0 10px 30px #0000000f}.try-form-card h3{color:#111;margin-bottom:10px;font-size:24px}.try-form-card>p{color:#666;margin-bottom:25px;font-size:15px}.try-form-card input,.try-form-card textarea{color:#111;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:14px 16px;font-family:inherit;font-size:16px}.try-form-card input:focus,.try-form-card textarea:focus{border-color:#111}.try-form-card textarea{resize:vertical;min-height:90px}.try-form-card button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:background .25s,transform .25s}.try-form-card button:hover{background:#333;transform:translateY(-2px)}.pricing-section{color:#111;text-align:center;background:#fff;justify-content:center;align-items:center;min-height:700px;padding:120px 30px;display:flex}.pricing-wrapper{flex-direction:column;gap:18px;width:100%;max-width:1600px;margin:60px auto;padding:20px 0;display:flex}.pricing-wrapper h2{color:#111;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.1}.pricing-intro{color:#555;max-width:1100px;margin:25px auto 40px;font-size:clamp(17px,2vw,21px);line-height:1.6}.pricing-label{letter-spacing:3px;color:#777;margin-bottom:18px;font-size:14px;font-weight:600;display:block}.pricing-cards{flex-direction:column;gap:18px;width:100%;display:flex}.pricing-card{cursor:pointer;background:#fff;border-left:6px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;width:100%;min-height:160px;padding:22px 26px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 6px 18px #00000014}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}.pricing-card h3{color:#222;margin:0;font-size:20px}.pricing-card .price{color:#111;margin:10px 0 6px;font-size:24px;font-weight:700}.pricing-card .desc{color:#666;margin:0;font-size:14px;line-height:1.4}.pricing-card.free{border-left-color:#2ecc71}.pricing-card.monthly{border-left-color:#3498db}.pricing-card.yearly{background:linear-gradient(135deg,#fff,#fff7e0);border-left-color:#f39c12}.recommendedBadge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#f39c12;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;top:15px;right:15px}.old-price{color:#999;margin-left:8px;font-size:18px;text-decoration:line-through}@media (width<=768px){.pricing-wrapper{width:100%;margin:40px auto;padding:20px 16px}.pricing-cards{flex-direction:column;gap:16px;width:100%;display:flex}.pricing-card{width:100%;min-height:150px;padding:24px 20px}.pricing-card h3{font-size:19px}.pricing-card .price{font-size:23px}.pricing-card .desc{font-size:14px}.recommendedBadge{padding:5px 9px;font-size:10px;top:12px;right:12px}}.contact-section{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:800px;padding:120px 30px;display:flex}.contact-container{width:100%;max-width:900px;margin:0 auto}.contact-label{letter-spacing:3px;color:#777;margin-bottom:18px;font-size:14px;font-weight:600;display:block}.contact-container h2{color:#111;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.1}.contact-description{color:#555;max-width:700px;margin:25px auto 40px;font-size:clamp(17px,2vw,21px);line-height:1.6}.contact-form-card{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:20px;width:100%;max-width:520px;margin:0 auto;padding:35px;box-shadow:0 10px 30px #0000000f}.contact-form-card h3{color:#111;margin-bottom:10px;font-size:24px}.contact-form-card>p{color:#666;margin-bottom:25px;font-size:15px;line-height:1.5}.contact-form-card input,.contact-form-card textarea{color:#111;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:#111;box-shadow:0 0 0 3px #0000000f}.contact-form-card textarea{resize:vertical;min-height:90px}.contact-form-card button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:background .25s,transform .25s}.contact-form-card button:hover{background:#333;transform:translateY(-2px)}.successInside{color:#111;padding:20px 0}.successInside .check{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 15px;font-size:28px;display:flex}.successInside b{margin-bottom:8px;font-size:20px;display:block}.successInside p{color:#666;margin:0}.panelBtn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:50px;margin:30px auto 0;padding:13px 30px;font-size:16px;font-weight:600;transition:background .25s,transform .25s;display:block}.panelBtn:hover{background:#333;transform:translateY(-2px)}.toast{color:#fff;z-index:9999;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;animation:.25s toastIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.error{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 10px 25px #ef444459}.toast.success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 25px #22c55e40}.toastIcon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-weight:700;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.faq-section{color:#111;text-align:center;box-sizing:border-box;background:#fff;justify-content:center;align-items:center;min-height:700px;padding:120px 30px;display:flex}.faq-container{width:100%;max-width:1600px;margin:0 auto}.faq-label{letter-spacing:3px;color:#777;margin-bottom:18px;font-size:14px;font-weight:600;display:block}.faq-container h2{color:#111;margin:0;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.1}.faq-intro{color:#555;max-width:1100px;margin:25px auto 50px;font-size:clamp(17px,2vw,21px);line-height:1.6}.faq-list{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:14px;width:100%;transition:border-color .25s,box-shadow .25s;overflow:hidden;box-shadow:0 6px 18px #0000000f}.faq-item:hover{border-color:#d5d5d5;box-shadow:0 10px 25px #00000017}.faq-question{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;color:#111;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;padding:20px 24px;font-size:18px;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:#fafafa}.faq-question span:first-child{text-align:left;flex:1;line-height:1.4}.faq-icon{color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:22px;font-weight:400;line-height:1;transition:transform .25s,background .25s;display:flex}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{opacity:0;box-sizing:border-box;max-height:0;padding:0 24px;transition:max-height .35s,opacity .25s,padding .35s;overflow:hidden}.faq-answer p{color:#666;max-width:750px;margin:0;font-size:15px;line-height:1.6}.faq-item.active .faq-answer{opacity:1;max-height:1000px;padding:0 24px 22px}@media (width<=700px){.faq-section{min-height:auto;padding:100px 20px}.faq-label{letter-spacing:2.5px;font-size:13px}.faq-container h2{font-size:clamp(34px,10vw,48px)}.faq-intro{margin:25px auto 40px;font-size:17px}.faq-list{gap:10px}.faq-question{min-height:64px;padding:18px;font-size:16px}.faq-question span:first-child{line-height:1.45}.faq-icon{width:27px;height:27px;font-size:20px}.faq-answer{padding:0 18px}.faq-item.active .faq-answer{padding:0 18px 20px}.faq-answer p{font-size:14px;line-height:1.6}}.solution-section{color:#111;position:relative;overflow:hidden}.solution-section .section-container{z-index:2;position:relative}.restaurant-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:22px;width:100%;margin-top:90px;padding:0;display:grid;position:relative}.flow-step{text-align:left;flex-direction:column;align-items:stretch;min-width:0;display:flex;position:relative}.flow-video-wrap{background:#00000009;border:1px solid #0000001a;border-radius:18px;width:100%;padding:7px;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s;position:relative;box-shadow:0 2px 5px #00000008,0 15px 45px #00000014}.flow-video{aspect-ratio:9/16;background:#111;border-radius:12px;width:100%;position:relative;overflow:hidden}.flow-video iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.flow-video:after{content:"";pointer-events:none;border-radius:inherit;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.flow-step:hover .flow-video-wrap{border-color:#0000002e;transform:none;box-shadow:0 5px 10px #0000000a,0 25px 60px #00000021}.flow-content{margin-top:25px;padding:0 5px}.flow-label{letter-spacing:.16em;text-transform:uppercase;color:#777;margin-bottom:9px;font-size:10px;font-weight:700;line-height:1;display:block}.flow-content h3{color:#111;margin:0 0 9px;font-size:20px;font-weight:650;line-height:1.2}.flow-content p{color:#555;margin:0;font-size:13px;line-height:1.65}.flow-arrow{color:#111;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:38px;height:38px;margin-top:70px;font-size:24px;display:flex}.flow-arrow span{opacity:.55;opacity:.55;transition:transform .3s,opacity .3s;display:block;transform:translate(0)}.restaurant-flow:hover .flow-arrow span{opacity:.8}.flow-step:hover+.flow-arrow span{opacity:1;transform:translate(5px)}.flow-step-owner .flow-video-wrap{border-color:#00000024}@media (width<=1100px){.restaurant-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:65px}.flow-arrow{margin-top:65px}}@media (width<=700px){.restaurant-flow{box-sizing:border-box;gap:40px 8px;width:calc(100% + 30px);margin-top:60px;margin-left:-15px;padding:0;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.flow-step{text-align:left;width:100%;min-width:0}.flow-arrow{display:none!important}.flow-video-wrap{box-sizing:border-box;width:100%}}@media (width<=420px){.restaurant-flow{margin-top:50px}.flow-video-wrap{border-radius:14px;padding:5px}.flow-video{border-radius:10px}.flow-content h3{font-size:18px}.flow-content p{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.flow-video-wrap,.flow-arrow span{transition:none}}.funkcije-section{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:750px;padding:120px 30px;display:flex}.funkcije-container{width:100%;max-width:1400px;margin:0 auto}.funkcije-intro{color:#555;max-width:900px;margin:25px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.6}.funkcije-cards{grid-template-columns:repeat(3,1fr);gap:25px;width:100%;margin-top:70px;display:grid}.funkcija-card{background:#fff;border:1px solid #e5e5e5;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:330px;padding:45px 35px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 8px 25px #0000000f}.funkcija-card:hover{border-color:#d5d5d5;transform:translateY(-7px);box-shadow:0 15px 35px #0000001a}.funkcija-icon{color:#111;background:#f3effa;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:28px;font-size:30px;transition:transform .25s,background .25s;display:flex}.funkcija-card:hover .funkcija-icon{background:#e9e2f5;transform:scale(1.06)}.funkcija-card h3{letter-spacing:-.02em;color:#111;margin:0 0 15px;font-size:22px;font-weight:700;line-height:1.2}.funkcija-card p{color:#666;max-width:340px;margin:0;font-size:16px;line-height:1.6}@media (width<=900px){.funkcije-cards{grid-template-columns:1fr;gap:20px;max-width:650px;margin-left:auto;margin-right:auto}.funkcija-card{min-height:280px;padding:40px 35px}}@media (width<=700px){.funkcije-section{min-height:auto;padding:100px 25px}.funkcije-container h2{font-size:40px}.funkcije-intro{margin-top:20px;font-size:17px}.funkcije-cards{gap:18px;margin-top:50px}.funkcija-card{border-radius:16px;min-height:auto;padding:35px 25px}.funkcija-icon{border-radius:16px;width:62px;height:62px;margin-bottom:22px;font-size:27px}.funkcija-card h3{margin-bottom:12px;font-size:20px}.funkcija-card p{font-size:15px;line-height:1.6}}@media (width<=400px){.funkcije-section{padding:90px 20px}.funkcije-container h2{font-size:34px}.funkcija-card{padding:30px 20px}.funkcija-card p{font-size:14px}}.preposle-section{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:750px;padding:120px 30px;display:flex}.preposle-container{width:100%;max-width:1500px;margin:0 auto}.preposle-container h2{margin:0}.preposle-intro{color:#555;max-width:900px;margin:25px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.6}.preposle-image-wrapper{justify-content:center;align-items:center;width:100%;margin:70px auto 0;display:flex}.preposle-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:none;display:block}@media (width<=900px){.preposle-section{min-height:auto;padding:110px 25px}.preposle-image-wrapper{margin-top:60px}.preposle-image{max-width:100%;height:auto}}@media (width<=700px){.preposle-section{min-height:auto;padding:100px 20px}.preposle-container h2{font-size:40px}.preposle-intro{margin-top:20px;font-size:17px}.preposle-image-wrapper{margin-top:50px}.preposle-image{width:100%;max-width:100%;height:auto}}@media (width<=400px){.preposle-section{padding:90px 15px}.preposle-container h2{font-size:34px}.preposle-intro{font-size:16px}.preposle-image-wrapper{margin-top:40px}}.start-section{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:750px;padding:120px 30px;display:flex}.start-container{width:100%;max-width:1400px;margin:0 auto}.start-intro{color:#555;max-width:850px;margin:25px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.6}.start-steps{flex-direction:column;align-items:center;gap:0;width:100%;max-width:1100px;margin:70px auto 0;display:flex}.start-step{text-align:center;background:#fff;border:1px solid #00000014;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:110px;padding:25px 80px;transition:box-shadow .3s,transform .3s,border-color .3s;display:flex;position:relative;box-shadow:0 5px 20px #0000000a}.start-number{color:#111;letter-spacing:1px;background:#f3effa;border:1px solid #e5dff0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:16px;font-weight:700;display:flex;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.start-content{text-align:center;width:100%;min-width:0}.start-step:first-child{width:100%}.start-step:nth-child(3){width:82%}.start-step:nth-child(5){width:64%}.start-step:hover{border-color:#00000024;transform:translateY(-3px);box-shadow:0 12px 35px #00000014}.start-number{color:#111;letter-spacing:1px;background:#f3effa;border:1px solid #e5dff0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:16px;font-weight:700;display:flex}.start-content{min-width:0}.start-content h3{color:#111;margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.2}.start-content p{color:#666;margin:0;font-size:16px;line-height:1.5}.start-arrow{color:#999;justify-content:center;align-items:center;width:100%;height:55px;font-size:28px;display:flex}.start-arrow span{transition:transform .25s,color .25s;display:block}.start-step:hover+.start-arrow span{color:#111;transform:translateY(4px)}.start-button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:50px;justify-content:center;align-items:center;min-width:210px;margin-top:45px;padding:15px 32px;font-family:inherit;font-size:17px;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex}.start-button:hover{background:#333;transform:translateY(-3px);box-shadow:0 10px 25px #00000026}@media (width<=1000px){.start-section{min-height:auto;padding:110px 25px}.start-steps{max-width:900px;margin-top:60px}.start-step:first-child{width:100%}.start-step:nth-child(3){width:84%}.start-step:nth-child(5){width:68%}.start-step{gap:18px;padding:22px 30px}.start-number{width:56px;height:56px;font-size:15px}.start-content h3{font-size:19px}.start-content p{font-size:14px}}@media (width<=700px){.start-section{min-height:auto;padding:100px 20px}.start-container h2{font-size:40px}.start-intro{margin-top:20px;font-size:17px}.start-steps{width:100%;max-width:100%;margin-top:50px}.start-step:first-child{width:100%}.start-step:nth-child(3){width:82%}.start-step:nth-child(5){width:64%}.start-step{min-height:95px;padding:20px 60px}.start-number{width:44px;height:44px;font-size:13px;left:18px}.start-content h3{margin-bottom:5px;font-size:16px}.start-content p{font-size:13px;line-height:1.4}.start-arrow{height:42px;font-size:22px}.start-button{min-width:190px;margin-top:35px;padding:14px 28px;font-size:16px}}@media (width<=400px){.start-section{padding:90px 18px}.start-container h2{font-size:34px}.start-step:first-child{width:100%}.start-step:nth-child(3){width:82%}.start-step:nth-child(5){width:64%}.start-intro{font-size:16px}.start-step{padding:17px 50px}.start-number{width:38px;height:38px;font-size:11px;left:14px}.start-content h3{margin-bottom:4px;font-size:14px}.start-content p{font-size:11px;line-height:1.35}.start-arrow{height:38px;font-size:19px}.start-button{min-width:180px;padding:13px 24px;font-size:15px}}@media (prefers-reduced-motion:reduce){.start-step,.start-arrow span,.start-button{transition:none}}.social-proof-section{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:750px;padding:120px 30px;display:flex}.social-proof-container{width:100%;max-width:1400px;margin:0 auto}.social-proof-intro{color:#555;max-width:800px;margin:25px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.6}.testimonial-slider{align-items:center;gap:20px;width:100%;max-width:1250px;margin:70px auto 0;display:flex;position:relative}.testimonial-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:25px;width:100%;padding:10px 5px 25px;display:flex;overflow-x:auto}.testimonial-track::-webkit-scrollbar{display:none}.testimonial-card{text-align:left;scroll-snap-align:center;background:#f3effa;border:1px solid #e5dff0;border-radius:22px;flex-direction:column;flex:0 0 calc(33.3333% - 16.6667px);min-height:300px;padding:35px 32px;transition:transform .25s,box-shadow .25s;display:flex}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.testimonial-stars{letter-spacing:3px;color:#111;margin-bottom:25px;font-size:18px}.testimonial-text{color:#333;flex:1;margin:0;font-size:17px;line-height:1.7}.testimonial-author{align-items:center;gap:14px;margin-top:30px;display:flex}.testimonial-avatar{color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.testimonial-author strong{color:#111;margin-bottom:3px;font-size:15px;display:block}.testimonial-author span{color:#777;font-size:13px;display:block}.testimonial-arrow{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:inherit;font-size:22px;transition:background .2s,color .2s,transform .2s;display:flex}.testimonial-arrow:hover{color:#fff;background:#111;transform:scale(1.05)}.testimonial-dots{justify-content:center;align-items:center;gap:8px;margin-top:25px;display:flex}.testimonial-dot{background:#d5d5d5;border-radius:50%;width:7px;height:7px;transition:transform .2s,background .2s}.testimonial-dot.active{background:#111;width:9px;height:9px}@media (width<=1000px){.social-proof-section{min-height:auto;padding:110px 25px}.testimonial-slider{gap:12px;margin-top:60px}.testimonial-track{gap:18px}.testimonial-card{flex:0 0 calc(50% - 9px);min-height:290px;padding:30px 26px}.testimonial-arrow{width:44px;height:44px;font-size:20px}.testimonial-text{font-size:16px}}@media (width<=700px){.social-proof-section{min-height:auto;padding:100px 20px}.social-proof-intro{margin-top:20px;font-size:17px}.testimonial-slider{gap:8px;margin-top:50px}.testimonial-track{gap:15px;padding-left:3px;padding-right:3px}.testimonial-card{border-radius:20px;flex:0 0 100%;min-height:280px;padding:28px 24px}.testimonial-stars{margin-bottom:20px;font-size:17px}.testimonial-text{font-size:16px;line-height:1.6}.testimonial-author{margin-top:25px}.testimonial-arrow{width:38px;height:38px;font-size:18px}.testimonial-dots{margin-top:20px}}@media (width<=400px){.social-proof-section{padding:90px 16px}.testimonial-slider{gap:5px}.testimonial-track{gap:12px}.testimonial-card{min-height:270px;padding:25px 20px}.testimonial-text{font-size:15px}.testimonial-arrow{width:34px;height:34px;font-size:16px}.testimonial-avatar{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.testimonial-track{scroll-behavior:auto}.testimonial-card,.testimonial-arrow,.testimonial-dot{transition:none}}.trial-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#000000b8;justify-content:center;align-items:center;padding:24px;animation:.25s trialOverlayIn;display:flex;position:fixed;inset:0}.trial-modal{background:#fff;border-radius:24px;width:min(520px,100%);max-height:calc(100vh - 48px);padding:42px;animation:.3s cubic-bezier(.16,1,.3,1) trialModalIn;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000059}.trial-modal-close{color:#222;cursor:pointer;background:#f3f3f3;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:25px;line-height:1;transition:background .2s,transform .2s;display:flex;position:absolute;top:18px;right:18px}.trial-modal-close:hover{background:#e8e8e8;transform:rotate(90deg)}.trial-modal-top{padding-right:35px}.trial-modal-badge{color:#fff;letter-spacing:.08em;background:#111;border-radius:999px;margin-bottom:16px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.trial-modal-top h2{letter-spacing:-.03em;color:#111;margin:0 0 12px;font-size:32px;line-height:1.1}.trial-modal-top p{color:#666;margin:0;font-size:15px;line-height:1.65}.trial-modal-benefits{background:#f7f7f7;border-radius:14px;flex-direction:column;gap:10px;margin:26px 0;padding:18px;display:flex}.trial-modal-benefits div{color:#333;align-items:center;gap:10px;font-size:13px;display:flex}.trial-modal-benefits span{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.trial-form{flex-direction:column;display:flex}.trial-form label{color:#222;justify-content:space-between;margin-bottom:7px;font-size:13px;font-weight:600;display:flex}.trial-form label span{color:#999;font-weight:400}.trial-form input{box-sizing:border-box;color:#111;background:#fafafa;border:1px solid #dedede;border-radius:11px;outline:none;width:100%;height:52px;margin-bottom:17px;padding:0 15px;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.trial-form input:focus{background:#fff;border-color:#111;box-shadow:0 0 0 3px #0000000f}.trial-form input::placeholder{color:#aaa}.trial-submit{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;margin-top:4px;font-size:15px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.trial-submit span{font-size:20px;transition:transform .2s}.trial-submit:hover{background:#222;transform:translateY(-2px);box-shadow:0 10px 25px #0000002e}.trial-submit:hover span{transform:translate(4px)}.trial-submit:active{transform:translateY(0)}.trial-modal-note{text-align:center;color:#999;margin-top:16px;font-size:11px;line-height:1.5}.trial-success{text-align:center;flex-direction:column;align-items:center;padding:25px 5px 5px;display:flex}.trial-success-icon{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:22px;font-size:32px;font-weight:700;display:flex}.trial-success h2{color:#111;margin:0 0 10px;font-size:27px}.trial-success p{color:#666;max-width:380px;margin:0;font-size:14px;line-height:1.6}.trial-success-button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;width:150px;height:46px;margin-top:25px;font-weight:600;transition:transform .2s}.trial-success-button:hover{transform:translateY(-2px)}@keyframes trialOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes trialModalIn{0%{opacity:0;transform:translateY(25px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.trial-modal-overlay{padding:14px}.trial-modal{border-radius:20px;width:100%;max-height:calc(100vh - 28px);padding:30px 22px 24px}.trial-modal-top{padding-right:25px}.trial-modal-top h2{font-size:27px}.trial-modal-top p{font-size:14px}.trial-modal-benefits{margin:22px 0;padding:15px}.trial-modal-benefits div{font-size:12px}.trial-modal-close{width:34px;height:34px;font-size:22px;top:13px;right:13px}}.notification{box-sizing:border-box!important;color:#fff!important;z-index:2147483647!important;isolation:isolate!important;background:#dc2626!important;border:0!important;border-radius:14px!important;align-items:center!important;width:360px!important;max-width:calc(100vw - 24px)!important;height:auto!important;min-height:68px!important;padding:12px 14px!important;display:flex!important;position:fixed!important;inset:auto auto 30px 50%!important;transform:translate(-50%)!important;box-shadow:0 15px 40px #00000073!important}.notification-icon{color:#dc2626!important;background:#fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;margin-right:11px!important;font-size:18px!important;font-weight:800!important;display:flex!important}.notification-content{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.notification-title{color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important}.notification-message{color:#ffffffeb!important;font-size:13px!important;font-weight:400!important;line-height:1.35!important}.notification-close{color:#ffffffd9!important;cursor:pointer!important;background:0 0!important;border:0!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;margin-left:8px!important;padding:0!important;font-size:22px!important;line-height:1!important;display:flex!important}.notification-close:hover{background:#ffffff26!important;border-radius:50%!important}@keyframes notificationAppear{0%{opacity:0;transform:translate(-50%,15px)!important}to{opacity:1;transform:translate(-50%)!important}}@media (width<=600px){.notification{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;min-height:64px!important;padding:11px 12px!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important}.notification-icon{width:34px!important;min-width:34px!important;height:34px!important;margin-right:10px!important;font-size:16px!important}.notification-title{font-size:13px!important}.notification-message{font-size:12px!important}}.clients-container{text-align:center}.clients-intro{max-width:650px;margin:0 auto 40px}.clients-logos{width:100%;margin:0 auto;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.clients-logos-track{will-change:transform;width:max-content;animation:28s linear infinite clientsMarquee;display:flex}.clients-logos-group{flex-shrink:0;align-items:center;gap:80px;padding-right:80px;display:flex}.client-logo{width:auto;height:80px;box-shadow:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}@keyframes clientsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.client-logo img{object-fit:contain;opacity:.8;width:auto;max-width:170px;height:70px;transition:opacity .3s,transform .3s;display:block}.client-logo:hover{transform:translateY(-3px)}.client-logo:hover img{opacity:1;transform:scale(1.04)}.clients-bottom{justify-content:center;align-items:center;gap:18px;margin-top:45px;display:flex}.clients-bottom span{background:#fff3;width:45px;height:1px;display:block}.clients-bottom p{letter-spacing:2px;color:#000;margin:0;font-size:11px;font-weight:500}@media (width<=900px){.clients-logos{gap:35px 45px}.client-logo img{max-width:145px;height:60px}}@media (width<=650px){.clients-logos{margin-top:10px}.clients-logos-track{animation-duration:22s}.clients-logos-group{gap:40px;padding-right:40px}.client-logo{width:auto;height:58px}.client-logo img{max-width:120px;height:48px}.clients-bottom{gap:10px;margin-top:35px}.clients-bottom span{width:25px}.clients-bottom p{letter-spacing:1.3px;font-size:9px}}@media (width<=400px){.clients-logos-track{animation-duration:20s}.clients-logos-group{gap:32px;padding-right:32px}.client-logo{height:52px}.client-logo img{max-width:110px;height:44px}}.contact-section{background:#fff;justify-content:center;align-items:center;min-height:750px;padding:120px 30px;display:flex}.contact-container{text-align:left;grid-template-columns:1fr 520px;align-items:center;gap:90px;width:100%;max-width:1200px;margin:0 auto;display:grid}.contact-info{max-width:520px}.contact-info .section-label{margin-bottom:18px}.contact-info h2{letter-spacing:-2px;color:#111;margin:0;font-size:clamp(42px,5vw,64px);font-weight:700;line-height:1.05}.contact-info>p{color:#555;max-width:500px;margin:25px 0 0;font-size:20px;line-height:1.6}.contact-details{flex-direction:column;gap:18px;margin-top:40px;display:flex}.contact-detail{align-items:center;gap:15px;display:flex}.contact-detail>span{background:#f3effa;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex}.contact-detail div{flex-direction:column;gap:3px;display:flex}.contact-detail small{color:#888;font-size:12px;font-weight:500}.contact-detail strong{color:#111;font-size:15px;font-weight:600}.contact-form-card{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:22px;width:100%;padding:38px;position:relative;box-shadow:0 15px 45px #00000014}.contact-form-badge{color:#fff;letter-spacing:.08em;background:#111;border-radius:999px;align-items:center;margin-bottom:22px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.contact-form,.contact-field{flex-direction:column;display:flex}.contact-field label{color:#222;margin-bottom:7px;font-size:13px;font-weight:600}.contact-field input{color:#111;background:#fafafa;border:1px solid #dedede;border-radius:11px;outline:none;width:100%;height:52px;margin-bottom:17px;padding:0 15px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.contact-field input:focus{background:#fff;border-color:#111;box-shadow:0 0 0 3px #0000000f}.contact-field input::placeholder{color:#aaa}.contact-submit{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:54px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.contact-submit:hover{background:#222;transform:translateY(-2px);box-shadow:0 10px 25px #0000002e}.contact-submit:active{transform:translateY(0)}.contact-security{text-align:center;color:#999;margin-top:16px;font-size:11px;line-height:1.5;display:block}.contact-success{text-align:center;color:#111;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.contact-success .check{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:20px;font-size:32px;font-weight:700;display:flex}.contact-success b{margin-bottom:8px;font-size:22px;display:block}.contact-success p{color:#666;margin:0;font-size:14px;line-height:1.6}@media (width<=900px){.contact-section{padding:110px 25px}.contact-container{text-align:center;grid-template-columns:1fr;gap:55px;max-width:700px}.contact-info{max-width:650px;margin:0 auto}.contact-info>p{margin-left:auto;margin-right:auto}.contact-details{align-items:center}.contact-detail{text-align:left;width:280px}.contact-form-card{text-align:left;max-width:520px;margin:0 auto}}@media (width<=700px){.contact-section{min-height:auto;padding:100px 20px}.contact-container{gap:45px}.contact-info h2{letter-spacing:-1px;font-size:40px}.contact-info>p{margin-top:20px;font-size:17px}.contact-details{gap:15px;margin-top:30px}.contact-detail{width:100%;max-width:280px}.contact-form-card{border-radius:20px;padding:30px 22px}}@media (width<=400px){.contact-section{padding:90px 18px}.contact-info h2{font-size:34px}.contact-info>p{font-size:16px}.contact-form-card{padding:26px 18px}.contact-detail{max-width:260px}}.contact-socials{align-items:center;gap:14px;margin-top:28px;display:flex}.contact-socials a{color:#111;align-items:center;gap:9px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.contact-socials a:hover{opacity:.7;transform:translateY(-2px)}.contact-socials a.instagram svg{color:#e1306c!important;stroke:#e1306c!important}.contact-socials a.facebook svg{color:#1877f2!important;stroke:#1877f2!important}.contact-socials svg{flex-shrink:0;width:25px;height:25px}.contact-form-arrow{align-items:center;gap:14px;margin-top:38px;display:flex}.contact-form-arrow .arrow{color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:400;animation:1.8s ease-in-out infinite contactArrowDown;display:flex}.contact-form-arrow p{color:#666;max-width:340px;margin:0;font-size:14px;font-weight:500;line-height:1.5}@keyframes contactArrowDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (width<=900px){.contact-socials{justify-content:center}.contact-form-arrow{text-align:left;justify-content:center}}@media (width<=700px){.contact-socials{flex-wrap:wrap;justify-content:center;margin-top:25px}.contact-socials a{padding:9px 13px;font-size:13px}.contact-form-arrow{gap:11px;margin-top:30px}.contact-form-arrow .arrow{width:38px;height:38px;font-size:20px}.contact-form-arrow p{max-width:280px;font-size:13px}}@media (width<=400px){.contact-socials{gap:8px}.contact-socials a{padding:8px 11px}.contact-form-arrow{gap:9px}.contact-form-arrow p{font-size:12px}}.floating-socials{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:25px;transform:translateY(-50%)}.floating-socials .floating-social-button{color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #0000002e}.floating-socials .floating-social-button svg{fill:currentColor;width:30px;height:30px}.floating-socials .floating-social-button:first-child{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);box-shadow:0 8px 24px #e1306c47}.floating-socials .floating-social-button:last-child{background:#1877f2;box-shadow:0 8px 24px #1877f247}.floating-socials .floating-social-button:hover{transform:translate(-4px)scale(1.05)}.floating-socials .floating-social-button:first-child:hover{box-shadow:0 12px 30px #e1306c61}.floating-socials .floating-social-button:last-child:hover{box-shadow:0 12px 30px #1877f261}.floating-socials .floating-social-button:active{transform:scale(.96)}@media (width<=700px){.floating-socials .floating-social-button{border-radius:14px;width:52px;height:52px}.floating-socials .floating-social-button svg{width:28px;height:28px}.floating-socials{gap:8px;top:auto;bottom:20px;right:15px;transform:none}.floating-socials a{border-radius:11px;width:40px;height:40px}.floating-socials svg{width:19px;height:19px}.social-modal-overlay{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:20px;z-index:2147483647!important;display:flex!important;position:fixed!important;inset:0!important}.social-modal{box-sizing:border-box;width:min(440px,100vw - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;position:relative!important}}.social-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.25s socialOverlayIn;display:flex;position:fixed;inset:0}.social-modal{text-align:center;background:#fff;border-radius:24px;width:min(440px,100%);padding:42px 32px 30px;animation:.3s socialModalIn;position:relative;box-shadow:0 25px 70px #0000004d,0 8px 25px #0000001f}.social-modal-close{color:#555;cursor:pointer;background:#f3f3f3;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:25px;line-height:1;transition:background .2s,color .2s,transform .2s;display:flex;position:absolute;top:14px;right:16px}.social-modal-close:hover{color:#111;background:#e8e8e8;transform:rotate(90deg)}.social-modal-icon{color:#fff;border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 22px;transition:background .3s,box-shadow .3s,transform .3s;display:flex}.social-modal-icon svg{fill:currentColor;width:42px;height:42px}.social-modal-icon:has(svg path[d^=M7\.75]){background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);box-shadow:0 10px 30px #e1306c4d}.social-modal-icon:has(svg path[d^=M14\ 8]){background:#1877f2;box-shadow:0 10px 30px #1877f24d}.social-modal h2{color:#171717;margin:0 0 10px;font-size:26px;font-weight:700;line-height:1.2}.social-modal p{color:#6b6b6b;max-width:340px;margin:0 auto 28px;font-size:15px;line-height:1.6}.social-modal-actions{gap:12px;width:100%;display:flex}.social-modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;min-height:48px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.social-modal-cancel{color:#333;background:#f1f1f1}.social-modal-cancel:hover{background:#e7e7e7;transform:translateY(-1px)}.social-modal-confirm{color:#fff;background:#1877f2;box-shadow:0 8px 20px #1877f238}.social-modal-confirm:hover{background:#0d6ce8;transform:translateY(-2px);box-shadow:0 12px 25px #1877f24d}.social-modal-confirm:active,.social-modal-cancel:active{transform:translateY(0)}.social-modal:has(.social-modal-icon:has(svg path[d^=M7\.75])) .social-modal-confirm{background:#e1306c;box-shadow:0 8px 20px #e1306c38}.social-modal:has(.social-modal-icon:has(svg path[d^=M7\.75])) .social-modal-confirm:hover{background:#d62962;box-shadow:0 12px 25px #e1306c4d}@keyframes socialOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes socialModalIn{0%{opacity:0;transform:translateY(15px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.social-modal{border-radius:20px;padding:38px 22px 24px}.social-modal-icon{border-radius:19px;width:68px;height:68px;margin-bottom:18px}.social-modal-icon svg{width:38px;height:38px}.social-modal h2{font-size:23px}.social-modal p{margin-bottom:24px;font-size:14px}.social-modal-actions{flex-direction:column}.social-modal-actions button{width:100%}.social-modal-overlay{height:100dvh;padding:16px!important}.social-modal{border-radius:20px;width:100%;max-width:440px;max-height:calc(100dvh - 32px);padding:38px 22px 24px}}.contact-socials{align-items:center;gap:12px;display:flex}.contact-socials button{color:#fff;cursor:pointer;border:none;border-radius:16px;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:transform .2s,box-shadow .2s;display:flex}.contact-socials button svg{fill:currentColor;width:30px;height:30px}.contact-socials button.instagram{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);box-shadow:0 8px 24px #e1306c47}.contact-socials button.facebook{background:#1877f2;box-shadow:0 8px 24px #1877f247}.contact-socials button:hover{transform:translateY(-3px)scale(1.05)}.contact-socials button:active{transform:scale(.96)}body{color:#e5e7eb;background:radial-gradient(circle at top,#0f172a,#0a0d12);margin:0;font-family:Inter,system-ui,Arial}.page{max-width:1200px;margin:0 auto;padding:32px}.title{letter-spacing:.3px;margin-bottom:22px;font-size:28px;font-weight:700}.empty{opacity:.5;font-size:14px}.grid{grid-template-columns:1fr;gap:18px;display:grid}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:18px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000059}.card:before{content:"";opacity:.7;background:linear-gradient(90deg,#3b82f6,#22c55e,#f59e0b);width:100%;height:3px;position:absolute;top:0;left:0}.card:hover{border-color:#ffffff2e;transform:translateY(-5px)}.phone{margin-bottom:6px;font-size:16px;font-weight:600}.info{opacity:.75;margin-bottom:10px;font-size:13px;line-height:1.4}.time{opacity:.4;margin-bottom:10px;font-size:11px}.status{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:12px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.status.new{color:#cbd5e1;background:#94a3b826}.status.contacted{color:#60a5fa;background:#3b82f626}.status.done{color:#4ade80;background:#22c55e26}.btnGroup{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn:hover{transform:translateY(-2px)}.btn-contact{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f640}.btn-contact:hover{background:#3b82f640}.btn-done{color:#4ade80;background:#22c55e26;border:1px solid #22c55e40}.btn-done:hover{background:#22c55e40}.btn-delete{color:#f87171;background:#ef444426;border:1px solid #ef444440}.btn-delete:hover{background:#ef444440}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:22px;display:grid}.statCard{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:14px;transition:all .2s}.statCard:hover{transform:translateY(-3px)}.statNumber{color:#60a5fa;font-size:22px;font-weight:700}.statLabel{opacity:.6;margin-top:4px;font-size:12px}.statsRow{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.statItem{color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s}.statItem:hover{background:#ffffff14;transform:translateY(-2px)}.notesInput{resize:none;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;min-height:60px;padding:10px;font-size:12px}.notesInput:focus{border-color:#3b82f680}.savedNote{opacity:.7;border-left:2px solid #60a5fa;padding:6px 8px;font-size:12px}.notesSection{margin-top:10px}.notesBox{flex-direction:column;gap:8px;margin-top:8px;display:flex}.notesActions{gap:8px;display:flex}.btn-note{color:#60a5fa;cursor:pointer;background:#3b82f626;border:1px solid #3b82f640;border-radius:8px;padding:6px 10px;font-size:11px}.btn-note:hover{background:#3b82f640}