:root {
  --font-family: "Sora", sans-serif;
  --font-size-base: 17.5px;
  --line-height-base: 1.79;

  --max-w: 1260px;
  --space-x: 1.47rem;
  --space-y: 1.5rem;
  --gap: 1.88rem;
  --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.26rem;
  --radius-lg: 0.89rem;
  --radius-md: 0.46rem;
  --radius-sm: 0.28rem;

  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 10px 20px rgba(0,0,0,0.11);
  --shadow-lg: 0 26px 48px rgba(0,0,0,0.13);

  --overlay: rgba(10, 12, 20, 0.6);
  --anim-duration: 320ms;
  --anim-ease: cubic-bezier(0.22,1,0.36,1);
  --random-number: 2;

  --brand: #00D4FF;
  --brand-contrast: #0A0C14;
  --accent: #FF3D81;
  --accent-contrast: #FFFFFF;

  --neutral-0: #FFFFFF;
  --neutral-100: #F5F7FA;
  --neutral-300: #D1D5DB;
  --neutral-600: #6B7280;
  --neutral-800: #1F2937;
  --neutral-900: #111827;

  --page-bg: #0A0C14;
  --page-fg: #E5E7EB;
  --muted-bg: #111827;
  --muted-fg: #D1D5DB;
  --card-bg: #1A1D29;
  --card-fg: #E5E7EB;
  --card-border: #374151;
  --inverse-bg: #FFFFFF;
  --inverse-fg: #1F2937;
  --primary-bg: #00D4FF;
  --primary-fg: #0A0C14;
  --primary-hover: #00B8E6;
  --accent-bg: #FF3D81;
  --accent-fg: #FFFFFF;
  --accent-hover: #E62E6E;
  --gradient-hero-bg: linear-gradient(135deg, #0A0C14 0%, #1A1D29 50%, #2A1B3D 100%);
  --gradient-hero-fg: #E5E7EB;
  --gradient-accent-bg: linear-gradient(135deg, #00D4FF 0%, #FF3D81 100%);
  --gradient-accent-fg: #FFFFFF;

  --ring: #00D4FF;

  --link: #00D4FF;
  --link-hover: #FF3D81;

  --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 principal ===== */
  .site-header {
    width: 100%;
    background: linear-gradient(135deg, #0b1a2e 0%, #132744 50%, #1a3a5c 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 100;
  }

  .header-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 var(--space-x);
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    gap: var(--gap);
  }

  /* ===== Logo ===== */
  .logo {
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 2px;
    transition: opacity var(--anim-duration) var(--anim-ease);
    flex-shrink: 0;
  }

  .logo span {
    color: #4fd1c5;
    font-weight: 700;
  }

  .logo:hover {
    opacity: 0.85;
  }

  /* ===== Navegación desktop ===== */
  .main-nav {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: var(--space-x);
  }

  .nav-list {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .nav-link {
    display: inline-block;
    padding: 8px 18px;
    font-size: 0.95rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: all var(--anim-duration) var(--anim-ease);
    position: relative;
    letter-spacing: 0.01em;
  }

  .nav-link:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
  }

  .nav-link.active {
    color: #4fd1c5;
    font-weight: 600;
  }

  .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 18px;
    right: 18px;
    height: 2px;
    background: #4fd1c5;
    border-radius: 2px;
  }

  /* ===== CTA ===== */
  .header-actions {
    display: flex;
    align-items: center;
    gap: var(--gap);
    flex-shrink: 0;
  }

  .cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    background: #4fd1c5;
    color: #0b1a2e;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: var(--radius-md);
    border: 1px solid rgba(79, 209, 197, 0.4);
    transition: all var(--anim-duration) var(--anim-ease);
    white-space: nowrap;
    box-shadow: 0 2px 12px rgba(79, 209, 197, 0.2);
  }

  .cta-button:hover {
    background: #3dbdb2;
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(79, 209, 197, 0.35);
  }

  /* ===== Burger (oculto en desktop) ===== */
  .burger-menu {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius-md);
    cursor: pointer;
    padding: 0;
    gap: 5px;
    transition: all var(--anim-duration) var(--anim-ease);
  }

  .burger-menu:hover {
    background: rgba(255, 255, 255, 0.15);
  }

  .burger-line {
    display: block;
    width: 20px;
    height: 2px;
    background: #ffffff;
    border-radius: 2px;
    transition: all var(--anim-duration) var(--anim-ease);
  }

  .burger-menu.open .burger-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .burger-menu.open .burger-line:nth-child(2) {
    opacity: 0;
  }

  .burger-menu.open .burger-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  /* ===== Menú móvil desplegable ===== */
  .mobile-nav {
    display: none;
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 var(--space-x) var(--space-y);
  }

  .mobile-nav.open {
    display: block;
  }

  .mobile-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .mobile-nav-link {
    display: block;
    padding: 14px 16px;
    font-size: 1.05rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: all var(--anim-duration) var(--anim-ease);
    border-left: 3px solid transparent;
  }

  .mobile-nav-link:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
  }

  .mobile-nav-link.active {
    color: #4fd1c5;
    border-left-color: #4fd1c5;
    background: rgba(79, 209, 197, 0.08);
  }

  .mobile-cta {
    margin-top: 16px;
    width: 100%;
  }

  /* ===== Responsive ===== */
  @media (max-width: 767px) {
    .header-inner {
      min-height: 64px;
      padding: 0 var(--space-x);
    }

    .main-nav {
      display: none;
    }

    .burger-menu {
      display: flex;
    }

    .cta-button:not(.mobile-);}

