/* v2 premium founder/AI marketing design */
:root{--bg:#070814;--surface:#101226;--purple:#7657ff;--violet:#a779ff;--cyan:#5de7ff;--text:#f7f6ff;--muted:#aaa9c2;--line:rgba(255,255,255,.10);--max:1180px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk";font-weight:700}.brand span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,var(--purple),#a56bff);font-size:13px}.brand strong{font-size:15px}nav{display:flex;align-items:center;gap:24px;font-size:13px;color:#c9c8d9}nav a:hover,nav .active{color:white}.nav-cta{border:1px solid var(--line);padding:9px 14px;border-radius:99px;background:rgba(255,255,255,.04)}.nav-cta b{color:var(--cyan);font-weight:600}.menu-btn{display:none;background:none;border:0;color:white;font-size:23px}.progress{height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--violet));position:fixed;top:0;left:0;width:0;z-index:99}
.section{
    max-width:var(--max);
    margin:auto;
    padding:72px 24px;
    position:relative;
}

.hero{
    min-height:calc(100vh - 78px);
    display:grid;
    grid-template-columns:1.12fr .88fr;
    align-items:start;
    gap:40px;
    padding-top:38px;
    padding-bottom:30px;
}

.hero-glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.glow-one{
    width:480px;
    height:480px;
    background:radial-gradient(
        circle,
        rgba(118,87,255,.28),
        transparent 68%
    );
    top:-30px;
    right:-100px;
}

.glow-two{
    width:380px;
    height:380px;
    background:radial-gradient(
        circle,
        rgba(93,231,255,.15),
        transparent 68%
    );
    bottom:0;
    left:-180px;
}

.eyebrow{
    font-size:10px;
    letter-spacing:.2em;
    color:#bbb9d1;
    font-weight:700;
    margin:0 0 16px;
}

.eyebrow span{
    display:inline-block;
    width:28px;
    height:1px;
    background:var(--cyan);
    vertical-align:middle;
    margin-right:10px;
}

h1,
h2,
h3{
    font-family:"Space Grotesk";
    line-height:1.08;
    margin:0 0 18px;
    letter-spacing:-.035em;
}

h1{
    font-size:clamp(44px,5.3vw,70px);
    max-width:850px;
}

h1 em,
h2 span,
.closing em{
    font-style:normal;
    background:linear-gradient(
        100deg,
        #fff,
        var(--violet),
        var(--cyan)
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.hero-lead{
    font-size:16px;
    color:var(--muted);
    max-width:680px;
}

.hero-actions{
    display:flex;
    gap:13px;
    margin:22px 0;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:13px 19px;
    border-radius:12px;
    font-weight:700;
    font-size:14px;
    transition:.25s;
    border:1px solid transparent;
    cursor:pointer;
}

.btn span{
    font-size:18px;
}

.btn-primary{
    background:linear-gradient(135deg,var(--purple),#9b6cff);
    box-shadow:0 12px 35px rgba(118,87,255,.24);
}

.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 17px 40px rgba(118,87,255,.32);
}

.btn-primary:disabled{
    opacity:.65;
    cursor:wait;
    transform:none;
}

.btn-ghost{
    border-color:var(--line);
    background:rgba(255,255,255,.03);
}

.btn-ghost:hover{
    background:rgba(255,255,255,.07);
}

.hero-person{
    justify-self:center;
    position:relative;
    transform:translateY(-12px);

    display:flex;
    align-items:center;
    justify-content:center;
}

.floating-card{
    position:absolute;
    padding:13px 16px;
    border:1px solid var(--line);
    background:rgba(16,18,38,.85);
    backdrop-filter:blur(15px);
    border-radius:14px;
    font-size:12px;
    box-shadow:0 18px 50px rgba(0,0,0,.25);
    z-index:5;
}

.card-top{
    top:10%;
    right:-50px;
}

.card-bottom{
    bottom:8%;
    left:-45px;
}

.floating-card span{
    color:var(--muted);
}

.dot{
    display:inline-block;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#65f1b0;
    margin-right:6px;
}

.mini-proof{
    display:flex;
    gap:25px;
    border-top:1px solid var(--line);
    padding-top:18px;
    margin-top:24px;
}
.marquee-band{
    overflow:hidden;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    white-space:nowrap;
    padding:15px 0;
    color:#8e8ca9;
    font-size:11px;
    letter-spacing:.13em;
}

.marquee-track{
    display:flex;
    width:max-content;
    animation:marquee 30s linear infinite;
}

.marquee-track span{
    flex-shrink:0;
    display:inline-block;
    padding-right:300px;
}

.marquee-band i{
    color:var(--cyan);
    font-style:normal;
    margin:0 18px;
}

@keyframes marquee{
    from{
        
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}
.section-label{font-size:10px;letter-spacing:.18em;color:#77758e;font-weight:700;margin-bottom:35px}.positioning-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.positioning h2,.expertise-head h2,.client-head h2,.difference-intro h2{font-size:clamp(34px,4vw,53px)}.positioning-copy{color:var(--muted);font-size:17px}.positioning-copy p{margin:0 0 22px}.impact{padding-top:40px}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.impact-card{background:linear-gradient(145deg,rgba(118,87,255,.12),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:285px;transition:.35s}.impact-card:hover{transform:translateY(-7px);border-color:rgba(118,87,255,.5)}.number{color:var(--cyan);font-family:"Space Grotesk";font-size:12px}.impact-card h3{font-size:26px;margin-top:65px}.impact-card p{color:var(--muted);font-size:14px}.impact-card a{display:inline-block;color:#d7d2ff;font-size:12px;font-weight:700;margin-top:12px}.impact-card a:hover{color:var(--cyan)}
.differentiators{border-top:1px solid var(--line)}.difference-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.difference-list{border-top:1px solid var(--line)}.difference{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:25px 0;border-bottom:1px solid var(--line)}.difference>b{color:var(--cyan);font-size:11px}.difference h3{font-size:20px;margin-bottom:6px}.difference p{color:var(--muted);margin:0;font-size:14px}
.timeline{border-left:1px solid var(--line);margin-left:8px}.timeline-item{display:grid;grid-template-columns:190px 1fr;gap:30px;padding:0 0 45px 30px;position:relative}.timeline-item:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--purple);position:absolute;left:-5px;top:7px;box-shadow:0 0 0 6px rgba(118,87,255,.1)}.time{font-size:12px;color:var(--cyan);font-weight:700}.timeline h3{font-size:22px;margin-bottom:8px}.timeline p{color:var(--muted);margin:0}.cert-card{border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:8px 0 0 30px;background:rgba(255,255,255,.025)}.cert-card>div{display:flex;align-items:center;gap:13px}.cert-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(93,231,255,.1);color:var(--cyan)}.cert-card small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.expertise{border-top:1px solid var(--line)}.expertise-head{display:flex;justify-content:space-between;gap:50px;align-items:end}.expertise-head p,.client-head p{max-width:380px;color:var(--muted);margin:0 0 25px}.pill-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.pill-grid span{border:1px solid var(--line);padding:12px 16px;border-radius:99px;background:rgba(255,255,255,.025);color:#d5d3e2;font-size:13px;transition:.25s}.pill-grid span:hover{border-color:var(--purple);color:white;transform:translateY(-2px)}
.clients{
    padding-top:60px;
}

.client-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:30px;
}

.client-marquee{
    width:100%;
    overflow:hidden;
    margin-top:38px;
    position:relative;
    
    /* subtle fade at both edges */
    mask-image:linear-gradient(
        to right,
        transparent 0%,
        black 7%,
        black 93%,
        transparent 100%
    );
    -webkit-mask-image:linear-gradient(
        to right,
        transparent 0%,
        black 7%,
        black 93%,
        transparent 100%
    );
}

.client-track{
    display:flex;
    align-items:center;
    width:max-content;
    animation:clientMarquee 35s linear infinite;
}

.client-logo{
    width:220px;
    height:120px;
    flex-shrink:0;
    margin-right:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
}

.client-logo img{
    max-width:100%;
    max-height:78px;
    width:auto;
    height:auto;
    object-fit:contain;
    display:block;
}

@keyframes clientMarquee{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}
.worked-section{
    border-top:1px solid var(--line);
    overflow:hidden;
}

.worked-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:40px;
}

.worked-head h2{
    font-size:clamp(42px,5vw,64px);
}

.worked-head p{
    max-width:390px;
    color:var(--muted);
    margin:0 0 8px;
    font-size:14px;
}


/* ============================= */
/* WORKED IN LOGOS               */
/* ============================= */

.worked-logos{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:55px;
}

.worked-logo{
    position:relative;
    height:220px;
    overflow:hidden;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.015)
        );

    box-shadow:
        0 20px 55px rgba(0,0,0,.20);

    transition:
        transform .4s cubic-bezier(.2,.7,.2,1),
        border-color .4s ease,
        box-shadow .4s ease,
        background .4s ease;

    isolation:isolate;
}


