:root{--bg: #0a1628;--surface: #0f1f35;--card: #132847;--border: #1e4d6d;--accent: #00d9ff;--accent2: #00ff88;--text: #e8eaf0;--muted: #7a9fb5;--glow: rgba(0, 217, 255, .15);--glow-green: rgba(0, 255, 136, .15)}.portfolio-body{background:linear-gradient(135deg,var(--bg) 0%,#0d1f3c 50%,#0a2828 100%);color:var(--text);font-family:DM Sans,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}.portfolio-body:before{content:"";position:fixed;top:-30%;left:-20%;width:70vw;height:70vw;background:radial-gradient(circle,rgba(0,217,255,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.portfolio-body:after{content:"";position:fixed;bottom:-20%;right:-20%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(0,255,136,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.portfolio-container{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.portfolio-header{padding:60px 0 40px;border-bottom:1px solid var(--border);position:relative;z-index:1}.header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.logo-eyebrow{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;opacity:0;animation:fadeUp .6s .1s forwards}.logo-name{font-family:Syne,sans-serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:#fff;opacity:0;animation:fadeUp .6s .2s forwards}.logo-name span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-tagline{font-size:15px;color:var(--muted);margin-top:10px;max-width:380px;opacity:0;animation:fadeUp .6s .3s forwards}.header-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:0;animation:fadeUp .6s .4s forwards}.contact-link{display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s}.contact-link:hover{color:var(--accent)}.contact-link svg{width:14px;height:14px;opacity:.7}.cta-btn{display:inline-block;margin-top:8px;padding:10px 22px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#000;font-family:Syne,sans-serif;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s;cursor:pointer;border:none;box-shadow:0 0 20px #00d9ff4d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ff8880}.section-nav{display:flex;gap:4px;padding:20px 0;border-bottom:1px solid var(--border);position:relative;z-index:1;opacity:0;animation:fadeUp .6s .5s forwards}.nav-pill{padding:6px 16px;border-radius:2px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;border:1px solid transparent;cursor:pointer;background:none}.nav-pill:hover{color:var(--accent)}.nav-pill.active{background:var(--surface);background:linear-gradient(90deg,#00d9ff1a,#00ff881a);color:var(--accent);border-color:var(--border)}.portfolio-section{padding:80px 0;display:none}.portfolio-section.active{display:block}.section-title{font-family:Syne,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:40px;display:flex;align-items:center;gap:15px}.section-title:after{content:"";height:1px;flex-grow:1;background:linear-gradient(90deg,var(--border),transparent)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.work-card{background:var(--card);border:1px solid var(--border);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);cursor:pointer}.work-card.visible{opacity:1;transform:translateY(0)}.work-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 30px #00d9ff33}.card-media{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.card-media video{width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform .5s,opacity .3s}.work-card:hover .card-media video{transform:scale(1.05);opacity:.8}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a162833;transition:background .3s}.work-card:hover .play-overlay{background:#0a162800}.play-icon{width:48px;height:48px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 0 20px var(--glow);transition:transform .3s}.work-card:hover .play-icon{transform:scale(1.1);box-shadow:0 0 30px var(--glow-green)}.card-info{padding:20px}.card-meta{font-size:10px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin-bottom:6px;letter-spacing:.1em}.card-title{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:12px}.card-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:color .2s;cursor:pointer}.card-link:hover{color:var(--accent)}.card-link svg{width:12px;height:12px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.price-card{background:var(--card);border:1px solid var(--border);padding:40px;display:flex;flex-direction:column;transition:all .3s}.price-card:hover{border-color:var(--accent);box-shadow:0 10px 30px #00d9ff26;transform:translateY(-4px)}.price-header{margin-bottom:30px}.price-name{font-family:Syne,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.price-amount{font-family:Syne,sans-serif;font-size:48px;font-weight:800;color:#fff;line-height:1}.price-amount span{font-size:16px;color:var(--muted);font-weight:400}.price-features{list-style:none;margin-bottom:40px;flex-grow:1}.price-features li{font-size:14px;color:var(--text);padding:10px 0;border-bottom:1px solid rgba(0,217,255,.1);display:flex;align-items:center;gap:10px}.price-features li:before{content:"→";background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.tools-list{display:flex;flex-wrap:wrap;gap:12px}.tool-tag{background:var(--surface);border:1px solid var(--border);padding:8px 16px;font-size:13px;color:var(--text);border-radius:2px;transition:all .2s}.tool-tag:hover{border-color:var(--accent);color:var(--accent)}.portfolio-footer{padding:80px 0;border-top:1px solid var(--border);margin-top:40px;text-align:center}.footer-text{font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.video-modal{position:fixed;inset:0;background:#0a1628f2;z-index:1000;display:none;align-items:center;justify-content:center;padding:40px;backdrop-filter:blur(10px)}.video-modal.active{display:flex}.modal-content{width:100%;max-width:1000px;aspect-ratio:16/9;background:#000;box-shadow:0 0 50px #00d9ff4d;position:relative}.close-modal{position:absolute;top:-40px;right:0;color:#fff;background:none;border:none;font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em}.modal-video{width:100%;height:100%;border:none;display:block}@media(max-width:768px){.header-inner{flex-direction:column;align-items:flex-start}.header-contact{align-items:flex-start;margin-top:20px}}