:root{--bg: #f7f8fd;--bg-soft: #eef1fb;--surface: #ffffff;--text: #0d1030;--text-soft: #545a78;--muted: #8b90a8;--brand: #6d28d9;--brand-2: #2563eb;--brand-3: #06b6d4;--accent: #ec4899;--border: #e5e8f4;--shadow-sm: 0 4px 18px rgba(24, 30, 76, .06);--shadow-md: 0 18px 50px rgba(24, 30, 76, .1);--shadow-lg: 0 30px 80px rgba(24, 30, 76, .16);--radius: 20px;--grad: linear-gradient(120deg, #7c3aed 0%, #2563eb 50%, #06b6d4 100%);--grad-soft: linear-gradient(120deg, rgba(124, 58, 237, .12), rgba(37, 99, 235, .1), rgba(6, 182, 212, .1));--maxw: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse 60% 50% at 15% -5%,rgba(124,58,237,.08),transparent 60%),radial-gradient(ellipse 55% 50% at 90% 5%,rgba(6,182,212,.08),transparent 60%);background-attachment:fixed;color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.brand-font{font-family:Sora,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.1}::selection{background:#7c3aed33;color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .25s ease,box-shadow .25s ease;white-space:nowrap}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 30px #6d28d959}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px #6d28d973}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}section{position:relative;padding:110px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:var(--grad-soft);border:1px solid rgba(124,58,237,.18);color:var(--brand);font-size:13px;font-weight:600;letter-spacing:.01em;text-transform:uppercase;margin-bottom:18px}.section-head{text-align:center;max-width:700px;margin:0 auto 60px}.section-head h2{font-size:clamp(30px,4.5vw,46px);font-weight:800;margin-bottom:16px}.section-head p{color:var(--text-soft);font-size:18px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;font-family:Sora,sans-serif;font-weight:800;font-size:20px}.logo-mark{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px #6d28d959}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-size:15px;font-weight:500;color:var(--text-soft);transition:color .2s}.nav-links a:hover{color:var(--brand)}.nav-cta{display:flex;align-items:center;gap:14px}.hamburger{display:none;color:var(--text)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:120px;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;z-index:0}.glow-1{width:500px;height:500px;background:radial-gradient(circle,rgba(109,40,217,.5),transparent 70%);top:-150px;right:-100px}.glow-2{width:450px;height:450px;background:radial-gradient(circle,rgba(6,182,212,.45),transparent 70%);bottom:-150px;left:-100px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero h1{font-size:clamp(40px,6vw,68px);font-weight:800;margin-bottom:22px}.hero p.lead{font-size:19px;color:var(--text-soft);max-width:540px;margin-bottom:32px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-badges{display:flex;gap:26px;flex-wrap:wrap}.hero-badge{display:flex;flex-direction:column}.hero-badge b{font-family:Sora,sans-serif;font-size:26px;font-weight:800}.hero-badge span{font-size:13px;color:var(--muted)}.hero-visual{height:460px;position:relative}.marquee{overflow:hidden;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-soft)}.marquee-track{display:flex;gap:60px;white-space:nowrap;width:max-content}.marquee-track span{font-family:Sora,sans-serif;font-weight:700;font-size:22px;color:var(--muted);display:flex;align-items:center;gap:60px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:56px;height:56px;border-radius:14px;background:var(--grad-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:20px;transition:background .3s ease,color .3s ease,transform .3s ease}.service-card:hover .service-icon{background:var(--grad);color:#fff;transform:scale(1.06) rotate(-3deg)}.service-card h3{font-size:20px;font-weight:700;margin-bottom:10px}.service-card p{color:var(--text-soft);font-size:15px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.why-visual{height:420px;border-radius:var(--radius);background:var(--grad-soft);border:1px solid var(--border);position:relative;overflow:hidden}.why-list{list-style:none;display:flex;flex-direction:column;gap:22px}.why-item{display:flex;gap:16px}.why-item .check{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center}.why-item h4{font-size:18px;margin-bottom:4px}.why-item p{color:var(--text-soft);font-size:15px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);position:relative;transition:transform .3s ease,box-shadow .3s ease}.process-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.process-num{font-family:Sora,sans-serif;font-size:44px;font-weight:800;line-height:1;margin-bottom:16px}.process-card h4{font-size:18px;margin-bottom:8px}.process-card p{color:var(--text-soft);font-size:14px}.stats{background:var(--grad);border-radius:30px;padding:60px 40px;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;box-shadow:0 30px 80px #6d28d94d;position:relative;overflow:hidden}.stats:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.18),transparent 50%),radial-gradient(circle at 80% 100%,rgba(255,255,255,.12),transparent 50%);pointer-events:none}.stat{position:relative;z-index:1;text-align:center}.stat b{font-family:Sora,sans-serif;font-size:44px;font-weight:800;display:block}.stat span{opacity:.85;font-size:15px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow-md)}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-row label{font-size:14px;font-weight:600}.form-row input,.form-row textarea,.form-row select{width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg);font-family:inherit;font-size:15px;color:var(--text);transition:border-color .2s,box-shadow .2s}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #6d28d91f}.contact-info{display:flex;flex-direction:column;gap:22px}.contact-info h2{font-size:34px;font-weight:800}.info-item{display:flex;gap:14px;align-items:center}.info-item .ic{width:46px;height:46px;border-radius:12px;background:var(--grad-soft);color:var(--brand);display:grid;place-items:center;flex-shrink:0}.info-item b{font-size:15px}.info-item span{color:var(--text-soft);font-size:14px;display:block}.footer{padding:60px 0 30px;border-top:1px solid var(--border);background:var(--bg-soft)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer p{color:var(--text-soft);font-size:14px;margin-top:14px;max-width:280px}.footer h5{font-family:Sora,sans-serif;font-size:15px;margin-bottom:16px}.footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer ul a{color:var(--text-soft);font-size:14px;transition:color .2s}.footer ul a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px;flex-wrap:wrap;gap:12px}.socials{display:flex;gap:12px}.socials a{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center;color:var(--text-soft);transition:all .2s}.socials a:hover{background:var(--grad);color:#fff;border-color:transparent}@media (max-width: 960px){.hero-grid,.why-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{height:340px;order:-1}.services-grid,.process-grid,.stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{position:fixed;inset:72px 0 auto 0;flex-direction:column;background:#fffffff7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px;gap:20px;border-bottom:1px solid var(--border);transform:translateY(-120%);transition:transform .3s ease}.nav-links.open{transform:translateY(0)}.hamburger{display:grid;place-items:center}.desktop-cta{display:none}}@media (max-width: 560px){section{padding:80px 0}.services-grid,.process-grid,.stats,.footer-grid{grid-template-columns:1fr}.stats{padding:40px 24px}}.tech-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(37,99,235,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%)}.tech-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--shadow-md);font-size:14px;font-weight:600;color:var(--text);z-index:3}.tech-chip svg{color:var(--brand)}.tech-visual{position:relative}.wa-wrap{position:fixed;right:24px;bottom:24px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.wa-fab{position:relative;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 34px #25d36673}.wa-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#25d366;opacity:.5;animation:waPulse 2s ease-out infinite;z-index:-1}@keyframes waPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.8);opacity:0}}.wa-card{width:300px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}.wa-card-head{display:flex;align-items:center;gap:12px;padding:16px;background:#075e54;color:#fff}.wa-avatar{width:42px;height:42px;border-radius:50%;background:#25d366;display:grid;place-items:center;flex-shrink:0}.wa-card-head b{display:block;font-size:15px}.wa-card-head span{font-size:12px;opacity:.85}.wa-close{margin-left:auto;color:#fff;opacity:.85}.wa-msg{padding:18px 16px 8px;font-size:14px;color:var(--text-soft)}.wa-start{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 16px 18px;padding:12px;border-radius:12px;background:#25d366;color:#fff;font-weight:600;font-size:14px;transition:filter .2s}.wa-start:hover{filter:brightness(.95)}@media (max-width: 560px){.wa-card{width:260px}}.funnel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0e12308c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.funnel-modal{position:relative;width:100%;max-width:520px;background:var(--surface);border-radius:26px;box-shadow:var(--shadow-lg);padding:34px;max-height:92vh;overflow-y:auto}.funnel-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--text-soft);background:var(--bg);border:1px solid var(--border);transition:all .2s}.funnel-close:hover{color:var(--brand)}.funnel-head{margin-bottom:26px}.funnel-progress{height:8px;border-radius:999px;background:var(--border);overflow:hidden;margin:16px 0 8px}.funnel-progress-bar{height:100%;border-radius:999px;background:var(--grad)}.funnel-step-label{font-size:13px;color:var(--muted);font-weight:600}.funnel-body h3{font-size:25px;font-weight:800;margin-bottom:6px}.funnel-sub{color:var(--text-soft);font-size:15px;margin-bottom:22px}.funnel-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.funnel-option{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg);font-weight:600;font-size:14px;color:var(--text);text-align:left;transition:all .2s}.funnel-option:hover{border-color:var(--brand);transform:translateY(-2px)}.funnel-option.active{border-color:var(--brand);background:var(--grad-soft)}.funnel-option-ic{width:40px;height:40px;border-radius:10px;background:var(--grad);color:#fff;display:grid;place-items:center;flex-shrink:0}.funnel-pills{display:grid;grid-template-columns:1fr 1fr;gap:12px}.funnel-pill{padding:18px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg);font-weight:700;font-size:15px;color:var(--text);transition:all .2s}.funnel-pill:hover{border-color:var(--brand);transform:translateY(-2px)}.funnel-pill.active{border-color:var(--brand);background:var(--grad-soft);color:var(--brand)}.funnel-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.funnel-fields input,.funnel-fields textarea{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);font-family:inherit;font-size:15px;color:var(--text);transition:border-color .2s,box-shadow .2s}.funnel-fields input:focus,.funnel-fields textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #6d28d91f}.phone-row{position:relative;display:flex;align-items:stretch;gap:8px}.phone-cc{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:14px 12px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);font-family:inherit;font-size:15px;color:var(--text);cursor:pointer;transition:border-color .2s,box-shadow .2s;white-space:nowrap}.phone-cc:hover{border-color:var(--brand)}.phone-flag{font-size:18px;line-height:1}.phone-dial{font-weight:600}.phone-input{flex:1 1 auto;min-width:0}.phone-row.invalid .phone-cc,.phone-row.invalid .phone-input{border-color:#dc2626}.phone-hint{display:block;color:#dc2626;font-size:13px;margin-top:-4px}.phone-picker{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.phone-picker-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--muted)}.phone-picker-search input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--text);padding:0}.phone-picker-list{max-height:220px;overflow-y:auto}.phone-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;font-family:inherit;font-size:14px;color:var(--text);text-align:left;cursor:pointer;transition:background .15s}.phone-picker-item:hover,.phone-picker-item.active{background:var(--bg-soft)}.phone-picker-name{flex:1}.phone-picker-dial{color:var(--muted);font-weight:600}.phone-picker-empty{padding:14px;text-align:center;color:var(--muted);font-size:14px}.funnel-submit{width:100%;justify-content:center;font-size:16px;padding:16px}.funnel-submit:disabled{opacity:.7;cursor:default}.funnel-trust{text-align:center;font-size:13px;color:var(--muted);margin-top:14px}.funnel-error{color:#dc2626;font-size:14px;margin-bottom:12px}.funnel-nav{margin-top:22px}.funnel-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-weight:600;font-size:14px;transition:color .2s}.funnel-back:hover{color:var(--brand)}.funnel-done{text-align:center;padding:20px 10px}.funnel-done-ic{width:78px;height:78px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 14px 34px #6d28d966}.funnel-done h2{font-size:30px;font-weight:800;margin-bottom:12px}.funnel-done p{color:var(--text-soft);font-size:16px;max-width:400px;margin:0 auto 20px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 560px){.funnel-modal{padding:26px 20px}.funnel-options,.funnel-pills{grid-template-columns:1fr}.funnel-body h3{font-size:22px}}
