:root {
  --font-family: "Baloo 2", sans-serif;
  --font-size-base: 16.8px;
  --line-height-base: 1.62;

  --max-w: 1360px;
  --space-x: 2.08rem;
  --space-y: 1.5rem;
  --gap: 2.09rem;
  --space-section-y: calc(var(--space-y) * 2.4);
  --space-section-x: var(--space-x);
  --space-block: calc(var(--gap) * 1.5);
  --space-card: calc(var(--space-y) * .75);
  --font-size-sm: calc(var(--font-size-base) * .875);
  --font-size-md: var(--font-size-base);
  --font-size-lg: calc(var(--font-size-base) * 1.125);
  --font-size-h3: calc(var(--font-size-base) * 1.35);
  --font-size-h2: calc(var(--font-size-base) * 2);
  --font-size-h1: calc(var(--font-size-base) * 2.65);
  --motion-distance: calc(var(--gap) * var(--random-number));

  --radius-xl: 1.27rem;
  --radius-lg: 1rem;
  --radius-md: 0.59rem;
  --radius-sm: 0.31rem;

  --shadow-sm: 0 2px 7px rgba(0,0,0,0.14);
  --shadow-md: 0 6px 16px rgba(0,0,0,0.18);
  --shadow-lg: 0 28px 52px rgba(0,0,0,0.22);

  --overlay: rgba(0,0,0,0.5);
  --anim-duration: 290ms;
  --anim-ease: cubic-bezier(0.16,1,0.3,1);
  --random-number: 1;

  --brand: #C73E2B;
  --brand-contrast: #FFFFFF;
  --accent: #E8772E;
  --accent-contrast: #FFFFFF;

  --neutral-0: #FFFFFF;
  --neutral-100: #F5F3F0;
  --neutral-300: #C4BDB5;
  --neutral-600: #7A7268;
  --neutral-800: #3D3833;
  --neutral-900: #1E1B18;

  --page-bg: #F9F7F4;
  --page-fg: #1E1B18;
  --muted-bg: #EDE9E3;
  --muted-fg: #1E1B18;
  --card-bg: #FFFFFF;
  --card-fg: #1E1B18;
  --card-border: #D6D0C8;
  --inverse-bg: #1E1B18;
  --inverse-fg: #F9F7F4;
  --primary-bg: #C73E2B;
  --primary-fg: #FFFFFF;
  --primary-hover: #B03422;
  --accent-bg: #E8772E;
  --accent-fg: #FFFFFF;
  --accent-hover: #D1651F;
  --gradient-hero-bg: linear-gradient(135deg, #1E1B18 0%, #3D3833 100%);
  --gradient-hero-fg: #F9F7F4;
  --gradient-accent-bg: linear-gradient(135deg, #C73E2B 0%, #E8772E 100%);
  --gradient-accent-fg: #FFFFFF;

  --ring: #C73E2B;

  --link: #C73E2B;
  --link-hover: #E8772E;

  --btn-ghost-bg: transparent;
  --btn-ghost-bg-hover: color-mix(in srgb, currentColor 10%, transparent);
  --input-placeholder: rgba(255,255,255,0.55);
}
body{margin:0;padding:0;font-family:var(--font-family);box-sizing: border-box;}
*{box-sizing:border-box;}
a{color:inherit;}
.btn-primary,.btn.btn-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;border-color:var(--primary-bg)!important;}
.btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important;border-color:var(--primary-hover)!important;}
.btn-outline-primary{color:var(--primary-bg)!important;border-color:var(--primary-bg)!important;}
.btn-outline-primary:hover{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
.bg-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
.text-primary{color:var(--primary-bg)!important;}
.border-primary{border-color:var(--primary-bg)!important;}
.bg-light{background:var(--page-bg)!important;color:var(--page-fg)!important;}
.bg-dark{background:var(--inverse-bg)!important;color:var(--inverse-fg)!important;}

/* header — full-width con borde inferior */
  header {
    background-color: var(--page-bg);
    border-bottom: 2px solid var(--muted-bg);
    width: 100%;
    padding: 0 var(--space-x);
    box-sizing: border-box;
  }

  /* wrapper interno centrado */
  .header-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-y) 0;
    gap: var(--gap);
    flex-wrap: nowrap;
  }

  /* logo — color oscuro sobre fondo claro */
  .logo {
    font-size: var(--font-size-h3);
    font-weight: 700;
    color: var(--page-fg);
    text-decoration: none;
    letter-spacing: -0.02em;
    white-space: nowrap;
    line-height: 1.2;
    flex-shrink: 0;
  }

  /* navegación horizontal */
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: calc(var(--gap) * 1.2);
    align-items: center;
  }

  nav a {
    text-decoration: none;
    color: var(--page-fg);
    font-size: var(--font-size-md);
    font-weight: 500;
    padding: 0.25rem 0;
    border-bottom: 2px solid transparent;
    transition: border-color var(--anim-duration) var(--anim-ease), color var(--anim-duration) var(--anim-ease);
    white-space: nowrap;
  }

  nav a:hover {
    color: var(--link-hover);
    border-bottom-color: var(--accent-bg);
  }

  /* CTA botón */
  .cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-bg);
    color: var(--primary-fg);
    font-size: var(--font-size-sm);
    font-weight: 600;
    padding: 0.5rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: background-color var(--anim-duration) var(--anim-ease), transform 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.4;
    border: none;
    box-shadow: var(--shadow-sm);
  }

  .cta-button:hover {
    background-color: var(--primary-hover);
    transform: scale(1.02);
  }

  /* botón burger (oculto en desktop) */
  .burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    gap: 5px;
    border-radius: var(--radius-sm);
    transition: background var(--anim-duration) var(--anim-ease);
    flex-shrink: 0;
  }

  .burger span {
    display: block;
    width: 24px;
    height: 3px;
    background-color: var(--page-fg);
    border-radius: 2px;
    transition: all var(--anim-duration) var(--anim-ease);
  }

  .burger:hover {
    background-color: var(--muted-bg);
  }

  /* estado activo del burger (X) */
  .burger.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .burger.active span:nth-child(2) {
    opacity: 0;
  }
  .burger.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  /* ===== MÓVIL (max-width: 767px) ===== */
  @media (max-width: 767px) {
    .header-inner {
      flex-wrap: wrap;
      position: relative;
    }

    /* logo y CTA se quedan en la misma línea, nav se oculta */
    nav {
      order: 4;
      flex-basis: 100%;
      display: none;
      margin-top: 0.75rem;
      border-top: 1px solid var(--muted-bg);
      padding-top: 0.75rem;
    }

    nav.open {
      display: block;
    }

    nav ul {
      flex-direction: column;
      align-items: stretch;
      gap: 0.5rem;
    }

    nav a {
      display: block;
      padding: 0.6rem 0.5rem;
      border-bottom: none;
      border-radius: var(--radius-sm);
      font-size: var(--font-size-md);
    }

    nav a:hover {
      background-color: var(--muted-bg);
      border-bottom: none;
    }

    .burger {
      display: flex;
    }

    /* CTA se oculta en móvil para no saturar, pero se puede dejar si se desea; 
       según perfil community/bold se mantiene visible pero se reubica */
    .cta-button {
      display: none; /* oculto en móvil para dar espacio al burger y logo */
    }

    /* opcional: si se quiere mostrar CTA en móvil, cambiar a display:inline-flex 
       y ajustar tamaño. Preferimos mantener diseño limpio */
  }

  /* ===== Ajuste fino para pantallas muy pequeñas (opcional) ===== */
  @media (max-width: 480px) {
    .logo {
      font-size: var(--font-size-md);
    }
  }

  /* ===== Desktop seguro: nav siempre visible, burger oculto ===== */
  @media (min-width: 768px) {
    .burger {
      display: none !important;
    }
    nav {
      display: flex !important;
    }
    .cta-button {
      display: inline-flex;
    }
  }