/* subtle inner highlight */

.worked-logo::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:23px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            transparent 35%
        );

    pointer-events:none;
    z-index:-1;
}


/* bottom gradient */

.worked-logo::after{
    content:"";
    position:absolute;
    width:180px;
    height:80px;
    bottom:-55px;
    left:50%;
    transform:translateX(-50%);

    background:rgba(118,87,255,.20);
    filter:blur(35px);

    pointer-events:none;
    transition:.4s ease;
}


/* ============================= */
/* NUMBER                        */
/* ============================= */

.worked-number{
    position:absolute;
    top:18px;
    left:20px;

    font-family:"Space Grotesk";
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;

    color:#77758e;
}


/* ============================= */
/* LOGO                          */
/* ============================= */

.worked-logo-image{
    position:relative;

    width:230px;
    height:100px;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:2;
}

.worked-logo-image img{
    max-width:210px;
    max-height:78px;

    width:auto;
    height:auto;

    object-fit:contain;
    display:block;

    transition:
        transform .4s cubic-bezier(.2,.7,.2,1),
        filter .4s ease;
}


/* ============================= */
/* LABEL                         */
/* ============================= */

.worked-tag{
    position:absolute;
    bottom:18px;

    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;

    color:#77758e;

    transition:
        color .4s ease,
        transform .4s ease;
}


