*{margin:0;box-sizing:border-box}
    :root{ --color-ink:#fbfaf8; --color-ink-2:#f4f1ec; --color-panel:#ffffff; --color-panel-2:#f7f4ef; --color-line:rgb(0 0 0 / 0.08); --color-line-2:rgb(0 0 0 / 0.14); --color-fg:#1c1a17; --color-fg-2:#55514a; --color-fg-3:#8a847a; --color-brand:#af0038; --color-brand-bright:#bf3360; --color-accent:#ed8b26; --color-accent-bright:#f1a251; --radius:1rem; --color-on-brand:#FFFFFF; --font-display:'Inter Variable', ui-sans-serif, system-ui, sans-serif; --font-sans:'Inter Variable', ui-sans-serif, system-ui, sans-serif; --font-mono:'JetBrains Mono Variable', ui-monospace, monospace; }
    html{scroll-behavior:smooth}
    body{background:var(--color-ink);color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
    img{max-width:100%}
    [class*="btn-filled"],[class*="btn--primary"],[class$="__cta"]{ color:var(--color-on-brand) !important; }
  

    
    

    .nav3{
      position:relative;
      isolation:isolate;
      background:
        radial-gradient(60% 120% at 50% -10%, color-mix(in srgb, var(--color-brand) 10%, transparent) 0%, transparent 60%),
        var(--color-ink);
      color:var(--color-fg);
      font-family:var(--font-sans);
      padding:0 24px 40px;
    }
    .nav3 *{ box-sizing:border-box; }
    .nav3 a{ text-decoration:none; }

    /* hidden checkbox drives the mobile menu (pure CSS, no JS) */
    .nav3__toggle{
      position:absolute;
      width:1px; height:1px;
      margin:-1px; padding:0; border:0;
      overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
    }

    /* ---- Floating pill bar ---- */
    .nav3__bar{
      position:sticky;
      top:16px;
      z-index:50;
      max-width:1120px;
      margin:16px auto 0;
      display:flex;
      align-items:center;
      gap:20px;
      padding:12px 14px 12px 24px;
      border-radius:calc(var(--radius) * 2);
      background:color-mix(in srgb, var(--color-panel) 78%, transparent);
      -webkit-backdrop-filter:blur(16px) saturate(1.4);
      backdrop-filter:blur(16px) saturate(1.4);
      border:1px solid var(--color-line);
      box-shadow:0 18px 44px color-mix(in srgb, var(--color-fg) 12%, transparent),
                 0 2px 6px color-mix(in srgb, var(--color-fg) 8%, transparent);
      animation:nav3-drop .7s cubic-bezier(.2,.7,.2,1) both;
    }

    /* ---- Wordmark ---- */
    .nav3__brand{
      display:inline-flex;
      align-items:center;
      gap:2px;
      flex:0 0 auto;
      margin-right:auto;
      font-family:var(--font-display);
      font-weight:700;
      font-size:24px;
      line-height:1;
      letter-spacing:-.02em;
      color:var(--color-fg);
      transition:transform .15s ease;
    }
    .nav3__brand:hover{ transform:translateY(-1px); }
    .nav3__brand-dot{ color:var(--color-brand); }

    /* ---- Desktop nav ---- */
    .nav3__nav{ display:flex; align-items:center; }
    .nav3__links{
      display:flex;
      align-items:center;
      gap:2px;
      margin:0; padding:0;
      list-style:none;
    }
    .nav3__item{ position:relative; }
    .nav3__link{
      display:inline-flex;
      align-items:center;
      gap:6px;
      font-weight:500;
      font-size:15px;
      line-height:1;
      color:var(--color-fg-2);
      padding:10px 14px;
      border-radius:100px;
      white-space:nowrap;
      border:none; background:none; cursor:pointer;
      font-family:inherit;
      transition:color .15s ease, background .15s ease;
    }
    .nav3__link:hover,
    .nav3__link:focus-visible{ color:var(--color-brand); background:var(--color-panel-2); }
    .nav3__caret{
      width:14px; height:14px;
      transition:transform .2s ease;
    }

    /* ---- Mega menu (pure CSS :hover / :focus-within) ---- */
    .nav3__mega{
      position:absolute;
      top:calc(100% + 12px);
      left:50%;
      transform:translateX(-50%) translateY(8px);
      width:340px;
      padding:10px;
      border-radius:calc(var(--radius) * 1.25);
      background:var(--color-panel);
      border:1px solid var(--color-line);
      box-shadow:0 24px 48px color-mix(in srgb, var(--color-fg) 16%, transparent);
      display:grid;
      gap:2px;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:opacity .2s ease, transform .2s ease, visibility .2s;
      z-index:60;
    }
    /* small hover bridge so the gap doesn't drop the menu */
    .nav3__mega::before{
      content:"";
      position:absolute;
      left:0; right:0; top:-14px;
      height:14px;
    }
    .nav3__item--has-mega:hover .nav3__mega,
    .nav3__item--has-mega:focus-within .nav3__mega{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateX(-50%) translateY(0);
    }
    .nav3__item--has-mega:hover .nav3__caret,
    .nav3__item--has-mega:focus-within .nav3__caret{ transform:rotate(180deg); }

    .nav3__mega-link{
      display:flex;
      align-items:flex-start;
      gap:12px;
      padding:12px;
      border-radius:var(--radius);
      transition:background .15s ease;
    }
    .nav3__mega-link:hover,
    .nav3__mega-link:focus-visible{ background:var(--color-panel-2); }
    .nav3__mega-ico{
      flex:0 0 auto;
      display:grid;
      place-items:center;
      width:38px; height:38px;
      border-radius:12px;
      color:var(--color-brand);
      background:color-mix(in srgb, var(--color-brand) 12%, var(--color-panel));
    }
    .nav3__mega-ico svg{ width:20px; height:20px; }
    .nav3__mega-tt{ display:block; font-weight:700; font-size:14px; color:var(--color-fg); line-height:1.2; }
    .nav3__mega-ds{ display:block; margin-top:3px; font-size:12.5px; color:var(--color-fg-2); line-height:1.4; }

    /* ---- Right side actions ---- */
    .nav3__actions{ display:flex; align-items:center; gap:6px; flex:0 0 auto; }
    .nav3__login{
      font-weight:500;
      font-size:15px;
      color:var(--color-fg);
      padding:10px 14px;
      border-radius:100px;
      white-space:nowrap;
      transition:color .15s ease, background .15s ease;
    }
    .nav3__login:hover{ color:var(--color-brand); background:var(--color-panel-2); }
    .btn-filled{
      font-family:var(--font-sans);
      font-weight:700;
      font-size:14px;
      line-height:1;
      color:#fff;
      padding:12px 22px;
      border:none;
      cursor:pointer;
      border-radius:100px;
      white-space:nowrap;
      background:linear-gradient(111deg, var(--color-brand-bright) 3%, var(--color-brand) 108%);
      box-shadow:0 12px 24px color-mix(in srgb, var(--color-brand) 20%, transparent);
      transition:filter .15s ease, transform .15s ease, box-shadow .15s ease;
    }
    .btn-filled:hover{
      filter:brightness(1.05);
      transform:translateY(-1px);
      box-shadow:0 16px 30px color-mix(in srgb, var(--color-brand) 26%, transparent);
    }

    /* ---- Hamburger (mobile) ---- */
    .nav3__burger{
      display:none;
      width:44px; height:44px;
      align-items:center; justify-content:center;
      border-radius:12px;
      color:var(--color-fg);
      cursor:pointer;
      flex:0 0 auto;
      transition:background .15s ease;
    }
    .nav3__burger:hover{ background:var(--color-panel-2); }
    .nav3__burger svg{ width:24px; height:24px; }
    .nav3__burger .nav3__x{ display:none; }
    .nav3__toggle:checked ~ .nav3__bar .nav3__burger .nav3__bars{ display:none; }
    .nav3__toggle:checked ~ .nav3__bar .nav3__burger .nav3__x{ display:block; }
    .nav3__toggle:focus-visible ~ .nav3__bar .nav3__burger{ outline:2px solid var(--color-brand); outline-offset:2px; }

    /* ---- Mobile drawer ---- */
    .nav3__drawer{
      display:none;
      margin:10px auto 0;
      max-width:1120px;
      padding:12px;
      border-radius:calc(var(--radius) * 1.5);
      background:color-mix(in srgb, var(--color-panel) 92%, transparent);
      -webkit-backdrop-filter:blur(16px);
      backdrop-filter:blur(16px);
      border:1px solid var(--color-line);
      box-shadow:0 18px 44px color-mix(in srgb, var(--color-fg) 12%, transparent);
    }
    .nav3__drawer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
    .nav3__drawer li + li{ border-top:1px solid var(--color-line); }
    .nav3__drawer a{
      display:flex; align-items:center; min-height:52px;
      padding:0 14px; border-radius:12px;
      font-weight:500; font-size:17px; color:var(--color-fg);
      transition:background .15s ease, color .15s ease;
    }
    .nav3__drawer a:hover{ background:var(--color-panel-2); color:var(--color-brand); }
    .nav3__drawer-actions{ display:flex; flex-direction:column; gap:8px; margin-top:12px; }
    .nav3__drawer-actions .nav3__login{ text-align:center; border:1px solid var(--color-line); }
    .nav3__drawer-actions .btn-filled{ width:100%; padding:15px; font-size:16px; }
    .nav3__toggle:checked ~ .nav3__drawer{ display:block; animation:nav3-drop .3s ease both; }

    @keyframes nav3-drop{ from{ opacity:0; transform:translateY(-14px); } to{ opacity:1; transform:translateY(0); } }

    /* ---- Responsive ---- */
    @media (max-width:820px){
      .nav3{ padding:0 16px 32px; }
      .nav3__nav{ display:none; }
      .nav3__actions{ display:none; }
      .nav3__burger{ display:inline-flex; }
      .nav3__bar{ padding:10px 10px 10px 18px; }
    }
    @media (min-width:821px){
      .nav3__drawer{ display:none !important; }
    }
    @media (max-width:420px){
      .nav3__brand{ font-size:21px; }
    }

    @media (prefers-reduced-motion:reduce){
      .nav3__bar,
      .nav3__toggle:checked ~ .nav3__drawer{ animation:none; }
      .nav3__brand,.nav3__link,.nav3__login,.btn-filled,.nav3__caret,
      .nav3__mega,.nav3__mega-link,.nav3__burger,.nav3__drawer a{ transition:none; }
    }
  

    
    

    .hero6{
      position:relative;
      overflow:hidden;
      isolation:isolate;
      background:var(--color-ink);
      color:var(--color-fg);
      font-family:var(--font-sans);
      padding:72px 40px 96px;
    }

    /* Colorful ambient blob (echoes the Figma header blob, top-right) */
    .hero6__blob{
      position:absolute;
      top:-260px; right:-220px;
      width:820px; height:900px;
      z-index:0;
      pointer-events:none;
      border-radius:50% 50% 46% 54% / 42% 46% 54% 58%;
      background:
        radial-gradient(60% 60% at 30% 30%, var(--color-brand-bright) 0%, transparent 62%),
        radial-gradient(70% 70% at 75% 70%, var(--color-accent-bright) 0%, transparent 60%),
        linear-gradient(140deg, var(--color-brand) 10%, var(--color-accent) 90%);
      opacity:.14;
      filter:blur(30px);
    }

    .hero6__inner{
      position:relative;
      z-index:1;
      max-width:1200px;
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0,440px) minmax(0,1fr);
      align-items:center;
      gap:56px;
    }

    /* ---- Left content ---- */
    .hero6__content{ min-width:0; }
    .hero6__h1{
      font-family:var(--font-display);
      font-weight:700;
      font-size:52px;
      line-height:1.12;
      letter-spacing:-1px;
      color:var(--color-fg);
      margin:0;
    }
    .hero6__eyebrow{
      font-size:15px;
      line-height:1.5;
      color:var(--color-fg);
      margin:22px 0 18px;
    }

    /* ---- Feature pills ---- */
    .hero6__tools{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin:0 0 30px;
      padding:0;
      list-style:none;
    }
    .hero6__tool{
      display:inline-flex;
      align-items:center;
      gap:9px;
      background:var(--color-panel);
      border:1px solid var(--color-line);
      border-radius:10px;
      padding:12px 15px;
      box-shadow:0 20px 30px rgb(40 44 75 / .06);
      font-family:var(--font-display);
      font-weight:700;
      font-size:12px;
      line-height:1;
      color:var(--color-fg);
      cursor:default;
      transition:transform .2s cubic-bezier(.2,.7,.2,1), box-shadow .2s ease;
    }
    .hero6__tool:hover{
      transform:translateY(-3px);
      box-shadow:0 26px 40px rgb(40 44 75 / .12);
    }
    .hero6__tool img{ width:20px; height:20px; display:block; }

    /* ---- Form ---- */
    .hero6__form{
      display:flex;
      flex-direction:column;
      gap:22px;
      max-width:360px;
    }
    .hero6__input{
      width:100%;
      box-sizing:border-box;
      background:var(--color-panel);
      border:1px solid var(--color-line-2);
      border-radius:9px;
      padding:17px 22px;
      font-family:var(--font-sans);
      font-size:14px;
      color:var(--color-fg);
      box-shadow:0 19px 12px rgb(40 44 75 / .04);
      transition:border-color .15s ease, box-shadow .15s ease;
    }
    .hero6__input::placeholder{ color:var(--color-fg-2); }
    .hero6__input:focus{
      outline:none;
      border-color:var(--color-brand);
      box-shadow:0 0 0 3px rgb(251 63 108 / .14);
    }
    .hero6__cta-row{
      display:flex;
      align-items:center;
      gap:20px;
      flex-wrap:wrap;
    }
    .hero6__btn{
      border:none;
      cursor:pointer;
      font-family:var(--font-display);
      font-weight:700;
      font-size:14px;
      line-height:1.5;
      color:var(--color-ink);
      padding:16px 37px;
      border-radius:100px;
      background:linear-gradient(111deg, var(--color-brand-bright) 3%, var(--color-brand) 108%);
      box-shadow:0 30px 50px rgba(168,22,75,.15);
      white-space:nowrap;
      transition:transform .15s ease, filter .15s ease;
    }
    .hero6__btn:hover{ transform:translateY(-2px); filter:brightness(1.05); }
    .hero6__btn:active{ transform:translateY(0); }
    .hero6__cta-note{
      font-family:var(--font-display);
      font-weight:700;
      font-size:11px;
      line-height:1.4;
      letter-spacing:1px;
      text-transform:uppercase;
      color:var(--color-fg-3);
      margin:0;
    }

    /* ---- Reviews ---- */
    .hero6__reviews{ margin-top:34px; }
    .hero6__rating{
      display:flex;
      align-items:center;
      gap:8px;
      margin-bottom:12px;
    }
    .hero6__stars{ display:inline-flex; gap:3px; }
    .hero6__stars svg{ width:15px; height:14px; display:block; }
    .hero6__rating span{
      font-size:12px;
      line-height:1.5;
      color:var(--color-fg-2);
    }
    .hero6__logos{
      display:flex;
      align-items:center;
      gap:22px;
      flex-wrap:wrap;
    }
    .hero6__logos img{ height:17px; width:auto; display:block; }
    .hero6__logos .hero6__getapp{
      font-family:var(--font-display);
      font-weight:700;
      font-size:15px;
      color:var(--color-fg-2);
      letter-spacing:-.2px;
    }

    /* ---- Product visual ---- */
    .hero6__visual{
      position:relative;
      min-width:0;
    }
    .hero6__product{
      width:100%;
      height:auto;
      display:block;
      border-radius:16px;
      box-shadow:0 40px 80px rgb(40 44 75 / .14), 0 8px 24px rgb(40 44 75 / .08);
      animation:hero6-float 7s ease-in-out infinite;
    }
    @keyframes hero6-float{
      0%,100%{ transform:translateY(0); }
      50%{ transform:translateY(-12px); }
    }

    /* ---- Entrance reveal (on-load, staggered, ends visible) ---- */
    @keyframes hero6-rise{
      from{ opacity:0; transform:translateY(26px); }
      to{ opacity:1; transform:translateY(0); }
    }
    .hero6__h1,.hero6__eyebrow,.hero6__tools,.hero6__form,.hero6__reviews,.hero6__visual{
      animation:hero6-rise .7s cubic-bezier(.2,.7,.2,1) both;
    }
    .hero6__eyebrow{ animation-delay:.06s; }
    .hero6__tools{ animation-delay:.12s; }
    .hero6__form{ animation-delay:.18s; }
    .hero6__reviews{ animation-delay:.24s; }
    .hero6__visual{ animation-delay:.14s; }

    /* ---- Reduced motion ---- */
    @media (prefers-reduced-motion:reduce){
      .hero6__h1,.hero6__eyebrow,.hero6__tools,.hero6__form,.hero6__reviews,
      .hero6__visual,.hero6__product,.hero6__tool,.hero6__btn{
        animation:none !important;
        transition:none !important;
      }
    }

    /* ---- Responsive ---- */
    @media (max-width:1000px){
      .hero6{ padding:56px 28px 72px; }
      .hero6__inner{
        grid-template-columns:1fr;
        gap:44px;
        max-width:560px;
      }
      .hero6__h1{ font-size:44px; }
      .hero6__form{ max-width:100%; }
      .hero6__blob{ width:600px; height:640px; top:-180px; right:-200px; }
    }
    @media (max-width:600px){
      .hero6{ padding:40px 18px 56px; }
      .hero6__inner{ gap:34px; }
      .hero6__h1{ font-size:34px; letter-spacing:-.5px; }
      .hero6__eyebrow{ margin:18px 0 14px; }
      .hero6__tools{ gap:9px; margin-bottom:26px; }
      .hero6__cta-row{ gap:14px; }
      .hero6__btn{ padding:15px 30px; }
      .hero6__product{ border-radius:12px; }
      .hero6__logos{ gap:16px; }
    }
  

    
    

    .biz-work{
      background:var(--color-panel);
      color:var(--color-fg);
      font-family:var(--font-sans);
      padding:80px 40px;
      display:flex;
      justify-content:center;
    }
    .biz-work *{ box-sizing:border-box; }

    .biz-work__inner{
      width:100%;
      max-width:1200px;
    }

    /* ---- Grid: 3 columns, last cell = heading block ---- */
    .biz-work__grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:40px 30px;
    }

    /* ---- Project card ---- */
    .biz-work__card{
      display:flex;
      flex-direction:column;
      gap:22px;
      text-decoration:none;
      color:inherit;
    }
    .biz-work__thumb{
      position:relative;
      width:100%;
      aspect-ratio:346 / 207;
      border-radius:14px;
      overflow:hidden;
      background:var(--color-panel-2);
      box-shadow:0 24px 48px rgb(122 79 79 / .07);
      transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
    }
    .biz-work__thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:transform .5s cubic-bezier(.2,.7,.2,1);
    }
    .biz-work__card:hover .biz-work__thumb,
    .biz-work__card:focus-visible .biz-work__thumb{
      transform:translateY(-8px);
      box-shadow:0 36px 64px rgb(122 79 79 / .18);
    }
    .biz-work__card:hover .biz-work__thumb img,
    .biz-work__card:focus-visible .biz-work__thumb img{
      transform:scale(1.06);
    }
    .biz-work__card:focus-visible{ outline:none; }
    .biz-work__caption{
      font-family:var(--font-display);
      font-weight:500;
      font-size:20px;
      line-height:1.25;
      color:var(--color-fg);
      text-align:center;
      margin:0;
      transition:color .2s ease;
    }
    .biz-work__card:hover .biz-work__caption,
    .biz-work__card:focus-visible .biz-work__caption{
      color:var(--color-brand);
    }

    /* ---- Heading block (occupies last grid cell) ---- */
    .biz-work__head{
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:flex-start;
      gap:16px;
      padding:8px 0;
    }
    .biz-work__eyebrow{
      font-family:var(--font-sans);
      font-weight:400;
      font-size:16px;
      letter-spacing:.5px;
      color:var(--color-accent);
      margin:0;
    }
    .biz-work__title{
      font-family:var(--font-display);
      font-weight:700;
      font-size:36px;
      line-height:1.28;
      letter-spacing:0.72px;
      color:var(--color-fg);
      margin:0;
      max-width:350px;
    }
    .biz-work__more{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-top:12px;
      padding:18px 34px;
      border:1px solid var(--color-brand-bright);
      border-radius:80px;
      background:var(--color-panel);
      font-family:var(--font-display);
      font-weight:700;
      font-size:14px;
      color:var(--color-fg);
      text-decoration:none;
      cursor:pointer;
      transition:background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
    }
    .biz-work__more svg{ transition:transform .2s ease; }
    .biz-work__more:hover{
      background:linear-gradient(111deg, var(--color-brand-bright) 3%, var(--color-brand) 108%);
      color:#fff;
      border-color:transparent;
      box-shadow:0 30px 50px color-mix(in srgb, var(--color-brand) 15%, transparent);
    }
    .biz-work__more:hover svg{ transform:translateX(4px); }
    .biz-work__more:hover svg path{ stroke:#fff; }

    /* ---- Entrance reveal ---- */
    @keyframes biz-work-rise{
      from{ opacity:0; transform:translateY(28px); }
      to{ opacity:1; transform:translateY(0); }
    }
    .biz-work__grid > *{
      animation:biz-work-rise .7s cubic-bezier(.2,.7,.2,1) both;
    }
    .biz-work__grid > *:nth-child(1){ animation-delay:.05s; }
    .biz-work__grid > *:nth-child(2){ animation-delay:.13s; }
    .biz-work__grid > *:nth-child(3){ animation-delay:.21s; }
    .biz-work__grid > *:nth-child(4){ animation-delay:.29s; }
    .biz-work__grid > *:nth-child(5){ animation-delay:.37s; }
    .biz-work__grid > *:nth-child(6){ animation-delay:.45s; }

    @media (prefers-reduced-motion:reduce){
      .biz-work__grid > *{ animation:none !important; }
      .biz-work__thumb, .biz-work__thumb img, .biz-work__caption,
      .biz-work__more, .biz-work__more svg{ transition:none !important; }
    }

    /* ---- Responsive ---- */
    @media (max-width:1000px){
      .biz-work{ padding:64px 24px; }
      .biz-work__grid{ grid-template-columns:repeat(2, 1fr); gap:36px 24px; }
      .biz-work__title{ font-size:30px; }
      .biz-work__head{ align-items:center; text-align:center; }
      .biz-work__head .biz-work__title{ max-width:none; }
    }
    @media (max-width:600px){
      .biz-work{ padding:48px 16px; }
      .biz-work__grid{ grid-template-columns:1fr; gap:32px; }
      .biz-work__caption{ font-size:18px; }
      .biz-work__title{ font-size:26px; letter-spacing:.4px; }
      .biz-work__head{ padding:8px 0 0; }
    }
  

    
    

    .foot3{
      background:var(--color-panel);
      color:var(--color-fg);
      font-family:var(--font-sans);
      border-top:1px solid var(--color-line);
      padding:80px 0 64px;
      overflow:hidden;
    }
    .foot3 *{ box-sizing:border-box; }
    .foot3__inner{
      max-width:1280px;
      margin:0 auto;
      padding:0 40px;
      display:grid;
      grid-template-columns:256px 1fr;
      gap:56px;
    }

    /* ---------- Brand column ---------- */
    .foot3__brand{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:26px;
      animation:foot3-rise .6s cubic-bezier(.2,.7,.2,1) both;
    }
    .foot3__logo{ height:30px; width:auto; display:block; }
    .foot3__logo-link{ display:inline-flex; }

    .foot3__social{
      display:flex;
      align-items:center;
      gap:16px;
      margin:0; padding:0;
      list-style:none;
    }
    .foot3__social a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:var(--color-fg-2);
      transition:color .18s ease, transform .18s ease;
    }
    .foot3__social a:hover{ color:var(--color-brand); transform:translateY(-2px); }
    .foot3__social svg{ display:block; }

    .foot3__lang{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:var(--color-panel);
      border:1px solid var(--color-line-2);
      border-radius:8px;
      padding:8px 15px;
      font-family:var(--font-sans);
      font-weight:500;
      font-size:15px;
      line-height:1.4;
      color:var(--color-fg);
      cursor:pointer;
      transition:border-color .18s ease, box-shadow .18s ease;
    }
    .foot3__lang:hover{ border-color:var(--color-brand-bright); box-shadow:0 4px 14px color-mix(in srgb, var(--color-brand) 10%, transparent); }
    .foot3__lang svg{ display:block; color:var(--color-fg-2); }
    .foot3__lang .foot3__chev{ margin-left:2px; }

    /* ---------- Link columns ---------- */
    .foot3__cols{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      column-gap:40px;
      row-gap:44px;
      align-content:start;
    }
    .foot3__group{
      display:flex;
      flex-direction:column;
      gap:44px;
    }
    .foot3__col{
      animation:foot3-rise .6s cubic-bezier(.2,.7,.2,1) both;
    }
    .foot3__title{
      font-family:var(--font-display);
      font-weight:700;
      font-size:15px;
      line-height:1.45;
      color:var(--color-fg);
      margin:0 0 14px;
    }
    .foot3__list{
      list-style:none;
      margin:0; padding:0;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .foot3__list a{
      font-size:15px;
      line-height:1.2;
      color:var(--color-fg-2);
      text-decoration:none;
      transition:color .15s ease;
    }
    .foot3__list a:hover{ color:var(--color-brand); }

    /* stagger the column groups */
    .foot3__col:nth-child(1){ animation-delay:.05s; }
    .foot3__col:nth-child(2){ animation-delay:.12s; }
    .foot3__group:nth-child(1) .foot3__col:nth-child(1){ animation-delay:.05s; }
    .foot3__group:nth-child(1) .foot3__col:nth-child(2){ animation-delay:.12s; }
    .foot3__group:nth-child(2) .foot3__col:nth-child(1){ animation-delay:.12s; }
    .foot3__group:nth-child(2) .foot3__col:nth-child(2){ animation-delay:.19s; }
    .foot3__group:nth-child(3) .foot3__col:nth-child(1){ animation-delay:.19s; }
    .foot3__group:nth-child(3) .foot3__col:nth-child(2){ animation-delay:.26s; }

    /* ---------- Legal row ---------- */
    .foot3__legal{
      grid-column:1 / -1;
      margin-top:24px;
      padding-top:36px;
      border-top:1px solid var(--color-line);
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px 24px;
      font-size:13.5px;
      line-height:1.4;
      animation:foot3-rise .6s cubic-bezier(.2,.7,.2,1) both;
      animation-delay:.3s;
    }
    .foot3__legal a{
      color:var(--color-fg);
      font-weight:500;
      text-decoration:none;
      transition:color .15s ease;
    }
    .foot3__legal a:hover{ color:var(--color-brand); }
    .foot3__legal .foot3__copy{ color:var(--color-fg-3); margin-left:auto; }

    @keyframes foot3-rise{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }

    /* ---------- Responsive ---------- */
    @media (max-width:1000px){
      .foot3{ padding:64px 0 48px; }
      .foot3__inner{
        grid-template-columns:1fr;
        gap:44px;
      }
      .foot3__brand{ flex-direction:row; flex-wrap:wrap; align-items:center; gap:20px 28px; }
    }
    @media (max-width:600px){
      .foot3{ padding:48px 0 40px; }
      .foot3__inner{ padding:0 20px; gap:36px; }
      .foot3__cols{
        grid-template-columns:repeat(2,minmax(0,1fr));
        column-gap:20px;
        row-gap:32px;
      }
      .foot3__group{ gap:32px; }
      .foot3__legal{ flex-direction:column; align-items:flex-start; gap:12px; }
      .foot3__legal .foot3__copy{ margin-left:0; }
    }
    @media (max-width:360px){
      .foot3__cols{ grid-template-columns:1fr; }
    }

    @media (prefers-reduced-motion:reduce){
      .foot3 *{ animation:none !important; }
      .foot3__social a, .foot3__lang, .foot3__list a, .foot3__legal a{ transition:none; }
    }