.site-footer{padding:var(--space-section-y) var(--space-section-x);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);background:var(--inverse-bg);color:var(--inverse-fg);}.footer-container{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:var(--gap);align-items:start}.footer-column{display:flex;flex-direction:column;gap:var(--space-block)}.footer-brand{gap:var(--space-y)}.footer-logo{font-size:var(--font-size-h2);font-weight:700;color:inherit;text-decoration:none;letter-spacing:-0.02em;transition:opacity var(--anim-duration) var(--anim-ease)}.footer-logo:hover{opacity:0.85}.footer-tagline{margin:0;font-size:var(--font-size-md);opacity:0.9;max-width:30ch}.footer-nav{gap:var(--space-y)}.footer-menu{display:flex;flex-direction:column;gap:var(--space-x)}.footer-menu a{color:inherit;text-decoration:none;font-size:var(--font-size-md);transition:opacity var(--anim-duration) var(--anim-ease);width:fit-content}.footer-menu a:hover{opacity:0.8;text-decoration:underline;text-underline-offset:4px;color:inherit}.footer-legal{display:flex;flex-direction:column;gap:var(--space-x);border-top:1px solid rgba(255, 255, 255, 0.15);padding-top:var(--space-y)}.footer-legal a{color:inherit;text-decoration:none;font-size:var(--font-size-sm);opacity:0.85;transition:opacity var(--anim-duration) var(--anim-ease);width:fit-content}.footer-legal a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px;color:inherit}.footer-contact{gap:var(--space-y)}.contact-info{display:flex;flex-direction:column;gap:var(--space-x)}.contact-info p{margin:0;font-size:var(--font-size-md)}.contact-info a{color:inherit;text-decoration:none;transition:opacity var(--anim-duration) var(--anim-ease)}.contact-info a:hover{opacity:0.8;text-decoration:underline;text-underline-offset:3px;color:inherit}.footer-disclaimer{margin:0;font-size:var(--font-size-sm);opacity:0.8;line-height:1.6;border-top:1px solid rgba(255, 255, 255, 0.15);padding-top:var(--space-y)}.footer-bottom{max-width:var(--max-w);margin:var(--space-y) auto 0;border-top:1px solid rgba(255, 255, 255, 0.1);padding-top:var(--space-y);text-align:center}.footer-bottom p{margin:0;font-size:var(--font-size-sm);opacity:0.7}

  @media (max-width: 768px) {.footer-container{grid-template-columns:1fr;gap:var(--space-section-y)}.footer-column{gap:var(--space-y)}.footer-brand{text-align:center;align-items:center}.footer-tagline{max-width:40ch}.footer-nav{align-items:center;text-align:center}.footer-menu{align-items:center}.footer-legal{align-items:center;border-top:none;padding-top:0}.footer-contact{align-items:center;text-align:center}.contact-info{align-items:center}.footer-disclaimer{max-width:50ch}
  }

  @media (max-width: 480px) {.site-footer{padding:var(--space-section-y) var(--space-x);background:var(--inverse-bg);color:var(--inverse-fg);}.footer-bottom{margin-top:var(--space-y)}
  }

