/* ========================================
   AI UPSKILLING - Enterprise & Professional
   ======================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
    /* Module 1: RAG - Deep Sapphire Blue / Teal */
    --blue: #1a6dcc; --blue-d: #1352a2; --blue-l: #4d94e0; --blue-bg: rgba(26,109,204,0.05);
    /* Module 2: AI Agents - Rich Indigo / Violet */
    --purple: #6941c6; --purple-d: #5330a8; --purple-l: #8b6dd8; --purple-bg: rgba(105,65,198,0.05);
    /* Module 3: AI Tooling - Teal / Emerald */
    --green: #0d9373; --green-d: #07705a; --green-l: #2bb596; --green-bg: rgba(13,147,115,0.05);
    --grad: linear-gradient(135deg, #1a6dcc, #6941c6, #8b6dd8);
    --grad-text: linear-gradient(135deg, #1a6dcc, #6941c6);
    --white: #fff; --bg: #f8f9fb; --bg2: #f1f3f5;
    --ink: #0f172a; --ink2: #334155; --ink3: #64748b; --ink4: #94a3b8;
    --line: #e2e5ea; --line2: #eef1f5;
    --r: 12px; --r-lg: 16px; --r-xl: 20px; --r-full: 999px;
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow: 0 1px 3px rgba(0,0,0,0.05), 0 4px 14px rgba(0,0,0,0.04);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.07);
    --shadow-xl: 0 16px 48px rgba(0,0,0,0.09);
    --ease: cubic-bezier(.4,0,.2,1);
}

/* === Reset === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.65;color:var(--ink);background:var(--white);overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color .2s var(--ease)}
img{max-width:100%;display:block}
::selection{background:rgba(105,65,198,.12);color:var(--ink)}
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);padding:.6rem 1.4rem;background:var(--purple);color:#fff;font-weight:600;border-radius:var(--r);z-index:9999;text-decoration:none}
.breadcrumb{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.breadcrumb ol{list-style:none;display:flex;gap:.5rem}
.skip-link:focus{top:.75rem}
:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
:focus:not(:focus-visible){outline:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* === Utility === */
.container{width:100%;max-width:1080px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem)}
.w-full{width:100%}
.grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}

/* === Scroll Reveal === */
.mod-card,.detail,.t-card{
    opacity:0;transform:translateY(24px);
    transition:opacity .55s var(--ease),transform .55s var(--ease);
}
.mod-card.visible,.detail.visible,.t-card.visible{opacity:1;transform:none}

/* ========== BUTTONS ========== */
.btn{
    display:inline-flex;align-items:center;gap:.4rem;
    font-family:inherit;font-weight:600;border:none;border-radius:var(--r);
    cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;
    text-decoration:none;line-height:1.4;letter-spacing:-.01em;
}
.btn i{font-size:.72em;transition:transform .2s var(--ease)}
.btn:hover i{transform:translateX(2px)}
.btn-primary{
    padding:.6rem 1.25rem;font-size:.8125rem;
    background:var(--grad);color:#fff;
    box-shadow:0 2px 8px rgba(105,65,198,.18);
}
.btn-primary:hover{box-shadow:0 4px 18px rgba(105,65,198,.28);transform:translateY(-1px)}
.btn-ghost{
    padding:.6rem 1.25rem;font-size:.8125rem;
    background:transparent;color:var(--ink2);border:1.5px solid var(--line);
}
.btn-ghost:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-bg)}
.btn-sm{padding:.45rem .95rem;font-size:.75rem}

/* ========== NAV ========== */
.nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(255,255,255,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line2);transition:all .25s var(--ease);
}
.nav.scrolled{background:rgba(255,255,255,.97);box-shadow:var(--shadow)}
.nav-inner{
    display:flex;align-items:center;justify-content:space-between;
    height:3.75rem;max-width:1080px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);
}
.nav-brand{display:flex;align-items:center;gap:.55rem;font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:600;letter-spacing:-.01em}
.nav-brand img{height:28px;width:auto}
.badge{padding:.15rem .5rem;background:var(--grad);border-radius:var(--r-full);font-size:.55rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}
.nav-links{display:none;align-items:center;gap:1.75rem}
.nav-link{font-size:.8125rem;font-weight:500;color:var(--ink3);transition:color .2s var(--ease)}
.nav-link:hover{color:var(--purple)}
.burger{display:flex;flex-direction:column;gap:4px;width:36px;height:36px;justify-content:center;align-items:center;background:none;border:none;cursor:pointer}
.burger span{width:20px;height:2px;background:var(--ink);border-radius:2px;transition:all .25s var(--ease)}
.burger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.mobile-menu{display:none;padding:.75rem clamp(1.25rem,4vw,2rem) 1rem;border-top:1px solid var(--line2);background:rgba(255,255,255,.98);backdrop-filter:blur(16px)}
.mobile-menu.open{display:flex;flex-direction:column;gap:.4rem}
.mobile-link{display:block;padding:.65rem .85rem;font-size:.9rem;font-weight:500;color:var(--ink3);border-radius:8px}
.mobile-link:hover{color:var(--purple);background:var(--bg)}
@media(min-width:720px){.nav-links{display:flex}.burger{display:none}}

