/* Global styles (same visual as draft) */
:root{--bg:#0b1116;--panel:#0f1620;--elev:#111927;--text:#e6edf3;--muted:#9fb3c8;--brand:#1f6feb;--brand-2:#7aa2f7;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.35);--maxw:1200px}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{width:min(100% - 32px,var(--maxw));margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:none;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}.btn.secondary{background:#1b2331;border:1px solid #243044;color:var(--text);box-shadow:none}
header{position:sticky;top:0;z-index:50;background:rgba(11,17,22,.65);backdrop-filter:blur(10px);border-bottom:1px solid #182331}.nav{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}.brand img{width:160px;height:auto}
nav ul{list-style:none;display:flex;gap:1rem;padding:0;margin:0}nav a{padding:.6rem .8rem;border-radius:10px;color:var(--muted)}nav a:hover{background:#0f1d31;color:var(--text);text-decoration:none}.menu-toggle{display:none;background:none;border:1px solid #243044;color:var(--text);border-radius:10px;padding:.55rem .7rem}
.hero{position:relative;isolation:isolate;background:radial-gradient(1200px 700px at 70% -10%,rgba(32,85,190,.35),transparent 60%),radial-gradient(1200px 700px at -10% 20%,rgba(34,131,230,.25),transparent 60%)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:2rem 0 3rem}.hero h1{font-size:clamp(2rem,3.5vw + 1rem,3.4rem);line-height:1.05;margin:.2rem 0 .8rem}.hero p{color:var(--muted)}.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.hero-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #1b2a42}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.6rem 0 2.4rem}.trust .card{background:var(--panel);border:1px solid #1b2a42;border-radius:var(--radius);padding:1rem;text-align:center}.trust .big{font-weight:800;font-size:1.4rem}
section{padding:3.2rem 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.2rem}.section-title h2{margin:0;font-size:clamp(1.6rem,2.2vw + .8rem,2.2rem)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--panel);border:1px solid #1b2a42;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card img{aspect-ratio:16/9;object-fit:cover}.card .body{padding:1rem;display:grid;gap:.6rem}.card .actions{margin-top:auto;padding:1rem;display:flex;gap:.6rem}
.ba{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid #1b2a42;background:#0c131e}.ba .after{position:absolute;inset:0;width:var(--pos,50%);overflow:hidden}.ba input[type="range"]{position:absolute;left:0;right:0;bottom:12px;width:96%;margin:0 2%}.ba .label{position:absolute;top:12px;padding:.3rem .55rem;border-radius:8px;font-weight:600;background:rgba(0,0,0,.5);border:1px solid #1b2a42;color:#fff;font-size:.9rem}.ba .label.before{left:12px}.ba .label.after{right:12px}
.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project{background:var(--panel);border:1px solid #1b2a42;border-radius:var(--radius);padding:1rem;display:grid;gap:.8rem}.meta{color:var(--muted);font-size:.95rem}
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:min(100%,340px);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem}.scroller>.tcard{scroll-snap-align:start}.tcard{background:var(--panel);border:1px solid #1b2a42;border-radius:var(--radius);padding:1rem;display:grid;gap:.6rem}.tcard img{width:64px;height:64px;border-radius:50%;border:2px solid #22324a}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step{background:var(--panel);border:1px solid #1b2a42;border-radius:var(--radius);padding:1rem}.num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#17253a;color:#7aa2f7;font-weight:800}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}form{display:grid;gap:.8rem}input,textarea{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid #233349;background:#0c131e;color:#e6edf3}textarea{min-height:140px;resize:vertical}.info{display:grid;gap:.6rem;background:var(--panel);border:1px solid #1b2a42;border-radius:var(--radius);padding:1rem}
footer{margin-top:2rem;padding:2rem 0 3rem;border-top:1px solid #182331;background:#0c131e}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.copy{color:#9fb3c8;font-size:.95rem}
.sticky-bar{position:fixed;bottom:0;left:0;right:0;display:none;background:rgba(12,19,30,.9);border-top:1px solid #182331;padding:.6rem;gap:.6rem;z-index:60}.sticky-bar .btn{flex:1;justify-content:center}
.page-hero{background:#0c131e;padding:2rem 0;border-bottom:1px solid #182331}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;border-bottom:1px solid #182331;text-align:left}.badge{display:inline-block;padding:.25rem .55rem;border:1px solid #22324a;border-radius:999px;color:#9fb3c8;font-size:.85rem}
@media (max-width:1000px){.hero-inner{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.portfolio{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.sticky-bar{display:grid;grid-template-columns:1fr 1fr}nav ul{display:none}.menu-toggle{display:inline-flex}nav.open ul{display:grid;gap:.4rem;padding:.6rem;background:#0c131e;border:1px solid #182331;border-radius:12px;position:absolute;right:1rem;top:64px;width:min(86vw,420px)}}