.cookies{position:fixed;left:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);z-index:1200}
.cookies .shell{max-width:760px;margin:0 auto;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:var(--gradient-hero-bg);color:var(--gradient-hero-fg);box-shadow:var(--shadow-lg);display:flex;gap:var(--gap);align-items:center}
.cookies .left{flex:1 1 0}
.cookies strong{display:block;font-size:var(--font-size-h3)}
.cookies p{margin:6px 0 0;line-height:var(--line-height-base)}
.cookies .right{flex:0 0 auto;display:grid;gap:8px}
.cookies .right button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:inherit;border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700}
.cookies .right button.cookie-accept{background:var(--page-bg);color:var(--page-fg)}
@media(max-width:720px){.cookies .shell{display:block}.cookies .right{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))}}

.first-view_tone{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--gradient-hero-fg);overflow:hidden;min-height:460px;background:var(--gradient-hero-bg);}

    .first-view_tone .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}

    .first-view_tone .overlay{position:absolute;inset:0;background:var(--gradient-hero-bg);opacity:.72;z-index:-1;color:var(--gradient-hero-fg);}

    .first-view_tone .content{max-width:900px;padding:clamp(16px,3vw,32px);z-index:1;}

    .first-view_tone h1{font-size:clamp(28px,5vw,48px);font-weight:700;margin-bottom:var(--space-y);}

    .first-view_tone p{font-size:clamp(16px,2.5vw,20px);margin:0 auto calc(var(--space-y) * 1.5);max-width:700px;}

    .first-view_tone .actions{display:flex;gap:var(--gap);justify-content:center;flex-wrap:wrap;}

    .first-view_tone .btn{display:inline-block;padding:12px 26px;border-radius:var(--radius-md);text-align:center;text-decoration:none;border:1px solid transparent;font-size:1rem;}

    .first-view_tone .mod-primary{background-color:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg);}

    .first-view_tone .mod-outline{background-color:transparent;border-color:var(--primary-fg);color:var(--gradient-hero-fg);}