footer {
    background-color: #1a1a2e;
    color: #e0e0e0;
    padding: 2.5rem 1.5rem 1rem;
    font-family: 'Segoe UI', Roboto, system-ui, sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
  }
  .footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
  }
  .footer-column {
    flex: 1 1 250px;
    min-width: 200px;
  }
  .brand-column .brand {
    font-size: 1.4rem;
    font-weight: 700;
    color: #f5a623;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
  }
  .brand-column .offer {
    color: #b0b0c0;
    font-size: 0.9rem;
    margin: 0;
  }
  .nav-column .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1.2rem;
  }
  .nav-column .footer-nav a {
    color: #d0d0e0;
    text-decoration: none;
    transition: color 0.2s;
    font-weight: 500;
  }
  .nav-column .footer-nav a:hover {
    color: #f5a623;
  }
  .legal-links {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    border-top: 1px solid #333;
    padding-top: 0.8rem;
  }
  .legal-links a {
    color: #a0a0b8;
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.2s;
  }
  .legal-links a:hover {
    color: #f5a623;
  }
  .contact-column .contact-block {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1rem;
  }
  .contact-item {
    color: #c0c0d0;
    font-size: 0.9rem;
  }
  .contact-item a {
    color: #c0c0d0;
    text-decoration: none;
    transition: color 0.2s;
  }
  .contact-item a:hover {
    color: #f5a623;
  }
  .disclaimer {
    font-size: 0.75rem;
    color: #8888a0;
    line-height: 1.4;
    margin: 0;
    border-top: 1px solid #333;
    padding-top: 0.8rem;
  }
  .footer-bottom {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #2a2a40;
    font-size: 0.8rem;
    color: #707088;
  }
  @media (max-width: 768px) {
    .footer-container {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .nav-column .footer-nav {
      align-items: center;
    }
    .legal-links {
      align-items: center;
    }
    .contact-block {
      align-items: center;
    }
  }

.cookies{position:fixed;left:var(--space-x);right:var(--space-x);bottom:var(--space-y);z-index:1200;}

    .cookies .wrap{max-width:920px;margin:0 auto;padding:calc(var(--space-y) * .9) var(--space-x);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--accent-bg),var(--primary-bg));color:var(--accent-fg);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr auto;gap:var(--gap);align-items:center;}

    .cookies .text strong{display:block;margin-bottom:4px;}
    .cookies .text p{margin:0;opacity:.95;}

    .cookies .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}

    .cookies .actions button{border:1px solid color-mix(in srgb, currentColor 35%, transparent);background:color-mix(in srgb, currentColor 18%, transparent);color:inherit;border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;}

    .cookies .actions button[data-choice='accept']{background:var(--primary-fg);border-color:transparent;font-weight:700;color:var(--primary-bg);}

    @media (max-width: 760px){.cookies .wrap{grid-template-columns:1fr;}
        .cookies .actions{justify-content:flex-start;}
    }

