*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#050d18;--panel:rgba(10,25,42,.82);--line:rgba(116,176,226,.13);--text:#f3f8fd;--muted:#91a7bb;--cyan:#25d7c3;--blue:#4da2ff}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
a{text-decoration:none;color:inherit}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(80,160,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(80,160,220,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.orb{position:fixed;width:350px;height:350px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.orb-a{background:var(--cyan);top:-150px;left:-150px}.orb-b{background:var(--blue);right:-180px;top:38%}
.page{width:min(720px,100%);margin:auto;padding:26px 17px 45px;position:relative}.hero{text-align:center;padding:5px 8px 22px}.logo-wrap{height:95px;display:flex;align-items:center;justify-content:center}.logo-wrap img{max-width:205px;max-height:95px;object-fit:contain}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(37,215,195,.2);background:rgba(37,215,195,.05);color:#8de9df;padding:7px 11px;border-radius:99px;font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:700}.status i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.8s infinite}h1{font-family:Montserrat,sans-serif;font-size:clamp(27px,7vw,38px);margin-top:13px;letter-spacing:-1px}h1 span{color:var(--cyan);font-size:.6em;vertical-align:top}.hero-text{font-size:15px;font-weight:700;margin-top:8px;color:#d8e7f3}.hero-sub{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.6}
.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{min-height:94px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,35,56,.9),rgba(7,19,33,.9));border-radius:17px;padding:15px;position:relative;overflow:hidden;transition:.25s}.quick:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--blue);filter:blur(35px);opacity:0;right:-25px;bottom:-25px;transition:.3s}.quick:hover{transform:translateY(-4px);border-color:rgba(77,162,255,.35);box-shadow:0 15px 40px rgba(0,0,0,.25)}.quick:hover:after{opacity:.18}.quick.whatsapp{border-color:rgba(37,215,195,.25)}.quick .ico{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.06);color:var(--cyan);font-size:17px;margin-bottom:10px}.quick .ico img{width:18px;height:18px;object-fit:contain}.quick b{display:block;font-size:12px}.quick small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.quick em{position:absolute;right:13px;top:14px;color:#7891a7;font-style:normal}
section{margin-top:32px}.section-title small,.portfolio small,.client small{color:var(--cyan);font-size:9px;letter-spacing:2px;font-weight:800}.section-title h2{font-family:Montserrat,sans-serif;font-size:21px;line-height:1.2;margin-top:5px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.service-grid a{display:flex;align-items:center;gap:10px;min-height:85px;padding:12px;border:1px solid var(--line);background:var(--panel);border-radius:14px;transition:.25s}.service-grid a:hover{transform:translateY(-3px);border-color:rgba(37,215,195,.3);background:rgba(14,35,55,.95)}.tech-icon{width:35px;height:35px;flex:none;border-radius:10px;display:grid;place-items:center;color:var(--cyan);background:linear-gradient(135deg,rgba(37,215,195,.12),rgba(77,162,255,.1));font-size:19px}.service-grid b{display:block;font-size:11px}.service-grid small{display:block;color:var(--muted);font-size:8.5px;margin-top:3px;line-height:1.35}.service-grid i{margin-left:auto;color:#668096;font-style:normal;font-size:13px}
.portfolio{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:20px;border-radius:18px;border:1px solid rgba(77,162,255,.22);background:linear-gradient(135deg,rgba(24,52,82,.95),rgba(8,23,40,.95));overflow:hidden}.portfolio:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.06) 50%,transparent 80%);transform:translateX(-100%);animation:shine 5s infinite}.portfolio-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(77,162,255,.12);color:var(--blue);font-size:23px}.portfolio h2,.client h2{font-family:Montserrat,sans-serif;font-size:17px;margin-top:3px}.portfolio p,.client p{font-size:10px;color:var(--muted);line-height:1.5;margin-top:4px}.download,.client>a{position:relative;z-index:1;background:var(--cyan);color:#06221f;border-radius:11px;padding:11px 13px;font-weight:800;font-size:10px;white-space:nowrap}.download span,.client>a span{margin-left:5px}.file-note{display:none!important}
.client{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:20px;border:1px solid rgba(37,215,195,.16);background:rgba(12,34,49,.8);border-radius:18px}.client-icon{width:39px;height:39px;border-radius:12px;background:rgba(37,215,195,.1);color:var(--cyan);display:grid;place-items:center;font-size:22px}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.social-grid a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);padding:14px;border-radius:13px;font-size:12px}.social-grid span{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.06);display:grid;place-items:center;font-size:17px;font-weight:800}.social-grid i{margin-left:auto;color:#7891a7;font-style:normal}.contact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;display:grid;gap:15px}.contact>a,.contact>div{display:flex;gap:11px;align-items:center}.contact>*>span{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.05);display:grid;place-items:center;color:var(--cyan)}.contact>*>span img{width:19px;height:19px;object-fit:contain}.contact small{display:block;color:var(--muted);font-size:9px;margin-bottom:2px}.contact b{font-size:11px;word-break:break-word}footer{text-align:center;padding-top:28px;color:var(--muted)}footer img{width:135px;max-height:55px;object-fit:contain}footer p{font-size:10px;margin:6px 0 8px}footer small{font-size:8px}.floating{position:fixed;right:max(16px,calc((100vw - 720px)/2 + 3px));bottom:17px;width:56px;height:56px;border-radius:50%;background:var(--cyan);color:#05241f;display:grid;place-items:center;font-size:23px;box-shadow:0 10px 35px rgba(0,0,0,.4),0 0 25px rgba(37,215,195,.18);z-index:20;animation:float 3s ease-in-out infinite}.floating img{width:31px;height:31px;object-fit:contain}
.reveal{opacity:0;transform:translateY(16px);animation:appear .7s ease forwards}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.32s}
@keyframes appear{to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.4;transform:scale(.7)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes shine{45%,100%{transform:translateX(100%)}}@media(max-width:560px){.page{padding:20px 13px 40px}.portfolio{grid-template-columns:auto 1fr}.download{grid-column:1/-1;text-align:center}.client{grid-template-columns:auto 1fr}.client>a{grid-column:1/-1;text-align:center}.service-grid{gap:8px}.service-grid a{min-height:90px;padding:11px}.floating{right:15px}}
@media(max-width:390px){.quick-links{gap:8px}.quick{padding:12px}.hero-sub{font-size:10px}}