/* /assets/legal.css */

:root{--navy:#071a33;--blue:#005fc4;--cyan:#3ed6ff;--ink:#0d1728;--muted:#5f6e82;--line:#dbe7f3;--soft:#f5faff;--max:900px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:var(--blue)}.wrap{width:min(calc(100% - 34px),var(--max));margin:auto}.top{border-bottom:1px solid var(--line);background:#fff}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;color:var(--navy);font-weight:900;font-size:1.2rem}.back{text-decoration:none;font-weight:800}.hero{padding:72px 0 38px;background:linear-gradient(135deg,var(--soft),#fff)}h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:.98;letter-spacing:-.055em;color:var(--navy);margin:0 0 18px}h2{color:var(--navy);margin-top:42px;line-height:1.15}.lead{font-size:1.12rem;color:var(--muted);max-width:760px}.content{padding:46px 0 90px}.notice{border:1px solid var(--line);background:var(--soft);padding:20px 22px;border-radius:18px}.content p,.content li{color:#43546a}.content strong{color:var(--ink)}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.92rem}.legal-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:8px}.legal-links a{text-decoration:none}@media(max-width:560px){.hero{padding-top:52px}.nav{min-height:64px}}


/* CTA flotante: mismo tamaño y comportamiento que el resto del sitio */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:45;width:52px;height:52px;display:none;align-items:center;justify-content:center;border-radius:50%;background:#25d366;color:#072d16;text-decoration:none;box-shadow:0 8px 24px #0003;transition:transform .2s,background-color .2s}
.wa-float:hover{background:#20bd5a;color:#072d16;transform:translateY(-2px)}
.wa-svg{display:block;width:21px;height:21px;max-width:21px;flex:none;vertical-align:middle}
@media(max-width:760px){.wa-float{display:flex;width:48px;height:48px;right:14px;bottom:14px}.wa-svg{width:20px;height:20px;max-width:20px}}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none}}