.skillset---board{--flow:calc(var(--space-y) * 0.95);--measure:calc(var(--max-w) / 2.45);--image-size:calc(var(--max-w) / 3.83);padding:var(--space-section-y) var(--space-section-x);background:#f7f7f7;color:#0a0f1a;}
.skillset---board .wrap{max-width:var(--max-w);margin:0 auto;}
.skillset---board h1,.skillset---board h2,.skillset---board h3,.skillset---board p{margin:0;}
.skillset---board h1{font-size:var(--font-size-h1);line-height:1.08;}
.skillset---board h2{font-size:var(--font-size-h2);line-height:1.12;}
.skillset---board h3{font-size:var(--font-size-h3);line-height:1.2;}
.skillset---board p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:color-mix(in srgb, #0a0f1a 68%, transparent);}
.skillset---board a{color:inherit;text-decoration:none;}
.skillset---board img{display:block;width:100%;height:auto;border-radius:var(--radius-md);}
.skillset---board .action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:var(--space-card) var(--space-y);border-radius:var(--radius-sm);background:#0a0f1a;color:#ffffff;}
.skillset---board .lead,.skillset---board .note{}
.skillset---board .list{display:flex;flex-wrap:wrap;gap:var(--flow);margin-top:var(--flow);}
.skillset---board .item{flex:1 1 calc(var(--max-w) / 3.4);min-width:0;padding:calc(var(--space-card) * .85);border-radius:var(--radius-md);background:color-mix(in srgb, #0a0f1a 6%, transparent);}
.skillset---board .item p,.skillset---board .item a{margin-top:calc(var(--space-y) / 3);}
.skillset---board .item img{margin-bottom:calc(var(--space-y) / 2);max-width:100%;}
.skillset---board .title-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap);}
.skillset---board .title-row>h2{flex:1 1 calc(var(--max-w) / 3);min-width:0;}
.skillset---board .title-row>.lead{flex:1 1 calc(var(--max-w) / 3);min-width:0;}
.skillset---board .title-row>.list{flex:1 1 100%;}

.tiers_anchor{--flow:calc(var(--space-y) * 1.35);--measure:calc(var(--max-w) / 2.50);--image-size:calc(var(--max-w) / 3.66);padding:var(--space-section-y) var(--space-section-x);background:var(--accent-bg);color:var(--accent-fg);}
.tiers_anchor .wrap{max-width:var(--max-w);margin:0 auto;}
.tiers_anchor h1,.tiers_anchor h2,.tiers_anchor h3,.tiers_anchor p{margin:0;}
.tiers_anchor h1{font-size:var(--font-size-h1);line-height:1.08;}
.tiers_anchor h2{font-size:var(--font-size-h2);line-height:1.12;}
.tiers_anchor h3{font-size:var(--font-size-h3);line-height:1.2;}
.tiers_anchor p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:color-mix(in srgb, currentColor 74%, transparent);}
.tiers_anchor a{color:inherit;text-decoration:none;}
.tiers_anchor img{display:block;width:100%;height:auto;border-radius:var(--radius-md);}
.tiers_anchor .action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:var(--space-card) var(--space-y);border-radius:var(--radius-sm);background:var(--accent-fg);color:var(--accent-bg);}
.tiers_anchor .lead,.tiers_anchor .note{}
.tiers_anchor .list{display:flex;flex-direction:column;gap:var(--flow);margin-top:var(--flow);}
.tiers_anchor .item{min-width:0;}
.tiers_anchor .item p,.tiers_anchor .item a{margin-top:calc(var(--space-y) / 3);}
.tiers_anchor .item img{margin-bottom:calc(var(--space-y) / 2);max-width:calc(var(--image-size) * .7);}
.tiers_anchor .image-after{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap);}
.tiers_anchor .image-after>.copy{flex:1 1 calc(var(--max-w) / 3);min-width:0;}
.tiers_anchor .image-after>.list{flex:2 1 calc(var(--max-w) / 2);margin-top:0;}
.tiers_anchor .image-after>img{margin-left:auto;}
.tiers_anchor .copy .lead{margin-top:var(--space-y);}

.split--value-list{--flow:calc(var(--space-y) * 1.02);--measure:calc(var(--max-w) / 2.85);--image-size:calc(var(--max-w) / 4.05);padding:var(--space-section-y) var(--space-section-x);background:#f7f7f7;color:#0a0f1a;}
.split--value-list .wrap{max-width:var(--max-w);margin:0 auto;}
.split--value-list h1,.split--value-list h2,.split--value-list h3,.split--value-list p{margin:0;}
.split--value-list h1{font-size:var(--font-size-h1);line-height:1.08;}
.split--value-list h2{font-size:var(--font-size-h2);line-height:1.12;}
.split--value-list h3{font-size:var(--font-size-h3);line-height:1.2;}
.split--value-list p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:color-mix(in srgb, #0a0f1a 68%, transparent);}
.split--value-list a{color:inherit;text-decoration:none;}
.split--value-list img{display:block;width:100%;height:auto;border-radius:var(--radius-md);}
.split--value-list .action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:var(--space-card) var(--space-y);border-radius:var(--radius-sm);background:#0a0f1a;color:#ffffff;}
.split--value-list .lead,.split--value-list .note{}
.split--value-list .list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap);margin-top:var(--flow);}
.split--value-list .item{flex:1 1 calc(var(--max-w) / 4);min-width:0;}
.split--value-list .item p,.split--value-list .item a{margin-top:calc(var(--space-y) / 3);}
.split--value-list .item img{margin-bottom:calc(var(--space-y) / 2);}
.split--value-list .center-flow{text-align:center;}
.split--value-list .center-flow>.lead{margin:var(--space-y) auto 0;}
.split--value-list .center-flow>img{margin:var(--flow) auto 0;}

