:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecfeff;background:#05070d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #05070d;--panel: rgba(8, 15, 27, .86);--panel-strong: rgba(12, 22, 38, .94);--line: rgba(49, 231, 255, .22);--cyan: #31e7ff;--brand-blue: #1f6fbf;--brand-blue-bright: #2d9cff;--silver: #b8c4cc;--green: #3dff9e;--text: #ecfeff;--muted: #a8bfcc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 16%,rgba(45,156,255,.18),transparent 26rem),radial-gradient(circle at 78% 8%,rgba(49,231,255,.16),transparent 30rem),radial-gradient(circle at 60% 92%,rgba(61,255,158,.08),transparent 28rem),linear-gradient(135deg,#05070d,#07101d 46%,#100716)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(122deg,transparent 0 22%,rgba(49,231,255,.16) 22.08%,transparent 22.22% 58%,rgba(45,156,255,.12) 58.08%,transparent 58.24%),linear-gradient(28deg,transparent 0 34%,rgba(61,255,158,.08) 34.08%,transparent 34.22% 74%,rgba(49,231,255,.1) 74.08%,transparent 74.22%),radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.28) 100%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;background-image:linear-gradient(90deg,transparent 0 16px,rgba(49,231,255,.18) 16px 17px,transparent 17px 130px),linear-gradient(90deg,transparent 0 72px,rgba(45,156,255,.14) 72px 73px,transparent 73px 190px);background-size:260px 100%,380px 100%;transform:skewY(-12deg) translateY(-8%)}button,a{font:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;overflow-x:hidden}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px clamp(18px,4vw,56px);border-bottom:1px solid var(--line);background:#05070dd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 46px #00000057}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;border:0;background:transparent;color:var(--text);cursor:pointer;font-weight:900}.brand img{width:44px;height:44px;object-fit:contain;padding:0;border:0;background:transparent;box-shadow:none}.brand span{white-space:nowrap}.nav{display:flex;align-items:center;gap:8px}.nav a{min-height:42px;padding:11px 14px;border-radius:6px;color:var(--muted);font-weight:850}.nav a:hover{background:#31e7ff1a;color:var(--cyan);box-shadow:inset 0 0 0 1px #31e7ff3d}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid rgba(49,231,255,.35);border-radius:8px;background:#080f1beb;color:var(--cyan);cursor:pointer}.menu-button{display:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(30px,6vw,72px);align-items:center;min-height:calc(100vh - 76px);padding:clamp(34px,6vw,76px) clamp(18px,5vw,72px) clamp(26px,5vw,52px)}.hero:after,.project-hero:after,.development:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(45,156,255,.24);width:min(28vw,280px);height:min(28vw,280px);right:-90px;top:12%;transform:rotate(45deg);box-shadow:0 0 38px #2d9cff1f}.hero-copy,.project-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--green);font-size:.82rem;font-weight:950;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 18px rgba(61,255,158,.42)}h1,h2,h3,p{margin:0}h1{max-width:900px;color:var(--text);font-size:clamp(2.9rem,6.8vw,5.4rem);line-height:.9;letter-spacing:0;text-shadow:3px 0 0 rgba(184,196,204,.34),-3px 0 0 rgba(49,231,255,.26),0 0 34px rgba(49,231,255,.22)}h2{max-width:830px;color:var(--text);font-size:clamp(1.9rem,4vw,3.4rem);line-height:1;letter-spacing:0}h3{color:var(--text);font-size:1.45rem;letter-spacing:0}.lead{max-width:720px;color:#d5e8ee;font-size:clamp(1.08rem,2vw,1.42rem);line-height:1.62}.hero-actions,.project-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary-action,.secondary-action,.project-button,.back-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:6px;border:1px solid transparent;padding:13px 18px;font-weight:950;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.primary-action{border-color:#2d9cff94;background:linear-gradient(135deg,#164f91,#1f6fbf 48%,#b8c4cc 140%);color:#fff;box-shadow:0 0 0 1px #2d9cff38,0 18px 48px #2d9cff47}.secondary-action,.back-button{border-color:#31e7ff6b;background:#080f1bc7;color:var(--text);box-shadow:inset 0 0 0 1px #31e7ff14,0 12px 34px #0000003d}.primary-action:hover,.secondary-action:hover,.project-button:hover,.back-button:hover{transform:translateY(-2px);box-shadow:0 0 24px #31e7ff3d,0 18px 48px #2d9cff38}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:820px}.metric-grid div,.hosting-panel,.feature-list,.project-card,.highlight-strip div,.contact{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 70px #00000047,inset 0 0 0 1px #ffffff06}.metric-grid div{min-height:106px;padding:18px}.metric-grid strong{display:block;margin-bottom:7px;color:var(--cyan);font-size:1.05rem;text-shadow:0 0 16px rgba(49,231,255,.36)}.metric-grid span{color:var(--muted);line-height:1.35}.hero-visual{position:relative;min-height:560px;border:1px solid rgba(49,231,255,.35);border-radius:8px;overflow:hidden;background:#101820;box-shadow:0 32px 90px #0000007a,0 0 38px #31e7ff2e}.hero-visual:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(49,231,255,.22),transparent 30%,rgba(45,156,255,.16));mix-blend-mode:screen}.portrait{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:50% 44%;display:block;filter:contrast(1.06) saturate(1.08)}.hero-badge{position:absolute;right:18px;bottom:18px;left:18px;z-index:2;display:flex;align-items:center;gap:12px;border:1px solid rgba(61,255,158,.34);border-radius:8px;padding:15px;background:#05070dcc;color:var(--text);font-weight:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 28px #3dff9e24}.section{position:relative;padding:clamp(58px,9vw,110px) clamp(18px,5vw,72px)}.section-heading{display:flex;flex-direction:column;gap:14px;margin-bottom:34px}.section-heading.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);gap:28px;align-items:end}.section-heading p{color:var(--muted);font-size:1.06rem;line-height:1.55}.hosting-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:18px}.hosting-panel{padding:clamp(24px,4vw,44px)}.hosting-panel p{color:#d5e8ee;font-size:1.08rem;line-height:1.72}.hosting-panel p+p{margin-top:16px}.feature-list{display:grid;gap:12px;padding:20px}.feature-row{display:flex;align-items:flex-start;gap:12px;min-height:58px;padding:14px;border:1px solid rgba(61,255,158,.16);border-radius:8px;background:#3dff9e0f;color:#d5e8ee;font-weight:800;line-height:1.35}.feature-row svg,.highlight-strip svg{flex:0 0 auto;color:var(--green)}.development{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(45,156,255,.09),transparent 34%),linear-gradient(240deg,rgba(49,231,255,.1),transparent 38%),#070b14;color:var(--text)}.development .section-heading h2{color:var(--text)}.development .section-heading p,.development .eyebrow{color:#bdfcff}.project-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.project-card{display:flex;flex-direction:column;overflow:hidden;background:var(--panel-strong);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover{transform:translateY(-5px);border-color:#2d9cff8a;box-shadow:0 32px 82px #0000006b,0 0 30px #2d9cff29}.project-card img{width:100%;height:230px;object-fit:contain;object-position:center;display:block;padding:14px;background:#07111f;filter:saturate(1.08) contrast(1.05)}.project-card-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px}.project-card-body span{color:var(--green);font-size:.8rem;font-weight:950;text-transform:uppercase}.project-card-body h3{color:var(--text)}.project-card-body p{flex:1;color:var(--muted);line-height:1.5}.project-button{width:100%;margin-top:6px;border-color:#31e7ff5c;background:#31e7ff1f;color:var(--cyan)}.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);gap:28px;align-items:center;margin:clamp(58px,9vw,110px) clamp(18px,5vw,72px);padding:clamp(26px,4vw,46px)}.contact.compact{margin-top:48px}.contact h2{max-width:720px;margin-top:12px;font-size:clamp(2rem,4vw,3.4rem)}.contact p{max-width:650px;margin-top:14px;color:var(--muted);line-height:1.6}.contact-actions{justify-content:flex-start}.location{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.project-page{padding-bottom:1px}.project-hero{position:relative;overflow:hidden;padding:clamp(24px,5vw,56px) clamp(18px,5vw,72px) clamp(32px,6vw,72px)}.back-button{margin-bottom:24px}.project-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.85fr);gap:clamp(24px,5vw,60px);align-items:center}.project-hero-copy h1{font-size:clamp(2.7rem,5.8vw,4.7rem)}.project-hero-copy p{color:#d5e8ee;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.78}.project-cover{width:100%;height:clamp(280px,38vw,520px);border:1px solid rgba(49,231,255,.35);border-radius:8px;object-fit:contain;object-position:center;padding:14px;background:#07111f;box-shadow:0 32px 80px #0000005c,0 0 34px #31e7ff24}.project-detail-section{padding:0 clamp(18px,5vw,72px) clamp(40px,7vw,82px)}.highlight-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.highlight-strip div{display:flex;align-items:center;gap:10px;min-height:70px;padding:16px;color:#d5e8ee;font-weight:850}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.gallery-item{width:100%;min-height:0;margin:0;padding:0;overflow:hidden;border:1px solid rgba(49,231,255,.25);border-radius:8px;background:#070b14;box-shadow:0 18px 46px #00000057;cursor:zoom-in;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.gallery-item:hover{transform:translateY(-3px);border-color:#2d9cff80;box-shadow:0 20px 52px #0000005c,0 0 24px #2d9cff29}.gallery-item img{width:100%;height:260px;object-fit:contain;display:block;background:#070b14}.image-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:clamp(16px,3vw,34px)}.modal-backdrop{position:absolute;inset:0;border:0;background:#020408e0;cursor:pointer}.modal-content{position:relative;z-index:1;width:min(1120px,94vw);max-height:90vh;border:1px solid rgba(49,231,255,.38);border-radius:8px;background:#05070d;box-shadow:0 34px 100px #00000094,0 0 44px #31e7ff2e}.modal-content img{width:100%;max-height:90vh;object-fit:contain;display:block;border-radius:8px}.modal-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid rgba(45,156,255,.45);border-radius:8px;background:#05070de6;color:#fff;cursor:pointer}.whatsapp-icon{flex:0 0 auto;display:inline-block}.secondary-action .whatsapp-icon{color:#25d366}.primary-action .whatsapp-icon{color:#fff}@media(max-width:1120px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.project-hero-grid,.hosting-grid,.contact,.section-heading.split{grid-template-columns:1fr}.hero{min-height:auto}}@media(max-width:760px){.site-header{min-height:68px}.brand span{display:none}.menu-button{display:inline-grid}.nav{position:absolute;top:calc(100% + 8px);right:18px;left:18px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid rgba(49,231,255,.26);border-radius:8px;background:#05070df5;box-shadow:0 22px 55px #0000006b}.nav.open{display:flex}.nav a{width:100%}.hero{padding-top:34px}h1{font-size:clamp(2.5rem,12vw,3.7rem)}.project-hero-copy h1{font-size:clamp(2.3rem,11vw,3.5rem)}.metric-grid,.project-grid,.highlight-strip,.gallery{grid-template-columns:1fr}.hero-visual,.portrait{min-height:430px}.primary-action,.secondary-action,.project-actions .primary-action,.project-actions .secondary-action{width:100%}.project-card img{height:190px}.project-cover{height:280px}.gallery-item img{height:220px}}.hero-visual{min-height:610px;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;filter:drop-shadow(0 34px 80px rgba(0,0,0,.48)) drop-shadow(0 0 26px rgba(49,231,255,.18))}.hero-visual:before{inset:0;z-index:2;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:linear-gradient(135deg,rgba(49,231,255,.22),transparent 34%,rgba(45,156,255,.16))}.hero-visual:after{content:"";position:absolute;inset:6px -6px -6px 6px;z-index:0;pointer-events:none;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);border:1px solid rgba(49,231,255,.35);background:#31e7ff0a}.portrait{position:relative;z-index:1;min-height:610px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);object-position:52% 44%}.hero-badge{right:42px;bottom:58px;left:auto;width:fit-content;max-width:min(320px,calc(100% - 70px))}@media(max-width:760px){.hero-visual,.portrait{min-height:430px}.hero-visual:before,.hero-visual:after,.portrait{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.hero-badge{right:18px;bottom:18px;left:18px;width:auto;max-width:none}}