.intro-clearpanel{padding:calc(var(--space-y)*2.9) var(--space-x);background:var(--muted-bg);color:var(--muted-fg);}
.intro-clearpanel .clearpanel-shell{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;}.intro-clearpanel .clearpanel-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:1.25rem;color:var(--card-fg);}.intro-clearpanel h1{margin:0;font-size:clamp(2.3rem,5.4vw,4.8rem);line-height:.98;}.intro-clearpanel p{margin:1rem 0;color:var(--neutral-600);}
.intro-clearpanel .clearpanel-box div{display:flex;gap:.55rem;flex-wrap:wrap;}.intro-clearpanel a{background:var(--primary-bg);color:var(--primary-fg);border-radius:var(--radius-md);padding:.72rem .95rem;text-decoration:none;}.intro-clearpanel a+a{background:var(--muted-bg);color:var(--muted-fg);}.intro-clearpanel .clearpanel-stats{display:grid;gap:1rem;}.intro-clearpanel .article{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1rem;color:var(--card-fg);}.intro-clearpanel strong{display:block;font-size:1.55rem;}.intro-clearpanel span{color:var(--neutral-600);}
@media (max-width:820px){.intro-clearpanel .clearpanel-shell{grid-template-columns:1fr;}}

.value-points {
    padding: clamp(3.5rem, 8vw, 6rem) var(--space-x);
    background: radial-gradient(circle at 20% 20%, color-mix(in srgb, currentColor 15%, transparent), transparent 25%), var(--gradient-hero-bg);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    color: var(--gradient-hero-fg);
}

