:root{
  --bg:#080808;--surface:#101010;--card:#171717;--card-2:#1d1d1d;--border:#282828;
  --text:#f3f3f3;--muted:#9a9a9a;--dim:#666;--accent:#a6e22e;--danger:#ff6b6b;--whatsapp:#25D366;
  --font-display:'Syne',sans-serif;--font-body:'DM Sans',sans-serif;--radius:18px;--max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6}
img,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.site-header,.footer{max-width:var(--max);margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,8,8,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{font-family:var(--font-display);font-weight:800;font-size:20px}.brand span{color:var(--accent)}
.nav{display:flex;gap:24px;color:var(--muted);font-size:14px;align-items:center}.nav a:hover,.footer a:hover{color:var(--accent)}
.nav-toggle{display:none;flex-direction:column;gap:4px;background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:9px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--text);border-radius:999px;transition:.2s}
.language-link{border:1px solid var(--border);border-radius:999px;padding:5px 10px;color:var(--text)}
.section{max-width:var(--max);margin:auto;padding:104px 24px}.compact{padding-top:76px;padding-bottom:76px}
.hero{min-height:82vh;display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}
.hero h1,.section h2,.login-card h1,.app-header h1{font-family:var(--font-display);line-height:1.08;margin:0}
.hero h1{font-size:clamp(42px,7vw,82px);letter-spacing:-.04em}.section h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.03em}
.lead{font-size:18px;color:var(--muted);max-width:690px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.hero-badge{display:inline-flex;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;border:1px solid rgba(166,226,46,.25);border-radius:999px;padding:7px 12px;margin:0 0 18px}.muted{color:var(--muted)}.small{font-size:13px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.centered{justify-content:center}.button{border:1px solid var(--border);border-radius:999px;padding:12px 20px;background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.button.primary{background:var(--accent);color:#080808;border-color:var(--accent);font-weight:800}.button.secondary:hover,.button:hover{border-color:var(--accent);color:var(--accent)}.button.ghost{color:var(--muted);background:transparent}.button.full{width:100%}
.hero-card,.card,.panel,.mini-card,.login-card{background:linear-gradient(180deg,var(--card),#121212);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.24)}
.profile-card{display:grid;gap:18px}.profile-card p{color:var(--muted);margin:6px 0 0}.avatar{width:92px;height:92px;border-radius:50%;border:2px solid rgba(166,226,46,.45);object-fit:cover}.profile-links{display:flex;gap:10px;flex-wrap:wrap}.profile-links a{font-size:13px;border:1px solid var(--border);border-radius:999px;padding:7px 11px;color:var(--muted)}.profile-links a:hover{border-color:var(--accent);color:var(--accent)}
.grid{display:grid;gap:18px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.card h3,.mini-card strong{font-family:var(--font-display)}.card p,.mini-card p{color:var(--muted)}.mini-card span{color:var(--accent);font-weight:800;font-size:13px}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:24px;padding-bottom:24px}.proof-strip article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.proof-strip strong{display:block;font-family:var(--font-display);font-size:26px;color:var(--accent)}.proof-strip span{display:block;color:var(--muted);font-size:14px;margin-top:6px}
.service-card ul{padding-left:18px;color:var(--muted);margin-bottom:0}.service-card li{margin:6px 0}.case-grid{grid-template-columns:1.2fr .9fr .9fr}.case-card{position:relative}.featured-case{border-color:rgba(166,226,46,.38)}.case-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.case-label{display:inline-flex;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;border:1px solid rgba(166,226,46,.22);border-radius:999px;padding:5px 9px}.case-result{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.06);color:var(--text)}.result-list{display:grid;gap:8px;margin-top:18px}.result-list span{background:rgba(166,226,46,.08);border:1px solid rgba(166,226,46,.14);border-radius:12px;padding:9px 11px;color:var(--text);font-size:13px}
.stack-section{padding-top:48px}.stack-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.stack-chips span{border:1px solid rgba(166,226,46,.18);background:rgba(166,226,46,.07);color:var(--text);border-radius:999px;padding:9px 13px;font-size:13px;white-space:nowrap}.stack-chips span:hover{border-color:rgba(166,226,46,.45)}
.split{display:grid;grid-template-columns:1fr .75fr;gap:28px;align-items:center}.process-panel ol{padding-left:18px;margin:0}.process-panel li{margin:12px 0;color:var(--muted)}.process-panel strong{color:var(--text)}.contact{text-align:center;padding-bottom:120px}.contact .lead{margin-left:auto;margin-right:auto}.contact-cards{display:grid;gap:12px;max-width:680px;margin:28px auto 0;text-align:left}.contact-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 18px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.contact-card:hover{transform:translateY(-1px);border-color:rgba(166,226,46,.35);background:var(--card-2)}.contact-card-primary{border-color:rgba(37,211,102,.45);background:rgba(37,211,102,.08)}.contact-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);color:var(--accent);font-weight:800;flex-shrink:0}.contact-card strong{display:block}.contact-card span{display:block;color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--border);color:var(--dim);font-size:14px}.wa-bar{display:none}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%)}.form-stack{display:grid;gap:16px;margin:24px 0}.form-stack label{display:grid;gap:8px;color:var(--muted);font-size:14px}input,select,textarea{width:100%;background:#0d0d0d;border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column}.side-nav{display:grid;gap:8px;margin-top:34px}.side-nav button,.sidebar-footer button,.section-head button{background:transparent;border:1px solid transparent;color:var(--muted);text-align:left;border-radius:12px;padding:11px 12px;cursor:pointer}.side-nav button:hover,.side-nav button.active{background:rgba(166,226,46,.1);color:var(--accent);border-color:rgba(166,226,46,.18)}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.app-main{margin-left:250px;flex:1;padding:34px;max-width:1240px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.app-header h1{font-size:32px}.view{display:none}.view.active{display:block}.stats .card strong{display:block;font-family:var(--font-display);font-size:34px;color:var(--accent);line-height:1}.stats .card span{color:var(--muted);font-size:13px}.dashboard-grid{grid-template-columns:1fr 1fr;margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.section-head h2{font-family:var(--font-display);font-size:20px;margin:0}.section-head.wide{margin-top:8px}.stack-list{display:grid;gap:10px}.list-item{background:var(--card-2);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:12px}.list-item>div{flex:1}.badge{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 9px;background:rgba(166,226,46,.1);color:var(--accent);white-space:nowrap}.badge.high{background:rgba(255,107,107,.12);color:var(--danger)}.badge.medium{background:rgba(255,207,86,.12);color:#ffcf56}.inline-form{gap:10px;margin-bottom:18px}.inline-form:not(.hidden){display:grid}.task-form{grid-template-columns:minmax(220px,1.4fr) minmax(180px,.9fr) 120px 150px auto auto}.project-form{grid-template-columns:minmax(220px,1fr) 150px minmax(220px,1fr) auto auto}.form-actions{display:flex;gap:10px}.hidden{display:none!important}.table-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.task-row{display:grid;grid-template-columns:28px 32px minmax(240px,1fr) 110px 130px 70px 70px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:none}.done{text-decoration:line-through;color:var(--dim)}.task-row button,.note button,.project-card button{background:transparent;border:0;color:var(--muted);cursor:pointer}.task-row button:hover,.note button:hover,.project-card button:hover{color:var(--accent)}.task-row button[data-delete-task]:hover,.note button[data-delete-note]:hover,.project-card button[data-delete-project]:hover{color:var(--danger)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kanban-col{background:#0d0d0d;border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-height:250px}.kanban-col h3{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.project-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px}.project-card strong{display:block}.project-card p{color:var(--muted);font-size:14px}.linked-preview{background:rgba(166,226,46,.08);border:1px solid rgba(166,226,46,.16);border-radius:10px;padding:8px 10px}.progress{width:100%;height:7px;background:#0b0b0b;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin:9px 0}.progress span{display:block;height:100%;background:var(--accent);border-radius:999px}.note-form{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:18px}.note-form textarea,.note-form .form-actions{grid-column:1/-1}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.note{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;min-height:150px}.note p{color:var(--muted);white-space:pre-wrap}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.drag-handle{color:var(--dim);cursor:grab;user-select:none;font-weight:800}.draggable-item{transition:opacity .16s ease,transform .16s ease,border-color .16s ease}.draggable-item:hover{border-color:rgba(166,226,46,.32)}.draggable-item.dragging{opacity:.45;transform:scale(.99)}.drop-zone.drag-over{outline:2px dashed rgba(166,226,46,.55);outline-offset:4px}.empty-col{border:1px dashed var(--border);border-radius:12px;padding:12px;text-align:center}
@media(max-width:1100px){.cards-4{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.task-form,.project-form,.note-form{grid-template-columns:1fr 1fr}.task-form button,.project-form button,.note-form .form-actions{grid-column:auto}.kanban{grid-template-columns:1fr 1fr}.task-row{grid-template-columns:24px 28px 1fr 70px 70px}.task-row span:nth-child(4),.task-row span:nth-child(5){display:none}.case-grid{grid-template-columns:1fr 1fr}.featured-case{grid-column:1/-1}}
@media(max-width:900px){.hero,.split,.dashboard-grid,.proof-strip{grid-template-columns:1fr}.cards-3,.notes-grid{grid-template-columns:1fr 1fr}.sidebar{position:static;width:100%;border-right:0;border-bottom:1px solid var(--border)}.app-shell{display:block}.app-main{margin-left:0;padding:22px}.side-nav{grid-template-columns:repeat(4,1fr)}.app-header{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.site-header{padding:16px 18px}.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;gap:0;background:rgba(16,16,16,.98);border:1px solid var(--border);border-radius:16px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.nav-links.open{display:flex}.nav-links a{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px}.nav-links a:last-child{border-bottom:0}.hero{min-height:auto;padding-top:48px;padding-bottom:38px}.hero h1{font-size:38px;letter-spacing:-.035em}.lead{font-size:16px}.hero-card{padding:20px}.actions .button{width:100%;border-radius:14px;padding:14px 16px}.hero-ctas{display:grid;gap:10px}.proof-strip{display:flex;gap:0;overflow-x:auto;padding:8px 18px 16px;scrollbar-width:none}.proof-strip::-webkit-scrollbar{display:none}.proof-strip article{min-width:230px;border-radius:16px}.stack-section{overflow:hidden}.stack-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.stack-chips::-webkit-scrollbar{display:none}.stack-chips span{flex-shrink:0}.contact{padding-bottom:132px}.contact-cards{gap:10px}.contact-card{padding:15px;border-radius:14px}.wa-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:200;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(8,8,8,.88);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08)}.wa-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:14px;background:var(--whatsapp);color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(37,211,102,.28)}}
@media(max-width:620px){.site-header,.footer{align-items:flex-start;gap:16px}.footer{flex-direction:column;padding-bottom:110px}.nav{flex-wrap:wrap;gap:12px}.cards-3,.cards-4,.kanban,.notes-grid,.task-form,.project-form,.note-form,.case-grid{grid-template-columns:1fr}.section{padding-left:18px;padding-right:18px}.task-row{grid-template-columns:24px 28px 1fr}.task-row button{grid-column:auto;font-size:12px}.form-actions{flex-direction:column}}