/* ========== HERO ========== */
.hero{
    padding:6rem 0 2.5rem;position:relative;
    background:linear-gradient(180deg,var(--bg) 0%,var(--white) 100%);
}
.hero-row{display:flex;align-items:flex-start;gap:2rem;max-width:800px;margin:0 auto}
.hero-photo{flex-shrink:0}
.hero-photo img{
    width:96px;height:96px;border-radius:50%;object-fit:cover;
    border:3px solid var(--white);box-shadow:var(--shadow-lg);
}
.hero-text{flex:1}
.hero h1{
    font-family:'Space Grotesk',sans-serif;font-size:clamp(1.4rem,3.5vw,1.9rem);
    font-weight:700;line-height:1.25;letter-spacing:-.025em;margin-bottom:.7rem;
}
.hero p{font-size:.9rem;color:var(--ink2);line-height:1.75;margin-bottom:.6rem}
.hero p em{color:var(--ink);font-style:italic;font-weight:500}
.hero-sig{display:block;font-size:.75rem;font-weight:600;color:var(--purple);letter-spacing:-.01em}
@media(max-width:599px){
    .hero-row{flex-direction:column;align-items:center;text-align:center}
    .hero-photo img{width:80px;height:80px}
}

/* === Background Watermark + Orbs === */
.bg-watermark{
    position:fixed;top:0;left:0;width:100%;height:100%;
    pointer-events:none;z-index:0;overflow:hidden;
}
.bg-watermark img{
    position:absolute;top:50%;right:-40px;transform:translateY(-50%);
    width:280px;height:auto;opacity:.018;
}
.orb{position:absolute;border-radius:50%;opacity:.035;filter:blur(70px)}
.orb-1{width:480px;height:480px;top:-80px;left:-120px;background:var(--purple);animation:float-a 22s ease-in-out infinite}
.orb-2{width:400px;height:400px;bottom:-60px;right:-100px;background:var(--blue);animation:float-b 26s ease-in-out infinite}
.orb-3{width:300px;height:300px;top:40%;left:50%;background:var(--green);opacity:.02;animation:float-c 30s ease-in-out infinite}
@keyframes float-a{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(50px,40px) scale(1.06)}66%{transform:translate(-30px,70px) scale(.95)}}
@keyframes float-b{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-40px,-30px) scale(.96)}66%{transform:translate(35px,-50px) scale(1.05)}}
@keyframes float-c{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(60px,-40px) scale(1.08)}50%{transform:translate(-40px,30px) scale(.92)}75%{transform:translate(20px,50px) scale(1.04)}}

/* ========== MODULES SECTION ========== */
.modules-section{padding:2.5rem 0 3rem;background:var(--white);position:relative}

/* Section headers */
.sec-head{text-align:center;max-width:560px;margin:0 auto 2rem}
.label{
    display:inline-block;padding:.22rem .7rem;
    background:var(--purple-bg);border:1px solid rgba(105,65,198,.1);
    border-radius:var(--r-full);font-size:.65rem;font-weight:700;
    text-transform:uppercase;letter-spacing:.12em;color:var(--purple);margin-bottom:.5rem;
}
.sec-head h2{
    font-family:'Space Grotesk',sans-serif;font-size:clamp(1.5rem,3.2vw,2rem);
    font-weight:700;margin-bottom:.4rem;letter-spacing:-.025em;
}
.sec-head p{font-size:.9rem;color:var(--ink3);line-height:1.6}

/* === 3-Column Module Grid === */
.mod-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
}
@media(max-width:860px){.mod-grid{grid-template-columns:1fr}}