.brand_-quick-answers{--flow:calc(var(--space-y) * 0.99);--measure:calc(var(--max-w) / 2.50);--image-size:calc(var(--max-w) / 3.88);padding:var(--space-section-y) var(--space-section-x);background:var(--primary-bg);color:var(--primary-fg);}
.brand_-quick-answers .wrap{max-width:var(--max-w);margin:0 auto;}
.brand_-quick-answers h1,.brand_-quick-answers h2,.brand_-quick-answers h3,.brand_-quick-answers p{margin:0;}
.brand_-quick-answers h1{font-size:var(--font-size-h1);line-height:1.08;}
.brand_-quick-answers h2{font-size:var(--font-size-h2);line-height:1.12;}
.brand_-quick-answers h3{font-size:var(--font-size-h3);line-height:1.2;}
.brand_-quick-answers p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:color-mix(in srgb, currentColor 74%, transparent);}
.brand_-quick-answers a{color:inherit;text-decoration:none;}
.brand_-quick-answers img{display:block;width:100%;height:auto;border-radius:var(--radius-md);}
.brand_-quick-answers .action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:var(--space-card) var(--space-y);border-radius:var(--radius-sm);background:var(--primary-fg);color:var(--primary-bg);}
.brand_-quick-answers .lead,.brand_-quick-answers .note{}
.brand_-quick-answers .questions{display:flex;flex-direction:column;gap:var(--flow);}
.brand_-quick-answers details,.brand_-quick-answers .item{padding:calc(var(--space-card) * .9);border-radius:var(--radius-md);background:color-mix(in srgb, currentColor 11%, transparent);}
.brand_-quick-answers summary{cursor:pointer;font-weight:700;}
.brand_-quick-answers details p,.brand_-quick-answers .item p,.brand_-quick-answers .item h3{margin-top:calc(var(--space-y) / 3);}
.brand_-quick-answers .questions{margin-top:var(--flow);}
.brand_-quick-answers .note{margin-top:var(--flow);}

.canvas_extra-details{padding:var(--space-section-y) var(--space-section-x);background:var(--page-bg);color:var(--page-fg)}
.canvas_extra-details .wrap{max-width:min(var(--max-w),54rem);margin:0 auto}
.canvas_extra-details .intro{align-self:start}
.canvas_extra-details h2{margin:0;font-size:var(--font-size-h2);line-height:1.08}
.canvas_extra-details .intro p{margin:var(--space-y) 0 0;color:var(--muted-fg);line-height:var(--line-height-base)}
.canvas_extra-details .folds{align-self:start;margin-top:var(--space-block)}
.canvas_extra-details details{padding:var(--space-y) 0}
.canvas_extra-details details+details{margin-top:var(--space-card)}
.canvas_extra-details summary{cursor:pointer;font-size:var(--font-size-h3);line-height:1.18}
.canvas_extra-details details p{max-width:46rem;margin:var(--space-y) 0 0;color:var(--muted-fg);line-height:var(--line-height-base)}
@media(max-width:720px){.canvas_extra-details .folds{margin-top:var(--space-block)}}