/* ============================= */
/* MICRO GLOW                    */
/* ============================= */

.worked-logo-glow{
    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    filter:blur(55px);

    opacity:.08;

    transition:
        opacity .5s ease,
        transform .5s ease;

    pointer-events:none;
}


/* ============================= */
/* MICROSOFT                     */
/* ============================= */

.worked-microsoft .worked-logo-glow{
    background:#5de7ff;
}

.worked-microsoft:hover{
    border-color:rgba(93,231,255,.35);

    box-shadow:
        0 25px 65px rgba(0,0,0,.30),
        0 0 45px rgba(93,231,255,.08);
}

.worked-microsoft:hover .worked-logo-glow{
    opacity:.20;
    transform:translate(-50%,-50%) scale(1.25);
}

.worked-microsoft:hover .worked-logo-image img{
    transform:scale(1.08);
}

.worked-microsoft:hover .worked-tag{
    color:#5de7ff;
    transform:translateY(-2px);
}


/* ============================= */
/* AMAZON                        */
/* ============================= */

.worked-amazon .worked-logo-glow{
    background:#ffae42;
}

.worked-amazon:hover{
    border-color:rgba(255,174,66,.35);

    box-shadow:
        0 25px 65px rgba(0,0,0,.30),
        0 0 45px rgba(255,174,66,.08);
}

.worked-amazon:hover .worked-logo-glow{
    opacity:.20;
    transform:translate(-50%,-50%) scale(1.25);
}

.worked-amazon:hover .worked-logo-image img{
    transform:scale(1.08);
}

.worked-amazon:hover .worked-tag{
    color:#ffae42;
    transform:translateY(-2px);
}


/* ============================= */
/* ACCENTURE                     */
/* ============================= */

.worked-accenture .worked-logo-glow{
    background:#a779ff;
}

.worked-accenture:hover{
    border-color:rgba(167,121,255,.35);

    box-shadow:
        0 25px 65px rgba(0,0,0,.30),
        0 0 45px rgba(167,121,255,.10);
}

.worked-accenture:hover .worked-logo-glow{
    opacity:.20;
    transform:translate(-50%,-50%) scale(1.25);
}

.worked-accenture:hover .worked-logo-image img{
    transform:scale(1.08);
}

.worked-accenture:hover .worked-tag{
    color:#a779ff;
    transform:translateY(-2px);
}


/* ============================= */
/* CARD HOVER                   */
/* ============================= */

.worked-logo:hover{
    transform:translateY(-7px);
}