/* Module Card */
.mod-card{
    position:relative;overflow:hidden;
    background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);
    padding:2rem 1.5rem 1.5rem;
    display:flex;flex-direction:column;
    transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
}
.mod-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}

/* Top accent stripe */
.mod-accent{position:absolute;top:0;left:0;right:0;height:4px}
.mod-accent-blue{background:linear-gradient(90deg,var(--blue-d),var(--blue),var(--blue-l))}
.mod-accent-purple{background:linear-gradient(90deg,var(--purple-d),var(--purple),var(--purple-l))}
.mod-accent-green{background:linear-gradient(90deg,var(--green-d),var(--green),var(--green-l))}

/* Watermark number */
.mod-number{
    position:absolute;top:-8px;right:12px;
    font-family:'Space Grotesk',sans-serif;font-size:5.5rem;font-weight:800;
    line-height:1;color:var(--line2);pointer-events:none;
    transition:color .35s var(--ease);
}
.mod-card:hover .mod-number{color:rgba(105,65,198,.05)}

/* Icon + badge row */
.mod-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem;position:relative;z-index:1}
.mod-icon{
    width:48px;height:48px;display:flex;align-items:center;justify-content:center;
    border-radius:14px;font-size:1.2rem;color:#fff;
    transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.mod-icon-blue{background:linear-gradient(145deg,var(--blue-l),var(--blue),var(--blue-d))}
.mod-icon-purple{background:linear-gradient(145deg,var(--purple-l),var(--purple),var(--purple-d))}
.mod-icon-green{background:linear-gradient(145deg,var(--green-l),var(--green),var(--green-d))}
.mod-card:hover .mod-icon{transform:scale(1.06);box-shadow:0 4px 14px rgba(0,0,0,.1)}

.mod-badge{
    padding:.2rem .6rem;border-radius:var(--r-full);
    font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
}
.mod-badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid rgba(26,109,204,.1)}
.mod-badge-purple{background:var(--purple-bg);color:var(--purple);border:1px solid rgba(105,65,198,.1)}
.mod-badge-green{background:var(--green-bg);color:var(--green);border:1px solid rgba(13,147,115,.1)}

/* Content */
.mod-card h3{
    font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:700;
    line-height:1.3;margin-bottom:.5rem;color:var(--ink);letter-spacing:-.015em;
    position:relative;z-index:1;
}
.mod-card>p{
    font-size:.82rem;color:var(--ink3);line-height:1.65;margin-bottom:.85rem;
    position:relative;z-index:1;flex:1;
}

/* Tags */
.mod-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem;position:relative;z-index:1}
.mod-tags span{
    display:inline-flex;align-items:center;gap:.2rem;
    font-size:.6rem;color:var(--ink4);background:var(--bg);
    padding:.2rem .5rem;border-radius:var(--r-full);
    border:1px solid var(--line2);
}
.mod-tags i{font-size:.45rem}

/* Actions */
.mod-actions{display:flex;gap:.45rem;margin-top:auto;position:relative;z-index:1}

/* Color-tinted hover borders */
.mod-card:has(.mod-accent-blue):hover{border-color:rgba(26,109,204,.28)}
.mod-card:has(.mod-accent-purple):hover{border-color:rgba(105,65,198,.28)}
.mod-card:has(.mod-accent-green):hover{border-color:rgba(13,147,115,.28)}

/* Tablet: 2-col fallback */
@media(min-width:601px) and (max-width:860px){
    .mod-grid{grid-template-columns:repeat(2,1fr)}
    .mod-grid .mod-card:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}
}
@media(max-width:600px){
    .mod-card{padding:1.75rem 1.25rem 1.25rem}
    .mod-number{font-size:4rem;right:8px}
    .mod-actions{flex-direction:column}
    .mod-actions .btn{width:100%;justify-content:center}
}

/* ========== DETAIL BLOCKS ========== */
.detail-section{padding:2rem 0 2.5rem;background:var(--bg)}

.detail{
    border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;
    margin-bottom:1.25rem;background:var(--white);
    transition:box-shadow .25s var(--ease);
}
.detail:last-child{margin-bottom:0}
.detail:hover{box-shadow:var(--shadow)}

