.rute-hero{padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-2xl);position:relative;overflow:hidden}.rute-hero__bg{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);position:absolute;inset:0}.rute-hero__content{z-index:1;text-align:center;position:relative}.rute-hero__title{font-size:var(--fs-hero);color:var(--color-white);margin-bottom:var(--space-xs);font-weight:800}.rute-hero__subtitle{color:#ffffffd9;max-width:550px;margin:0 auto;font-size:1.1rem;line-height:1.7}.rute-denah{background:var(--color-white)}.rute-denah__card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);overflow:hidden}.rute-denah__image-wrapper{position:relative}.rute-denah__image{display:block}.rute-info{background:var(--color-primary-bg)}.rute-info__card{text-align:center;background:var(--color-white);border-radius:var(--radius-lg);max-width:600px;padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);margin:0 auto}.rute-info__icon{color:var(--color-primary);margin-bottom:var(--space-sm)}.rute-info__title{font-size:var(--fs-h3);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:700}.rute-info__address{color:var(--color-text-light);margin-bottom:var(--space-lg);font-size:1.05rem;line-height:1.7}.rute-info__btn{margin-bottom:var(--space-md);align-items:center;gap:8px;padding:14px 32px;font-size:1rem;display:inline-flex}.rute-info__hint{font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.7}.rute-info__link{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:underline}.rute-info__link:hover{color:var(--color-accent)}