.compact_-how-to{--flow:calc(var(--space-y) * 1.20);--measure:calc(var(--max-w) / 2.44);--image-size:calc(var(--max-w) / 3.47);--item-size:calc(var(--max-w) / 3.53);padding:var(--space-section-y) var(--space-section-x);background:var(--accent-bg);color:var(--accent-fg);}
.compact_-how-to .wrap{max-width:var(--max-w);margin:0 auto;}
.compact_-how-to h1,.compact_-how-to h2,.compact_-how-to h3,.compact_-how-to p,.compact_-how-to ul{margin:0;}
.compact_-how-to h1{font-size:var(--font-size-h1);line-height:1.1;}
.compact_-how-to h2{font-size:var(--font-size-h2);line-height:1.12;}
.compact_-how-to h3{font-size:var(--font-size-h3);line-height:1.2;}
.compact_-how-to p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:color-mix(in srgb, currentColor 74%, transparent);}
.compact_-how-to a{color:inherit;text-decoration:none;}
.compact_-how-to img{display:block;width:100%;height:auto;border-radius:var(--radius-md);}
.compact_-how-to .action{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-card) var(--space-y);border-radius:var(--radius-sm);background:var(--accent-fg);color:var(--accent-bg);}
.compact_-how-to .soft{background:color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) 82%, transparent);}
.compact_-how-to .centered{text-align:center;}
.compact_-how-to .offset{padding-inline-start:calc(var(--space-x) / 2);}
.compact_-how-to .settled{padding-block:calc(var(--flow) / 2);}
.compact_-how-to .open{padding-block-start:var(--flow);}
.compact_-how-to .compact{padding-block-end:calc(var(--flow) / 3);}
.compact_-how-to .wide{max-width:var(--max-w);}
.compact_-how-to .soft-start{padding-inline-start:var(--space-card);}
.compact_-how-to .airy{row-gap:calc(var(--flow) * 1.2);}
.compact_-how-to .close{row-gap:calc(var(--flow) * .7);}
.compact_-how-to .measured{column-gap:calc(var(--gap) * .85);}
.compact_-how-to .relaxed{column-gap:calc(var(--gap) * 1.12);}
.compact_-how-to .plain{padding-inline-end:calc(var(--space-card) / 2);}
.compact_-how-to .row-title{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap);}
.compact_-how-to .row-title h2{flex:1 1 calc(var(--max-w) / 3);min-width:0;}
.compact_-how-to .row-title>p{flex:1 1 calc(var(--max-w) / 3);min-width:0;}
.compact_-how-to .steps{flex:1 1 100%;}
.compact_-how-to .steps{display:flex;flex-wrap:wrap;gap:var(--flow);margin-top:var(--flow);}
.compact_-how-to .item{flex:1 1 var(--item-size);min-width:0;}
.compact_-how-to .item p{margin-top:calc(var(--space-y) / 3);}
.compact_-how-to .item a{display:inline-flex;margin-top:calc(var(--space-y) / 2);opacity:.85;}

.scope-focus{--flow:calc(var(--space-y) * 1.42);--measure:calc(var(--max-w) / 2.60);--image-size:calc(var(--max-w) / 3.77);padding:var(--space-section-y) var(--space-section-x);background:#f7f7f7;color:#0a0f1a;}
.scope-focus .wrap{max-width:var(--max-w);margin:0 auto;}
.scope-focus h1,.scope-focus h2,.scope-focus h3,.scope-focus p{margin:0;}
.scope-focus h1{font-size:var(--font-size-h1);line-height:1.08;}
.scope-focus h2{font-size:var(--font-size-h2);line-height:1.12;}
.scope-focus h3{font-size:var(--font-size-h3);line-height:1.2;}
.scope-focus p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:color-mix(in srgb, #0a0f1a 68%, transparent);}
.scope-focus a{color:inherit;text-decoration:none;}
.scope-focus img{display:block;width:100%;height:auto;border-radius:var(--radius-md);}
.scope-focus .action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:var(--space-card) var(--space-y);border-radius:var(--radius-sm);background:#0a0f1a;color:#ffffff;}
.scope-focus .lead,.scope-focus .note{}
.scope-focus .list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap);margin-top:var(--flow);}
.scope-focus .item{flex:1 1 calc(var(--max-w) / 4);min-width:0;}
.scope-focus .item p,.scope-focus .item a{margin-top:calc(var(--space-y) / 3);}
.scope-focus .item img{margin-bottom:calc(var(--space-y) / 2);}
.scope-focus .center-flow{text-align:center;}
.scope-focus .center-flow>.lead{margin:var(--space-y) auto 0;}
.scope-focus .center-flow>img{margin:var(--flow) auto 0;}