.detail-top{padding:1.15rem 1.5rem;color:#fff}
.detail-top-blue{background:linear-gradient(135deg,var(--blue-l),var(--blue),var(--blue-d))}
.detail-top-purple{background:linear-gradient(135deg,var(--purple-l),var(--purple),var(--purple-d))}
.detail-top-green{background:linear-gradient(135deg,var(--green-l),var(--green),var(--green-d))}

.dtag{
    display:inline-block;padding:.1rem .5rem;background:rgba(255,255,255,.18);
    border-radius:var(--r-full);font-size:.6rem;font-weight:700;
    text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem;
}
.detail-top h3{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:.1rem}
.detail-top p{font-size:.8rem;opacity:.85}

.detail-content{padding:1.35rem 1.5rem}
.detail-intro{font-size:.84rem;color:var(--ink2);line-height:1.65;margin-bottom:1rem}

.detail-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1rem}
@media(min-width:600px){.detail-grid{grid-template-columns:1fr 1fr}}

.detail-grid h4{
    display:flex;align-items:center;gap:.35rem;
    font-family:'Space Grotesk',sans-serif;font-size:.84rem;font-weight:700;
    margin-bottom:.5rem;color:var(--ink);
}
.detail-grid h4 i{color:var(--purple);font-size:.75rem}

.si{margin-bottom:.55rem}
.si strong{font-size:.78rem;display:block;margin-bottom:.1rem}
.si p{font-size:.75rem;color:var(--ink3);line-height:1.5}

.detail-grid ul{list-style:none;padding:0}
.detail-grid li{
    position:relative;padding:.22rem 0 .22rem 1rem;
    font-size:.78rem;color:var(--ink2);line-height:1.55;
}
.detail-grid li::before{
    content:'';position:absolute;left:0;top:.55rem;
    width:5px;height:5px;background:var(--grad);border-radius:50%;
}

.detail-foot{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
    gap:.75rem;padding-top:.85rem;border-top:1px solid var(--line2);
}
.prereq{display:flex;align-items:flex-start;gap:.3rem;font-size:.72rem;color:var(--ink4);line-height:1.45;flex:1}
.prereq i{color:var(--purple);margin-top:.1rem;font-size:.7rem;opacity:.6}

@media(max-width:599px){.detail-content{padding:1rem 1.15rem}.detail-foot{flex-direction:column;align-items:stretch}}

/* ========== IN ACTION / COLLAGE ========== */
.inaction-section{padding:2rem 0;background:var(--white)}
.inaction-section .container{max-width:1280px}

/* Collage: full-width 3-row masonry-style grid
   Row 1 (hero):     speaking(wide) + dsc
   Row 2 (mid):      velocity + panel + agents
   Row 3 (bottom):   wetalkdata + crowd(wide)
   ------------------------------------------------ */
.collage{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    grid-template-rows:260px 280px 220px;
    gap:4px;
    border-radius:var(--r-xl);overflow:hidden;
}

.collage-a{grid-column:1 / 8; grid-row:1}      /* speaking - hero, 7 cols */
.collage-b{grid-column:8 / 13;grid-row:1}      /* dsc - 5 cols */
.collage-c{grid-column:1 / 5; grid-row:2}      /* velocity - 4 cols */
.collage-d{grid-column:5 / 9; grid-row:2}      /* panel - 4 cols */
.collage-e{grid-column:9 / 13;grid-row:2}      /* agents - 4 cols */
.collage-f{grid-column:1 / 5; grid-row:3}      /* wetalkdata - 4 cols */
.collage-g{grid-column:5 / 13;grid-row:3}      /* crowd - 8 cols wide */

.collage > div{overflow:hidden;border-radius:2px}

.collage img{
    width:100%;height:100%;object-fit:cover;object-position:center center;display:block;
    transition:transform .4s var(--ease);
}
.collage > div:hover img{transform:scale(1.05)}

/* Per-image focal point tuning */
.collage-a img{object-position:center 35%}   /* speaking - show stage + audience */
.collage-b img{object-position:center 20%}   /* dsc - show stage text */
.collage-c img{object-position:center center} /* velocity - center the full scene */
.collage-d img{object-position:center center} /* panel - center on speakers */
.collage-g img{object-position:center 50%}   /* crowd - show the full audience */

