:root{color:#162033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--heading:#121a2f;--muted:#4f5d78;--accent:#2563eb;--accent-strong:#0f766e;--line:#121a2f1f;--shadow:0 24px 60px #1f29371a;--surface:#ffffffd1;--surface-soft:#f6f9ffd6;--surface-strong:#ecf3ffe6;--on-accent:#eff6ff;background:radial-gradient(circle at top,#8ab4f838,#0000 34%),linear-gradient(#eef4ff 0%,#f5f8ff 44%,#e8f0fb 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}body,button,input,textarea{font:inherit}a{color:inherit}h1,h2,h3{color:var(--heading);line-height:1.05}h1{letter-spacing:-.06em;font-size:clamp(2.9rem,7vw,5.8rem)}h2{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.3rem}p{margin:0}#root{min-height:100vh}.site-shell{position:relative;overflow:hidden}.site-shell:before,.site-shell:after{content:"";filter:blur(90px);pointer-events:none;z-index:-1;border-radius:999px;width:28rem;height:28rem;position:fixed;inset:auto}.site-shell:before{background:#2563eb2e;top:-10rem;right:-8rem}.site-shell:after{background:#0f766e29;bottom:10rem;left:-10rem}.topbar,.hero-grid,.section,.contact-layout{width:min(1120px,100% - 2rem);margin:0 auto}.hero-section{padding:2rem 0 4rem}.topbar{justify-content:space-between;align-items:flex-start;gap:2rem;padding:1rem 0 3rem;display:flex}.topbar-actions{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.language-switcher{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;gap:.45rem;padding:.35rem;display:inline-flex}.language-chip{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45rem .8rem;font-weight:700}.language-chip.active{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--on-accent)}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);align-items:stretch;gap:2rem;display:grid}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.84rem}.hero-copy h1,.section-heading h2,.contact-copy h2{max-width:12ch;margin:0}.lead{max-width:56ch;color:var(--muted);margin-top:1.5rem;font-size:1.12rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin:2rem 0;display:flex}.button,.button-outline,.detail-pill,.text-link{transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s}.button,.button-outline{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:.85rem 1.35rem;font-weight:600;text-decoration:none;display:inline-flex}.button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--on-accent);box-shadow:0 18px 40px #0d4c4d2e}.button:disabled{opacity:.75;cursor:wait;transform:none}.button-outline{border-color:var(--line);color:var(--heading);background:var(--surface)}.button:hover,.button-outline:hover,.detail-pill:hover,.text-link:hover,.whatsapp-float:hover{transform:translateY(-2px)}.text-link{color:var(--heading);font-weight:600;text-decoration:none}.highlight-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.highlight-list li,.service-card,.hero-card,.project-card,.contact-form{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.highlight-list li{background:var(--surface-soft);color:var(--heading);border-radius:1.25rem;padding:1rem 1.1rem}.hero-card{background:linear-gradient(#f4f8fff5,#e8f0fbeb);border-radius:1.75rem;padding:1.6rem}.card-label,.project-type,.stack,.project-url,.project-audience{color:var(--muted);margin:0}.metric-row{border-top:1px solid #0c22231f;grid-template-columns:5rem 1fr;align-items:baseline;gap:1rem;padding:1rem 0;display:grid}.metric-row:first-of-type{margin-top:1rem}.metric-row strong{color:var(--heading);font-size:2rem}.section{padding:4rem 0}.section-light{background:#ecf3ffb8}.section-accent{padding-bottom:5rem}.section-heading{gap:1rem;margin-bottom:2rem;display:grid}.service-section-heading{text-align:center;justify-items:center}.service-section-heading h2{max-width:30ch}.project-section-heading{text-align:center;justify-items:center}.project-section-heading h2{max-width:34ch}.service-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.project-grid{align-items:stretch}.service-card,.project-card{background:var(--surface);border-radius:1.5rem;padding:1.5rem}.project-card{flex-direction:column;height:100%;display:flex}.project-image{object-fit:cover;border-radius:1.5rem 1.5rem 0 0;width:calc(100% + 3rem);height:9.5rem;margin:-1.5rem -1.5rem 1.25rem;display:block}.service-card h3,.project-card h3{margin:0 0 .75rem;font-size:1.35rem}.service-card p,.project-card p,.contact-copy p,.contact-form label{color:var(--muted)}.browser-bar{gap:.45rem;margin-bottom:1.25rem;display:flex}.browser-bar span{background:#0c22232e;border-radius:50%;width:.7rem;height:.7rem}.project-type{text-transform:uppercase;letter-spacing:.14em;margin-top:.35rem;margin-bottom:.65rem;font-size:.78rem}.project-url{color:var(--accent);font-size:.92rem}.project-audience{margin:-.1rem 0 .8rem;font-size:.95rem}.project-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stack{color:var(--accent-strong);margin:.8rem 0 1rem}.project-details{border-top:1px solid #0c22231a;margin:1rem 0 1.1rem;padding-top:.9rem}.project-details summary{cursor:pointer;color:var(--heading);font-weight:600;list-style:none}.project-details summary::-webkit-details-marker{display:none}.project-details summary:after{content:"+";float:right;color:var(--accent)}.project-details[open] summary:after{content:"-"}.project-details>:not(summary){margin-top:.85rem}.project-points{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.project-points li{color:var(--heading);background:#2563eb17;border-radius:999px;padding:.48rem .75rem;font-size:.88rem}.project-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:auto;display:flex}.project-button{min-height:2.8rem;padding-inline:1.1rem}.site-shell[dir=rtl]{text-align:right}.site-shell[dir=rtl] .topbar-actions{align-items:flex-start}.site-shell[dir=rtl] .project-details summary:after{float:left}.site-shell[dir=rtl] .whatsapp-float{left:1.5rem;right:auto}.contact-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:start;gap:1.5rem;display:grid}.contact-copy{padding-top:1rem}.contact-details{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.detail-pill{border:1px solid var(--line);background:var(--surface);min-height:3rem;color:var(--heading);border-radius:999px;align-items:center;padding:0 1rem;text-decoration:none;display:inline-flex}.contact-form{background:var(--surface-strong);border-radius:1.75rem;gap:1rem;padding:1.5rem;display:grid}.contact-form label{gap:.5rem;font-weight:600;display:grid}.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--heading);background:#fafcfff2;border:1px solid #0c222326;border-radius:1rem;padding:.95rem 1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-strong);outline:2px solid #0f71732e}.form-note{margin:0;font-size:.95rem}.form-note.success{color:#15803d}.form-note.error{color:#b42318}.whatsapp-float{color:#fff;z-index:10;background:#1faa59;border-radius:999px;align-items:center;gap:.65rem;padding:.8rem 1rem;text-decoration:none;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 16px 34px #22c55e47}.whatsapp-float svg{fill:currentColor;width:1.25rem;height:1.25rem}@media (width<=960px){.topbar,.hero-grid,.service-grid,.project-grid,.contact-layout,.highlight-list{grid-template-columns:1fr}.topbar{flex-direction:column;padding-bottom:2rem}.topbar-actions{align-items:flex-start}.hero-copy h1,.section-heading h2,.contact-copy h2{max-width:none}}@media (width<=640px){.hero-section{padding-top:1rem}.section{padding:3.25rem 0}.whatsapp-float{bottom:1rem;right:1rem}.site-shell[dir=rtl] .whatsapp-float{left:1rem}.whatsapp-float span{display:none}}