:root{--purple:#7c3aed;--purple-light:#a855f7;--purple-glow:#9d4edd28;--purple-dim:#4c1d95;--black:#050508;--black-2:#0d0d14;--black-3:#12121c;--black-4:#1a1a28;--white:#f0eeff;--muted:#8880aa;--border:#1e1e30;}
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{scroll-behavior:smooth;}
    body{background:var(--black);color:var(--white);font-family:'DM Sans',sans-serif;font-weight:300;overflow-x:hidden;}
    body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.45;}

    /* NAV */
    nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1rem 5%;background:rgba(5,5,8,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .3s;}
    .nav-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;}
    .nav-logo-img{width:32px;height:32px;border-radius:8px;object-fit:contain;display:block;flex-shrink:0;}
    .nav-logo-img-placeholder{width:32px;height:32px;border-radius:8px;background:var(--purple);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Syne',sans-serif;font-weight:800;font-size:.9rem;color:var(--white);}
    .nav-logo-text{font-family:'Syne',sans-serif;font-weight:800;font-size:1.45rem;color:var(--white);letter-spacing:-.04em;}
    .nav-logo-text span{color:var(--purple-light);}
    .nav-links{display:flex;gap:1.8rem;list-style:none;}
    .nav-links a{color:var(--muted);text-decoration:none;font-size:.87rem;font-weight:400;transition:color .2s;}
    .nav-links a:hover{color:var(--white);}
    .nav-right{display:flex;align-items:center;gap:.75rem;}
    .nav-pill{color:var(--purple-light);text-decoration:none;font-size:.84rem;border:1px solid var(--purple-dim);padding:.48rem 1rem;border-radius:6px;transition:all .2s;}
    .nav-pill:hover{background:var(--purple-glow);border-color:var(--purple);}
    .nav-cta{background:var(--purple);color:var(--white);padding:.6rem 1.4rem;border-radius:6px;font-family:'DM Sans',sans-serif;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .2s,box-shadow .2s;}
    .nav-cta:hover{background:var(--purple-light);box-shadow:0 0 20px var(--purple-glow);}
    .nav-links a:hover { color: var(--white); }
    .nav-links a.active { color: var(--purple-light); }

    /* HERO */
    #hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10rem 5% 6rem;position:relative;overflow:hidden;}
    #hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.28;}
    #hero::after{content:'';position:absolute;top:0;left:0;width:750px;height:750px;background:radial-gradient(ellipse at 30% 40%,#7c3aed50 0%,transparent 65%);pointer-events:none;}
    .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--black-4);border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;font-size:.77rem;color:var(--purple-light);letter-spacing:.07em;text-transform:uppercase;margin-bottom:2rem;position:relative;z-index:1;animation:fadeUp .8s ease both;}
    .hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--purple-light);animation:pulse 1.6s ease infinite;}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
    h1.hero-title{font-family:'Syne',sans-serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;position:relative;z-index:1;animation:fadeUp .8s .15s ease both;}
    h1.hero-title .accent{color:var(--purple-light);}
    h1.hero-title .stroke{-webkit-text-stroke:2px var(--purple-light);color:transparent;}
    .hero-sub{max-width:520px;color:var(--muted);font-size:1.05rem;line-height:1.7;margin-top:1.8rem;position:relative;z-index:1;animation:fadeUp .8s .3s ease both;}
    .hero-actions{display:flex;gap:1rem;margin-top:2.5rem;position:relative;z-index:1;animation:fadeUp .8s .45s ease both;flex-wrap:wrap;}
    .btn-primary{background:var(--purple);color:var(--white);padding:.85rem 2rem;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;}
    .btn-primary:hover{background:var(--purple-light);box-shadow:0 0 30px #9d4edd50;transform:translateY(-2px);}
    .btn-secondary{background:transparent;color:var(--white);padding:.85rem 2rem;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;border:1px solid var(--border);transition:border-color .2s,transform .15s;}
    .btn-secondary:hover{border-color:var(--purple);transform:translateY(-2px);}
    .hero-stats{display:flex;gap:3rem;margin-top:4rem;position:relative;z-index:1;animation:fadeUp .8s .6s ease both;flex-wrap:wrap;}
    .stat-num{font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.04em;}
    .stat-num span{color:var(--purple-light);}
    .stat-label{color:var(--muted);font-size:.82rem;margin-top:.15rem;}
    @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

    .ticker-wrap{background:var(--purple-dim);overflow:hidden;padding:.9rem 0;border-top:1px solid #4c1d9555;border-bottom:1px solid #4c1d9555;}
    .ticker-track{display:flex;animation:ticker 30s linear infinite;white-space:nowrap;}
    .ticker-item{padding:0 2.4rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#c4b5fd;display:flex;align-items:center;gap:1.2rem;}
    .ticker-item::after{content:'◆';font-size:.5rem;color:var(--purple-light);}
    @keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

    section{padding:6rem 5%;}
    .section-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-light);margin-bottom:.75rem;font-weight:500;}
    .section-title{font-family:'Syne',sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--white);}
    .section-title .accent{color:var(--purple-light);}

    /* SERVICES */
    #services{background:var(--black-2);}
    .services-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;flex-wrap:wrap;gap:1.5rem;}
    .services-desc{max-width:380px;color:var(--muted);font-size:.93rem;line-height:1.7;}
    .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--border);border:1px solid var(--border);border-radius:18px;overflow:hidden;}
    .service-card{background:var(--black-2);padding:2.6rem;position:relative;transition:background .25s;overflow:hidden;text-decoration:none;color:inherit;display:block;}
    .service-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,var(--purple-glow),transparent 60%);opacity:0;transition:opacity .3s;}
    .service-card:hover{background:var(--black-3);}
    .service-card:hover::before{opacity:1;}
    .service-icon{width:52px;height:52px;border-radius:12px;background:var(--black-4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin-bottom:1.6rem;}
    .service-num{position:absolute;top:1.5rem;right:1.5rem;font-family:'Syne',sans-serif;font-size:.68rem;color:var(--border);letter-spacing:.1em;}
    .service-name{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.8rem;}
    .service-desc{color:var(--muted);font-size:.87rem;line-height:1.72;}
    .service-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem;}
    .service-tag{background:var(--black-4);border:1px solid var(--border);border-radius:4px;padding:.18rem .55rem;font-size:.7rem;color:var(--muted);}
    .service-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.4rem;font-size:.8rem;color:var(--purple-light);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;}
    .service-card:hover .service-link{opacity:1;transform:translateX(0);}

    /* FEATURED PROJECT & SLIDESHOW */
    #project{background:var(--black);position:relative;overflow:hidden;}
    #project::before{content:'';position:absolute;right:-200px;top:50%;transform:translateY(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#7c3aed20,transparent 70%);}
    .project-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
    .project-tag{display:inline-block;background:var(--purple-glow);border:1px solid var(--purple-dim);color:var(--purple-light);padding:.3rem .8rem;border-radius:4px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.2rem;}
    .project-desc{color:var(--muted);line-height:1.8;margin-top:1.2rem;font-size:.93rem;}
    .project-meta{margin-top:2rem;display:flex;flex-direction:column;gap:.85rem;}
    .meta-row{display:flex;align-items:flex-start;gap:1rem;font-size:.87rem;flex-wrap:wrap;}
    .meta-label{color:var(--muted);min-width:95px;flex-shrink:0;padding-top:.05rem;}
    .meta-val{color:var(--white);font-weight:500;}
    .meta-chip{background:var(--black-4);border:1px solid var(--border);border-radius:4px;padding:.2rem .6rem;font-size:.76rem;color:var(--purple-light);}
    
    .project-visual{position:relative;}
    .project-screen{background:#000;border:1px solid var(--border);border-radius:16px;overflow:hidden;aspect-ratio:16/9;position:relative;}
    
    .slideshow-container {position: relative;width: 100%;height: 100%;}
    .slide {position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.8s ease-in-out;z-index: 1;background:#000;}
    .slide.active {opacity: 1;z-index: 2;}
    .slide img {width: 100%;height: 100%;object-fit: contain;object-position: center;filter: brightness(0.9) contrast(1.1);}

    .slideshow-dots {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 5;}
    .dot {width: 6px;height: 6px;border-radius: 50%;background: rgba(255,255,255,0.2);transition: all 0.3s ease;}
    .dot.active {background: var(--purple-light);box-shadow: 0 0 10px var(--purple-glow);transform: scale(1.2);}

    .project-screen::after {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(124, 58, 237, 0.05), transparent 50%);pointer-events: none;z-index: 3;}
    .project-badge{position:absolute;bottom:-1rem;right:-1rem;background:var(--purple);color:var(--white);border-radius:12px;padding:1rem 1.2rem;font-size:.77rem;font-weight:500;line-height:1.5;box-shadow:0 0 30px #7c3aed44;z-index:10;}
    .project-view-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;background:transparent;color:var(--purple-light);text-decoration:none;font-size:.9rem;font-weight:500;border:1px solid var(--purple-dim);padding:.65rem 1.3rem;border-radius:8px;transition:all .2s;}
    .project-view-btn:hover{background:var(--purple-glow);border-color:var(--purple);}

    /* ABOUT TEASER */
    #about-teaser{background:var(--black-2);}
    .about-teaser-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:center;}
    .about-text .section-title{margin-bottom:1.4rem;}
    .about-body{color:var(--muted);font-size:.93rem;line-height:1.8;margin-bottom:1.3rem;}
    .about-body strong{color:var(--white);}
    .about-values-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.8rem;}
    .aval{background:var(--black-3);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;transition:border-color .2s;}
    .aval:hover{border-color:var(--purple-dim);}
    .aval-icon{font-size:1.1rem;margin-bottom:.4rem;}
    .aval-name{font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;margin-bottom:.25rem;}
    .aval-desc{color:var(--muted);font-size:.76rem;line-height:1.55;}
    .about-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.8rem;color:var(--purple-light);text-decoration:none;font-size:.9rem;font-weight:500;border-bottom:1px solid var(--purple-dim);padding-bottom:.25rem;transition:border-color .2s,gap .2s;}
    .about-cta:hover{border-color:var(--purple-light);gap:.75rem;}
    .about-visual-box{background:var(--black-3);border:1px solid var(--border);border-radius:20px;padding:3rem;position:relative;overflow:hidden;}
    .about-visual-box::before{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#7c3aed33,transparent 70%);}
    .avb-letter{font-family:'Syne',sans-serif;font-size:9rem;font-weight:800;line-height:1;-webkit-text-stroke:1.5px var(--border);color:transparent;user-select:none;}
    .avb-content{position:relative;z-index:1;margin-top:-2.5rem;}
    .avb-title{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:800;margin-bottom:.4rem;}
    .avb-sub{color:var(--muted);font-size:.86rem;}
    .avb-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.8rem;}
    .avb-tag{background:var(--black-4);border:1px solid var(--border);border-radius:6px;padding:.32rem .72rem;font-size:.78rem;color:var(--muted);transition:all .2s;}
    .avb-tag:hover{border-color:var(--purple);color:var(--white);}

    /* TEAM TEASER */
    #team-cta{background:var(--black);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
    .team-cta-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;}
    .team-avatars{display:flex;margin-top:1.8rem;}
    .team-avatar{width:48px;height:48px;border-radius:50%;background:var(--black-4);border:2px solid var(--black);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:.85rem;color:var(--purple-light);margin-left:-10px;transition:transform .2s;position:relative;}
    .team-avatar:first-child{margin-left:0;}
    .team-avatar:nth-child(1){background:#1e1030}.team-avatar:nth-child(2){background:#1a0f2e}.team-avatar:nth-child(3){background:#160d28}.team-avatar:nth-child(4){background:#120b22}.team-avatar:nth-child(5){background:#0e091c}.team-avatar:nth-child(6){background:#0a0716}
    .team-avatar:hover{transform:translateY(-6px);z-index:10;}
    .team-cta-text p{color:var(--muted);font-size:.93rem;line-height:1.7;margin-top:.75rem;}
    .team-avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
    .team-avatar {overflow: hidden;background: var(--black-4);}
    .btn-team{display:inline-flex;align-items:center;gap:.6rem;background:transparent;color:var(--white);border:1px solid var(--purple);padding:1rem 2rem;border-radius:10px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s;white-space:nowrap;}
    .btn-team:hover{background:var(--purple);box-shadow:0 0 28px var(--purple-glow);transform:translateY(-2px);}

    /* PARTNERS */
    #partners{background:var(--black-2);text-align:center;}
    .partners-row{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:3rem;}
    .partner-card{background:var(--black-3);border:1px solid var(--border);border-radius:12px;padding:1.4rem 2rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s,box-shadow .2s;}
    .partner-card:hover{border-color:var(--purple-dim);box-shadow:0 0 20px var(--purple-glow);}
    .partner-icon{font-size:1.6rem;}
    .partner-name{font-family:'Syne',sans-serif;font-weight:700;font-size:.92rem;}
    .partner-role{font-size:.74rem;color:var(--muted);margin-top:.2rem;}

    /* CONTACT CTA */
    #contact-cta{background:var(--black);position:relative;overflow:hidden;padding:7rem 5%;}
    #contact-cta::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:900px;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);}
    .contact-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
    .cta-left p{color:var(--muted);font-size:.93rem;line-height:1.78;margin-top:1rem;}
    .cta-quick-links{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;}
    .cta-link-row{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;background:var(--black-3);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s;}
    .cta-link-row:hover{border-color:var(--purple);transform:translateX(4px);}
    .cta-link-icon{width:36px;height:36px;border-radius:8px;background:var(--black-4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
    .cta-link-text{flex:1;}
    .cta-link-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
    .cta-link-val{font-size:.9rem;color:var(--white);}
    .cta-link-arrow{color:var(--muted);transition:transform .2s,color .2s;}
    .cta-link-row:hover .cta-link-arrow{transform:translateX(4px);color:var(--purple-light);}
    .cta-right{background:var(--black-2);border:1px solid var(--border);border-radius:20px;padding:3rem;text-align:center;position:relative;overflow:hidden;}
    .cta-right::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:300px;height:300px;background:radial-gradient(circle,#7c3aed28,transparent 65%);pointer-events:none;}
    .cta-right-emoji{font-size:3rem;display:block;margin-bottom:1.2rem;position:relative;z-index:1;}
    .cta-right-title{font-family:'Syne',sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem;position:relative;z-index:1;}
    .cta-right-title .accent{color:var(--purple-light);}
    .cta-right-sub{color:var(--muted);font-size:.88rem;line-height:1.7;margin-bottom:2rem;position:relative;z-index:1;}
    .btn-cta-main{display:inline-flex;align-items:center;gap:.6rem;background:var(--purple);color:var(--white);padding:1rem 2.2rem;border-radius:10px;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;position:relative;z-index:1;}
    .btn-cta-main:hover{background:var(--purple-light);box-shadow:0 0 30px #9d4edd44;transform:translateY(-2px);}
    .cta-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 2s ease infinite;}

    /* FOOTER */
    footer{background:var(--black);border-top:1px solid var(--border);padding:3rem 5% 2rem;}
    .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;flex-wrap:wrap;padding-bottom:2.5rem;border-bottom:1px solid var(--border);}
    .footer-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-bottom:.75rem;}
    .footer-logo-text{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:-.04em;color:var(--white);}
    .footer-logo-text span{color:var(--purple-light);}
    .footer-tagline{color:var(--muted);font-size:.84rem;margin-top:.25rem;line-height:1.6;max-width:260px;}
    .footer-col h4{font-family:'Syne',sans-serif;font-size:.84rem;font-weight:700;color:var(--white);margin-bottom:1.2rem;letter-spacing:.04em;}
    .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.7rem;}
    .footer-col ul a{color:var(--muted);text-decoration:none;font-size:.84rem;transition:color .2s;}
    .footer-col ul a:hover{color:var(--white);}
    .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.79rem;color:var(--muted);flex-wrap:wrap;gap:.75rem;}
    .social-links{display:flex;gap:.75rem;}
    .social-link{width:34px;height:34px;border-radius:8px;background:var(--black-3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-size:.84rem;transition:border-color .2s,color .2s;}
    .social-link:hover{border-color:var(--purple);color:var(--purple-light);}

    .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
    .reveal.visible{opacity:1;transform:translateY(0);}

    @media(max-width:1024px){.services-grid{grid-template-columns:1fr 1fr;}}
    @media(max-width:900px){.services-header,.project-inner,.about-teaser-inner,.contact-cta-inner,.team-cta-inner{grid-template-columns:1fr;gap:2.5rem;}.services-grid{grid-template-columns:1fr;}.about-values-row{grid-template-columns:1fr;}.nav-links{display:none;}}