@media(max-width:860px){
    .collage{
        grid-template-columns:repeat(6,1fr);
        grid-template-rows:200px 180px 180px 180px;
    }
    .collage-a{grid-column:1 / 5;grid-row:1}
    .collage-b{grid-column:5 / 7;grid-row:1}
    .collage-c{grid-column:1 / 4;grid-row:2}
    .collage-d{grid-column:4 / 7;grid-row:2}
    .collage-e{grid-column:1 / 4;grid-row:3}
    .collage-f{grid-column:4 / 7;grid-row:3}
    .collage-g{grid-column:1 / 7;grid-row:4}
}
@media(max-width:520px){
    .inaction-section .container{max-width:100%;padding:0 .75rem}
    .collage{
        grid-template-columns:1fr 1fr;
        grid-template-rows:repeat(4,150px);
    }
    .collage-a{grid-column:1 / -1;grid-row:1}
    .collage-b{grid-column:1;grid-row:2}
    .collage-c{grid-column:2;grid-row:2}
    .collage-d{grid-column:1;grid-row:3}
    .collage-e{grid-column:2;grid-row:3}
    .collage-f{grid-column:1;grid-row:4}
    .collage-g{grid-column:2;grid-row:4}
}

/* ========== 1:1 PROGRAMS ========== */
.tailored-section{padding:2.5rem 0;background:var(--white)}
.two-col{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:720px){.two-col{grid-template-columns:1fr 1fr}}

.t-card{
    background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);
    padding:1.65rem 1.5rem;transition:all .25s var(--ease);
    display:flex;flex-direction:column;
}
.t-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.t-accent{border-color:rgba(105,65,198,.2);background:linear-gradient(160deg,rgba(105,65,198,.02) 0%,rgba(26,109,204,.015) 100%)}
.t-card .btn{margin-top:auto}

.t-badge{
    display:inline-block;padding:.18rem .6rem;border-radius:var(--r-full);
    font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem;
}
.t-badge.purple{background:var(--purple-bg);color:var(--purple);border:1px solid rgba(105,65,198,.12)}
.t-badge.blue{background:var(--blue-bg);color:var(--blue);border:1px solid rgba(26,109,204,.12)}

.t-card h3{
    display:flex;align-items:center;gap:.45rem;
    font-family:'Space Grotesk',sans-serif;font-size:1.05rem;font-weight:700;
    margin-bottom:.75rem;letter-spacing:-.01em;
}
.t-card h3 i{color:var(--purple);font-size:.9rem}
.t-accent h3 i{color:var(--blue)}

.t-card ul{list-style:none;padding:0;margin-bottom:1.25rem}
.t-card li{
    display:flex;align-items:flex-start;gap:.5rem;
    padding:.4rem 0;font-size:.78rem;color:var(--ink2);line-height:1.5;
}
.t-card li i{
    flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;
    background:var(--bg);border:1px solid var(--line2);border-radius:8px;
    color:var(--purple);font-size:.62rem;margin-top:.05rem;
}
.t-accent li i{color:var(--blue)}
.t-card li strong{color:var(--ink)}
.t-warm{font-size:.84rem;color:var(--purple);font-style:italic;margin-bottom:.75rem;line-height:1.55}

/* ========== CTA ========== */
.cta-section{padding:2rem 0 2.5rem;background:var(--bg)}
.cta-box{
    text-align:center;padding:2.75rem 2rem;
    background:var(--white);
    border:1px solid var(--line);border-radius:var(--r-xl);
    box-shadow:var(--shadow);
}
.cta-box h2{
    font-family:'Space Grotesk',sans-serif;font-size:clamp(1.3rem,3vw,1.75rem);
    font-weight:700;margin-bottom:.4rem;color:var(--ink);letter-spacing:-.02em;
}
.cta-box p{font-size:.9rem;color:var(--ink3);margin-bottom:1.35rem}
.cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}
@media(max-width:480px){.cta-btns{flex-direction:column}.cta-btns .btn{width:100%}}

/* ========== FOOTER ========== */
.footer{border-top:1px solid var(--line2);padding:1.35rem 0 1rem;background:var(--white)}
.footer-inner{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
    gap:.75rem;margin-bottom:.65rem;
}
.footer-brand{
    display:flex;align-items:center;gap:.45rem;
    font-family:'Space Grotesk',sans-serif;font-size:.85rem;font-weight:600;
}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem}
.footer-links a{
    display:inline-flex;align-items:center;gap:.25rem;
    font-size:.75rem;color:var(--ink4);transition:color .2s var(--ease);
}
.footer-links a:hover{color:var(--purple)}
.copy{font-size:.67rem;color:var(--ink4);text-align:center;padding-top:.55rem;border-top:1px solid var(--line2)}
@media(max-width:600px){.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-direction:column;gap:.45rem}}