:root{--navy:#071525;--navy-2:#0d2238;--navy-3:#163352;--cyan:#00c4d4;--cyan-soft:#7fe8f0;--cyan-glow:#00c4d459;--green:#2bd67b;--green-deep:#1fb865;--mist:#eef7fa;--cloud:#f7fcfd;--ink:#102033;--muted:#5d7285;--line:#1020331a;--white:#fff;--shadow:0 18px 50px #0715251f;--radius:18px;--container:1180px;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--cloud);-webkit-font-smoothing:antialiased;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}ul{list-style:none}.container{width:min(100% - 2.5rem, var(--container));margin-inline:auto}.section{padding:clamp(4rem,8vw,6.5rem) 0}.section-head{max-width:640px;margin-bottom:2.75rem}.section-head.center{text-align:center;margin-inline:auto}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:.85rem;font-size:.78rem;font-weight:700;display:inline-block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:800}h2{font-size:clamp(1.85rem,3.5vw,2.75rem);font-weight:700}h3{font-size:1.25rem;font-weight:700}.lead{color:var(--muted);margin-top:1rem;font-size:1.08rem}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 1.45rem;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--green), var(--green-deep));color:var(--navy);box-shadow:0 10px 30px #2bd67b59}.btn-primary:hover{box-shadow:0 14px 36px #2bd67b73}.btn-secondary{color:var(--white);background:0 0;border-color:#ffffff59}.btn-secondary:hover{border-color:var(--cyan);background:#ffffff14}.btn-outline{border-color:var(--navy-3);color:var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:var(--white)}.btn-cyan{background:var(--cyan);color:var(--navy);box-shadow:0 10px 28px var(--cyan-glow)}.btn-group{flex-wrap:wrap;gap:.85rem;margin-top:1.75rem;display:flex}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7fcfdd9;border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 8px 30px #0715250f}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:76px;display:flex}.brand{font-family:var(--font-display);color:var(--navy);align-items:center;gap:.7rem;font-size:1.05rem;font-weight:800;display:flex}.brand img{object-fit:cover;width:44px;height:44px;box-shadow:0 0 0 2px var(--cyan);border-radius:50%}.nav-links{align-items:center;gap:.15rem;display:flex}.nav-links>a,.nav-drop>button{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.55rem .8rem;font-size:.92rem;font-weight:600;transition:background .2s,color .2s}.nav-links>a:hover,.nav-links>a.active,.nav-drop>button:hover{color:var(--navy);background:#00c4d41f}.nav-drop{position:relative}.nav-drop>button{align-items:center;gap:.35rem;display:inline-flex}.nav-drop>button svg{width:14px;height:14px;transition:transform .2s}.nav-drop.open>button svg{transform:rotate(180deg)}.dropdown{background:var(--white);border:1px solid var(--line);min-width:260px;box-shadow:var(--shadow);opacity:0;visibility:hidden;border-radius:14px;padding:.55rem;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + .4rem);left:0;transform:translateY(8px)}.nav-drop.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{color:var(--ink);border-radius:10px;padding:.75rem .9rem;font-size:.9rem;font-weight:600;display:block}.dropdown a:hover{background:var(--mist);color:var(--navy)}.dropdown a small{color:var(--muted);margin-top:.2rem;font-size:.78rem;font-weight:500;display:block}.nav-actions{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.nav-cta{flex-shrink:0;display:inline-flex}.lang-switch{border:1px solid var(--line);background:var(--white);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.lang-switch button{color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.4rem .65rem;font-size:.78rem;font-weight:800;transition:background .2s,color .2s}.lang-switch button.active{background:var(--navy);color:var(--white)}.lang-switch button:hover:not(.active){color:var(--navy)}.menu-toggle{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.menu-toggle span{background:var(--navy);border-radius:2px;width:18px;height:2px}.hero{min-height:min(100vh,920px);color:var(--white);background:radial-gradient(80% 60% at 70% 20%,#00c4d447,#0000 55%),radial-gradient(50% 40% at 15% 80%,#2bd67b2e,#0000 50%),linear-gradient(160deg,#06111f 0%,#0c2740 45%,#0a1c30 100%);align-items:end;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 95%);mask-image:linear-gradient(#000 40%,#0000 95%)}.hero-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#00c4d473,#0000 70%);border-radius:50%;width:420px;height:420px;animation:8s ease-in-out infinite floatGlow;position:absolute;top:8%;right:8%}.hero-inner{z-index:2;grid-template-columns:1.05fr .95fr;align-items:end;gap:2rem;padding:7rem 0 4.5rem;display:grid;position:relative}.hero-copy{padding-bottom:1.5rem;animation:.9s both riseIn}.hero-brand{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(120deg, #fff 20%, var(--cyan-soft) 70%, var(--cyan) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.1rem;font-size:clamp(2.8rem,7vw,5.2rem);font-weight:800;line-height:.95}.hero-headline{color:#fffffff2;max-width:28ch;margin-bottom:1rem;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700}.hero-text{color:#e8f4f8c7;max-width:42ch;font-size:1.05rem}.hero-visual{animation:1.1s .15s both riseIn;position:relative}.hero-visual img{border-radius:28px;width:min(100%,520px);margin-inline:auto;animation:6s ease-in-out infinite softFloat;box-shadow:0 30px 80px #00000073}.page-hero{color:var(--white);background:radial-gradient(at 85% 20%,#00c4d440,#0000 45%),linear-gradient(145deg,#071525,#12324d 55%,#0b2238);padding:5.5rem 0 3.5rem;position:relative;overflow:hidden}.page-hero .container{z-index:1;max-width:720px;position:relative}.page-hero h1{margin-bottom:.85rem}.page-hero p{color:#e8f4f8c7;font-size:1.08rem}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.35rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.feature-tile{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);padding:1.6rem;transition:transform .3s,box-shadow .3s,border-color .3s}.feature-tile:hover{box-shadow:var(--shadow);border-color:#00c4d473;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;color:var(--navy);background:linear-gradient(145deg,#00c4d42e,#2bd67b1f);border-radius:14px;place-items:center;margin-bottom:1rem;font-size:1.25rem;display:grid}.feature-tile h3{margin-bottom:.55rem}.feature-tile p{color:var(--muted);font-size:.95rem}.band{background:radial-gradient(ellipse at 0% 50%, #00c4d41f, transparent 45%), linear-gradient(180deg, var(--mist), var(--cloud))}.band-dark{color:var(--white);background:radial-gradient(at 100% 0,#00c4d433,#0000 40%),linear-gradient(160deg,#071525,#102a42)}.band-dark .lead,.band-dark p{color:#e8f4f8bf}.value-list{gap:1rem;display:grid}.value-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1.2rem 1.35rem;display:grid}.value-num{font-family:var(--font-display);color:var(--cyan);font-size:1.1rem;font-weight:800}.portfolio-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);transition:transform .3s,box-shadow .3s;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.portfolio-thumb{aspect-ratio:1;background:linear-gradient(135deg, #00c4d440, #071525d9), radial-gradient(circle at 30% 30%, #2bd67b59, transparent 50%), var(--navy-2);color:var(--white);font-family:var(--font-display);place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:relative;overflow:hidden}.portfolio-thumb.has-image{background:var(--mist)}.portfolio-thumb img{object-fit:cover;width:100%;height:100%}.portfolio-thumb span,.portfolio-badge{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--white);background:#0715258c;border:1px solid #ffffff40;border-radius:999px;padding:.4rem .75rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.85rem;left:.85rem}.portfolio-detail-logo{aspect-ratio:1;border:1px solid var(--line);background:var(--mist);border-radius:18px;width:min(100%,280px);margin-bottom:1.5rem;overflow:hidden}.portfolio-detail-logo img{object-fit:cover;width:100%;height:100%}.portfolio-body{padding:1.35rem}.portfolio-body h3{margin-bottom:.45rem}.portfolio-body p{color:var(--muted);margin-bottom:1rem;font-size:.92rem}.portfolio-url{font-weight:700;color:var(--cyan)!important;margin-top:.85rem!important;margin-bottom:0!important;font-size:.82rem!important}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{letter-spacing:.03em;background:var(--mist);color:var(--navy-3);border-radius:999px;padding:.3rem .65rem;font-size:.72rem;font-weight:700}.process-steps{counter-reset:step;gap:0;display:grid}.process-step{grid-template-columns:72px 1fr;gap:1.25rem;padding-bottom:2rem;display:grid;position:relative}.process-step:not(:last-child):before{content:"";background:linear-gradient(to bottom, var(--cyan), transparent);width:2px;position:absolute;top:64px;bottom:0;left:35px}.process-index{width:72px;height:72px;font-family:var(--font-display);color:var(--navy);background:linear-gradient(145deg, var(--cyan), var(--green));box-shadow:0 10px 28px var(--cyan-glow);border-radius:50%;place-items:center;font-weight:800;display:grid}.process-step h3{margin-bottom:.4rem;padding-top:.85rem}.process-step p{color:var(--muted)}.team-grid{grid-template-columns:repeat(3,1fr);gap:1.35rem;display:grid}.team-card{text-align:center;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);padding:1.75rem 1.25rem}.avatar{width:96px;height:96px;font-family:var(--font-display);color:var(--white);background:linear-gradient(145deg, var(--navy-3), var(--cyan));border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:800;display:grid}.team-card h3{margin-bottom:.25rem}.team-role{color:var(--cyan);margin-bottom:.65rem;font-size:.88rem;font-weight:700}.team-card p{color:var(--muted);font-size:.9rem}.stack-cloud{flex-wrap:wrap;gap:.7rem;display:flex}.stack-pill{background:var(--white);border:1px solid var(--line);color:var(--navy);border-radius:12px;padding:.7rem 1.1rem;font-size:.9rem;font-weight:700;transition:border-color .2s,transform .2s}.stack-pill:hover{border-color:var(--cyan);transform:translateY(-2px)}.contact-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:2rem;display:grid}.form-card,.info-card{background:var(--white);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:1.75rem}.form-grid{gap:1rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}label{color:var(--navy);gap:.4rem;font-size:.88rem;font-weight:700;display:grid}input,textarea,select{border:1px solid var(--line);background:var(--cloud);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}textarea{resize:vertical;min-height:140px}.info-list{gap:1.15rem;margin-top:1.25rem;display:grid}.info-item strong{color:var(--navy);margin-bottom:.2rem;display:block}.info-item p,.info-item a{color:var(--muted);font-size:.95rem}.info-item a:hover{color:var(--cyan)}.map-embed{border:1px solid var(--line);aspect-ratio:16/10;background:var(--mist);border-radius:14px;margin-top:1.35rem;position:relative;overflow:hidden}.map-embed iframe{border:0;width:100%;height:100%;display:block}.map-link{color:var(--navy);margin-top:.85rem;font-size:.92rem;font-weight:700;display:inline-flex}.map-link:hover{color:var(--cyan)}.cta-banner{border-radius:calc(var(--radius) + 6px);color:var(--white);background:radial-gradient(circle at 100% 0,#00c4d459,#0000 40%),linear-gradient(120deg,#071525,#13405f);grid-template-columns:1.4fr auto;align-items:center;gap:1.5rem;padding:2.25rem;display:grid}.cta-banner p{color:#e8f4f8c7;margin-top:.5rem}.template-tabs{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}.tab-btn{border:1px solid var(--line);background:var(--white);cursor:pointer;color:var(--muted);border-radius:999px;padding:.65rem 1.15rem;font-size:.88rem;font-weight:700;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:var(--navy);color:var(--white);border-color:var(--navy)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.35rem;display:grid}.price-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);flex-direction:column;padding:1.85rem 1.5rem;display:flex}.price-card.featured{color:var(--white);box-shadow:var(--shadow);background:linear-gradient(165deg,#071525,#12324d);border-color:#0000;transform:scale(1.03)}.price-card.featured p,.price-card.featured li{color:#e8f4f8c7}.price-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:.6rem;font-size:.8rem;font-weight:800}.price-amount{font-family:var(--font-display);margin:.4rem 0 1rem;font-size:2rem;font-weight:800}.price-card ul{flex:1;gap:.65rem;margin:1rem 0 1.75rem;display:grid}.price-card li{color:var(--muted);padding-left:1.35rem;font-size:.92rem;position:relative}.price-card li:before{content:"✓";color:var(--green-deep);font-weight:800;position:absolute;left:0}.price-card.featured li:before{color:var(--cyan)}.blog-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);transition:transform .3s,box-shadow .3s;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.blog-cover{aspect-ratio:16/9;background:linear-gradient(135deg, var(--navy-2), var(--cyan));place-items:end start;padding:1rem;display:grid}.blog-cover span{color:var(--navy);background:#ffffffe6;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:800}.blog-body{padding:1.35rem}.blog-meta{color:var(--muted);margin-bottom:.55rem;font-size:.8rem}.blog-body h3{margin-bottom:.5rem}.blog-body p{color:var(--muted);font-size:.92rem}.case-meta{flex-wrap:wrap;gap:.75rem;margin:1.25rem 0 2rem;display:flex}.case-block{margin-bottom:2rem}.case-block h2{margin-bottom:.75rem;font-size:1.45rem}.case-block p{color:var(--muted)}.prose{max-width:720px}.prose p+p{margin-top:1rem}.footer{background:var(--navy);color:#ffffffc7;padding:3.5rem 0 1.75rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem;display:grid}.footer .brand{color:var(--white);margin-bottom:1rem}.footer h4{color:var(--white);margin-bottom:1rem;font-size:1rem}.footer a{color:#ffffffb3;padding:.25rem 0;font-size:.92rem;display:block}.footer a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.25rem;font-size:.85rem;display:flex}.wa-float{z-index:200;color:#fff;background:#25d366;border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .25s,box-shadow .25s;animation:2.8s ease-in-out infinite pulseSoft;display:grid;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 12px 30px #25d36673}.wa-float:hover{transform:scale(1.08);box-shadow:0 16px 36px #25d3668c}.wa-float svg{fill:currentColor;width:30px;height:30px}.reveal{animation:.8s both riseIn}.calc-result{background:var(--mist);border:1px dashed #00c4d480;border-radius:14px;margin-top:1.25rem;padding:1.25rem}.calc-result strong{font-family:var(--font-display);color:var(--navy);font-size:1.5rem}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatGlow{0%,to{opacity:.7;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-20px,16px)scale(1.08)}}@keyframes pulseSoft{0%,to{box-shadow:0 12px 30px #25d36673}50%{box-shadow:0 12px 30px #25d36673,0 0 0 12px #25d3661f}}@media (width<=980px){.hero-inner,.contact-layout,.cta-banner,.footer-grid,.grid-3,.grid-4,.team-grid,.pricing-grid,.grid-2{grid-template-columns:1fr}.price-card.featured{transform:none}.nav-cta{display:none}.menu-toggle{display:flex}.nav-links{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;border-radius:16px;flex-direction:column;align-items:stretch;max-height:calc(100vh - 100px);padding:.75rem;transition:all .2s;position:fixed;inset:76px 1rem auto;overflow:auto;transform:translateY(-8px)}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown{opacity:1;visibility:visible;box-shadow:none;border:none;min-width:0;padding:.25rem 0 .25rem .5rem;display:none;position:static;transform:none}.nav-drop.open .dropdown{display:block}.hero{min-height:auto}.hero-inner{padding-top:5.5rem;padding-bottom:3rem}.form-row{grid-template-columns:1fr}}@media (width<=640px){.container{width:min(100% - 1.5rem, var(--container))}.cta-banner{padding:1.5rem}}