.strip__contact-point{background:var(--accent-bg);color:var(--accent-fg);padding:var(--space-section-y) var(--space-section-x)}
.strip__contact-point .wrap{max-width:var(--max-w);margin:0 auto}
.strip__contact-point .media{display:flex;align-items:center;gap:var(--space-block)}
.strip__contact-point .photo{display:block;flex:0 1 42%;min-width:15rem;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:var(--radius-lg)}
.strip__contact-point .content{flex:1 1 34rem;min-width:0}
.strip__contact-point h2{margin:0;font-size:clamp(var(--font-size-h2),5vw,var(--font-size-h1));line-height:1.05;letter-spacing:0}
.strip__contact-point p{margin:var(--space-y) 0 0;max-width:42rem;font-size:var(--font-size-lg);line-height:1.65}
.strip__contact-point .links{display:flex;flex-wrap:wrap;gap:var(--space-card);margin-top:var(--space-block)}
.strip__contact-point a{padding:var(--space-card);border-radius:var(--radius-sm);background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;text-decoration:none}
@media(max-width:760px){.strip__contact-point .media{align-items:stretch;flex-direction:column}.strip__contact-point .photo{flex-basis:auto;min-width:0}}

.contact-form__bay{padding:var(--space-section-y) var(--space-section-x);background:var(--inverse-bg);color:var(--inverse-fg)}
.contact-form__bay .wrap{max-width:var(--max-w);margin:0 auto;display:flex;gap:var(--space-block)}
.contact-form__bay .intro{flex:0 1 34%;align-self:flex-start}
.contact-form__bay h2{margin:0;font-size:var(--font-size-h2);line-height:1.08}
.contact-form__bay .intro p{margin:var(--space-y) 0 0;color:var(--neutral-600);line-height:var(--line-height-base)}
.contact-form__bay form{flex:1 1 0}
.contact-form__bay fieldset{display:flex;flex-wrap:wrap;gap:var(--gap);margin:0;padding:0;border:0}
.contact-form__bay fieldset label{flex:1 1 18rem}
.contact-form__bay label span{display:block;margin-bottom:var(--space-card);font-size:var(--font-size-sm)}
.contact-form__bay input,.contact-form__bay textarea{width:100%;padding:var(--space-card);border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--page-bg);color:var(--page-fg);font:inherit}
.contact-form__bay .message{display:block;margin-top:var(--space-y)}
.contact-form__bay textarea{resize:vertical}
.contact-form__bay form>p{margin:var(--space-y) 0;color:var(--neutral-600);font-size:var(--font-size-sm)}
.contact-form__bay button{padding:var(--space-card) var(--space-y);border:1px solid currentColor;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit}
@media(max-width:720px){.contact-form__bay .wrap{display:block}.contact-form__bay form{margin-top:var(--space-block)}}

.thread___service-desk{padding:clamp(54px,7vw,94px) clamp(16px,4vw,36px);background:var(--gradient-hero-bg);color:var(--gradient-hero-fg);}

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

    .thread___service-desk .head{margin-bottom:14px;}

    .thread___service-desk .head p{margin:0;font-weight:700;opacity:.9;}

    .thread___service-desk .head h2{margin:7px 0 0;font-size:clamp(30px,5vw,46px);}

    .thread___service-desk .grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}

    .thread___service-desk .grid article{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, currentColor 12%, transparent);background:color-mix(in srgb, currentColor 32%, transparent);padding:13px;box-shadow:var(--shadow-sm);}

    .thread___service-desk .grid span{font-size:.82rem;}

    .thread___service-desk .grid h3{margin:var(--space-x) 0;}

    .thread___service-desk .grid p{margin:0;}