.value-points::after {
    content: '';
    position: absolute;
    right: clamp(1rem, 5vw, 3.5rem);
    top: clamp(1rem, 5vw, 3rem);
    width: clamp(4rem, 11vw, 7rem);
    height: clamp(4rem, 11vw, 7rem);
    border-top: 2px solid color-mix(in srgb, currentColor 20%, transparent);
    border-right: 2px solid color-mix(in srgb, currentColor 14%, transparent);
    opacity: .55;
    transform: rotate(calc((var(--random-number, 1) - 1) * 8deg));
    pointer-events: none;
}

.value-points .wrap {
    max-width: var(--max-w);
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.value-points .head {
    margin-bottom: 1.1rem;
}

.value-points .head p {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .82rem;
}

.value-points .head h2 {
    margin: .5rem 0 0;
    font-size: clamp(2rem, 4vw, 3rem);
}

.value-points .head span {
    display: block;
    margin-top: .8rem;
}

.value-points .grid {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));
    gap: var(--gap);
}

.value-points .grid article {
    padding: 1rem;
    border-radius: var(--radius-lg);
    background: var(--accent-bg);
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    color: var(--accent-fg);
}

.value-points .meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.value-points .meta span {
}

.value-points .grid h3 {
    margin: .75rem 0 .35rem;
}

.value-points .grid p {
    margin: 0;
}

.value-points .grid small {
    display: block;
    margin-top: .55rem;
}

.services{padding:calc(var(--space-y)*2.8) var(--space-x);color:var(--page-fg);background:var(--page-bg);}
.services .shell{max-width:var(--max-w);margin:0 auto;}
.services h2{margin:0;font-size:clamp(1.8rem,3.3vw,2.6rem);}
.services .sub{margin:.4rem 0 1rem;}
.services .points{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.7rem;}
.services .points article{grid-column:span 4;padding:1rem;border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);transition:transform var(--anim-duration) var(--anim-ease),box-shadow var(--anim-duration) var(--anim-ease);color:var(--card-fg);}
.services .points article:nth-child(2n){grid-column:span 5;}
.services .points article:nth-child(3n){grid-column:span 3;}
.services .points article:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.services h3{margin:0 0 .35rem;}
.services article p{margin:0;}
.services .bottom{margin-top:.6rem;font-weight:700;}
@media (max-width:920px){.services .points article,.services .points article:nth-child(2n),.services .points article:nth-child(3n){grid-column:span 6;}}@media (max-width:620px){.services .points article,.services .points article:nth-child(2n),.services .points article:nth-child(3n){grid-column:1/-1;}}

.signals {padding:clamp(48px, 8vw, 80px) 0;color:var(--gradient-hero-fg);background:var(--gradient-hero-bg);}

.signals .inner {max-width:var(--max-w);margin:0 auto;padding:0 var(--space-x);}

.signals .grid {display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gap) * 2);align-items:start;}

.signals .split .text {padding:0 0 0 0;border-left:2px solid var(--card-border);padding-left:var(--space-x);}

.signals .split .text:first-child {border-left:0;padding-left:0;}

.signals .text h2 {margin-bottom:var(--space-y);}

.signals .text p {margin-bottom:var(--space-y);}

.faq{padding:clamp(56px,8vw,96px) clamp(16px,4vw,36px);background:var(--card-bg);color:var(--card-fg);}

    .faq .wrap{max-width:var(--max-w);margin:0 auto;}

    .faq .section-head{margin-bottom:16px;text-align:center;}

    .faq h2{margin:0;font-size:clamp(28px,4vw,40px);}

    .faq .section-head p{margin:10px auto 0;max-width:68ch;}

    .faq .cards{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(450px,1fr));}

    .faq .card{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:var(--accent-bg);color:var(--accent-fg);padding:var(--space-y) var(--space-x);}

    .faq .card h3{margin:0;font-size:1.05rem;}

    .faq .card p{margin:9px 0 0;}

.blog-list.light{padding:48px 20px;background:var(--card-bg);color:var(--card-fg);}

    .blog-list .inner{max-width:var(--max-w);margin:0 auto;}

    .blog-list .title{margin:0 0 16px;font-size:clamp(24px,4vw,30px);}

    .blog-list .list{display:grid;gap:12px;}

    .blog-list .row{background:var(--page-bg);border-radius:var(--radius-lg);padding:14px 16px;border:1px solid var(--card-border);color:var(--page-fg);}

    .blog-list .row h3{margin:0 0 4px;font-size:1rem;}

    .blog-list .row p{margin:0;font-size:0.9rem;}

