:root{--bg:#050505;--bg-soft:#0d0d0d;--bg-panel:#121212cc;--panel:#ffffff06;--panel-strong:#ffffff0d;--line:#ffffff1a;--text:#f3f3f3;--muted:#b7b7b7;--accent:#efefef;--accent-2:#a0a0a0;--accent-3:#fff;--shadow:0 28px 90px #000c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #ffffff0d, transparent 26%), radial-gradient(circle at bottom right, #ffffff06, transparent 28%), var(--bg);color:var(--text);letter-spacing:-.02em;margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:24px 0 80px}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b0bb8;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;position:sticky;top:16px;box-shadow:0 18px 40px #00000038}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent-3), var(--accent-2));color:#080808;letter-spacing:.08em;border-radius:10px;place-items:center;width:42px;height:42px;font-size:.76rem;font-weight:800;display:grid}.nav{color:var(--muted);align-items:center;gap:24px;font-size:.8rem;display:inline-flex}.nav-button,.button-link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.nav-button{color:var(--muted);transition:color .2s}.nav-button:hover,.socials a:hover,.footer-actions a:hover{color:var(--text)}.nav-cta,.primary,.secondary{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.2rem;font-size:.78rem;transition:transform .2s,opacity .2s,border-color .2s;display:inline-flex}.nav-cta,.primary{background:linear-gradient(135deg, var(--accent-3), var(--accent-2));color:#090909;font-weight:700}.secondary{border:1px solid var(--line);color:var(--text);background:0 0}.nav-cta:hover,.primary:hover,.secondary:hover{transform:translateY(-1px)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px;min-height:720px;padding-top:26px;display:grid}.page-section{padding-top:90px}.page-header{margin-bottom:32px}.page-header h1{letter-spacing:-.07em;max-width:760px;margin:0;font-size:clamp(2.5rem,5vw,4rem);line-height:1.04}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.service-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.service-card{border:1px solid var(--line);background:#ffffff05;border-radius:20px;gap:14px;padding:24px 20px;transition:transform .35s,border-color .35s,box-shadow .35s;display:grid;position:relative;overflow:hidden}.service-card span{color:var(--accent);letter-spacing:.08em;font-weight:700}.service-card p{color:var(--text);margin:0;font-size:1.08rem}.page-panel,.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.page-panel p,.contact-card p,.timeline-content p{color:var(--muted);margin:0;line-height:1.8}.page-actions{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.timeline{gap:18px;display:grid}.timeline-item{border-top:1px solid var(--line);grid-template-columns:160px 1fr;gap:22px;padding-top:22px;display:grid}.timeline-content{gap:12px;display:grid}.dedicated-projects{margin-top:10px}.single-project{border-top:1px solid var(--line);padding-top:26px}.contact-page{gap:28px;display:grid}.contact-card{gap:20px;display:grid}.contact-intro{gap:14px;display:grid}.contact-intro p{color:var(--muted);margin:0;line-height:1.75}.contact-card>a,.contact-intro a{letter-spacing:-.05em;font-size:clamp(1.6rem,3vw,2.8rem)}.eyebrow,.section-label{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin:0 0 18px;font-size:.64rem;font-weight:500;transform:translateY(8px)}.hero-copy h1{letter-spacing:-.09em;max-width:700px;margin:0;font-size:clamp(3.8rem,7vw,6.3rem);font-weight:700;line-height:.92}.hero-copy h1 span{color:var(--accent)}.lead{max-width:610px;color:var(--muted);margin-top:26px;font-size:1.12rem;font-weight:400;line-height:1.8}.cta-row{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.mini-points{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:12px;margin:26px 0 0;padding:0;font-size:.76rem;list-style:none;display:flex}.mini-points li{border:1px solid var(--line);background:#94a3b80a;border-radius:999px;padding:.7rem .9rem}.hero-visual{justify-content:center;align-items:center;display:flex}.visual-card{width:min(430px,100%);box-shadow:var(--shadow);background:linear-gradient(#161616e6,#0a0a0a99);border:1px solid #ffffff14;border-radius:26px;padding:22px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.visual-card:before,.stat-item:before,.service-card:before,.project-item:before,.experience-item:before,.contact-card:before,.socials a:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #fff3, transparent 28%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:-20%}.visual-card:hover,.stat-item:hover,.service-card:hover,.project-item:hover,.experience-item:hover,.contact-card:hover,.socials a:hover{border-color:#ffffff38;transform:translateY(-8px);box-shadow:0 18px 40px #ffffff0d,0 24px 60px #000000b3}.visual-card:hover:before,.stat-item:hover:before,.service-card:hover:before,.project-item:hover:before,.experience-item:hover:before,.contact-card:hover:before,.socials a:hover:before{opacity:1}.visual-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.label,.meta-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.dot{background:var(--accent-3);border-radius:50%;width:12px;height:12px;box-shadow:0 0 18px #ffffffb3}.visual-window{background:linear-gradient(160deg,#1e293bcc,#0f172a33);border:1px solid #94a3b824;border-radius:22px;height:290px;position:relative;overflow:hidden}.screen-glow{filter:blur(14px);opacity:.9;border-radius:50%;position:absolute}.screen-one{background:#ffffff24;width:190px;height:190px;top:30px;left:38px}.screen-two{background:#ffffff14;width:220px;height:220px;bottom:-20px;right:28px}.screen-lines{background:linear-gradient(#ffffff0a,#ffffff03),repeating-linear-gradient(90deg,#ffffff0a,#ffffff0a 1px,#0000 1px 34px);border:1px solid #94a3b81a;border-radius:18px;position:absolute;inset:20px}.visual-meta{justify-content:space-between;align-items:end;margin-top:18px;display:flex}.visual-meta strong{letter-spacing:-.04em;margin-top:8px;font-size:1.2rem;display:block}.meta-year{color:var(--accent);font-weight:700}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.stat-item{border:1px solid var(--line);background:#94a3b80a;border-radius:18px;gap:8px;padding:26px 22px;transition:transform .35s,border-color .35s,box-shadow .35s;display:grid;position:relative;overflow:hidden}.stat-item strong{letter-spacing:-.06em;font-size:clamp(2.1rem,4vw,3rem)}.stat-item span{color:var(--muted);font-size:.82rem}.section-block{padding-top:132px}.about,.experience,.work{gap:28px;display:grid}.about-content{grid-template-columns:.9fr 1.1fr;align-items:start;gap:30px;display:grid}.about-content h2,.section-header h2,.footer-copy h2{letter-spacing:-.06em;max-width:720px;margin:0;font-size:clamp(2.4rem,4vw,4rem);line-height:1.04}.about-copy{gap:18px;display:grid}.about-premium-layout{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.about-panel{align-items:center;min-height:220px;display:flex}.value-list{color:var(--text);gap:14px;margin:0;padding:0;list-style:none;display:grid}.value-list li{color:var(--muted);padding-left:18px;line-height:1.7;position:relative}.value-list li:before{content:"";background:#fffc;border-radius:50%;width:8px;height:8px;position:absolute;top:.78em;left:0}.about-copy p,.experience-item p,.project-item p{color:var(--muted);margin:0;line-height:1.8}.experience-list{gap:18px;display:grid}.experience-item{border-top:1px solid var(--line);grid-template-columns:160px 1fr;gap:22px;padding:22px 0;transition:transform .35s,border-color .35s,box-shadow .35s;display:grid;position:relative;overflow:hidden}.experience-period{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.experience-body{gap:14px;display:grid}.experience-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.experience-header h3{letter-spacing:-.04em;margin:0;font-size:1.4rem}.experience-header span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.section-header{justify-content:space-between;align-items:end;gap:20px;display:flex}.project-list{gap:22px;display:grid}.project-item{border:1px solid var(--line);background:#ffffff04;border-radius:24px;grid-template-columns:260px 1fr;align-items:center;gap:24px;padding:22px 18px;transition:transform .35s,border-color .35s,box-shadow .35s;display:grid;position:relative;overflow:hidden}.project-card-link{z-index:2;text-decoration:none;position:absolute;inset:0}.project-item :not(.project-card-link){z-index:1;position:relative}.project-item:hover{border-color:#ffffff3d;transform:translateY(-2px);box-shadow:0 18px 45px #0000002e}.project-visual{background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:190px;padding:16px;display:flex;position:relative;overflow:hidden}.project-visual:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff38, transparent 34%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.project-item:hover .project-visual:before{opacity:1}.project-visual-tks{background:linear-gradient(135deg,#ffffff1f,#ffffff05)}.project-visual-ops{background:linear-gradient(135deg,#b4b4b426,#ffffff08)}.project-visual-launch{background:linear-gradient(135deg,#e6e6e61a,#ffffff05)}.project-thumb-top{letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7;justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.thumb-window{grid-template-columns:1.8fr 1fr;align-content:start;gap:10px;height:118px;display:grid}.thumb-bar{background:#fff3;border-radius:999px;grid-column:1/-1;height:8px}.thumb-panel{background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;display:block}.thumb-panel-a{background:linear-gradient(#ffffff24,#ffffff0a);min-height:86px}.thumb-panel-b{background:linear-gradient(#ffffff1a,#ffffff08);min-height:86px}.thumb-panel-c{background:linear-gradient(90deg,#ffffff2e,#ffffff0f);grid-column:1/-1;min-height:34px}.project-number{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.76rem;font-weight:700}.project-info{padding:6px 8px 6px 0}.project-topline{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.project-arrow{color:var(--text);font-size:1.4rem;text-decoration:none}.project-item h3{letter-spacing:-.06em;margin:18px 0 10px;font-size:clamp(2rem,3vw,2.9rem)}.project-item ul{flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:flex}.project-item li{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#ffffff04;border-radius:999px;padding:.68rem .82rem;font-size:.7rem}.single-project{grid-template-columns:260px 1fr}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;margin-top:120px;padding-top:40px;display:flex}.footer-copy{max-width:620px}.footer-actions{justify-items:end;gap:18px;display:grid}.footer-actions>a{letter-spacing:-.04em;font-size:clamp(1.2rem,2vw,2rem);font-weight:600}.socials{flex-wrap:wrap;gap:12px;display:flex}.contact-socials{margin-top:4px}.socials a{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:.75rem 1rem;font-size:.72rem;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.brand-spotlight{border:1px solid var(--line);background:linear-gradient(#ffffff09,#ffffff03);border-radius:26px;gap:24px;margin:90px auto 0;padding:30px 28px;display:grid;box-shadow:inset 0 1px #ffffff05}.brand-spotlight-copy{gap:12px;display:grid}.brand-spotlight-copy h2{letter-spacing:-.06em;max-width:760px;margin:0;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.04}.brand-pill-grid{flex-wrap:wrap;gap:10px;display:flex}.brand-pill-grid span{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#ffffff05;border-radius:999px;padding:.7rem .9rem;font-size:.7rem}.follow-block{text-align:center;justify-items:center;gap:12px;margin:40px auto 12px;display:grid}.follow-block-home{padding-bottom:8px}.follow-block h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:1.04}.social-button-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.social-button{color:#0c0c0c;filter:grayscale()contrast(1.05);background:#f3f3f3;border-radius:14px;place-items:center;width:70px;height:70px;transition:transform .25s,box-shadow .25s,filter .25s;display:grid;box-shadow:0 8px 16px #ffffff0d}.social-button-grid{gap:14px}.social-button-whatsapp{box-shadow:none;color:#0c0c0c;background:#fff;border-radius:14px}.social-button svg{width:32px;height:32px;display:block}.social-button-whatsapp svg{width:36px;height:36px}.social-button:hover{filter:brightness(1.02);transform:translateY(-3px);box-shadow:0 12px 22px #ffffff1a}.email-link{color:#f3f3f3;letter-spacing:-.02em;margin-top:4px;font-size:1.05rem;font-weight:500;display:inline-block}.cta-copy{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.7}.cta-list{color:var(--muted);gap:8px;margin:0;padding-left:18px;line-height:1.8;display:grid}@media (width<=980px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.about-content,.footer{grid-template-columns:1fr;display:grid}.footer-actions{justify-items:start}.section-header{align-items:start;display:grid}}@media (width<=720px){.page-shell{width:min(100% - 20px,1120px)}.topbar{flex-wrap:wrap;justify-content:center}.nav{flex-wrap:wrap;justify-content:center;gap:12px 18px;width:100%}.hero{min-height:auto;padding-top:32px}.stats,.service-list,.page-grid,.experience-item,.project-item{grid-template-columns:1fr}.experience-header{flex-direction:column;align-items:flex-start}.footer{margin-top:80px}}