/* /assets/v7.css */
/* Dancau V7: organic services + always-on mobile navigation */
html{scroll-behavior:smooth}.mobile-toggle{display:none!important}
.lang-switch{display:flex;gap:.25rem;align-items:center;margin-left:.35rem;padding-left:.55rem;border-left:1px solid rgba(255,255,255,.16)}
.lang-switch a{font-size:.72rem;letter-spacing:.08em;opacity:.62;padding:.4rem .28rem!important}.lang-switch a[aria-current=page]{opacity:1;color:var(--lila,#76E7D9)}
.service-orbit{position:relative;min-height:610px;margin-top:2rem;overflow:hidden;isolation:isolate}
.service-bubble{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;text-decoration:none!important;color:#fff;background:radial-gradient(circle at 32% 26%,rgba(205,184,255,.34),rgba(123,86,214,.2) 38%,rgba(27,24,38,.94) 72%);border:1px solid rgba(211,194,255,.35);box-shadow:0 30px 90px rgba(87,50,160,.18),inset 0 0 50px rgba(190,158,255,.06);backdrop-filter:blur(10px);will-change:transform;transition:box-shadow .45s ease,border-color .45s ease,background .45s ease;overflow:hidden}
.service-bubble:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at var(--bx,50%) var(--by,50%),rgba(224,212,255,.24),transparent 34%);pointer-events:none}
.service-bubble strong{font-size:clamp(2rem,4.8vw,4.7rem);line-height:.86;letter-spacing:-.055em;position:relative}.service-bubble small{max-width:250px;margin-top:1.2rem;line-height:1.45;opacity:0;transform:translateY(10px);transition:.35s ease;position:relative}.service-bubble:hover small,.service-bubble:focus-visible small{opacity:.78;transform:none}.bubble-kicker{position:absolute;top:14%;font-size:.72rem;letter-spacing:.18em;opacity:.5}
.bubble-web{width:min(480px,42vw);aspect-ratio:1;left:7%;top:5%}.bubble-seo{width:min(390px,35vw);aspect-ratio:1;right:8%;bottom:2%}
.service-bubble:hover{border-color:rgba(226,214,255,.7);box-shadow:0 38px 120px rgba(104,62,194,.32),inset 0 0 70px rgba(203,178,255,.1)}
.orbit-dot{position:absolute;border-radius:50%;background:rgba(184,156,255,.15);border:1px solid rgba(205,188,255,.2);pointer-events:none}.dot-a{width:86px;height:86px;left:51%;top:12%}.dot-b{width:42px;height:42px;left:48%;bottom:18%}.dot-c{width:128px;height:128px;right:1%;top:5%;opacity:.55}
/* richer Laura/project transitions */
.project-spotlight-visual{overflow:hidden}.project-spotlight-visual img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .7s ease}.project-spotlight-card:hover .project-spotlight-visual img{transform:scale(1.055) translateY(-1.5%);filter:saturate(1.05) contrast(1.02)}
body:before{content:"";position:fixed;inset:0;z-index:9998;background:#0c0e12;transform:scaleY(0);transform-origin:bottom;pointer-events:none;transition:transform .5s cubic-bezier(.77,0,.18,1)}body.v7-leaving:before{transform:scaleY(1)}
@media(max-width:820px){.site-header .head{align-items:center;gap:.7rem}.brand img{width:112px;height:auto}.nav,.v7-always-nav{display:flex!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;flex:1;overflow-x:auto;white-space:nowrap;gap:.15rem;padding:.35rem 0;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav>a{font-size:.72rem;padding:.55rem .45rem!important}.nav .nav-cta{display:none}.lang-switch{margin-left:.2rem;padding-left:.35rem}.service-orbit{min-height:500px;margin-inline:-.4rem}.bubble-web{width:300px;left:-34px;top:10px}.bubble-seo{width:250px;right:-28px;bottom:10px}.service-bubble strong{font-size:2.7rem}.service-bubble small{font-size:.76rem;max-width:175px;opacity:.72;transform:none}.dot-a{left:65%;top:4%;width:58px;height:58px}.dot-c{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-bubble{transform:none!important}.project-spotlight-visual img{transition:none!important}}

/* /assets/v8.css */
/* Dancau V8: five readable service bubbles + scrolling Laura showcase + persistent WhatsApp */
.service-orbit{position:relative;min-height:900px;margin-top:3rem;isolation:isolate;overflow:visible}
.service-bubble{padding:clamp(1.4rem,2.4vw,2.4rem);box-sizing:border-box;gap:.75rem}
.service-bubble strong{font-size:clamp(1.45rem,2.7vw,3.2rem);line-height:.95;max-width:82%;z-index:1}
.service-bubble small{display:block!important;opacity:.78!important;transform:none!important;margin-top:.35rem;max-width:72%;font-size:clamp(.78rem,1vw,.98rem);line-height:1.42;z-index:1}
.bubble-web{width:min(390px,32vw);left:2%;top:2%}.bubble-seo{width:min(350px,29vw);right:4%;top:7%;bottom:auto}
.bubble-maint{width:min(300px,25vw);left:37%;top:29%;aspect-ratio:1}.bubble-backup{width:min(280px,23vw);left:8%;top:55%;aspect-ratio:1}.bubble-hosting{width:min(300px,25vw);right:9%;top:58%;aspect-ratio:1}
.service-bubble:hover{z-index:10}.service-bubble:hover strong{transform:scale(1.03)}
.laura-scroll-stage{position:relative;min-height:115vh;margin:2.5rem 0 4rem;display:flex;align-items:flex-start;justify-content:center}
.laura-browser{position:sticky;top:12vh;width:min(920px,94vw);border-radius:28px;overflow:hidden;background:#131B1A;border:1px solid rgba(111,236,221,.28);box-shadow:0 35px 110px rgba(25,100,91,.2)}
.laura-browser-bar{height:48px;display:flex;align-items:center;padding:0 1.2rem;font-size:.78rem;letter-spacing:.08em;color:rgba(255,255,255,.6);background:#1C2C2A;border-bottom:1px solid rgba(255,255,255,.08)}
.laura-browser-bar:before{content:'●  ●  ●';letter-spacing:.35rem;color:#79E7DA;margin-right:1rem}
.laura-browser-viewport{height:min(62vh,610px);overflow:hidden;background:#e8e3db}
.laura-scroll-image{width:100%;height:auto;display:block;transform:translate3d(0,var(--laura-y,0px),0) scale(1.015);transform-origin:top center;will-change:transform}
.wa-float{display:flex!important;position:fixed!important;right:max(18px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;z-index:99999!important;opacity:1!important;visibility:visible!important;transform:none!important}
@media(max-width:820px){.service-orbit{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2rem 0;overflow:visible}.service-bubble,.bubble-web,.bubble-seo,.bubble-maint,.bubble-backup,.bubble-hosting{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:1!important;transform:none!important;padding:1rem}.service-bubble:first-child{grid-column:1/-1;width:min(330px,86vw)!important;justify-self:center}.service-bubble strong{font-size:clamp(1.35rem,6vw,2.25rem);max-width:90%}.service-bubble small{font-size:.74rem;max-width:88%;margin-top:.2rem}.bubble-kicker{top:10%}.laura-scroll-stage{min-height:95vh;margin:1.5rem 0 3rem}.laura-browser{top:16vh;border-radius:18px}.laura-browser-viewport{height:58vh}.laura-browser-bar{height:40px;font-size:.65rem}.wa-float{right:14px!important;bottom:14px!important}}
@media(max-width:430px){.service-orbit{gap:9px}.service-bubble{min-height:178px}.service-bubble:first-child{min-height:290px}.service-bubble small{font-size:.7rem;line-height:1.32}.laura-browser-viewport{height:54vh}}

/* /assets/v13.css */
/* Dancau V13 - compact lilac mobile bar */
@media (max-width: 820px) {
  .site-header,
  .site-header.v6-hide,
  .site-header.v6-show {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    transform: none !important;
    translate: none !important;
    background: rgba(116,224,211, .96) !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 8px 26px rgba(18,48,44,.16) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }
  .site-header .head {
    min-height: 54px !important;
    height: 54px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }
  .site-header .brand {
    flex: 0 0 auto !important;
    max-width: 105px !important;
    overflow: hidden !important;
  }
  .site-header .brand img {
    width: 102px !important;
    height: auto !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
  }
  .mobile-toggle { display: none !important; }
  .site-header .nav,
  .site-header .nav.v7-always-nav {
    display: flex !important;
    position: static !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .site-header .nav > a:not(.nav-cta) { display: none !important; }
  .site-header .lang-switch {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .site-header .lang-switch a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 32px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .04em !important;
    text-decoration: none !important;
  }
  .site-header .lang-switch a[aria-current="page"] {
    color: #fff !important;
    background: rgba(255,255,255,.15) !important;
  }
  .site-header .nav .nav-cta {
    order: 2 !important;
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .site-header .nav .nav-cta .wa-svg {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }
}
@media (max-width: 390px) {
  .site-header .head { gap: 6px !important; }
  .site-header .brand { max-width: 91px !important; }
  .site-header .brand img { width: 90px !important; }
  .site-header .lang-switch a { min-width: 25px !important; padding-inline: 2px !important; }
}

/* /assets/v14.css */
/* Dancau V14 - mobile header: one compact lilac row */
@media (max-width: 820px) {
  .site-header,
  .site-header.v6-hide,
  .site-header.v6-show {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    transform: none !important;
    translate: none !important;
    background: #74E0D3 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.20) !important;
    box-shadow: 0 5px 18px rgba(24,70,65,.16) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .site-header .wrap.head {
    width: 100% !important;
    max-width: none !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  .site-header .brand {
    flex: 0 1 92px !important;
    min-width: 72px !important;
    max-width: 92px !important;
    overflow: hidden !important;
  }
  .site-header .brand img {
    display: block !important;
    width: 90px !important;
    max-width: 100% !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
  }
  .mobile-toggle { display: none !important; }
  .site-header .nav,
  .site-header .nav.v7-always-nav {
    display: flex !important;
    position: static !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .site-header .nav > a:not(.nav-cta) { display: none !important; }
  .site-header .lang-switch {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .site-header .lang-switch a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 29px !important;
    padding: 0 !important;
    border: 1px solid #fff !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #59C8BB !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
  }
  .site-header .lang-switch a[aria-current="page"] {
    background: transparent !important;
    color: #fff !important;
  }
  .site-header .nav .nav-cta {
    order: 2 !important;
    display: inline-flex !important;
    flex: 0 0 31px !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }
  .site-header .nav .nav-cta .wa-svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
  }
}
@media (max-width: 360px) {
  .site-header .wrap.head { padding-inline: 9px !important; gap: 5px !important; }
  .site-header .brand { flex-basis: 78px !important; max-width: 78px !important; }
  .site-header .brand img { width: 77px !important; }
  .site-header .nav { gap: 4px !important; }
  .site-header .lang-switch { gap: 3px !important; }
  .site-header .lang-switch a { width: 28px !important; min-width: 28px !important; height: 28px !important; }
  .site-header .nav .nav-cta { width: 29px !important; min-width: 29px !important; flex-basis: 29px !important; height: 29px !important; }
}

/* /assets/v15.css */
/* Dancau V15 - compact black mobile header, guaranteed single row */
@media (max-width: 820px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .site-header,
  .site-header.v6-hide,
  .site-header.v6-show {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    width: 100% !important;
    transform: none !important;
    translate: none !important;
    background: #09090b !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.22) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .site-header .wrap.head {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 9px !important;
    margin: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    overflow: hidden !important;
  }
  .site-header .brand {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 82px !important;
    min-width: 58px !important;
    max-width: 82px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  .site-header .brand img {
    display: block !important;
    width: 80px !important;
    max-width: 100% !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
  }
  .mobile-toggle { display: none !important; }
  .site-header .nav,
  .site-header .nav.v7-always-nav {
    display: flex !important;
    position: static !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 64px) !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .site-header .nav > a:not(.nav-cta) { display: none !important; }
  .site-header .lang-switch {
    order: 1 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .site-header .lang-switch a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 27px !important;
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #fff !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }
  .site-header .lang-switch a[aria-current="page"] {
    background: #74E0D3 !important;
    border-color: #74E0D3 !important;
    color: #fff !important;
  }
  .site-header .nav .nav-cta {
    order: 2 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }
  .site-header .nav .nav-cta .wa-svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
  }
}
@media (max-width: 360px) {
  .site-header .wrap.head { height: 48px !important; min-height: 48px !important; padding-inline: 7px !important; gap: 4px !important; }
  .site-header .brand { flex-basis: 69px !important; max-width: 69px !important; min-width: 52px !important; }
  .site-header .brand img { width: 68px !important; }
  .site-header .nav { gap: 3px !important; max-width: calc(100% - 56px) !important; }
  .site-header .lang-switch { gap: 2px !important; }
  .site-header .lang-switch a { flex-basis: 25px !important; width: 25px !important; min-width: 25px !important; height: 25px !important; font-size: 8px !important; }
  .site-header .nav .nav-cta { flex-basis: 26px !important; width: 26px !important; min-width: 26px !important; height: 26px !important; }
}

/* /assets/v16.css */
/* Dancau V16: two primary service bubbles + compact original-style mobile header */
.service-orbit-v16{max-width:980px;margin:2.5rem auto 0;min-height:430px;display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,5vw,5rem);position:relative}
.service-orbit-v16 .service-bubble{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 clamp(280px,34vw,390px);width:clamp(280px,34vw,390px)!important;height:clamp(280px,34vw,390px)!important}
.service-orbit-v16 .service-bubble:hover{transform:scale(1.045)!important}
.on-demand-v16{text-align:center;max-width:720px;margin:1.5rem auto 0;color:var(--muted,#73737d);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.65}
.on-demand-v16 strong{color:var(--text,#15151a)}
@media (max-width:760px){
  .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:rgba(12,14,18,.70)!important;backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;transform:none!important;transition:none!important}
  .site-header .head{height:58px!important;min-height:58px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;max-width:none!important;width:100%!important}
  .site-header .brand{display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;padding:0!important}
  .site-header .brand img{display:block!important;width:clamp(92px,28vw,122px)!important;height:auto!important;max-height:29px!important;filter:none!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .nav{display:flex!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;overflow:visible!important;transform:none!important;opacity:1!important;visibility:visible!important;flex:0 0 auto!important}
  .site-header .nav>a:not(.nav-cta){display:none!important}
  .site-header .lang-switch{display:flex!important;align-items:center!important;gap:9px!important;order:1!important;margin:0 10px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
  .site-header .lang-switch a{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;padding:2px 0!important;margin:0!important;color:#fff!important;font-size:12px!important;font-weight:750!important;line-height:1!important;min-width:0!important;box-shadow:none!important;text-decoration:none!important}
  .site-header .lang-switch a[aria-current="page"]{color:#76E7D9!important}
  .site-header .nav-cta{display:flex!important;order:2!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#76E7D9!important;font-size:0!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
  .site-header .nav-cta .wa-svg{display:block!important;width:23px!important;height:23px!important;margin:0!important;stroke:currentColor!important}
  body{padding-top:58px!important}
  .service-orbit-v16{min-height:0;display:grid;grid-template-columns:1fr;gap:18px;margin-top:1.8rem}
  .service-orbit-v16 .service-bubble{width:min(82vw,330px)!important;height:min(82vw,330px)!important;flex:none!important;margin:auto!important}
  .on-demand-v16{padding:0 12px;margin-top:1.2rem}
}
@media (max-width:360px){
  .site-header .head{padding:0 10px!important;gap:6px!important}
  .site-header .brand img{width:88px!important}
  .site-header .lang-switch{gap:7px!important;margin-right:7px!important}
  .site-header .lang-switch a{font-size:11px!important}
  .site-header .nav-cta{width:25px!important;height:25px!important;min-width:25px!important}
  .site-header .nav-cta .wa-svg{width:21px!important;height:21px!important}
}

/* /assets/v17.css */
/* Dancau V17 - polished header/navigation on desktop and mobile */
:root{--dancau-lilac:#97F2E7;--dancau-lilac-soft:#B6F6EF;--dancau-header-bg:rgba(8,10,14,.76)}

/* Desktop: one coherent bar, aligned as a single system */
.site-header{
  background:rgba(8,10,14,.82)!important;
  border-bottom:1px solid rgba(151,242,231,.10)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
.site-header .head{
  min-height:76px!important;
  height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:32px!important;
}
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
  flex:0 0 auto!important;
}
.site-header .brand img{
  width:132px!important;
  height:auto!important;
  max-height:34px!important;
  display:block!important;
}
.site-header .nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:28px!important;
  margin-left:auto!important;
  min-width:0!important;
}
.site-header .nav>a:not(.nav-cta){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:500!important;
  color:#F1F8F7!important;
  white-space:nowrap!important;
}
.site-header .nav>a:not(.nav-cta):hover{color:var(--dancau-lilac-soft)!important}
.site-header .lang-switch{
  order:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  min-height:40px!important;
}
.site-header .lang-switch a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(182,246,239,.62)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
  text-decoration:none!important;
}
.site-header .lang-switch a:hover{color:var(--dancau-lilac-soft)!important}
.site-header .lang-switch a[aria-current="page"]{color:var(--dancau-lilac)!important}
.site-header .nav-cta{
  order:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--dancau-lilac)!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:none!important;
}
.site-header .nav-cta:hover{background:rgba(151,242,231,.10)!important;color:var(--dancau-lilac-soft)!important}
.site-header .nav-cta .wa-svg{width:25px!important;height:25px!important;margin:0!important;display:block!important;stroke:currentColor!important}

/* Mobile: original Dancau feel. One translucent bar, no desktop menu squeezed in. */
@media (max-width:760px){
  .site-header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    z-index:9999!important;
    transform:none!important;
    transition:none!important;
    background:rgba(8,10,14,.70)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  }
  .site-header .head{
    width:100%!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 16px!important;
    gap:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .site-header .brand{min-width:0!important;flex:0 1 auto!important;margin:0!important;padding:0!important}
  .site-header .brand img{width:108px!important;max-height:28px!important;height:auto!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .nav{
    position:static!important;
    inset:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    transform:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;
  }
  .site-header .nav>a:not(.nav-cta){display:none!important}
  .site-header .lang-switch{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-height:0!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;
  }
  .site-header .lang-switch a{
    min-width:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;margin:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1!important;
  }
  .site-header .lang-switch a[aria-current="page"]{color:var(--dancau-lilac)!important}
  .site-header .nav-cta{
    order:2!important;
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
    padding:0!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:0!important;border-radius:50%!important;background:transparent!important;
    color:var(--dancau-lilac)!important;font-size:0!important;box-shadow:none!important;
  }
  .site-header .nav-cta .wa-svg{width:24px!important;height:24px!important;margin:0!important;display:block!important}
  body{padding-top:58px!important}
}

@media (max-width:360px){
  .site-header .head{padding:0 12px!important;gap:8px!important}
  .site-header .brand img{width:98px!important;max-height:26px!important}
  .site-header .nav{gap:9px!important}
  .site-header .lang-switch{gap:8px!important}
  .site-header .lang-switch a{font-size:11px!important}
  .site-header .nav-cta{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
  .site-header .nav-cta .wa-svg{width:22px!important;height:22px!important}
}

/* /assets/v19.css */
/* Dancau V19 Turquoise: consistent accent + persistent language switch */
:root{--accent:#39D9C5!important;--v18-lilac:#39D9C5!important;--v18-lilac-soft:#73E8DA!important;--dancau-lilac:#39D9C5!important;--dancau-lilac-soft:#73E8DA!important}
.headline-lila,.eyebrow,.breadcrumb-current,.footer-v34-brand span{color:#39D9C5!important}
.site-header .lang-switch a[aria-current="page"]{color:#39D9C5!important}
.site-header .nav-cta,.footer-v34-wa,.wa-float{color:#39D9C5!important}
/* Keep service bubbles purple at rest, as requested. */
.service-bubble{background:radial-gradient(circle at 32% 26%,rgba(205,184,255,.34),rgba(123,86,214,.20) 38%,rgba(27,24,38,.94) 72%)!important;border-color:rgba(211,194,255,.35)!important;box-shadow:0 30px 90px rgba(87,50,160,.18),inset 0 0 50px rgba(190,158,255,.06)!important}
.service-bubble:before{background:radial-gradient(circle at var(--bx,50%) var(--by,50%),rgba(57,217,197,.30),transparent 34%)!important}
.service-bubble:hover,.service-bubble:focus-visible{border-color:rgba(57,217,197,.82)!important;box-shadow:0 38px 120px rgba(57,217,197,.30),inset 0 0 72px rgba(57,217,197,.13)!important}
/* Language switch must never disappear on internal pages. */
.site-header .lang-switch{display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important}

/* /assets/v21.css */
/* Dancau V21 - Laura card, WhatsApp and mobile header polish */

/* Laura: stable two-column composition. Remove the decorative floating dot/arrow. */
.project-spotlight .wrap{width:min(100% - 40px,1120px)!important;margin-inline:auto!important}
.project-spotlight-card{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(280px,.86fr) minmax(420px,1.14fr)!important;
  gap:clamp(30px,4vw,58px)!important;
  align-items:center!important;
  transform:none!important;
  overflow:hidden!important;
}
.project-spotlight-copy{min-width:0!important;transform:none!important}
.project-spotlight-visual{
  width:100%!important;
  max-width:none!important;
  transform:none!important;
  justify-self:stretch!important;
  border-color:rgba(57,217,197,.28)!important;
}
.project-spotlight-card:hover{transform:none!important}
.project-spotlight-arrow{display:none!important}
.project-spotlight-visual:hover{transform:translateY(-3px)!important}
.project-spotlight-visual img{object-position:center 42%!important}

/* Floating WhatsApp: turquoise button, dark handset, no mystery empty circle. */
.wa-float{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  right:22px!important;
  bottom:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#39D9C5!important;
  color:#0c0e12!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
  z-index:9998!important;
}
.wa-float .wa-svg{display:block!important;width:25px!important;height:25px!important;stroke:currentColor!important;stroke-width:1.9!important;margin:0!important}
@media(hover:hover) and (pointer:fine){
  .wa-float:hover{background:#73E8DA!important;color:#0c0e12!important;transform:translateY(-2px) scale(1.04)!important}
}

/* Mobile: one compact line, with enough breathing room so language + WA never collide. */
@media(max-width:760px){
  .site-header .head{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:60px!important;
    min-height:60px!important;
    padding:0 14px!important;
    gap:12px!important;
  }
  .site-header .brand{flex:0 1 auto!important;min-width:0!important}
  .site-header .brand img{width:96px!important;max-width:96px!important;height:auto!important}
  .site-header .nav{
    flex:0 0 auto!important;
    min-width:0!important;
    margin-left:auto!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .site-header .lang-switch{
    flex:0 0 auto!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  .site-header .lang-switch a{font-size:11px!important;line-height:1!important;min-width:auto!important;padding:4px 1px!important}
  .site-header .nav-cta{
    flex:0 0 25px!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    margin:0!important;
    padding:0!important;
  }
  .site-header .nav-cta .wa-svg{width:21px!important;height:21px!important}
  .wa-float{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;right:14px!important;bottom:16px!important}
  .wa-float .wa-svg{width:23px!important;height:23px!important}
  .project-spotlight .wrap{width:min(100% - 28px,1120px)!important}
  .project-spotlight-card{grid-template-columns:1fr!important;gap:22px!important;padding:20px!important}
  .project-spotlight-copy{order:1!important}
  .project-spotlight-visual{order:2!important;width:100%!important}
}
@media(max-width:360px){
  .site-header .head{padding:0 10px!important;gap:8px!important}
  .site-header .brand img{width:86px!important;max-width:86px!important}
  .site-header .nav{gap:7px!important}
  .site-header .lang-switch{gap:6px!important}
  .site-header .lang-switch a{font-size:10.5px!important}
  .site-header .nav-cta{flex-basis:23px!important;width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important}
  .site-header .nav-cta .wa-svg{width:20px!important;height:20px!important}
}

/* /assets/v22.css */
/* Dancau V22 - mobile language selector: letters only, no boxes */
@media (max-width: 760px){
  .site-header .lang-switch,
  .site-header .lang-switch a,
  .site-header .lang-switch a:hover,
  .site-header .lang-switch a:focus,
  .site-header .lang-switch a[aria-current="page"]{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline-offset:3px;
    border-radius:0!important;
  }
  .site-header .lang-switch a{color:#f6f5f8!important;opacity:.92!important}
  .site-header .lang-switch a[aria-current="page"]{color:#39D9C5!important;opacity:1!important;text-shadow:0 0 12px rgba(57,217,197,.28)}
}


/* V23 visual consistency: Dancau turquoise signature */
.site-header .brand{position:relative}
.site-header .brand::after{content:"";width:7px;height:7px;border-radius:50%;background:#39D9C5;display:block;margin-left:3px;box-shadow:0 0 12px rgba(57,217,197,.25)}
.nav .nav-cta,.wa-float{background:#39D9C5!important;border-color:#39D9C5!important;color:#071816!important}
.nav .nav-cta:hover,.wa-float:hover{background:#73E8DA!important;border-color:#73E8DA!important;color:#071816!important}
@media(max-width:760px){.site-header .brand::after{width:6px;height:6px;margin-left:2px}}

/* /assets/v24.css */
/* Dancau V24: final multilingual, header and control polish */
:root{
  --dancau-turquoise:#39D9C5;
  --dancau-turquoise-soft:#73E8DA;
  --dancau-ink:#071816;
}

/* Shared desktop pointer follower. v24.js creates it on pages that do not load v6.js. */
.v6-cursor{position:fixed;z-index:10000;left:-10px;top:-10px;width:20px;height:20px;border:1px solid rgba(57,217,197,.78);border-radius:50%;pointer-events:none;opacity:0;transition:width .25s cubic-bezier(.2,.75,.25,1),height .25s cubic-bezier(.2,.75,.25,1),left .25s cubic-bezier(.2,.75,.25,1),top .25s cubic-bezier(.2,.75,.25,1),background .25s ease,opacity .25s ease;mix-blend-mode:difference}
.v6-cursor.on{opacity:.9}.v6-cursor.hot{width:46px;height:46px;left:-23px;top:-23px;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.78)}
@media(pointer:coarse),(hover:none){.v6-cursor{display:none!important}}
@media(max-width:800px) and (pointer:fine) and (hover:hover){.v6-cursor{display:block!important}}

/* One logo, one turquoise dot. The dot is part of the SVG. */
.site-header .brand::after,
.top .brand::after{content:none!important;display:none!important}
.site-header .brand,
.top .brand{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;margin:0!important;padding:0!important;text-decoration:none!important}
.site-header .brand img,
.top .brand img{display:block!important;width:108px!important;max-width:108px!important;height:auto!important;max-height:40px!important;margin:0!important;object-fit:contain!important}

/* Stable header structure at every language length. */
.site-header{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(9,10,12,.96)!important;border-bottom:1px solid rgba(57,217,197,.13)!important;backdrop-filter:blur(14px)!important}
.site-header .wrap.head{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;width:min(calc(100% - 34px),1120px)!important;max-width:1120px!important;min-height:70px!important;height:auto!important;margin-inline:auto!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;isolation:isolate!important}
.site-header .nav{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:24px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important;white-space:nowrap!important}
.site-header .nav>a{display:inline-flex!important;align-items:center!important;padding:8px 0!important;color:#dfe7e6!important;font-size:13px!important;font-weight:560!important;line-height:1.2!important;text-decoration:none!important;border-radius:0!important;transition:color .2s ease!important}
.site-header .nav>a:hover,
.site-header .nav>a[aria-current="page"]{color:var(--dancau-turquoise)!important}
.header-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;min-width:max-content!important}

/* Language selector: compact text, never a stretched pill. */
.site-header .lang-switch{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;white-space:nowrap!important}
.site-header .lang-switch a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;padding:5px 0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#c9d0cf!important;font-size:11px!important;font-weight:700!important;line-height:1!important;letter-spacing:.08em!important;text-decoration:none!important;opacity:.76!important}
.site-header .lang-switch a:hover{color:#fff!important;opacity:1!important}
.site-header .lang-switch a[aria-current="page"]{color:var(--dancau-turquoise)!important;background:transparent!important;opacity:1!important}
.site-header .lang-switch a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--dancau-turquoise)}

/* Header WhatsApp: turquoise icon with a square hit area, not an oval button. */
.site-header .nav-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  margin:0!important;padding:0!important;border:1px solid rgba(57,217,197,.28)!important;border-radius:8px!important;
  background:transparent!important;color:var(--dancau-turquoise)!important;box-shadow:none!important;font-size:0!important;
  transform:none!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important
}
.site-header .nav-cta:hover{background:rgba(57,217,197,.10)!important;border-color:rgba(57,217,197,.58)!important;color:var(--dancau-turquoise-soft)!important;transform:translateY(-1px)!important}
.site-header .nav-cta .wa-svg{display:block!important;width:22px!important;height:22px!important;margin:0!important;stroke:currentColor!important;stroke-width:1.9!important}

.site-header .mobile-toggle{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Buttons: deliberate rounded rectangles. No pill/egg shapes. */
.button,
.button.secondary,
.button.button-secondary,
.seo-focus-links .button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:11px 18px!important;border-radius:7px!important;
  line-height:1.2!important;white-space:normal!important;text-align:center!important;
  transform:none!important
}
.button:hover,
.button.secondary:hover,
.button.button-secondary:hover{transform:translateY(-1px)!important}

/* Featured project: complete copy and a stable CTA layout. */
.project-spotlight-card{grid-template-columns:minmax(300px,.9fr) minmax(440px,1.1fr)!important;gap:clamp(34px,4vw,58px)!important;align-items:center!important}
.project-spotlight-copy h2{max-width:520px!important;text-wrap:balance!important}
.project-spotlight-copy>p{max-width:550px!important}
.project-spotlight-links{display:flex!important;align-items:center!important;gap:14px 20px!important;flex-wrap:wrap!important;margin-top:24px!important}
.project-spotlight-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:42px!important;padding:10px 16px!important;border:1px solid var(--dancau-turquoise)!important;border-radius:7px!important;
  background:var(--dancau-turquoise)!important;color:var(--dancau-ink)!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important;
  text-decoration:none!important;white-space:normal!important;box-shadow:none!important;transform:none!important
}
.project-spotlight-link:hover{background:var(--dancau-turquoise-soft)!important;border-color:var(--dancau-turquoise-soft)!important;color:var(--dancau-ink)!important;transform:translateY(-1px)!important}
.project-spotlight-secondary{
  display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:8px 2px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#b9b3c0!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;
  text-decoration:none!important;white-space:normal!important;transform:none!important
}
.project-spotlight-secondary:hover{color:#fff!important;transform:none!important}
.project-spotlight-visual{border-radius:8px!important}

/* Turquoise WhatsApp treatment outside the header. */
.footer-v34-wa{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(57,217,197,.24)!important;border-radius:8px!important;background:transparent!important;color:var(--dancau-turquoise)!important}
.footer-v34-wa:hover{background:rgba(57,217,197,.10)!important;color:var(--dancau-turquoise-soft)!important}
.footer-v34-wa .footer-wa-icon{width:21px!important;height:21px!important;stroke:currentColor!important}
.wa-float{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;border-radius:50%!important;background:var(--dancau-turquoise)!important;border:0!important;color:var(--dancau-ink)!important}
.wa-float:hover{background:var(--dancau-turquoise-soft)!important;color:var(--dancau-ink)!important}

/* Footer language and legal links remain readable at narrow widths. */
.footer-v34-row{align-items:center!important}
.footer-v34-legal{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px 20px!important;flex-wrap:wrap!important}

@media(max-width:900px){
  .site-header .wrap.head{gap:16px!important}
  .site-header .nav{gap:16px!important}
  .site-header .nav>a{font-size:12.5px!important}
  .site-header .brand img{width:100px!important;max-width:100px!important}
  .project-spotlight-card{grid-template-columns:minmax(250px,.86fr) minmax(360px,1.14fr)!important;gap:28px!important}
}

@media(max-width:760px){
  .site-header .wrap.head{grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;width:100%!important;max-width:none!important;min-height:60px!important;height:60px!important;margin:0!important;padding:0 14px!important;overflow:visible!important}
  .site-header .brand img{width:88px!important;max-width:88px!important;max-height:28px!important}
  .header-tools{grid-column:3!important;display:flex!important;align-items:center!important;gap:20px!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .nav{display:none!important}
  .site-header .nav.open{display:none!important}
  .site-header .nav-cta{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;flex-basis:31px!important}
  .site-header .nav-cta .wa-svg{width:20px!important;height:20px!important}
  .site-header .lang-switch{gap:8px!important}
  .site-header .lang-switch a{font-size:10.5px!important;min-width:18px!important}
  .project-spotlight-card{grid-template-columns:1fr!important;gap:22px!important;padding:20px!important}
  .project-spotlight-copy h2{font-size:clamp(27px,8vw,36px)!important}
  .project-spotlight-links{align-items:stretch!important}
  .project-spotlight-link{width:auto!important;max-width:100%!important}
  .project-spotlight-secondary{min-height:auto!important;padding:8px 0!important}
  .footer-v34-row{gap:20px!important}
}
@media(max-width:390px){
  .site-header .wrap.head{padding-inline:10px!important;gap:8px!important}
  .site-header .brand img{width:80px!important;max-width:80px!important}
  .header-tools{gap:20px!important}
  .site-header .lang-switch{gap:6px!important}
  .site-header .lang-switch a{font-size:10px!important;min-width:17px!important}
}
@media(prefers-reduced-motion:reduce){
  .site-header .nav-cta,.button,.project-spotlight-link,.project-spotlight-visual,.wa-float{transition:none!important;transform:none!important}
}

/* Complete footer styles are kept here as well so legal pages do not depend on the main stylesheet. */
.footer-v34{
  margin:0!important;padding:14px 0!important;border-top:1px solid rgba(57,217,197,.14)!important;
  background:#090a0c!important;color:#aeb0ba!important
}
.footer-v34 .wrap{width:min(calc(100% - 34px),1120px)!important;margin-inline:auto!important}
.footer-v34-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px 18px!important;flex-wrap:wrap!important}
.footer-v34-brand{flex:0 0 auto!important;color:#f7f7f5!important;font-size:19px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.075em!important;text-decoration:none!important;white-space:nowrap!important}
.footer-v34-brand span{color:var(--dancau-turquoise)!important;margin-left:.16em!important}
.footer-v34-legal{margin-left:auto!important}
.footer-v34-legal a{color:#bcbac3!important;font-size:12px!important;line-height:1.35!important;text-decoration:none!important;white-space:nowrap!important}
.footer-v34-legal a:hover{color:var(--dancau-turquoise)!important}
.footer-v42-copy{color:#8f929a!important;font-size:11px!important;white-space:nowrap!important}

.redirect-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:#090a0c;color:#f6f5f8;font:500 17px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}
.redirect-page a{color:var(--dancau-turquoise)}

/* The legal layout has its own light content area; keep the shared header/footer compact and readable. */
body:has(.content) .site-header .wrap.head{width:min(calc(100% - 34px),1120px)!important}
body:has(.content) .footer-v34 .wrap{width:min(calc(100% - 34px),900px)!important}

@media(max-width:760px){
  .footer-v34{padding:16px 0 calc(78px + env(safe-area-inset-bottom))!important}
  .footer-v34-row{justify-content:center!important;gap:10px 14px!important}
  .footer-v34-legal{width:100%!important;margin-left:0!important;gap:8px 14px!important}
}

/* V28: present website creation as the main offer and keep the Laura case study secondary. */
.web-package{padding-block:72px!important}
.web-package-panel{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.web-package-panel>h2{max-width:780px!important;margin-top:10px!important;margin-bottom:16px!important}
.web-package-panel>.section-intro{max-width:760px!important}
.web-package-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:28px!important}
.web-package-grid article{padding:20px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:rgba(9,12,14,.62)!important}
.web-package-grid h3{margin:0 0 9px!important;font-size:18px!important}
.web-package-grid p{margin:0!important;color:var(--muted)!important;font-size:15px!important}
.web-package-note{margin-top:22px!important;max-width:850px!important}
.web-package .actions{margin-top:22px!important}
.web-package-detail{padding-top:54px!important}
.laura-case-compact{padding-block:38px!important}
.laura-case-compact-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.laura-case-compact-card h2{margin:6px 0 8px!important;font-size:clamp(24px,3vw,34px)!important}
.laura-case-compact-card p{max-width:660px!important;margin:0!important;color:var(--muted)!important}
.laura-case-compact-card .project-spotlight-secondary{flex:0 0 auto!important}
@media(max-width:760px){.web-package{padding-block:48px!important}.web-package-grid{grid-template-columns:1fr!important;gap:10px!important}.laura-case-compact-card{display:block!important;padding:0!important}.laura-case-compact-card .project-spotlight-secondary{margin-top:18px!important}}
/* V29 website package and independent turquoise brand dot. */
.web-package-price{display:flex!important;align-items:baseline!important;gap:14px!important;margin:24px 0 8px!important;color:var(--muted)!important}
.web-package-price strong{color:var(--dancau-turquoise)!important;font-size:clamp(30px,4vw,42px)!important;line-height:1!important;letter-spacing:-.04em!important}
.web-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.site-header .brand img,.top .brand img{width:108px!important;max-width:108px!important;height:auto!important;max-height:40px!important;margin:0!important;object-fit:contain!important}
.site-header .brand .brand-dot,.top .brand .brand-dot{display:block!important;flex:0 0 9px!important;width:9px!important;height:9px!important;margin-left:-4px!important;border-radius:50%!important;background:var(--dancau-turquoise)!important}
@media(max-width:900px){.site-header .brand img{width:100px!important;max-width:100px!important}}
@media(max-width:760px){.site-header .brand img{width:88px!important;max-width:88px!important;max-height:28px!important}.site-header .brand .brand-dot{flex-basis:12px!important;width:12px!important;height:12px!important;margin-left:-3px!important}.web-package-grid{grid-template-columns:1fr!important}}
@media(max-width:390px){.site-header .brand img{width:80px!important;max-width:80px!important}.site-header .brand .brand-dot{flex-basis:11px!important;width:11px!important;height:11px!important}}
/* V30: reserve visible space for the brand dot on narrow iPhone Safari viewports. */
.site-header .brand,.top .brand{position:relative!important;overflow:visible!important;width:auto!important;max-width:none!important;padding-right:12px!important;box-sizing:content-box!important}
.site-header .brand .brand-dot,.top .brand .brand-dot{position:absolute!important;display:block!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;flex:none!important;width:10px!important;height:10px!important;margin:0!important;border-radius:50%!important;background:#39d9c5!important;z-index:2!important}
@media(max-width:760px){.site-header .brand{padding-right:16px!important}.site-header .brand .brand-dot{width:11px!important;height:11px!important;right:1px!important}}
@media(max-width:390px){.site-header .brand{padding-right:16px!important}.site-header .brand .brand-dot{width:11px!important;height:11px!important;right:1px!important}}
/* V31: smaller solid turquoise dot, aligned slightly below the wordmark. */
.site-header .brand .brand-dot,.top .brand .brand-dot{width:8px!important;height:8px!important;right:0!important;top:calc(50% + 3px)!important;transform:translateY(-50%)!important;background:#39d9c5!important;box-shadow:none!important}
@media(max-width:760px){.site-header .brand .brand-dot{width:9px!important;height:9px!important;right:0!important;top:calc(50% + 3px)!important}}
@media(max-width:390px){.site-header .brand .brand-dot{width:9px!important;height:9px!important;right:0!important}}
/* V31: bring legal information pages into the same visual system as the rest of the site. */
body:has(.content) .content{padding:0 0 88px!important;border-top:0!important;background:transparent!important}
body:has(.content) .content>.wrap{width:min(900px,calc(100% - 42px))!important;margin:0 auto!important;padding:clamp(24px,4vw,42px)!important;border:1px solid var(--line)!important;border-radius:16px!important;background:linear-gradient(145deg,#151820,#101216)!important}
body:has(.content) .content p{margin:0 0 18px!important;color:var(--muted)!important;font-size:15px!important;line-height:1.8!important}
body:has(.content) .content h2{max-width:none!important;margin:34px 0 13px!important;color:var(--dancau-turquoise)!important;font-size:clamp(21px,2.8vw,29px)!important;line-height:1.2!important;letter-spacing:-.035em!important}
body:has(.content) .content h3{margin:25px 0 9px!important;color:var(--ink)!important;font-size:18px!important;letter-spacing:-.02em!important}
body:has(.content) .content strong{color:var(--ink)!important;font-weight:700!important}
body:has(.content) .content a{color:var(--dancau-turquoise)!important;text-decoration:underline!important;text-underline-offset:3px!important}
body:has(.content) .content ul,body:has(.content) .content ol{margin:0 0 20px!important;padding-left:24px!important;color:var(--muted)!important}
body:has(.content) .content li{padding-left:4px!important;margin:0 0 8px!important;line-height:1.75!important}
body:has(.content) .content>.wrap>p:first-child{padding-left:16px!important;border-left:2px solid var(--dancau-turquoise)!important}
@media(max-width:760px){body:has(.content) .content{padding-bottom:54px!important}body:has(.content) .content>.wrap{width:calc(100% - 32px)!important;padding:22px 19px!important;border-radius:12px!important}body:has(.content) .content h2{margin-top:28px!important}}

/* V32: lower the turquoise brand dot slightly in every header size. */
.site-header .brand .brand-dot,.top .brand .brand-dot{top:calc(50% + 5px)!important}
@media(max-width:760px){.site-header .brand .brand-dot{top:calc(50% + 5px)!important}}
@media(max-width:390px){.site-header .brand .brand-dot{top:calc(50% + 5px)!important}}


/* /assets/accessibility.css */
/* Keyboard-only access; preserve the existing layout and pointer decisions. */
.skip-link{position:fixed;top:-100px;left:16px;z-index:20000;padding:12px 18px;background:#39d9c5;color:#071816;border-radius:7px;font-weight:700}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid #39d9c5;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v6-cursor{display:none!important}}
.breadcrumbs{padding-top:24px;font-size:.9rem;overflow-wrap:anywhere}
.text-content{max-width:75ch}
.section li{margin-block:.65em}
.section-cream p,.section-cream .section-intro{color:#394346!important}
.section-cream .eyebrow{color:#00695c!important}
.footer-v34-legal a,.lang-switch a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:640px){.section h1{overflow-wrap:anywhere}.footer-v34-row{flex-wrap:wrap}.footer-v34-legal{flex-wrap:wrap}}
@media(max-width:760px){
 .site-header .mobile-toggle{display:inline-flex!important;grid-column:2;grid-row:1;justify-self:end;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding:6px;border:1px solid #39d9c5;border-radius:6px;background:#090a0c;color:#dfe7e6;font:inherit;font-size:12px}
 .site-header .header-tools{gap:8px!important}
 .site-header .lang-switch{gap:2px!important}
 .site-header .lang-switch a{min-width:24px!important;min-height:44px!important}
 .site-header .nav-cta{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}
 .site-header .nav.open{display:flex!important;position:absolute!important;top:60px!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;background:#090a0c!important;padding:12px 20px!important;gap:0!important;border-bottom:1px solid #39d9c5!important;max-height:calc(100dvh - 60px);overflow-y:auto!important}
 .site-header .nav.open{width:100%!important;max-width:none!important;box-sizing:border-box!important}
 .site-header .nav.open>a:not(.nav-cta){display:flex!important;min-height:44px!important}
}

/* /assets/redesign.css */
/* Dancau · identidad editorial directa, 2026 */
:root {
  color-scheme: dark;
  --bg: #0c0e12;
  --soft: #151820;
  --panel: #191c24;
  --ink: #f3f3f6;
  --muted: #a3a9b6;
  --line: #2d3039;
  --accent: #39d9c5;
  --accent-strong: #20bfae;
  --accent-ink: #071c1a;
  --cream: #f5f1e8;
  --cream-ink: #192523;
  --cream-muted: #40504a;
  --measure: 72rem;
  --reading: 68ch;
  --space-section: clamp(2.5rem, 5vw, 4.5rem);
  --radius: 0.45rem;
  --shadow-soft: 0 24px 60px rgb(0 0 0 / 20%);
  --ease: cubic-bezier(.2, .7, .2, 1);
}
:root { --accent: #39d9c5 !important; --accent-strong: #20bfae !important; }

html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--ink); }
::selection { background: var(--accent); color: var(--accent-ink); }
.wrap { width: min(var(--measure), calc(100% - 3rem)); }
.site-header { background: rgb(12 14 18 / 96%); border-bottom: 1px solid var(--line); }
.brand-dot { color: var(--accent); }
.site-header .brand .brand-dot, .top .brand .brand-dot { background: var(--accent) !important; }
.nav { gap: clamp(.7rem, 1.5vw, 1.45rem); }
.nav a { color: var(--muted); }
.nav a:hover, .nav a[aria-current="page"] { color: var(--ink); }
.nav .nav-cta, .button:not(.secondary) { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.site-header .nav-cta, .header-tools .nav-cta, .nav .nav-cta, .button:not(.secondary) { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--accent-ink) !important; }
.nav .nav-cta:hover, .button:not(.secondary):hover { background: var(--accent-strong); border-color: var(--accent-strong); color: var(--accent-ink); }
.site-header .nav-cta:hover, .header-tools .nav-cta:hover, .button:not(.secondary):hover { background: var(--accent-strong) !important; border-color: var(--accent-strong) !important; color: var(--accent-ink) !important; }
.lang-switch a[aria-current="page"] { color: var(--accent) !important; }
.lang-switch a[aria-current="page"]::after { background: var(--accent) !important; }
.button, .nav a, .card, .location-card, .step, .faq details { transition-duration: 180ms; }
.button { border-radius: 3px; }
.button.secondary { color: var(--ink); border-color: var(--line); }
.button.secondary:hover { border-color: var(--accent); background: rgb(243 160 135 / 8%); }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.skip-link:focus { background: var(--accent); color: var(--accent-ink); }

.hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(4.5rem, 10vw, 9rem) 0 clamp(3.5rem, 7vw, 6.25rem); background: var(--bg); }
.hero::after { content: ""; position: absolute; z-index: -1; top: 12%; right: -10rem; width: clamp(18rem, 38vw, 35rem); aspect-ratio: 1; border: 1px solid rgb(57 217 197 / 20%); border-radius: 50%; box-shadow: 0 0 0 3rem rgb(57 217 197 / 3%), 0 0 0 7rem rgb(57 217 197 / 2%); pointer-events: none; }
.hero .wrap { position: relative; }
.hero .eyebrow, .service-hero .eyebrow, .eyebrow, .num, .location-tag, .breadcrumb-current { color: var(--accent) !important; letter-spacing: .14em; }
.section-cream .eyebrow, .section-cream .num, .section-cream .step span, .section-cream a { color: #176b61 !important; }
.hero h1 { max-width: 13ch; margin: 1rem 0 1.5rem; color: var(--ink); font-size: clamp(3.15rem, 8.5vw, 7.4rem); line-height: .99; letter-spacing: -.075em; text-wrap: balance; }
.hero h1 .headline-lila { color: var(--accent) !important; }
.hero .lead { max-width: 60ch; color: var(--muted); font-size: clamp(1.08rem, 1.7vw, 1.32rem); line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-top: 2rem; }
.hero-places { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem 1.15rem; margin: clamp(2.4rem, 5vw, 4.6rem) 0 0; padding: 1.2rem 0 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .9rem; }
.hero-places strong { color: var(--accent); font-size: .72rem; letter-spacing: .13em; text-transform: uppercase; }
.hero-places a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .25em; }
.hero-places a:hover { color: var(--ink); }

.section { padding: var(--space-section) 0; border-top: 1px solid var(--line); }
.section h2 { max-width: 18ch; margin: .5rem 0 1rem; color: var(--ink); font-size: clamp(2.1rem, 5vw, 4rem); line-height: 1.06; letter-spacing: -.06em; text-wrap: balance; }
.section-intro, .lead { max-width: var(--reading); color: var(--muted); line-height: 1.75; }
.eyebrow, .num, .location-tag, .breadcrumb-current { color: var(--accent); }
.card, .location-card, .step, .faq details, .web-package-panel { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.card, .location-card { padding: 1.5rem 0; }
.card:hover, .location-card:hover, .step:hover { transform: none; border-color: var(--accent); background: transparent; box-shadow: none; }
.card h3, .location-card h3, .step h3 { color: var(--ink); }
.card p, .location-card p, .step p { color: var(--muted); }
.service-orbit-v16 { display: flex; min-height: 0; max-width: 60rem; justify-content: center; align-items: center; gap: clamp(1.5rem, 5vw, 5rem); margin: 2.5rem auto 0; }
.service-orbit-v16 .service-bubble { position: relative !important; inset: auto !important; flex: 0 0 clamp(17.5rem, 31vw, 24rem); width: clamp(17.5rem, 31vw, 24rem) !important; height: clamp(17.5rem, 31vw, 24rem) !important; min-height: 0; padding: clamp(2rem, 4vw, 3rem); border: 1px solid #31534e; border-radius: 50% !important; background: radial-gradient(circle at 34% 28%, #16302c, #111519 74%); color: var(--ink); text-align: center; box-shadow: inset 0 0 0 8px #0c0e12, inset 0 0 0 9px #253532; }
.service-bubble strong { display: block; max-width: none; margin: 0 0 .8rem; color: var(--ink); font-size: clamp(1.5rem, 3vw, 2.35rem); letter-spacing: -.045em; }
.service-bubble small { display: block; max-width: 24ch; color: var(--muted); font-size: .98rem; line-height: 1.65; }
.service-bubble::after { content: none !important; }
.service-orbit-v16 .service-bubble:hover { transform: scale(1.035) !important; border-color: var(--accent); background: radial-gradient(circle at 34% 28%, #193934, #111519 74%); }
.service-orbit-v16 .service-bubble:hover strong { color: var(--accent); }
.section-cream { color: var(--cream-ink); background: var(--cream); border-color: #d3cec3; }
.section-cream h2, .section-cream h3, .section-cream .card h3 { color: var(--cream-ink); }
.section-cream .eyebrow, .section-cream .num, .section-cream .step span, .section-cream a { color: #176b61; }
.section-cream p, .section-cream .lead, .section-cream .section-intro, .section-cream .card p { color: var(--cream-muted); }
.section-cream .card, .section-cream .location-card, .section-cream .step, .section-cream .faq details { border-color: #b9b6aa; }
.section-cream .button:not(.secondary) { color: var(--cream); background: var(--cream-ink); border-color: var(--cream-ink); }
.section-cream .button.secondary { color: var(--cream-ink); border-color: #69736b; }
.project-spotlight-card { padding: clamp(1.5rem, 4vw, 3rem) 0; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.project-spotlight-copy .eyebrow, .project-spotlight-link { color: var(--accent); }
.project-spotlight-visual { border-color: var(--line); border-radius: var(--radius); box-shadow: var(--shadow-soft); }
.project-window-bar { background: var(--panel); }
.project-spotlight-arrow { background: var(--accent); color: var(--accent-ink); }
.faq details { padding: 1.15rem 0; }
.faq summary { color: var(--ink); font-size: 1.08rem; }
.faq details p { max-width: var(--reading); color: var(--muted); }
.breadcrumbs { color: var(--muted); }
.breadcrumbs a { color: var(--muted); }
.footer, .footer-v34 { background: #191f1c; border-color: var(--line); }
.footer a, .footer-v34-legal a { color: var(--muted); }
.footer-v34-brand span { color: var(--accent); }
.wa-float { background: var(--accent) !important; color: var(--accent-ink) !important; border: 0; border-radius: 50% !important; box-shadow: var(--shadow-soft); }
.wa-float:hover { background: var(--accent-strong); color: var(--accent-ink); }

.design-note { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, .6fr); align-items: end; gap: 2rem; margin-top: clamp(2rem, 5vw, 4rem); padding: 1.4rem 0 0; border-top: 1px solid var(--line); }
.design-note-label { color: var(--accent); font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.design-note p { max-width: 32ch; margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.65; }
.design-note strong { color: var(--ink); }
.process-line { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin-top: 1.8rem; color: var(--ink); }
.process-line span { padding: .6rem .85rem; border: 1px solid var(--line); border-radius: 99px; }
.process-line b { color: var(--accent); font-weight: 500; }

@media (max-width: 760px) {
  .wrap { width: min(var(--measure), calc(100% - 2.25rem)); }
  .hero { padding: 4.25rem 0 3.5rem; }
  .hero::after { top: 31%; right: -15rem; opacity: .7; }
  .hero h1 { max-width: 12ch; font-size: clamp(3rem, 12.8vw, 5.1rem); }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { flex: 1 1 100%; justify-content: center; min-height: 48px; }
  .hero-places { gap: .7rem 1rem; }
  .service-orbit-v16 { flex-direction: column; gap: 1rem; margin-top: 1.8rem; }
  .service-orbit-v16 .service-bubble { flex: 0 0 min(78vw, 20rem); width: min(78vw, 20rem) !important; height: min(78vw, 20rem) !important; }
  .design-note { grid-template-columns: 1fr; gap: .75rem; }
  .process-line { gap: .5rem; }
  .process-line span { font-size: .88rem; }
  .site-header { backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* /assets/consent.css */
/* Compact, non-modal and in normal flow: no overlay or covered page content. */
.consent-notice{display:none;position:relative;z-index:20;scroll-margin-top:90px;background:#151820;color:#f3f3f6;border-bottom:1px solid #414956;font:400 .875rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-analytics-consent="prompt"] .consent-notice{display:block}
.consent-notice .consent-inner{width:min(72rem,calc(100% - 2rem));margin:auto;padding:12px 0;display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}
.consent-notice .consent-copy{flex:1 1 25rem;margin:0!important;max-width:65ch;color:#d1d6df!important;font-size:.875rem;line-height:1.5}
.consent-notice a{color:#73e8da!important;text-underline-offset:.18em}
.consent-notice .consent-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.consent-notice button{font:600 .8125rem/1.2 system-ui,sans-serif;border:1px solid #76808f;border-radius:5px;background:#151820;color:#f3f3f6;min-height:44px;padding:10px 14px;cursor:pointer}
.consent-notice button:hover{border-color:#39d9c5;background:#233132}
.consent-notice button:active{background:#304142}
.consent-notice button:focus-visible,.consent-notice input:focus-visible{outline:3px solid #39d9c5;outline-offset:3px}
.consent-notice .consent-options{flex:1 0 100%;padding-top:8px;border-top:1px solid #414956;color:#d1d6df}
.consent-notice .consent-options label{display:flex;align-items:center;gap:10px;font-weight:650;color:#f3f3f6;min-height:44px}
.consent-notice input{accent-color:#39d9c5;width:20px;height:20px;margin:0}
.consent-notice .consent-options p{margin:0 0 8px;font-size:.8125rem;max-width:78ch}
.consent-notice [hidden]{display:none!important}
.consent-notice .consent-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.content .comparison-scroll{max-width:100%;overflow-x:auto;margin-block:1.5rem}
.content .comparison-scroll table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.9rem}
.content .comparison-scroll caption{text-align:left;font-weight:700;margin-bottom:.75rem}
.content .comparison-scroll th,.content .comparison-scroll td{padding:.8rem;vertical-align:top;text-align:left;border-bottom:1px solid #69736b}
@media(max-width:760px){.consent-notice .consent-inner{gap:8px;padding:10px 0}.consent-notice .consent-copy{flex-basis:100%;font-size:.8125rem}.consent-notice .consent-actions{gap:6px}.consent-notice button{padding:9px 13px}}