.recommendations{padding:calc(var(--space-y)*2.9) var(--space-x);background:var(--gradient-hero-bg);color:var(--gradient-hero-fg);} .recommendations .shell{max-width:var(--max-w);margin:0 auto;display:grid;gap:var(--gap);} .recommendations h2{margin:0;font-size:clamp(1.85rem,3.6vw,2.8rem);line-height:1.1;} .recommendations .sub{margin:.35rem 0 0;opacity:.9;} .recommendations article,.recommendations li{padding:.85rem;border-radius:var(--radius-sm);background:var(--accent-bg);border:1px solid var(--btn-ghost-bg-hover);list-style:none;color:var(--accent-fg);} .recommendations p{margin:0;} .recommendations a{text-decoration:none;color:inherit;font-weight:700;} .recommendations .split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);} .recommendations .panel{padding:1rem;border-radius:var(--radius-lg);background:var(--accent-bg);border:1px solid var(--btn-ghost-bg-hover);color:var(--accent-fg);} .recommendations .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;} .recommendations article{transition:transform var(--anim-duration) var(--anim-ease),box-shadow var(--anim-duration) var(--anim-ease);} .recommendations article:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);} @media (max-width:860px){.recommendations .split,.recommendations .media,.recommendations .grid,.recommendations .cards,.recommendations .bento,.recommendations .foot{grid-template-columns:1fr;}}

.care{padding:clamp(56px,7vw,96px) clamp(16px,4vw,36px);background:linear-gradient(140deg,var(--primary-bg),var(--accent-bg));color:var(--primary-fg);}

    .care .wrap{max-width:var(--max-w);margin:0 auto;}

    .care .box{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, currentColor 28%, transparent);background:color-mix(in srgb, currentColor 12%, transparent);padding:16px;}

    .care .box h2{margin:0;font-size:clamp(26px,4vw,40px);}

    .care .box p{margin:8px 0 0;opacity:.92;}

    .care .box a{text-decoration:none;white-space:nowrap;padding:10px 16px;border-radius:999px;background:var(--accent-bg);color:var(--accent-fg);font-weight:700;}

    @media (max-width: 760px){.care .box{flex-direction:column;align-items:flex-start;}
    }

.choices{padding:calc(var(--space-y)*2.65) var(--space-x);color:var(--page-fg);background:var(--page-bg);}
.choices .grid{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.6rem;}
.choices .main{grid-column:span 12;padding:1rem;border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--card-bg);color:var(--card-fg);}
.choices .main h2{margin:0;font-size:clamp(1.75rem,3.1vw,2.45rem);}
.choices .main p{margin:.38rem 0 0;}
.choices .item{grid-column:span 4;padding:.9rem;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--muted-bg);color:var(--muted-fg);}
.choices .item:nth-child(odd){background:var(--card-bg);color:var(--card-fg);}
.choices h3{margin:0 0 .22rem;font-size:1rem;}
.choices .item p{margin:0 0 .55rem;}
.choices a{text-decoration:none;font-weight:700;}
@media (max-width:920px){.choices .item{grid-column:span 6;}}@media (max-width:620px){.choices .item{grid-column:1/-1;}}

.plans {
    padding: clamp(50px, 7vw, 92px) clamp(16px, 4vw, 36px);
    background: var(--gradient-hero-bg);
    color: var(--gradient-hero-fg);
  }
  .plans .wrap {
    max-width: var(--max-w);
    margin: 0 auto;
  }
  .plans .rail {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(240px, 1fr);
    gap: 10px;
    overflow: auto;
    padding-bottom: 4px;
  }
  .plans article {
    border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
    border-radius: var(--radius-lg);
    background: var(--card-bg);
    padding: 12px;
    color: var(--card-fg);
  }
  .plans h3 {
    margin: 0;
  }
  .plans small {
    display: inline-flex;
    margin-top: 6px;
    opacity: .9;
  }
  .plans p {
    margin: 7px 0;
  }
  .plans ol {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 5px;
  }
  .plans button {
    width: 100%;
    margin-top: 9px;
    background: var(--primary-bg);
    color: var(--primary-fg);
    border: 0;
    border-radius: var(--radius-sm);
    padding: 8px 10px;
  }