.worked-logo:hover::after{
    opacity:.8;
    transform:translateX(-50%) scale(1.25);
}
.cta{padding-top:50px;padding-bottom:120px}.cta-inner{border:1px solid rgba(118,87,255,.4);border-radius:30px;padding:70px 55px;background:radial-gradient(circle at 80% 20%,rgba(118,87,255,.22),transparent 40%),rgba(255,255,255,.025)}.cta h2{font-size:clamp(38px,5vw,62px);max-width:780px}.cta-copy{color:var(--muted);max-width:620px;margin:0 0 28px}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:28px 24px 45px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}footer strong{font-family:"Space Grotesk";display:block}footer span{color:var(--muted);font-size:12px}.footer-links{display:flex;justify-content:flex-end;gap:20px;font-size:12px;color:#b7b5c8}.footer-links a:hover{color:white}footer small{grid-column:1/-1;color:#626076;font-size:10px}
.contact-hero{padding-top:120px;padding-bottom:75px}.contact-hero h1{max-width:850px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:40px}.info-block{display:flex;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.info-icon{width:39px;height:39px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:var(--cyan);font-size:13px;font-weight:700}.info-block small{display:block;color:#77758e;font-size:9px;letter-spacing:.16em;font-weight:700}.info-block a{font-size:14px}.info-block a:hover{color:var(--cyan)}.contact-note{margin-top:40px;border:1px solid var(--line);padding:22px;border-radius:18px;background:rgba(255,255,255,.025)}.contact-note p{color:var(--muted);font-size:13px;margin-bottom:0}.form-wrap{background:linear-gradient(145deg,rgba(118,87,255,.11),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px;padding:35px}.form-heading{display:flex;gap:15px;margin-bottom:30px}.form-heading>span{color:var(--cyan);font-size:12px}.form-heading h2{font-size:29px;margin:0 0 5px}.form-heading p{font-size:12px;color:var(--muted);margin:0}.form-wrap label{display:block;font-size:11px;color:#c5c3d2;margin-bottom:18px}.form-wrap input,.form-wrap textarea,.form-wrap select{width:100%;margin-top:7px;background:#0a0c19;color:white;border:1px solid var(--line);border-radius:11px;padding:13px 14px;outline:none;resize:vertical}.form-wrap input:focus,.form-wrap textarea:focus,.form-wrap select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(118,87,255,.1)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hp{display:none!important}.submit-btn{width:100%;margin-top:5px}.form-status{font-size:12px;margin:12px 0 0;text-align:center;color:var(--muted)}.form-status.success{color:#72f2b4}.form-status.error{color:#ff8d9d}.closing{text-align:center;padding-top:80px;padding-bottom:120px}.closing h2{font-size:clamp(42px,6vw,72px)}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:850px){nav{display:none}.menu-btn{display:block}.site-header.open nav{display:flex;position:absolute;top:68px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#111326;border:1px solid var(--line);border-radius:16px;padding:16px;gap:12px}.hero{grid-template-columns:1fr;padding-top:55px}.hero-person{order:-1;margin-bottom:10px}.portrait-ring{width:270px}.card-top{right:-20px}.card-bottom{left:-20px}.positioning-grid,.difference-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.impact-grid{grid-template-columns:1fr}.client-logo{

    width:175px;
    height:90px;
    padding:10px;
    margin-right:22px;
}

.client-logo img{
    max-height:58px;
}

.client-track{
    animation-duration:30s;
.worked-head{
    display:block;
}

.worked-head p{
    margin-top:12px;
}

.worked-logos{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:35px;
}

.worked-logo{
    height:175px;
}

.worked-logo-image{
    width:200px;
    height:80px;
}

.worked-logo-image img{
    max-width:180px;
    max-height:62px;
}.expertise-head,.client-head{display:block}.expertise-head p,.client-head p{margin-top:10px}.timeline-item{grid-template-columns:1fr;gap:6px}.two-col{grid-template-columns:1fr}.contact-grid{padding-top:20px}.form-wrap{padding:23px}.mini-proof{gap:12px}.mini-proof span{font-size:10px}}
@media(max-width:520px){.section{padding:75px 20px}.hero{min-height:auto}.hero h1{font-size:44px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.mini-proof{flex-wrap:wrap}.floating-card{font-size:10px}.card-top{top:5%;right:-5px}.card-bottom{bottom:4%;left:-5px}.client-grid div{font-size:17px;height:82px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.site-header{padding:0 20px}.contact-hero{padding-top:80px}}
}

/* =========================================================
   PROFILE PHOTO
   Circular photo only — no background container
   ========================================================= */

.hero-person{
    justify-self:center;
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    transform:translateY(-12px);
}


/* Actual profile photo */

.profile-photo{
    width:min(390px,72vw);
    height:min(390px,72vw);

    display:block;

    object-fit:cover;
    object-position:center center;

    border-radius:50%;

    margin:0;
    padding:0;

    border:none;
    outline:none;

    background:transparent;

    box-shadow:none;

    position:relative;
    z-index:1;
}