*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#05060a;--bg-raised:#090b10;--bg-card:#0b0e14;--bg-card-hover:#0f131b;--bg-surface:#12161f;--border:#ffffff14;--border-strong:#ffffff24;--border-focus:#2b6bff80;--text:#f3f5f9;--text-secondary:#969cac;--text-muted:#5c6474;--accent:#2b6bff;--accent-strong:#4c8bff;--accent-soft:#2b6bff1f;--accent-line:#2b6bff59;--accent-violet:#7c5cff;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--instagram:#e13a72;--github:#e0e4ec;--whatsapp:#27d86a;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-w:1040px;--header-h:60px;--section-py:clamp(4rem, 9vw, 6.5rem)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}button{cursor:pointer;font:inherit}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1.375rem}.section{padding:var(--section-py) 0}.section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:.875rem;font-size:.6875rem;font-weight:600;display:block}.section-title{letter-spacing:-.025em;text-align:center;margin-bottom:.75rem;font-size:clamp(1.5rem,4vw,2.125rem);font-weight:700;line-height:1.2}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:540px;margin:0 auto 3rem;font-size:.9375rem;line-height:1.7}.btn{border-radius:var(--radius-md);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.8125rem;font-weight:550;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #0006,0 4px 18px #2b6bff38}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn-secondary{color:var(--text);border-color:var(--border-strong);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--text);background:#2b6bff0f;transform:translateY(-1px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color .25s,background .25s,transform .25s}.header{z-index:100;-webkit-backdrop-filter:blur(14px);background:#05060ad1;border-bottom:1px solid #0000;transition:border-color .25s,background .25s;position:fixed;inset:0 0 auto}.header--scrolled{border-bottom-color:var(--border);background:#05060af0}.header-inner{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:.14em;color:var(--text);align-items:center;gap:.65rem;font-size:.8125rem;font-weight:650;display:flex}.logo-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-violet) 100%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6875rem;font-weight:800;display:flex;box-shadow:0 0 0 1px #7c5cff59,0 4px 14px #2b6bff40}.nav-desktop{display:none}.nav-desktop a{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.8125rem;font-weight:500;transition:color .2s,background .2s}.nav-desktop a:hover{color:var(--text);background:#2b6bff14}.menu-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;display:flex}.menu-toggle span{background:var(--text);border-radius:2px;width:18px;height:1.5px;transition:all .3s;display:block}.menu-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-mobile{inset:var(--header-h) 0 0 0;-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:99;background:#05060afa;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;transition:opacity .25s,visibility .25s;display:flex;position:fixed}.nav-mobile.open{opacity:1;visibility:visible}.nav-mobile a{color:var(--text-secondary);border-radius:var(--radius-md);text-align:center;width:260px;padding:.875rem 2rem;font-size:1.0625rem;font-weight:600;transition:color .2s,background .2s}.nav-mobile a:hover{color:var(--text);background:#2b6bff14}.hero{text-align:center;min-height:100dvh;padding-top:var(--header-h);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2b6bff14 0%,#0000 68%);width:520px;height:520px;position:absolute;top:4%;left:50%;transform:translate(-50%)}.hero-content{z-index:1;padding:3.5rem 0;position:relative}.hero-badge{border:1px solid var(--border);letter-spacing:.14em;color:var(--text-secondary);text-transform:uppercase;background:#2b6bff0d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem .9rem;font-size:.6563rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #2b6bffb3}.hero h1{letter-spacing:-.03em;color:var(--text);margin-bottom:1.25rem;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:800;line-height:1.02}.hero-tagline{letter-spacing:.32em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem;font-weight:600}.hero-tagline:before{content:"";background:var(--accent-line);vertical-align:middle;width:24px;height:1px;margin-right:1rem;display:inline-block}.hero-tagline:after{content:"";background:var(--accent-line);vertical-align:middle;width:24px;height:1px;margin-left:1rem;display:inline-block}.hero-subtitle{color:var(--text-secondary);max-width:480px;margin:0 auto 2.75rem;padding:0 .5rem;font-size:clamp(.9375rem,2.4vw,1.0625rem);line-height:1.75}.hero-buttons{flex-direction:column;align-items:center;gap:.75rem;display:flex}.hero-buttons .btn{width:100%;max-width:280px}.projects-grid{grid-template-columns:1fr;gap:1rem;max-width:720px;margin:0 auto;display:grid}.project-card{flex-direction:column;gap:.875rem;padding:1.625rem;display:flex}.project-card:hover{border-color:var(--accent-line);background:var(--bg-card-hover);transform:translateY(-2px)}.project-card-top{justify-content:space-between;align-items:center;display:flex}.project-icon{border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent-line);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-status{text-transform:uppercase;letter-spacing:.07em;border-radius:100px;padding:.1875rem .625rem;font-size:.625rem;font-weight:600;display:inline-block}.status-published{color:#34d879;background:#2dd4781a;border:1px solid #2dd47838}.status-coming-soon{color:#f5b52e;background:#fbbf2414;border:1px solid #fbbf2433}.project-name{font-size:1.0625rem;font-weight:650}.project-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6563rem;display:block}.project-description{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.project-card .btn{align-self:flex-start;margin-top:auto}.new-projects-card{text-align:center;border-style:dashed;max-width:480px;margin:1.75rem auto 0;padding:1.625rem 1.5rem}.new-projects-text{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.solutions-card{text-align:center;max-width:540px;margin:0 auto;padding:1.875rem 1.75rem}.solutions-text{color:var(--text-secondary);font-size:.9063rem;line-height:1.75}.connect-grid{grid-template-columns:1fr;gap:.75rem;max-width:380px;margin:0 auto;display:grid}.connect-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;gap:.875rem;padding:.8125rem 1rem;font-size:.875rem;font-weight:550;transition:border-color .2s,background .2s,transform .2s;display:flex}.connect-btn:hover{border-color:var(--accent-line);background:var(--bg-card-hover);transform:translateY(-1px)}.connect-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.connect-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.connect-icon--instagram{color:var(--instagram);background:#e13a721a;border:1px solid #e13a7238}.connect-icon--github{color:var(--github);background:#ffffff0f;border:1px solid #ffffff1f}.connect-icon--whatsapp{color:var(--whatsapp);background:#27d86a17;border:1px solid #27d86a33}.connect-text{flex-direction:column;display:flex}.connect-name{font-size:.875rem;font-weight:600}.connect-label{color:var(--text-muted);font-size:.6875rem;font-weight:400}.about-content{text-align:center;max-width:560px;margin:0 auto}.about-text{color:var(--text-secondary);font-size:.9375rem;line-height:1.8}.footer{border-top:1px solid var(--border);background:var(--bg-raised);padding:2.75rem 0 2rem}.footer-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:2.25rem;display:grid}.footer-brand{letter-spacing:.12em;margin-bottom:.375rem;font-size:.8125rem;font-weight:700}.footer-tagline{color:var(--text-muted);font-size:.8125rem;line-height:1.6}.footer-col-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.75rem;font-size:.6563rem;font-weight:600}.footer-links{flex-direction:column;gap:.5rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.8125rem;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding-top:1.5rem;font-size:.75rem}.page-hero{padding-top:calc(var(--header-h) + 3.5rem);text-align:center;padding-bottom:2.5rem}.page-hero h1{letter-spacing:-.02em;color:var(--text);margin-bottom:.75rem;font-size:clamp(1.875rem,5vw,2.625rem);font-weight:800}.page-hero-sub{color:var(--text-secondary);font-size:.9375rem}.page-content{padding-bottom:5.5rem}.page-text{color:var(--text-secondary);max-width:660px;margin:0 auto;font-size:.9375rem;line-height:1.8}.page-text p{margin-bottom:1.125rem}.credits-section{margin-bottom:2rem}.credits-section h3{color:var(--text);margin-bottom:.5rem;font-size:.9375rem;font-weight:650}.credits-section p{color:var(--text-secondary);line-height:1.7}.credits-divider{background:var(--border-strong);border:none;width:56px;height:1px;margin:2rem auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.55s forwards fadeInUp}.fade-in-d1{animation-delay:80ms}.fade-in-d2{animation-delay:.16s}.fade-in-d3{animation-delay:.24s}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(14px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width>=768px){.nav-desktop{gap:.25rem;display:flex}.menu-toggle{display:none}.header-inner{height:64px}.hero-buttons{flex-direction:row;justify-content:center}.hero-buttons .btn{width:auto}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.connect-grid{grid-template-columns:repeat(3,1fr);max-width:660px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}.card{padding:2rem}}@media (width>=1024px){.container{padding:0 2rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}::selection{color:#fff;background:#2b6bff4d}