.form-finelane{padding:calc(var(--space-y)*2.9) var(--space-x);background:var(--muted-bg);color:var(--muted-fg);}
.form-finelane .finelane-wrap{max-width:var(--max-w);margin:0 auto;display:grid;gap:1rem;}.form-finelane .finelane-title{max-width:50rem;}.form-finelane h2{margin:0;font-size:clamp(1.9rem,3.5vw,2.85rem);line-height:1.06;}.form-finelane p{margin:.7rem 0 0;color:var(--neutral-600);}
.form-finelane .finelane-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;}.form-finelane label{grid-column:span 2;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:.85rem;display:grid;gap:.28rem;color:var(--card-fg);}.form-finelane span{font-size:.8rem;color:var(--neutral-600);}.form-finelane input,.form-finelane textarea{width:100%;border:0;background:var(--card-bg);color:var(--card-fg);font:inherit;outline-color:var(--ring);}
.form-finelane .finelane-wide{grid-column:1/4;}.form-finelane textarea{min-height:8rem;resize:vertical;}.form-finelane button{grid-column:4;align-self:stretch;border:0;border-radius:var(--radius-lg);background:var(--primary-bg);color:var(--primary-fg);font:inherit;font-weight:700;padding:.85rem;}
@media (max-width:850px){.form-finelane .finelane-form{grid-template-columns:1fr;}.form-finelane label,.form-finelane .finelane-wide,.form-finelane button{grid-column:auto;}}

.address {padding:calc(var(--space-y) * 2.9) var(--space-x);background:var(--inverse-bg);color:var(--inverse-fg);}

.address .shell {max-width:var(--max-w);margin:0 auto;display:grid;gap:var(--gap);}

.address h2 {margin:0;font-size:clamp(1.85rem, 3.6vw, 2.8rem);line-height:1.1;}

.address .sub {margin:.35rem 0 0;opacity:.9;}

.address article, .address li {padding:.85rem;border-radius:var(--radius-sm);background:var(--accent-bg);border:1px solid var(--btn-ghost-bg-hover);list-style:none;color:var(--accent-fg);}

.address p {margin:0;}

.address a {text-decoration:none;color:inherit;font-weight:700;}

.address .ranks {counter-reset:r;display:grid;gap:.5rem;}

.address .ranks article {position:relative;padding-left:2.2rem;}

.address .ranks h3 {margin:0;}
@media (max-width: 860px) {
    .address .split, .address .media, .address .grid, .address .cards, .address .bento, .address .foot {grid-template-columns:1fr;}
}

.blog-item.colored {
    padding: 56px 20px;
    background: var(--inverse-bg);
    color: var(--inverse-fg);
}

.blog-item .inner {
    max-width: var(--max-w);
    margin: 0 auto;
}

.blog-item .cover {
    border-radius: var(--radius-xl);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.6);
    margin-bottom: 16px;
}

.blog-item .cover img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.blog-item .title {
    margin: 0 0 6px;
    font-size: clamp(24px, 4vw, 32px);
}

.blog-item .meta {
    margin: 0;
    font-size: 0.9rem;
}

.blog-item .description {
    margin: 0;
    font-size: 1.5rem;
}

.articles.light{padding:48px 20px;background:var(--page-bg);color:var(--page-fg);}

.articles .inner{max-width:var(--max-w);margin:0 auto;}

.articles .title{margin:0 0 16px;font-size:clamp(24px,4vw,30px);}

.articles .list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}

.articles .item{background:var(--card-bg);border-radius:var(--radius-lg);padding:14px 16px;border:1px solid var(--card-border);color:var(--card-fg);}

.articles .item h3{margin:0 0 4px;font-size:1rem;}

.articles .item p{margin:0;font-size:0.9rem;}

.area-blog-item.colored {
    padding: 56px 20px;
    background: var(--inverse-bg);
    color: var(--inverse-fg);
}

.area-blog-item .inner {
    max-width: var(--max-w);
    margin: 0 auto;
}

.area-blog-item .cover {
    border-radius: var(--radius-xl);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.6);
    margin-bottom: 16px;
}