.policy-items_table{background:#ffffff;color:#0a0f1a;padding:var(--space-section-y) var(--space-section-x)}
.policy-items_table .wrap{max-width:min(var(--max-w),62rem);margin:0 auto}
.policy-items_table .ledger{display:flex;flex-direction:column;gap:var(--space-block)}
.policy-items_table h2{margin:0;max-width:16ch;font-size:clamp(var(--font-size-h2),5vw,var(--font-size-h1));line-height:1.06;letter-spacing:0}
.policy-items_table p{margin:0;max-width:42rem;color:#475467;font-size:var(--font-size-lg);line-height:1.65}
.policy-items_table .image{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius-lg)}
.policy-items_table ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-y)}
.policy-items_table li{padding-left:var(--space-card);border-left:3px solid #cfd6e0}
.policy-items_table strong,.policy-items_table span{display:block}
.policy-items_table span{margin-top:calc(var(--space-card)*.5);color:#475467;line-height:1.55}
@media(max-width:520px){.policy-items_table li{padding-left:var(--space-y)}}

.rules-_tone{padding:var(--space-section-y) var(--space-section-x);background:var(--primary-bg);color:var(--primary-fg)}
.rules-_tone .page{max-width:min(var(--max-w),62rem);margin:0 auto}
.rules-_tone h2{margin:0;font-size:var(--font-size-h1);line-height:1.05}
.rules-_tone .opening{margin:var(--space-y) 0 var(--space-block);font-size:var(--font-size-lg)}
.rules-_tone .notes{border-top:1px solid color-mix(in srgb,currentColor 34%,transparent)}
.rules-_tone .note{padding:var(--gap) 0}
.rules-_tone .note + .note{border-top:1px solid color-mix(in srgb,currentColor 24%,transparent)}
.rules-_tone h3{margin:0 0 var(--space-card);font-size:var(--font-size-h3);line-height:1.2}
.rules-_tone .note p{margin:0}

.key___success{background:#ffffff;color:#0a0f1a;padding:var(--space-section-y) var(--space-section-x)}
.key___success .wrap{max-width:min(var(--max-w),48rem);margin:0 auto}
.key___success .centered{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-y)}
.key___success .note{margin:0;color:#475467;line-height:1.55}
.key___success h2{margin:0;max-width:15ch;font-size:clamp(var(--font-size-h2),6vw,var(--font-size-h1));line-height:1.04;letter-spacing:0}
.key___success .image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg)}
.key___success p{margin:0;max-width:40rem;color:#475467;font-size:var(--font-size-lg);line-height:1.65}
.key___success a{margin-top:var(--space-y);padding:var(--space-card) var(--gap);border-radius:var(--radius-md);background:#0a0f1a;color:#ffffff;text-decoration:none;font-weight:700}

.screen_-empty-route {
  background:#f2f2f2;
  color:#0a0f1a;
  padding:var(--space-section-y,78px) var(--space-section-x,20px);
}
.screen_-empty-route .wrap {
  width:min(100%,var(--max-w,900px));
  margin:0 auto;
}
.screen_-empty-route .column {
  display:flex;
  flex-direction:column;
  gap:var(--space-block,30px);
}
.screen_-empty-route .copy {
  padding-left:clamp(0px,10vw,120px);
}
.screen_-empty-route h1 {
  margin:0;
  max-width:12ch;
  font-size:clamp(var(--font-size-h2,34px),7vw,var(--font-size-h1,74px));
  line-height:1;
  letter-spacing:0;
}
.screen_-empty-route p {
  margin:var(--space-y,20px) 0 0;
  max-width:46ch;
  font-size:var(--font-size-lg,18px);
  line-height:1.65;
  color:#475467;
}
.screen_-empty-route .ledger {
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid #d0d5dd;
}
.screen_-empty-route .ledger a {
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid #d0d5dd;
  color:inherit;
  text-decoration:none;
}
.screen_-empty-route .ledger span {
  font-weight:700;
}
.screen_-empty-route small {
  max-width:30ch;
  color:#5d6674;
  line-height:1.45;
  text-align:right;
}
.screen_-empty-route .action {
  align-self:flex-start;
  padding:13px 18px;
  border-radius:var(--radius-md,12px);
  background:#0a0f1a;
  color:#ffffff;
  text-decoration:none;
  font-weight:700;
}
@media (max-width:620px) {
  .screen_-empty-route { padding:var(--space-section-y,56px) var(--space-section-x,16px); }
  .screen_-empty-route .copy { padding-left:0; }
  .screen_-empty-route .ledger a { flex-direction:column; gap:6px; }
  .screen_-empty-route small { max-width:none; text-align:left; }
}