:root{--bg-main: #050814;--bg-soft: #080c1f;--bg-soft-2: #0b1024;--accent: #0d6efd;--accent-soft: rgba(13, 110, 253, .12);--accent-grad: linear-gradient(135deg, #2196f3, #0d6efd);--text-main: #f8f9ff;--text-soft: #b0b5c8;--border-glass: rgba(255, 255, 255, .08);--radius-xl: 22px;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .55);--max-width: 1120px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#0a102a 0,#050814 52%,#02030a);color:var(--text-main);scroll-behavior:smooth}body{min-height:100vh}img{max-width:100%;display:block}.app-root{min-height:100vh}main{padding-top:80px}.section{padding:80px 16px}.section-inner{max-width:var(--max-width);margin:0 auto}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0d6efd29;border:1px solid rgba(255,255,255,.08);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft)}.badge-dot{width:8px;height:8px;border-radius:999px;background:#3dda7c;box-shadow:0 0 12px #3dda7c99}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;border:none;cursor:pointer;font-weight:600;background-image:var(--accent-grad);color:#fff;box-shadow:0 12px 28px #000000b3;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;text-decoration:none}.btn-primary:hover{transform:translateY(-1px) scale(1.01);filter:brightness(1.05);box-shadow:0 16px 36px #000000d9}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--text-main);text-decoration:none;font-size:14px;transition:background .18s ease,color .18s ease,border-color .18s ease}.btn-outline:hover{background:#ffffff0f;border-color:#fff6}.header{position:fixed;top:0;width:100%;z-index:50;padding:8px 14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030a16a6;border-bottom:1px solid rgba(0,255,255,.22);box-shadow:0 4px 18px #00ffff1f;transition:.35s ease}.header-inner{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:14px}.header-logo{display:flex;align-items:center;gap:10px}.header-logo img{width:32px;filter:drop-shadow(0 0 4px rgba(0,255,255,.35))}.header-title{font-weight:700;font-size:17px;background:linear-gradient(90deg,#0d6efd,#3b72ff,#589bff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,238,255,.38);line-height:1}.header-sub{font-size:11px;color:#9dd6ff;line-height:1;margin-top:2px}.header-nav{display:flex;gap:16px;align-items:center}.header-link{color:#b6e9ff;padding:6px 10px;text-decoration:none;border-radius:6px;transition:.3s}.header-link:hover{color:#00eaff;text-shadow:0 0 12px rgba(0,255,255,.9)}.header-burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer}.header-burger div{width:26px;height:3px;background:#00eaff;border-radius:4px}@media(max-width:900px){.header-burger{display:flex}.header-logo img{width:28px}.header-title{font-size:16px}.header-sub{font-size:10px}.header-nav{position:fixed;top:70px;right:-100%;width:70%;height:calc(100vh - 70px);background:#030a16f2;flex-direction:column;padding-top:30px;gap:20px;transition:.4s ease;border-left:1px solid rgba(0,255,255,.18)}.menu-open .header-nav{right:0}.header-cta{width:80%;text-align:center}}.header-cta{animation:pulse-btn 2.4s infinite ease-in-out}@keyframes pulse-btn{0%{box-shadow:0 0 14px #00ffff73}50%{box-shadow:0 0 28px #00ffffe6}to{box-shadow:0 0 14px #00ffff73}}.hero{position:relative;padding:140px 16px 100px;min-height:calc(100vh - 80px);display:flex;align-items:center;background:url(/hero-bg-fixtime.webp) center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;pointer-events:none}.hero>*{position:relative;z-index:2}.hero-inner{max-width:var(--max-width);margin:0 auto;display:grid;gap:40px}@media(min-width:900px){.hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}}.hero-title{font-size:clamp(32px,5vw,42px);line-height:1.1;margin:18px 0 14px}.hero-title span{background-image:var(--accent-grad);-webkit-background-clip:text;color:transparent}.hero-text{font-size:15px;line-height:1.6;color:var(--text-soft);max-width:460px}.hero-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.hero-meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:var(--text-soft)}.hero-card{background:none;padding:0;margin:0;box-shadow:none}.hero-card-mockups{display:flex;flex-direction:column;align-items:center;gap:18px;margin:0;padding:0;background:none;box-shadow:none}.hero-mockup{display:block;width:380px;max-width:100%;height:auto;transition:transform .4s ease;cursor:pointer}.hero-mockup:hover{transform:scale(1.12)}@media(min-width:1024px){.hero-mockup{width:460px}}.hero-screen{margin-top:10px;border-radius:18px;border:1px solid rgba(255,255,255,.16);overflow:hidden;background:#01020b}.hero-screen img{width:100%;height:auto;display:block}@media(max-width:768px){.hero{min-height:calc(100vh - 70px);padding:110px 16px 70px;background:url(/hero-bg-fixtime-mobile.webp) center/cover no-repeat}}.hero:before{background:linear-gradient(to bottom,#0000008c,#000000a6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero{background-position:center;background-size:cover}.hero-title{font-size:clamp(28px,4.5vw,38px);font-weight:800;letter-spacing:.5px;color:#e9faff;text-shadow:0 0 10px rgba(0,255,255,.25)}.hero-title span{background-image:linear-gradient(90deg,#0d6efd,#00eaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 14px rgba(0,255,255,.35)}.hero-text{font-size:17px;color:#dff6ff}.hero-actions .btn-primary,.hero-actions .btn-outline{font-size:15px}.hero-card-mockups{display:flex;justify-content:center}.hero-mockup{max-width:340px}@media(min-width:1100px){.hero-mockup{max-width:420px}}.hero-meta{font-size:12px;color:#cbe6ff}.hero-meta strong{color:#fff}@media(max-width:768px){.hero{background:url(/hero-bg-fixtime.webp) center/cover no-repeat,#0009;padding:110px 16px 70px}.hero-inner{text-align:center}.hero-card-mockups{margin-top:20px}.hero-mockup{max-width:260px}}.hero-actions .btn-primary{background:linear-gradient(90deg,#0d6efd,#00eaff);border:none;padding:12px 28px;border-radius:14px;font-weight:600;color:#04131f;box-shadow:0 0 18px #00ffff59;transition:.35s ease}.hero-actions .btn-primary:hover{transform:translateY(-3px) scale(1.05);background:linear-gradient(90deg,#00eaff,#54f7ff);box-shadow:0 0 35px #00ffffe6}.hero-actions .btn-outline{border:1.6px solid #00eaff;padding:10px 26px;border-radius:14px;font-weight:600;color:#00eaff;background:#101b2d33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.35s ease;box-shadow:0 0 12px #00ffff40}.hero-actions .btn-outline:hover{background:#00eaff;color:#04131f;transform:translateY(-3px) scale(1.05);box-shadow:0 0 35px #00ffffe6}@media(max-width:768px){.hero-actions .btn-primary,.hero-actions .btn-outline{width:100%;text-align:center;padding:14px 0}}.section-title{font-size:26px;margin:0 0 10px}.section-subtitle{font-size:14px;color:var(--text-soft);max-width:520px}.services-grid{display:grid;gap:16px;margin-top:28px}@media(min-width:780px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.service-pill{padding:14px 14px 16px;border-radius:18px;border:1px solid var(--border-glass);background:linear-gradient(135deg,#0e1430fa,#05091afa);box-shadow:0 12px 26px #0009}.service-pill h3{margin:0 0 6px;font-size:15px}.service-pill p{margin:0;font-size:13px;color:var(--text-soft)}.process-steps{margin-top:30px;display:grid;gap:14px}.process-step{display:flex;gap:14px;padding:14px 14px 16px;border-radius:16px;border:1px solid var(--border-glass);background:var(--bg-soft)}.process-step-number{width:28px;height:28px;border-radius:999px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:13px}.reviews-wrapper{margin-top:28px;display:grid;gap:18px}@media(min-width:900px){.reviews-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}}.review-card{border-radius:18px;padding:18px 16px;background:var(--bg-soft);border:1px solid var(--border-glass);box-shadow:0 12px 30px #0009}.review-header{display:flex;justify-content:space-between;align-items:center}.review-name{font-weight:600;font-size:14px}.review-meta{font-size:11px;color:var(--text-soft)}.review-stars{color:#ffc107;font-size:13px}.review-text{margin-top:10px;font-size:13px;color:var(--text-soft)}.review-link-wrap{margin-top:22px}.cta-box{margin-top:30px;border-radius:22px;padding:26px 22px;background:radial-gradient(circle at top left,rgba(13,110,253,.5),transparent 55%),radial-gradient(circle at bottom right,rgba(0,230,190,.55),transparent 55%),var(--bg-soft-2);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-soft);text-align:center}.cta-box p{margin-bottom:18px;color:var(--text-soft)}.section-footer{padding:65px 22px 30px;background:linear-gradient(180deg,#030812e6,#02060ef2);border-top:1px solid rgba(0,255,255,.18);position:relative;overflow:hidden}.section-footer:before,.section-footer:after{content:"";position:absolute;width:170%;height:2px;background:linear-gradient(90deg,transparent,#00eaff,transparent);opacity:.25;animation:neon-move 10s linear infinite}.section-footer:before{top:10%}.section-footer:after{bottom:10%;animation-duration:13s}.footer-grid{display:grid;gap:35px;max-width:1250px;margin:0 auto}@media(min-width:900px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-title{font-size:24px;font-weight:700;background:linear-gradient(90deg,#54f7ff,#00eaff,#3bcaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,255,255,.4);margin-bottom:10px}.footer-text{color:#b9d9ff;max-width:380px;line-height:1.45}.footer-sub{font-size:16px;font-weight:600;margin-bottom:6px;color:#eaffff;text-shadow:0 0 6px rgba(0,255,255,.45)}.footer-link{display:block;color:#9be9ff;text-decoration:none;margin-bottom:5px;transition:.3s}.footer-link:hover{color:#00eaff;text-shadow:0 0 10px rgba(0,255,255,.85);transform:translate(4px)}.footer-bottom{text-align:center;margin-top:45px;padding-top:18px;border-top:1px solid rgba(0,255,255,.18);color:#b6c4e5;font-size:14px}.reveal{opacity:0;transform:translateY(50px);transition:all .7s ease}a{color:var(--accent)}.section-features{padding-top:40px;padding-bottom:40px}.features-cross-container{max-width:1250px;margin:0 auto;position:relative}.features-cross-layout{display:grid;grid-template-areas:"leftTop center rightTop" "leftBottom center rightBottom";grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;column-gap:45px;row-gap:35px}.feature-left-top{grid-area:leftTop}.feature-left-bottom{grid-area:leftBottom}.feature-right-top{grid-area:rightTop}.feature-right-bottom{grid-area:rightBottom}.feature-box{background:#101b2d8c;border:1px solid rgba(0,255,255,.35);border-radius:18px;padding:22px 20px;max-width:240px;height:190px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .35s ease;box-shadow:0 0 10px #00ffff2e;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.feature-box:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 18px #0ffc;border-color:#0ffc}.feature-box h3{font-size:18px;color:#eaffff;text-shadow:0 0 6px rgba(0,255,255,.45)}.feature-box p{font-size:14px;margin-top:6px;line-height:1.45}.icon-neon{font-size:32px;margin-bottom:6px;color:#00eaff;filter:drop-shadow(0 0 9px rgba(0,255,255,1));transition:.35s}.divider-mockup{grid-area:center;width:420px;max-width:95%;transition:.5s ease;filter:drop-shadow(0 0 26px rgba(0,255,255,.35))}.divider-mockup:hover{transform:scale(1.05);filter:drop-shadow(0 0 38px rgba(0,255,255,.9))}@media(max-width:900px){.features-cross-layout{grid-template-areas:"leftTop" "rightTop" "leftBottom" "rightBottom" "center";grid-template-columns:1fr;row-gap:22px}.divider-mockup{width:280px;margin:30px auto 0;padding-top:20px;display:block;position:relative;left:5%;transform:translate(-50%)}.feature-box{max-width:320px;width:100%;height:auto}}.section-features-title{font-size:clamp(28px,4vw,42px);font-weight:700;text-align:center;margin-bottom:40px;background:linear-gradient(90deg,#54f7ff,#00eaff,#3bcaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,238,255,.45),0 0 22px rgba(0,238,255,.4);letter-spacing:1.5px}.section-features-title:hover{text-shadow:0 0 16px rgba(0,255,255,.8),0 0 30px rgba(0,255,255,.7);transition:.3s ease-in-out}.section{position:relative;overflow:hidden}.section:before,.section:after{content:"";position:absolute;width:180%;height:2px;background:linear-gradient(90deg,transparent,#00eaff,transparent);opacity:.4;animation:neon-move 7s linear infinite}.section:before{top:20%;animation-duration:8s}.section:after{bottom:20%;animation-duration:11s}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal-zoom{transform:scale(.8)}.reveal-left.active,.reveal-right.active,.reveal-zoom.active{transform:translate(0) scale(1);opacity:1}.section-services{padding-top:60px;padding-bottom:70px;position:relative}.services-title{font-size:clamp(30px,4vw,42px);font-weight:700;text-align:center;margin-bottom:12px;background:linear-gradient(90deg,#54f7ff,#00eaff,#3bcaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,238,255,.45),0 0 22px rgba(0,238,255,.4);letter-spacing:1.4px}.services-subtitle{max-width:720px;margin:0 auto 45px;text-align:center;color:#c1e8ff;font-size:16px;line-height:1.48;text-shadow:0 0 6px rgba(0,217,255,.28)}.services-grid{display:grid;gap:28px;padding:0 12px;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:650px){.services-grid{grid-template-columns:1fr}}@media(min-width:651px)and (max-width:1099px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-pill{background:#101b2d8c;border:1px solid rgba(0,255,255,.3);border-radius:20px;padding:28px 20px;box-shadow:0 0 12px #0ff3;transition:.35s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;cursor:pointer}.service-pill:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 24px #00ffffbf;border-color:#00ffffd9}.service-pill h3{color:#eaffff;font-size:18px;margin-top:4px;text-shadow:0 0 8px rgba(0,255,255,.45)}.service-pill p{font-size:14px;color:#bfe9ff;margin-top:6px}.service-icon{font-size:38px;margin-bottom:8px;color:#00eaff;filter:drop-shadow(0 0 9px rgba(0,255,255,1))}.neon-divider{width:100%;height:2px;margin:60px auto 0;background:linear-gradient(90deg,transparent,#00eaff,transparent);opacity:.4;animation:neonFade 6s linear infinite}@keyframes neonFade{0%{opacity:.7}50%{opacity:.2}to{opacity:.7}}.section-process{padding:60px 20px;position:relative;overflow:hidden;text-align:center}.process-title{font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:12px;background:linear-gradient(90deg,#54f7ff,#00eaff,#3bcaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,238,255,.4),0 0 22px rgba(0,238,255,.3);letter-spacing:1px}.process-subtext{font-size:18px;max-width:620px;margin:0 auto 50px;color:#dffbff;opacity:.9;line-height:1.45}.process-faq-container{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.process-faq-card{background:#101b2d8c;border:1px solid rgba(0,255,255,.35);border-radius:16px;padding:18px 20px;cursor:pointer;box-shadow:0 0 12px #00ffff26;transition:.3s ease}.process-faq-card:hover{transform:scale(1.02);border-color:#00eaff;box-shadow:0 0 22px #00ffff8c}.process-faq-header{display:flex;align-items:center;gap:12px;justify-content:space-between}.process-faq-icon{font-size:30px;filter:drop-shadow(0 0 8px rgba(0,255,255,1))}.process-faq-arrow{font-size:18px;color:#00eaff}.process-faq-body{overflow:hidden;transition:.35s ease;padding-left:6px}.process-faq-body p{margin-top:10px;color:#c6d4ef;line-height:1.45}.section-process:before,.section-process:after{content:"";position:absolute;width:180%;height:2px;background:linear-gradient(90deg,transparent,#00eaff,transparent);opacity:.35;animation:neon-move 8s linear infinite}.section-process:before{top:14%}.section-process:after{bottom:14%;animation-duration:11s}@keyframes neon-move{0%{transform:translate(-50%) rotate(3deg)}to{transform:translate(50%) rotate(-3deg)}}.section-reviews{padding:70px 20px;text-align:center;position:relative;overflow:hidden}.reviews-title{font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:12px;background:linear-gradient(90deg,#54f7ff,#00eaff,#3bcaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,255,255,.45)}.reviews-subtitle{color:#b6c4e5;max-width:640px;margin:0 auto 45px;font-size:17px;opacity:.85}.reviews-grid{max-width:1200px;margin:0 auto 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}@media(max-width:1050px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.reviews-grid{grid-template-columns:1fr}}.review-card{background:#101b2d8c;border:1px solid rgba(0,255,255,.35);border-radius:18px;padding:26px 24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:.35s ease;box-shadow:0 0 12px #00ffff26;text-align:left;opacity:.92}.review-card:hover{transform:translateY(-6px) scale(1.02);border-color:#00eaff;box-shadow:0 0 22px #00ffff8c}.review-header{display:flex;justify-content:space-between;margin-bottom:10px}.review-name{font-size:18px;font-weight:600;color:#eaffff}.review-meta{font-size:14px;opacity:.7;color:#b6c4e5}.review-stars{color:#ffc107;font-size:20px;text-shadow:0 0 6px rgba(255,215,0,.6);transition:.3s ease}.review-card:hover .review-stars{transform:scale(1.08);text-shadow:0 0 18px rgba(255,215,0,.95)}.review-text{color:#d3faff;margin-top:10px;line-height:1.45;font-size:15px;opacity:.92}.reviews-btn{display:inline-block;border:1px solid #00eaff;padding:12px 28px;border-radius:10px;color:#00eaff;text-decoration:none;transition:.3s;box-shadow:0 0 12px #00ffff59}.reviews-btn:hover{background:#00eaff;color:#04131f;box-shadow:0 0 25px #00ffffbf}.section-cta{padding:80px 20px;text-align:center;position:relative;overflow:hidden}.cta-title{font-size:clamp(28px,4vw,44px);font-weight:700;background:linear-gradient(90deg,#54f7ff,#00eaff,#3bcaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,255,255,.45),0 0 25px rgba(0,255,255,.35);margin-bottom:18px}.cta-subtext{color:#b9d9ff;max-width:620px;margin:0 auto 45px;font-size:18px;opacity:.85}.cta-box{background:#101b2d8c;border:1px solid rgba(0,255,255,.35);border-radius:18px;padding:32px 26px;max-width:650px;margin:0 auto;box-shadow:0 0 18px #00ffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:.35s ease}.cta-box:hover{transform:scale(1.02);box-shadow:0 0 34px #00ffffa6;border-color:#00eaff}.cta-info{color:#d3faff;margin-bottom:26px;line-height:1.45}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.cta-btn-primary{padding:12px 28px;background:#00eaff;border-radius:12px;color:#04131f;text-decoration:none;font-weight:600;box-shadow:0 0 22px #0ff9;transition:.35s}.cta-btn-primary:hover{background:#54f7ff;box-shadow:0 0 32px #00fffff2}.cta-btn-outline{padding:12px 28px;border:1px solid #00eaff;border-radius:12px;color:#00eaff;text-decoration:none;transition:.35s}.cta-btn-outline:hover{background:#00eaff;color:#04131f;box-shadow:0 0 32px #00fffff2}.reveal{opacity:0;transform:translateY(40px);transition:all .7s ease}.reveal.active{opacity:1;transform:translateY(0)}.section-cta:before,.section-cta:after{content:"";position:absolute;width:180%;height:2px;background:linear-gradient(90deg,transparent,#00eaff,transparent);opacity:.35;animation:neon-move 9s linear infinite}.section-cta:before{top:12%}.section-cta:after{bottom:12%;animation-duration:11s}.cta-map{max-width:900px;margin:45px auto 0;border-radius:18px;overflow:hidden;box-shadow:0 0 28px #00ffff40;transition:.35s ease}.cta-map iframe{width:100%;height:350px;border:none}.cta-map:hover{transform:scale(1.01);box-shadow:0 0 38px #00ffff8c}
