*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#EEF2FF;--bg2:#E8F0FE;--bg3:#DDE8FD;--card-bg:rgba(255,255,255,.55);--card-border:rgba(255,255,255,.7);--card-shadow:0 4px 24px rgba(59,130,246,.08),0 1px 4px rgba(0,0,0,.04);--card-shadow-hover:0 8px 40px rgba(59,130,246,.14),0 2px 8px rgba(0,0,0,.06);--b4:#60A5FA;--b5:#3B82F6;--b6:#2563EB;--b7:#1D4ED8;--g4:#34D399;--g5:#10B981;--g6:#059669;--text-h:#0F172A;--text-p:#1E3A5F;--text-s:#3B5A8A;--text-m:#6B8BB5;--fh:"Plus Jakarta Sans",system-ui,sans-serif;--fb:"Inter",system-ui,sans-serif;--fm:"JetBrains Mono",monospace}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{font-family:var(--fb);background:var(--bg);color:var(--text-p);overflow-x:hidden;max-width:100%;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(59,130,246,.18) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(16,185,129,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 100%,rgba(124,58,237,.1) 0%,transparent 55%);background-attachment:fixed}.ctn{max-width:1280px;margin:0 auto;padding:0 24px}@media(min-width:768px){.ctn{padding:0 40px}}@media(min-width:1024px){.ctn{padding:0 64px}}section[id]{scroll-margin-top:80px}.card,.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--card-shadow);transition:all .35s cubic-bezier(.4,0,.2,1)}.card:hover,.glass:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-5px);border-color:#ffffffe6}.card-hi,.glass-hi{background:#ffffffa6;border-color:#a7f3d0cc;box-shadow:0 0 0 1px #a7f3d099,0 4px 24px #10b9811f,0 8px 40px #10b98114}.card-hi:hover,.glass-hi:hover{box-shadow:0 0 0 1px #6ee7b7cc,0 8px 32px #10b98129,0 16px 56px #10b9811a;transform:translateY(-7px)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:15px;font-weight:600;padding:12px 28px;border-radius:10px;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn:active{transform:scale(.97)}.btn-p{background:var(--b5);color:#fff;box-shadow:0 2px 8px #3b82f640}.btn-p:hover{background:var(--b6);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.btn-o{background:transparent;color:var(--g6);border:1px solid #A7F3D0}.btn-o:hover{background:#ecfdf5;border-color:#6ee7b7;transform:translateY(-2px)}.btn-wa{background:#25d366;color:#fff;font-size:14px;padding:10px 16px;border-radius:8px;width:100%;justify-content:center}.btn-wa:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d36640}.btn-wa svg{width:18px;height:18px;fill:#fff;flex-shrink:0}.btn-host{background:var(--b5);color:#fff;font-size:14px;padding:10px 16px;border-radius:8px;width:100%;justify-content:center}.btn-host:hover{background:var(--b6);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640}.slbl{font-family:var(--fb);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g6);margin-bottom:12px}.sttl{font-family:var(--fh);font-size:32px;font-weight:700;color:var(--text-h);letter-spacing:-.015em;line-height:1.15;margin-bottom:16px}@media(min-width:768px){.sttl{font-size:40px}}.ssub{font-size:16px;color:var(--text-s);line-height:1.7;max-width:600px;margin:0 auto}.grad{background:linear-gradient(135deg,var(--b5),var(--g5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typed-cursor{display:inline-block;color:var(--b5);font-weight:300;animation:blink .7s step-end infinite;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .7s cubic-bezier(.4,0,.2,1) both}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}.d5{animation-delay:.5s}[data-dark="1"]{--bg:#0F172A;--bg2:#1E293B;--bg3:#334155;--card-bg:rgba(30,41,59,.65);--card-border:rgba(255,255,255,.07);--card-shadow:0 4px 24px rgba(0,0,0,.25),0 1px 4px rgba(0,0,0,.15);--card-shadow-hover:0 8px 40px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.2);--text-h:#F1F5F9;--text-p:#CBD5E1;--text-s:#94A3B8;--text-m:#64748B}[data-dark="1"] body{background-image:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(59,130,246,.12) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 100%,rgba(124,58,237,.08) 0%,transparent 55%)}[data-dark="1"] .navbar{background:#0f172ad9;border-bottom-color:#ffffff0f}[data-dark="1"] .mob-drawer{background:#1e293b}[data-dark="1"] .mob-drawer-head{border-bottom-color:#ffffff0f}[data-dark="1"] .mob-nav-link{color:var(--text-p)}[data-dark="1"] .mob-nav-link:hover{background:#ffffff0a}[data-dark="1"] .mob-drawer-foot{border-top-color:#ffffff0f}[data-dark="1"] .mission{background:#1e293b80;border-color:#ffffff0d}[data-dark="1"] .pricing,[data-dark="1"] .projects{background:#1e293b4d}[data-dark="1"] .footer{background:#0f172ad9;border-top-color:#ffffff0f}[data-dark="1"] .pdiv{background:#ffffff0f}[data-dark="1"] .nav-logo,[data-dark="1"] .nav-links a{color:var(--text-p)}[data-dark="1"] .dpill{background:#1e293bb3;border-color:#ffffff14}[data-dark="1"] .dpill .ext{color:var(--text-h)}[data-dark="1"] .sq{border-color:#639bff1f}[data-dark="1"] #wa-popup{background:#1e293b}[data-dark="1"] .wa-popup-body{background:#0f172a}[data-dark="1"] .wa-bubble{background:#1e293b;color:var(--text-p)}[data-dark="1"] .wa-popup-foot{border-top-color:#ffffff0f}[data-dark="1"] .mob-menu{background:#0f172af7}#dark-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:background .2s,border-color .2s}#dark-toggle:hover{background:#ffffff40}#dark-toggle svg{width:16px;height:16px;stroke:var(--text-h);transition:transform .5s cubic-bezier(.4,0,.2,1)}#dark-toggle.spin svg{transform:rotate(360deg)}[data-dark="1"] #dark-toggle{background:#1e293bb3;border-color:#ffffff1a}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:#eef2ffbf;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.6);height:64px}.navbar .ctn{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-logo{font-family:var(--fh);font-size:19px;font-weight:700;color:var(--text-h);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo em{font-style:normal;color:var(--b5)}.nav-links{display:none;list-style:none;gap:28px;align-items:center}@media(min-width:768px){.nav-links{display:flex}}.nav-links a{font-size:14px;font-weight:500;color:var(--text-s);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text-h)}.nav-right{display:flex;align-items:center;gap:10px}.nav-cta{display:none;font-size:13px;font-weight:600;padding:8px 18px;border-radius:8px;background:var(--b5);color:#fff;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.nav-cta:hover{background:var(--b6);transform:translateY(-1px)}@media(min-width:768px){.nav-cta{display:inline-block}}.mob-btn{display:flex;background:var(--b5);border:none;cursor:pointer;color:#fff;padding:8px;border-radius:6px}@media(min-width:768px){.mob-btn{display:none}}@media(max-width:767px){.navbar{background:#f0f4ff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 12px #00000014}.card,.glass,.svc-pill{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.soft-ico{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f3ff}}[data-dark="1"] .card,[data-dark="1"] .glass{background:#1e293bbf!important}[data-dark="1"] .svc-pill{background:#1e293b99!important}[data-dark="1"] .soft-ico{background:#1e293bcc!important}[data-dark="1"] .navbar{background:#0f172af2!important;border-bottom-color:#ffffff0f!important}.mob-overlay{position:fixed;inset:0;z-index:59;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease}.mob-overlay.open{opacity:1;pointer-events:auto}.mob-drawer{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(300px,85vw);background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px #0f172a26}.mob-drawer.open{transform:translate(0)}.mob-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #F1F5F9}.mob-drawer-logo{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--text-h)}.mob-drawer-logo em{font-style:normal;color:var(--b5)}.mob-close{background:none;border:none;color:var(--text-m);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s}.mob-close:hover{background:#f1f5f9;color:var(--text-h)}.mob-drawer-nav{flex:1;padding:12px 0;overflow-y:auto}.mob-nav-link{display:flex;align-items:center;gap:14px;padding:14px 24px;font-family:var(--fh);font-size:15px;font-weight:600;color:var(--text-p);text-decoration:none;border-left:3px solid transparent;transition:all .15s}.mob-nav-link:hover{background:#f8fafc;color:var(--b5);border-left-color:var(--b5)}.mob-nav-link svg{width:18px;height:18px;flex-shrink:0;stroke:var(--text-m)}.mob-nav-link:hover svg{stroke:var(--b5)}.mob-drawer-foot{padding:20px;border-top:1px solid #F1F5F9}.mob-wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;background:#25d366;color:#fff;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.mob-wa-btn:hover{background:#20bd5a}.mob-wa-btn svg{width:18px;height:18px;fill:#fff;flex-shrink:0}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(59,130,246,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.09) 1px,transparent 1px),linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;-webkit-mask-image:radial-gradient(ellipse 85% 80% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 85% 80% at 50% 50%,black 40%,transparent 100%)}[data-dark="1"] .hero:before{background-image:linear-gradient(rgba(99,155,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(99,155,255,.1) 1px,transparent 1px),linear-gradient(rgba(99,155,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,155,255,.04) 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px}img{max-width:100%;height:auto}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding-top:100px;padding-bottom:60px;background:transparent;position:relative;overflow:hidden}.hero-c{text-align:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:100px;background:#ecfdf5;border:1px solid #A7F3D0;font-size:13px;font-weight:500;color:var(--g6);margin-bottom:28px}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--g5);animation:float 2s ease-in-out infinite}.hero h1{font-family:var(--fh);font-size:36px;font-weight:800;color:var(--text-h);line-height:1.12;letter-spacing:-.025em;max-width:740px;margin:0 auto 20px}@media(min-width:640px){.hero h1{font-size:48px}}@media(min-width:1024px){.hero h1{font-size:58px}}.hero-sub{font-size:17px;line-height:1.7;color:var(--text-s);max-width:560px;margin:0 auto 36px}.hero-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:40px}@media(max-width:480px){.hero-btns .btn{width:100%;justify-content:center}}.hero-services{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px}.svc-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:100px;font-size:13px;font-weight:600;color:var(--text-h);background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);box-shadow:0 2px 12px #3b82f614;white-space:nowrap}.svc-pill svg{width:15px;height:15px;flex-shrink:0;stroke-width:2}.svc-pill.svc-web{border-color:#bfdbfe;color:var(--b6)}.svc-pill.svc-web svg{stroke:var(--b5)}.svc-pill.svc-soft{border-color:#ddd6fe;color:#7c3aed}.svc-pill.svc-soft svg{stroke:#7c3aed}.svc-pill.svc-host{border-color:#a7f3d0;color:var(--g6)}.svc-pill.svc-host svg{stroke:var(--g5)}.hero-regions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px}.rpill{padding:5px 14px;border-radius:100px;font-size:12px;font-weight:500;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);color:var(--text-s)}.hero-foot{font-size:12px;color:var(--text-m);line-height:1.8}.hero-foot strong{color:var(--text-h)}.hero-foot-brand{font-weight:700;font-size:13px;background:linear-gradient(90deg,var(--b5),var(--g5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-slider{width:100%;padding-top:28px}.slider-heading{font-family:var(--fh);font-size:15px;font-weight:700;letter-spacing:.01em;background:linear-gradient(90deg,var(--b5),var(--g5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:14px;padding:0 24px}@media(min-width:768px){.slider-heading{font-size:18px}}.why{padding:96px 0;background:transparent}@media(max-width:767px){.why{padding:56px 0}}.why-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:48px}@media(min-width:640px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.why-grid{grid-template-columns:repeat(4,1fr)}}.why-card{padding:28px}.why-ico{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eff6ffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(191,219,254,.8);margin-bottom:18px}.why-ico svg{width:24px;height:24px;stroke:var(--b5);stroke-width:1.5;fill:none}.why-card h3{font-family:var(--fh);font-size:18px;font-weight:600;color:var(--text-h);margin-bottom:8px}.why-card p{font-size:14px;color:var(--text-s);line-height:1.6}.mission{padding:80px 0;text-align:center;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}.mission p{font-size:17px;line-height:1.8;color:var(--text-s);max-width:680px;margin:0 auto}.software{padding:96px 0;background:transparent}@media(max-width:767px){.software{padding:56px 0}}.soft-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:48px}@media(min-width:640px){.soft-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.soft-grid{grid-template-columns:repeat(3,1fr)}}.soft-card{padding:28px;display:flex;flex-direction:column}@media(max-width:639px){.soft-card{padding:20px}}.soft-ico{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f5f3ffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(221,214,254,.8);margin-bottom:18px;flex-shrink:0}.soft-ico svg{width:24px;height:24px;stroke:#7c3aed;stroke-width:1.5;fill:none}.soft-card h3{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--text-h);margin-bottom:8px}.soft-desc{font-size:14px;color:var(--text-s);line-height:1.6;margin-bottom:16px}.soft-flist{flex:1;margin-bottom:20px}.btn-soft-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#fff;font-size:13px;font-weight:600;padding:10px 16px;border-radius:8px;text-decoration:none;transition:all .2s;margin-top:auto;width:100%}.btn-soft-wa:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d36640}.btn-soft-wa svg{width:16px;height:16px;fill:#fff;flex-shrink:0}.pricing{padding:96px 0;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:767px){.pricing{padding:56px 0}}.pricing-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:48px}@media(min-width:640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.pricing-grid{grid-template-columns:repeat(4,1fr)}}.pcard{padding:28px;display:flex;flex-direction:column;position:relative}.spin-badge-wrap{position:relative;display:inline-flex;align-self:center;margin-bottom:10px;padding:2px;border-radius:100px;overflow:hidden}.spin-badge-wrap:before{content:"";position:absolute;top:-150%;left:-150%;width:400%;height:400%;background:conic-gradient(from 0deg,#34D399,#3B82F6,#34D399,transparent,#34D399);animation:spin-border 3s linear infinite;z-index:0}.spin-badge{position:relative;z-index:1;padding:5px 14px;border-radius:100px;background:#fff;font-size:11px;font-weight:700;color:var(--g6);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.see-more-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:4px 0;margin-bottom:12px;font-size:12px;font-weight:600;color:var(--b5);background:none;border:none;cursor:pointer;transition:color .15s;font-family:var(--fb)}.see-more-btn:hover{color:var(--b7)}.see-more-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;transition:transform .25s ease}.see-more-btn[aria-expanded=true] svg{transform:rotate(180deg)}.pcard h3{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--text-h);margin-bottom:6px}.pfrom{font-size:12px;font-weight:500;color:var(--text-m);margin-bottom:2px}.pprice{font-family:var(--fh);font-size:36px;font-weight:800;color:var(--text-h);margin-bottom:4px}.pprice span{font-size:14px;font-weight:500;color:var(--text-m)}.pnote{font-size:12px;color:var(--text-m);margin-bottom:20px}.pdiv{height:1px;background:var(--bg3);margin-bottom:20px}.flist{list-style:none;flex:1;margin-bottom:24px}.flist li{display:flex;align-items:flex-start;gap:10px;padding:5px 0;font-size:14px;color:var(--text-p);line-height:1.5}.flist li svg{width:16px;height:16px;flex-shrink:0;margin-top:3px;stroke:var(--g5);stroke-width:2;fill:none}.hosting{padding:96px 0;background:transparent}@media(max-width:767px){.hosting{padding:56px 0}}.hosting-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:48px}@media(min-width:640px){.hosting-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hosting-grid{grid-template-columns:repeat(3,1fr)}}.hcard{padding:28px;display:flex;flex-direction:column}.hcard h3{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--text-h);margin-bottom:6px}.hprice{font-family:var(--fh);font-size:28px;font-weight:800;color:var(--text-h);margin-bottom:4px}.hprice span{font-size:14px;font-weight:400;color:var(--text-m)}.hprice .was{font-size:14px;text-decoration:line-through;color:var(--text-m);margin-right:4px}.hsub{font-size:12px;color:var(--text-m);margin-bottom:18px}.htag{display:inline-flex;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;margin-bottom:12px;letter-spacing:.02em}.htag-blue{background:#eff6ff;color:var(--b6)}.htag-green{background:#ecfdf5;color:var(--g6)}.htag-purple{background:#f5f3ff;color:#7c3aed}.hfoot{margin-top:auto;padding-top:16px;border-top:1px solid var(--bg3);font-size:11px;color:var(--text-m);display:flex;align-items:center;gap:6px}.hero-slider .mwrap{margin:0;overflow:hidden}.mwrap{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}.mtrack{display:flex;gap:6px;width:-moz-max-content;width:max-content;animation:marquee 50s linear infinite}.mwrap:hover .mtrack{animation-play-state:paused}.dpill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border-radius:100px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 1px 2px #0000000a;white-space:nowrap;transition:all .2s}.dpill:hover{border-color:#93c5fd;background:#f0f7ff;transform:translateY(-1px)}.dpill .ext{font-family:var(--fm);font-size:12px;font-weight:600;color:var(--text-h)}.dpill .dtag{font-size:9px;font-weight:700;padding:1px 6px;border-radius:100px;background:#eff6ff;color:var(--b6);text-transform:uppercase;letter-spacing:.05em}.projects{padding:96px 0;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:767px){.projects{padding:56px 0}}.proj-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:48px}@media(min-width:640px){.proj-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.proj-grid{grid-template-columns:repeat(3,1fr)}}.proj-card{padding:0;overflow:hidden}.proj-thumb{width:100%;aspect-ratio:16/9;background:var(--bg3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.proj-thumb .ph{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-m);font-size:13px}.proj-thumb .ph svg{width:32px;height:32px;stroke:var(--text-m);stroke-width:1;fill:none}.proj-info{padding:20px 24px}.proj-info h3{font-family:var(--fh);font-size:16px;font-weight:600;color:var(--text-h);margin-bottom:12px}.proj-info a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--b5);text-decoration:none;transition:color .15s}.proj-info a:hover{color:var(--b7)}.proj-info a svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.footer{padding:48px 0 32px;border-top:1px solid rgba(255,255,255,.5);text-align:center;background:#ffffff59;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.footer-brand{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--text-h);margin-bottom:16px}.footer-brand em{font-style:normal;color:var(--b5)}.footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px}.fcontact-link{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500;text-decoration:none;border:1px solid var(--card-border);transition:all .2s}.fcontact-link svg{width:15px;height:15px;flex-shrink:0}.fcontact-wa{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.fcontact-wa svg{fill:#16a34a}.fcontact-wa:hover{background:#dcfce7;border-color:#86efac}.fcontact-email{color:var(--b6);background:#eff6ff;border-color:#bfdbfe}.fcontact-email svg{stroke:var(--b5)}.fcontact-email:hover{background:#dbeafe;border-color:#93c5fd}.footer-credits{font-size:13px;color:var(--text-m);line-height:1.8;margin-bottom:20px}.footer-credits strong{color:var(--text-s)}.foot-socials{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.foot-socials a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);color:var(--text-s);transition:all .2s;text-decoration:none}.foot-socials a:hover{color:var(--text-h);border-color:#cbd5e1}.foot-socials a svg{width:16px;height:16px;fill:currentColor}.footer-copy{font-size:12px;color:var(--text-m)}#wa-widget{position:fixed;bottom:28px;right:28px;z-index:98;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}#wa-toggle{pointer-events:auto;width:56px;height:56px;border-radius:50%;background:#25d366;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36673,0 2px 8px #0000001f;transition:transform .2s,box-shadow .2s;position:relative;flex-shrink:0}#wa-toggle:hover{transform:scale(1.08);box-shadow:0 6px 28px #25d3668c}#wa-toggle svg{width:28px;height:28px}.wa-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;animation:wa-pulse 2s ease-in-out infinite}@keyframes wa-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}#wa-popup{width:min(320px,calc(100vw - 56px));background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;overflow:hidden;transform:scale(.85) translateY(16px);transform-origin:bottom right;opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease}#wa-popup.open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.wa-popup-head{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#25d366,#128c7e)}.wa-popup-avatar{width:44px;height:44px;flex-shrink:0}.wa-popup-avatar svg{width:44px;height:44px;border-radius:50%;box-shadow:0 2px 8px #0003}.wa-popup-info{flex:1;min-width:0}.wa-popup-name{font-family:var(--fh);font-size:15px;font-weight:700;color:#fff}.wa-popup-status{font-size:12px;color:#ffffffd9;display:flex;align-items:center;gap:5px;margin-top:2px}.wa-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;animation:wa-pulse 2s ease-in-out infinite}.wa-popup-close{background:#fff3;border:none;cursor:pointer;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.wa-popup-close:hover{background:#ffffff59}.wa-popup-close svg{width:14px;height:14px}.wa-popup-body{padding:16px;background:#ece5dd;min-height:100px}.wa-bubble{background:#fff;border-radius:0 12px 12px;padding:12px 14px;font-size:13px;color:#1e293b;line-height:1.6;box-shadow:0 1px 2px #00000014;max-width:90%}.wa-bubble p{margin-bottom:8px}.wa-bubble p:last-child{margin-bottom:0}.wa-bubble ul{margin:6px 0 0 4px;padding:0;list-style:none}.wa-bubble ul li{padding:2px 0;font-size:13px}.wa-time{font-size:11px;color:#9e9e9e;text-align:right;margin-top:6px}.wa-popup-foot{padding:12px 16px;border-top:1px solid #F1F5F9}.wa-start-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;background:#25d366;color:#fff;border-radius:10px;font-family:var(--fh);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s;box-shadow:0 2px 8px #25d3664d}.wa-start-btn:hover{background:#20bd5a}.wa-start-btn svg{width:18px;height:18px;fill:#fff;flex-shrink:0}#pwa-btn{position:fixed;bottom:28px;right:28px;z-index:99;width:44px;height:44px;border-radius:12px;background:#10b9818c;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #10b98140,0 1px 4px #0000000f;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s,background .2s;pointer-events:none}#pwa-btn.pwa-show{opacity:1;transform:translateY(0);pointer-events:auto}#pwa-btn:hover{background:#059669b3;transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}#pwa-btn svg{width:20px;height:20px;stroke:#fff;stroke-width:2.5}#btt{position:fixed;bottom:28px;left:28px;z-index:99;width:44px;height:44px;border-radius:12px;background:#3b82f68c;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3b82f640,0 1px 4px #0000000f;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s,background .2s;pointer-events:none}#btt.btt-show{opacity:1;transform:translateY(0);pointer-events:auto}#btt:hover{background:#2563ebb3;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}#btt svg{width:20px;height:20px;stroke:#fff;stroke-width:2.5}@media(max-width:767px){section,.footer,.hero-slider{overflow-x:hidden;max-width:100%}.flist li,.soft-desc,.why-card p{word-break:break-word;overflow-wrap:break-word}.hero h1{font-size:28px}.hero-sub{font-size:15px}.hero-badge{font-size:12px;padding:5px 14px}.sttl{font-size:26px}.ssub{font-size:14px}}@media(max-width:639px){.pcard,.hcard{padding:20px}.pprice{font-size:28px}.hprice{font-size:22px}.svc-pill{font-size:12px;padding:7px 14px}.svc-pill svg{width:13px;height:13px}.proj-info{padding:14px 16px}.why-card{padding:20px}.footer-contact{flex-direction:column;align-items:center}.flist li{font-size:13px}.soft-card h3{font-size:16px}.soft-desc{font-size:13px}.btn,.btn-o{font-size:14px;padding:12px 20px}}@media(max-width:380px){.ctn{padding:0 16px}.hero h1{font-size:24px}.sttl{font-size:22px}.rpill{font-size:11px;padding:4px 10px}}