.area-blog-item .cover img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.area-blog-item .title {
    margin: 0 0 6px;
    font-size: clamp(24px, 4vw, 32px);
}

.area-blog-item .meta {
    margin: 0;
    font-size: 0.9rem;
}

.area-blog-item .description {
    margin: 0;
    font-size: 1.5rem;
}

.panel-blog-item.colored {
    padding: 56px 20px;
    background: var(--inverse-bg);
    color: var(--inverse-fg);
}

.panel-blog-item .inner {
    max-width: var(--max-w);
    margin: 0 auto;
}

.panel-blog-item .cover {
    border-radius: var(--radius-xl);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.6);
    margin-bottom: 16px;
}

.panel-blog-item .cover img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.panel-blog-item .title {
    margin: 0 0 6px;
    font-size: clamp(24px, 4vw, 32px);
}

.panel-blog-item .meta {
    margin: 0;
    font-size: 0.9rem;
}

.panel-blog-item .description {
    margin: 0;
    font-size: 1.5rem;
}

.data-rules{padding:calc(var(--space-y)*3) var(--space-x);background:var(--muted-bg);color:var(--muted-fg);}
.data-rules .max{max-width:var(--max-w);margin:0 auto;display:grid;gap:.82rem;}
.data-rules h2{margin:0;font-size:clamp(1.72rem,3.1vw,2.42rem);}
.data-rules .head p{margin:.38rem 0 0;}
.data-rules .stream{display:grid;gap:.54rem;}
.data-rules article{padding:.85rem .9rem;border-inline-start:4px solid var(--primary-bg);border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--card-border);color:var(--card-fg);}
.data-rules h3{margin:0 0 .24rem;font-size:1rem;}
.data-rules article p{margin:0;}
.data-rules .contact{margin:0;padding:.85rem;border-radius:var(--radius-md);background:var(--card-bg);border:1px dashed var(--card-border);color:var(--card-fg);}

.terms{padding:clamp(56px,8vw,96px) clamp(16px,4vw,36px);background:linear-gradient(180deg,var(--accent-bg),var(--card-bg));color:var(--accent-fg);}

    .terms .wrap{max-width:900px;margin:0 auto;}

    .terms .section-head{margin-bottom:14px;}

    .terms h2{margin:0;font-size:clamp(28px,4vw,40px);}

    .terms .section-head p{margin:10px 0 0;}

    .terms details{border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card-bg);padding:10px 12px;margin-bottom:10px;color:var(--card-fg);}

    .terms summary{cursor:pointer;font-weight:700;}

    .terms h4{margin:10px 0 6px;}

    .terms p,.terms li{}

.done{padding:calc(var(--space-y)*2.65) var(--space-x);color:var(--page-fg);background:var(--page-bg);}
.done .grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;}
.done .main{grid-column:1/-1;padding:1rem;border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--card-border);color:var(--card-fg);}
.done h2{margin:0;font-size:clamp(1.78rem,3.3vw,2.52rem);}
.done .main p{margin:.38rem 0 0;}
.done article:not(.main){padding:.88rem;border-radius:var(--radius-md);background:var(--muted-bg);border:1px solid var(--card-border);color:var(--muted-fg);}
.done h3{margin:0 0 .22rem;font-size:1rem;}
.done article p{margin:0;}
@media (max-width:700px){.done .grid{grid-template-columns:1fr;}}

.not-found{padding:clamp(56px,10vw,114px) 20px;background:var(--accent-bg);color:var(--accent-fg);}

    .not-found .plate{max-width:760px;margin:0 auto;text-align:center;padding:clamp(30px,4vw,50px);border-radius:var(--radius-xl);background:linear-gradient(160deg,color-mix(in srgb, currentColor 10%, transparent),color-mix(in srgb, currentColor 2%, transparent));border:1px solid color-mix(in srgb, currentColor 25%, transparent);}

    .not-found h1{margin:0;font-size:clamp(32px,6vw,56px);}

    .not-found p{margin:12px 0 0;}

    .not-found a{display:inline-block;margin-top:18px;padding:10px 18px;border-radius:var(--radius-md);background:var(--accent-bg);color:var(--accent-fg);text-decoration:none;}